@font-face {
    font-family: 'Roboto';
    src: url('/assets/Roboto-Bold-CvxifqIH.woff2') format('woff2'),
        url('/assets/Roboto-Bold-CUxfmbm9.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/assets/Roboto-Medium-tny623xL.woff2') format('woff2'),
        url('/assets/Roboto-Medium-CGTyfEX3.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/assets/Roboto-SemiBold-BFDTcK9r.woff2') format('woff2'),
        url('/assets/Roboto-SemiBold-BEk_vmfd.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/assets/Roboto-Regular-CePfJvv3.woff2') format('woff2'),
        url('/assets/Roboto-Regular-VJiFcaDK.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

:root {
  --base-unit: var(--su12);
}

* {
  margin: 0;
  padding: 0;
  outline: none;
  user-select: none;

  font-family: "Roboto", "Helvetica", sans-serif !important;
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html,
body {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

body {
  background: black;
}

body  > .error {
    position: absolute;
    z-index: 10000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    margin: 0;
    padding: 20px;

    display: flex;
    justify-content: center;
    align-items: center;

    background-color: black;
    color: red;

    font-family: monospace;
    font-size: 24px;
    font-weight: 600;
    white-space: pre;
  }.hy-app {
  display: flex;
  justify-content: center;
  align-items: center;

  width: 100%;
  height: 100%;

  background-color: black;
  background: linear-gradient(-45deg, #1A0033, #000000);
  color: white;
}
.hy-app.is-loading:before {
    --size: var(--su256);

    content: '';
    display: block;

    width: var(--size);
    height: var(--size);

    background: url(https://etc.athom.com/logo/transparent/512.png) no-repeat center center;
    background-size: contain;

    animation: spin 10s linear infinite;
  }.hy-login {
  width: 100%;
  height: 100%;
  box-sizing: border-box;

  padding: var(--su50) var(--su100);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  gap: var(--su100);
}
.hy-login  > .instructions {
    margin: 0 var(--su100);

    display: grid;
    grid-template-areas: "logo title"
      "description description";
    grid-template-columns: auto 1fr;
    column-gap: var(--su24);
    row-gap: var(--su60);

    color: #fff;
  }
:is(.hy-login > .instructions)  > .logo {
      grid-area: logo;

      --size: var(--su72);

      align-self: flex-end;

      width: var(--size);
      height: var(--size);
      background: url(https://etc.athom.com/logo/transparent/256.png) center center no-repeat;
      background-size: contain;

      animation: spin 20s linear infinite;
    }
:is(.hy-login > .instructions)  > .title {
      grid-area: title;

      align-self: flex-end;

      font-size: var(--su60);
      font-weight: 700;
    }
:is(.hy-login > .instructions)  > .description {
      grid-area: description;

      font-size: var(--su40);
      font-weight: 400;
    }
.hy-login  > .qrcode {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
:is(.hy-login > .qrcode)  > .image-wrap {
      margin: 0 auto;
      padding: var(--su15);
      background-color: rgba(255, 255, 255, 0.1);
      box-shadow: inset 0 0 0 var(--su1) rgba(255, 255, 255, 0.1);
      border-radius: var(--su30);
    }
:is(:is(.hy-login > .qrcode) > .image-wrap)  > .image {
        --size: var(--su500);
        display: block;
        width: var(--size);
        height: var(--size);
        border-radius: var(--su15);

        background-size: contain;
      }
:is(.hy-login > .qrcode)  > .text {
      margin: var(--su40) auto;

      font-size: var(--su28);
      color: rgba(255, 255, 255, 0.6);
      text-align: center;
      line-height: var(--su38);
    }
:is(:is(.hy-login > .qrcode) > .text)  > .url {
        font-family: Roboto Mono, monospace;
        font-size: var(--su24);
        font-weight: 700;
        color: rgba(255, 255, 255, 1.0);

        white-space: nowrap;
      }
:is(:is(:is(.hy-login > .qrcode) > .text) > .url):hover {
          cursor: pointer;
          text-decoration: underline;
        }.hy-div {
  display: block;
}.hy-homey {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;

  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-color: rgba(255, 255, 255, 0.5) transparent;
  scrollbar-width: thin;
}.hy-homey_header {
  display: flex;
  flex-direction: row;
  align-items: center;

  box-sizing: border-box;
  padding: var(--su40);
  gap: var(--su20);

  background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}
.hy-homey_header  > .grow {
    flex-grow: 1;
  }.hy-homey_header_user {
  --size: var(--su80);
  display: block;
  flex-shrink: 0;

  width: var(--size);
  height: var(--size);
  border-radius: var(--size);

  background-color: #333;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.hy-homey_header_user:hover {
    cursor: pointer;
  }.hy-homey_overlay {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  display: grid;

  padding: var(--su40);
  box-sizing: border-box;

  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-color: rgba(255, 255, 255, 0.5) transparent;
  scrollbar-width: thin;

  backdrop-filter: blur(60px);
}
.hy-homey_overlay  > .content {
    display: flex;
    flex-direction: column;
    align-items: center;

    margin: auto;
    gap: var(--su20);
  }
:is(.hy-homey_overlay > .content)  > .title {
      flex-shrink: 0;

      font-size: var(--su40);
      font-weight: 700;
      text-align: center;
      line-height: var(--su40);

      max-width: var(--su650);
    }
:is(.hy-homey_overlay > .content)  > .subtitle {
      flex-shrink: 0;

      font-size: var(--su28);
      font-weight: 400;
      line-height: var(--su40);
      text-align: center;
      color: rgba(255, 255, 255, 0.6);

      max-width: var(--su650);

      margin-bottom: var(--su40);
    }
:is(.hy-homey_overlay > .content)  > .button {
      flex-shrink: 0;
    }.hy-button {
  display: block;

  width: var(--su420);

  font-size: var(--su32);
  font-weight: 600;
  text-align: center;

  border-radius: 9999px;

  background-color: rgba(255, 255, 255, 0.1);
  box-shadow: inset 0px 0px 0px var(--su1) rgba(255, 255, 255, 0.1);

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

  padding: var(--su30);
}
.hy-button:hover {
    cursor: pointer;
  }.hy-homey_header_navigation {
  position: relative;

  display: block;
  flex-shrink: 0;

  padding: var(--base-unit);
  background-color: rgba(255, 255, 255, 0.1);
  box-shadow: inset 0px 0px 0px var(--su1) rgba(255, 255, 255, 0.1);
  border-radius: 9999px;
  backdrop-filter: blur(10px);
}
.hy-homey_header_navigation  > .pages {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: var(--su5);

    box-sizing: border-box;
  }.hy-homey_header_navigation_page {
  padding: var(--su10) var(--su20);
  box-sizing: border-box;
  height: var(--su66);
  border-radius: 9999px;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--su10);
}
.hy-homey_header_navigation_page  > .icon {
    --size: var(--su32);

    width: var(--size);
    height: var(--size);

    mask-position: center center;
    -webkit-mask-position: center center;

    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;

    mask-size: contain;
    -webkit-mask-size: contain;

    background-color: white;
  }
.hy-homey_header_navigation_page[data-page-id="favorites"] > .icon {
    mask-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='42px'%20height='42px'%20viewBox='0%200%2042%2042'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eicon%3c/title%3e%3cg%20id='Devices'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='navigation/bar/x/entry/unselected'%20transform='translate(-24,%20-12)'%20fill='%23FFFFFF'%3e%3cg%20id='icon'%20transform='translate(24,%2012)'%3e%3cpath%20d='M28.2461601,5.90625%20C29.6320853,5.90625%2030.9205173,6.15405664%2032.1114561,6.64966993%20C33.3023949,7.14528322%2034.3424104,7.85024226%2035.2315028,8.76454704%20C36.1205952,9.67885183%2036.8147012,10.7637839%2037.3138207,12.0193433%20C37.8129402,13.2749027%2038.0625,14.6626285%2038.0625,16.1825207%20C38.0625,18.5293222%2037.4277167,20.8543177%2036.1581501,23.1575072%20C34.8885835,25.4606968%2033.0950514,27.7014732%2030.7775537,29.8798366%20C28.4600559,32.0581999%2025.728399,34.1363761%2022.5825827,36.114365%20C22.3261188,36.2747332%2022.0530762,36.4207644%2021.763455,36.5524587%20C21.4738337,36.6841529%2021.2193487,36.75%2021,36.75%20C20.7897981,36.75%2020.5394028,36.6841529%2020.2488141,36.5524587%20C19.9582254,36.4207644%2019.6856666,36.2747332%2019.4311376,36.114365%20C16.2854972,34.1363761%2013.5511138,32.0581999%2011.2279872,29.8798366%20C8.90486067,27.7014732%207.10899783,25.4606968%205.8403987,23.1575072%20C4.57179957,20.8543177%203.9375,18.5293222%203.9375,16.1825207%20C3.9375,14.6626285%204.18653206,13.2749027%204.68459618,12.0193433%20C5.1826603,10.7637839%205.87905298,9.67885183%206.7737742,8.76454704%20C7.66849543,7.85024226%208.71132542,7.14528322%209.9022642,6.64966993%20C11.093203,6.15405664%2012.3769736,5.90625%2013.753576,5.90625%20C15.3597295,5.90625%2016.7819783,6.23788938%2018.0203224,6.90116814%20C19.2586665,7.56444689%2020.2518924,8.43694263%2021,9.51865533%20C21.7572545,8.43694263%2022.7522394,7.56444689%2023.9849547,6.90116814%20C25.2176699,6.23788938%2026.6380718,5.90625%2028.2461601,5.90625%20Z'%20id='Path'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
    -webkit-mask-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='42px'%20height='42px'%20viewBox='0%200%2042%2042'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eicon%3c/title%3e%3cg%20id='Devices'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='navigation/bar/x/entry/unselected'%20transform='translate(-24,%20-12)'%20fill='%23FFFFFF'%3e%3cg%20id='icon'%20transform='translate(24,%2012)'%3e%3cpath%20d='M28.2461601,5.90625%20C29.6320853,5.90625%2030.9205173,6.15405664%2032.1114561,6.64966993%20C33.3023949,7.14528322%2034.3424104,7.85024226%2035.2315028,8.76454704%20C36.1205952,9.67885183%2036.8147012,10.7637839%2037.3138207,12.0193433%20C37.8129402,13.2749027%2038.0625,14.6626285%2038.0625,16.1825207%20C38.0625,18.5293222%2037.4277167,20.8543177%2036.1581501,23.1575072%20C34.8885835,25.4606968%2033.0950514,27.7014732%2030.7775537,29.8798366%20C28.4600559,32.0581999%2025.728399,34.1363761%2022.5825827,36.114365%20C22.3261188,36.2747332%2022.0530762,36.4207644%2021.763455,36.5524587%20C21.4738337,36.6841529%2021.2193487,36.75%2021,36.75%20C20.7897981,36.75%2020.5394028,36.6841529%2020.2488141,36.5524587%20C19.9582254,36.4207644%2019.6856666,36.2747332%2019.4311376,36.114365%20C16.2854972,34.1363761%2013.5511138,32.0581999%2011.2279872,29.8798366%20C8.90486067,27.7014732%207.10899783,25.4606968%205.8403987,23.1575072%20C4.57179957,20.8543177%203.9375,18.5293222%203.9375,16.1825207%20C3.9375,14.6626285%204.18653206,13.2749027%204.68459618,12.0193433%20C5.1826603,10.7637839%205.87905298,9.67885183%206.7737742,8.76454704%20C7.66849543,7.85024226%208.71132542,7.14528322%209.9022642,6.64966993%20C11.093203,6.15405664%2012.3769736,5.90625%2013.753576,5.90625%20C15.3597295,5.90625%2016.7819783,6.23788938%2018.0203224,6.90116814%20C19.2586665,7.56444689%2020.2518924,8.43694263%2021,9.51865533%20C21.7572545,8.43694263%2022.7522394,7.56444689%2023.9849547,6.90116814%20C25.2176699,6.23788938%2026.6380718,5.90625%2028.2461601,5.90625%20Z'%20id='Path'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  }
.hy-homey_header_navigation_page[data-page-id="devices"] > .icon {
    mask-image: url(/assets/devices-BKcZdAxY.svg);
    -webkit-mask-image: url(/assets/devices-BKcZdAxY.svg);
  }
.hy-homey_header_navigation_page[data-page-id="flows"] > .icon {
    mask-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='42px'%20height='42px'%20viewBox='0%200%2042%2042'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eicon%3c/title%3e%3cg%20id='Devices'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='navigation/bar/x/entry/unselected'%20transform='translate(-24,%20-12)'%20fill='%23FFFFFF'%3e%3cg%20id='icon'%20transform='translate(24,%2012)'%3e%3cpath%20d='M9.62144961,10.788877%20C13.1944936,10.788877%2016.4777568,12.7381089%2018.1650247,15.8610896%20L22.7984313,24.4371074%20C23.8529738,26.3889703%2025.9050133,27.6072402%2028.1381658,27.6072402%20L28.875,27.6068108%20L28.875,24.7099%20C28.875,24.5977293%2028.903109,24.4878012%2028.9561838,24.3898995%20L29.0006219,24.318881%20C29.2171168,24.0165456%2029.6383258,23.9465196%2029.9414187,24.1624734%20L36.4271729,28.7835773%20C36.4963842,28.8328904%2036.5569356,28.8932905%2036.6063723,28.9623289%20C36.853795,29.307855%2036.7735647,29.7880338%2036.4271729,30.0348381%20L29.9414187,34.6559421%20C29.8270365,34.7374394%2029.6899846,34.78125%2029.54942,34.78125%20C29.1769481,34.78125%2028.875,34.4800565%2028.875,34.1085155%20L28.875,31.2107458%20L28.1381658,31.2111752%20C24.5651218,31.2111752%2021.2818586,29.2619434%2019.5945907,26.1389627%20L14.961184,17.5629449%20C13.9066416,15.6110819%2011.8546021,14.392812%209.62144961,14.392812%20L7.06730769,14.392812%20C6.06363637,14.392812%205.25,13.5860437%205.25,12.5908445%20C5.25,11.5956454%206.06363637,10.788877%207.06730769,10.788877%20L9.62144961,10.788877%20Z%20M29.9414187,7.34411018%20L36.4271729,11.9652141%20C36.4963842,12.0145272%2036.5569356,12.0749273%2036.6063723,12.1439657%20C36.853795,12.4894918%2036.7735647,12.9696705%2036.4271729,13.2164749%20L29.9414187,17.8375789%20C29.8270365,17.9190762%2029.6899846,17.9628868%2029.54942,17.9628868%20C29.1769481,17.9628868%2028.875,17.6616933%2028.875,17.2901522%20L28.875,14.3923826%20L22.2115385,14.392812%20C21.2078671,14.392812%2020.3942308,13.5860437%2020.3942308,12.5908445%20C20.3942308,11.5956454%2021.2078671,10.788877%2022.2115385,10.788877%20L28.875,10.7884476%20L28.875,7.89153678%20C28.875,7.77936612%2028.903109,7.66943798%2028.9561838,7.57153625%20L29.0006219,7.50051778%20C29.2171168,7.19818241%2029.6383258,7.12815635%2029.9414187,7.34411018%20Z'%20id='Shape'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
    -webkit-mask-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='42px'%20height='42px'%20viewBox='0%200%2042%2042'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eicon%3c/title%3e%3cg%20id='Devices'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='navigation/bar/x/entry/unselected'%20transform='translate(-24,%20-12)'%20fill='%23FFFFFF'%3e%3cg%20id='icon'%20transform='translate(24,%2012)'%3e%3cpath%20d='M9.62144961,10.788877%20C13.1944936,10.788877%2016.4777568,12.7381089%2018.1650247,15.8610896%20L22.7984313,24.4371074%20C23.8529738,26.3889703%2025.9050133,27.6072402%2028.1381658,27.6072402%20L28.875,27.6068108%20L28.875,24.7099%20C28.875,24.5977293%2028.903109,24.4878012%2028.9561838,24.3898995%20L29.0006219,24.318881%20C29.2171168,24.0165456%2029.6383258,23.9465196%2029.9414187,24.1624734%20L36.4271729,28.7835773%20C36.4963842,28.8328904%2036.5569356,28.8932905%2036.6063723,28.9623289%20C36.853795,29.307855%2036.7735647,29.7880338%2036.4271729,30.0348381%20L29.9414187,34.6559421%20C29.8270365,34.7374394%2029.6899846,34.78125%2029.54942,34.78125%20C29.1769481,34.78125%2028.875,34.4800565%2028.875,34.1085155%20L28.875,31.2107458%20L28.1381658,31.2111752%20C24.5651218,31.2111752%2021.2818586,29.2619434%2019.5945907,26.1389627%20L14.961184,17.5629449%20C13.9066416,15.6110819%2011.8546021,14.392812%209.62144961,14.392812%20L7.06730769,14.392812%20C6.06363637,14.392812%205.25,13.5860437%205.25,12.5908445%20C5.25,11.5956454%206.06363637,10.788877%207.06730769,10.788877%20L9.62144961,10.788877%20Z%20M29.9414187,7.34411018%20L36.4271729,11.9652141%20C36.4963842,12.0145272%2036.5569356,12.0749273%2036.6063723,12.1439657%20C36.853795,12.4894918%2036.7735647,12.9696705%2036.4271729,13.2164749%20L29.9414187,17.8375789%20C29.8270365,17.9190762%2029.6899846,17.9628868%2029.54942,17.9628868%20C29.1769481,17.9628868%2028.875,17.6616933%2028.875,17.2901522%20L28.875,14.3923826%20L22.2115385,14.392812%20C21.2078671,14.392812%2020.3942308,13.5860437%2020.3942308,12.5908445%20C20.3942308,11.5956454%2021.2078671,10.788877%2022.2115385,10.788877%20L28.875,10.7884476%20L28.875,7.89153678%20C28.875,7.77936612%2028.903109,7.66943798%2028.9561838,7.57153625%20L29.0006219,7.50051778%20C29.2171168,7.19818241%2029.6383258,7.12815635%2029.9414187,7.34411018%20Z'%20id='Shape'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  }
.hy-homey_header_navigation_page[data-page-id="insights"] > .icon {
    mask-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='42px'%20height='42px'%20viewBox='0%200%2042%2042'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eicon%3c/title%3e%3cg%20id='Devices'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='navigation/bar/x/entry/unselected'%20transform='translate(-24,%20-12)'%20fill='%23FFFFFF'%3e%3cg%20id='icon'%20transform='translate(24,%2012)'%3e%3cpath%20d='M7.546875,16.40625%20C8.81540403,16.40625%209.84375,17.434596%209.84375,18.703125%20L9.84375,34.015625%20C9.84375,34.438468%209.50096801,34.78125%209.078125,34.78125%20L6.015625,34.78125%20C5.59278199,34.78125%205.25,34.438468%205.25,34.015625%20L5.25,18.703125%20C5.25,17.434596%206.27834597,16.40625%207.546875,16.40625%20Z%20M16.078125,7.21875%20C17.346654,7.21875%2018.375,8.24709597%2018.375,9.515625%20L18.375,34.015625%20C18.375,34.438468%2018.032218,34.78125%2017.609375,34.78125%20L14.546875,34.78125%20C14.124032,34.78125%2013.78125,34.438468%2013.78125,34.015625%20L13.78125,9.515625%20C13.78125,8.24709597%2014.809596,7.21875%2016.078125,7.21875%20Z%20M25.265625,21.65625%20C26.534154,21.65625%2027.5625,22.6932375%2027.5625,23.9724265%20L27.5625,34.0091912%20C27.5625,34.4355875%2027.219718,34.78125%2026.796875,34.78125%20L23.734375,34.78125%20C23.311532,34.78125%2022.96875,34.4355875%2022.96875,34.0091912%20L22.96875,23.9724265%20C22.96875,22.6932375%2023.997096,21.65625%2025.265625,21.65625%20Z%20M34.453125,7.21875%20C35.721654,7.21875%2036.75,8.24709597%2036.75,9.515625%20L36.75,34.125%20C36.75,34.4874369%2036.4561869,34.78125%2036.09375,34.78125%20L32.8125,34.78125%20C32.4500631,34.78125%2032.15625,34.4874369%2032.15625,34.125%20L32.15625,9.515625%20L32.15625,9.515625%20C32.15625,8.24709597%2033.184596,7.21875%2034.453125,7.21875%20Z'%20id='Shape'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
    -webkit-mask-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='42px'%20height='42px'%20viewBox='0%200%2042%2042'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eicon%3c/title%3e%3cg%20id='Devices'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='navigation/bar/x/entry/unselected'%20transform='translate(-24,%20-12)'%20fill='%23FFFFFF'%3e%3cg%20id='icon'%20transform='translate(24,%2012)'%3e%3cpath%20d='M7.546875,16.40625%20C8.81540403,16.40625%209.84375,17.434596%209.84375,18.703125%20L9.84375,34.015625%20C9.84375,34.438468%209.50096801,34.78125%209.078125,34.78125%20L6.015625,34.78125%20C5.59278199,34.78125%205.25,34.438468%205.25,34.015625%20L5.25,18.703125%20C5.25,17.434596%206.27834597,16.40625%207.546875,16.40625%20Z%20M16.078125,7.21875%20C17.346654,7.21875%2018.375,8.24709597%2018.375,9.515625%20L18.375,34.015625%20C18.375,34.438468%2018.032218,34.78125%2017.609375,34.78125%20L14.546875,34.78125%20C14.124032,34.78125%2013.78125,34.438468%2013.78125,34.015625%20L13.78125,9.515625%20C13.78125,8.24709597%2014.809596,7.21875%2016.078125,7.21875%20Z%20M25.265625,21.65625%20C26.534154,21.65625%2027.5625,22.6932375%2027.5625,23.9724265%20L27.5625,34.0091912%20C27.5625,34.4355875%2027.219718,34.78125%2026.796875,34.78125%20L23.734375,34.78125%20C23.311532,34.78125%2022.96875,34.4355875%2022.96875,34.0091912%20L22.96875,23.9724265%20C22.96875,22.6932375%2023.997096,21.65625%2025.265625,21.65625%20Z%20M34.453125,7.21875%20C35.721654,7.21875%2036.75,8.24709597%2036.75,9.515625%20L36.75,34.125%20C36.75,34.4874369%2036.4561869,34.78125%2036.09375,34.78125%20L32.8125,34.78125%20C32.4500631,34.78125%2032.15625,34.4874369%2032.15625,34.125%20L32.15625,9.515625%20L32.15625,9.515625%20C32.15625,8.24709597%2033.184596,7.21875%2034.453125,7.21875%20Z'%20id='Shape'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  }
.hy-homey_header_navigation_page  > .name {
    font-size: var(--su32);
    font-weight: 500;
    color: white;
  }
.hy-homey_header_navigation_page.is-active {
    background-color: rgba(255, 255, 255, 0.15);
  }
.hy-homey_header_navigation_page:hover {
    cursor: pointer;
  }
.hy-homey_header_navigation_page.is-focused {
    cursor: pointer;
    background-color: white;
  }
.hy-homey_header_navigation_page.is-focused  > .icon {
      background-color: black
    }
.hy-homey_header_navigation_page.is-focused  > .name {
      color: black;
    }.hy-homey_header_info {
  display: grid;
  flex-shrink: 0;

  text-align: right;
  border-radius: 9999px;
  padding-left: var(--su20);

  grid-template-areas: "homey logo"
    "weather logo";
}
.hy-homey_header_info:hover {
    cursor: pointer;
  }
.hy-homey_header_info  > .logo {
    grid-area: logo;

    --size: var(--su72);
    width: var(--size);
    height: var(--size);
    background: url(https://etc.athom.com/logo/transparent/256.png) no-repeat center center;
    background-size: contain;

    margin-left: var(--su20);

    animation: spin 20s infinite linear;
  }
.hy-homey_header_info  > .homey {
    grid-area: homey;

    font-size: var(--su28);
    font-weight: 500;
    height: var(--su28);
  }
.hy-homey_header_info  > .weather {
    grid-area: weather;

    font-size: var(--su24);
    font-weight: 400;
    color: white;
    opacity: 0.5;
  }
  .hy-homey_page-favorites  > .sections {
    display: flex;
    flex-direction: column;

    gap: var(--su60);
  }.hy-homey_page {
  display: block;

  box-sizing: border-box;

  padding: var(--su40);
}.hy-homey_section {
  display: flex;
  flex-direction: column;
  gap: var(--su20);
}
.hy-homey_section  > .header {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--su26);
  }
:is(.hy-homey_section > .header)  > .icon {
      position: relative;
      z-index: 1;

      box-sizing: border-box;
      padding: var(--su11);
      height: var(--su64);
      width: var(--su64);
      border-radius: var(--su12);

      background-color: rgba(255, 255, 255, 0.1);
    }
:is(:is(.hy-homey_section > .header) > .icon)  > .glyph {
        height: var(--su42);
        width: var(--su42);

        background-color: white;
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-position: center center;
        mask-position: center center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
      }
:is(:is(.hy-homey_section > .header) > .icon)  > .image {
        height: var(--su42);
        width: var(--su42);

        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
      }
:is(.hy-homey_section > .header)  > .title {
      font-size: var(--su40);
      font-weight: 700;
    }
.hy-homey_section  > .items {
    display: flex;
    flex-wrap: wrap;
    gap: var(--su30);
  }.hy-small-flow {
  flex-shrink: 0;
  flex-grow: 0;

  display: grid;
  grid-template-areas: "icon name"
    "icon description";
  grid-template-columns: auto 1fr;

  overflow: hidden;

  box-sizing: border-box;
  width: var(--su420);
  height: var(--su100);
  padding: var(--su16);
  border-radius: 9999px;

  background-color: rgba(255, 255, 255, 0.1);
  box-shadow: inset 0px 0px 0px var(--su1) rgba(255, 255, 255, 0.1);
}
.hy-small-flow:hover {
    cursor: pointer;
  }
.hy-small-flow  > .icon {
    grid-area: icon;

    --size: var(--su68);

    pointer-events: none;
    position: relative;
    width: var(--size);
    height: var(--size);

    margin-right: var(--su20);

    background-image: url(/assets/flow-play-start-CR-MBS8z.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
  }
:is(.hy-small-flow > .icon)  > object {
      position: absolute;
      top: 0;
      left: 0;
      visibility: hidden;
    }
[data-phase="start"]:is(.hy-small-flow > .icon) > object[data-phase="start"],[data-phase="loading"]:is(.hy-small-flow > .icon) > object[data-phase="loading"],[data-phase="success"]:is(.hy-small-flow > .icon) > object[data-phase="success"],[data-phase="error"]:is(.hy-small-flow > .icon) > object[data-phase="error"] {
      visibility: visible;
    }
.hy-small-flow  > .name {
    grid-area: name;

    font-size: var(--su28);
    font-weight: 500;
    margin-bottom: var(--su3);

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    padding-bottom: var(--su6);
  }
.hy-small-flow  > .description {
    grid-area: description;

    font-size: var(--su24);
    font-weight: 500;
    color: rgba(255, 255, 255, 0.6);

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
.hy-small-flow:not(.is-triggerable) {
    opacity: 0.5;
    filter: grayscale(100%);
    cursor: not-allowed;
  }.hy-small-device {
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;

  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  overflow: hidden;

  width: var(--su228);
  height: var(--su228);
  padding: var(--su16);
  border-radius: var(--su24);

  background-color: rgba(255, 255, 255, 0.1);
  box-shadow: inset 0px 0px 0px var(--su1) rgba(255, 255, 255, 0.1);
}
.hy-small-device:hover {
    cursor: pointer;
  }
.hy-small-device  > .icon {
    display: block;

    width: var(--su72);
    height: var(--su72);
  }
:is(.hy-small-device > .icon):not(.is-missing) {
      background-color: white;
      -webkit-mask-position: center center;
      mask-position: center center;
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
    }
.is-missing:is(.hy-small-device > .icon) {
      border: 3px dashed #999;
      border-radius: 20%;
    }
.hy-small-device  > .grow {
    flex-grow: 1;
  }
.hy-small-device  > .name {
    display: block;
    display: -webkit-box;

    overflow: hidden;
    text-overflow: ellipsis;

    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

    font-size: var(--su28);
    font-weight: 500;
    line-height: var(--su32);
  }
.hy-small-device  > .status {
    margin-top: var(--su4);
  }
.hy-small-device.is-locked:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;

    pointer-events: none;
    background: url(/assets/premium-DRtS8scT.svg) no-repeat center center;
    background-size: contain;
  }.hy-small-device_status-activity {
  --color: #3880F2;
}

.hy-small-device_status-activity  > .icon {
    position: relative;
    width: var(--su20);
  }

:is(.hy-small-device_status-activity > .icon)  > .inner,:is(.hy-small-device_status-activity > .icon)  > .outer {
      --size: var(--su12);
      position: absolute;
      left: calc(50% - var(--size) / 2);
      top: calc(50% - var(--size) / 2);

      box-sizing: border-box;
      width: var(--size);
      height: var(--size);

      border-radius: 100%;
    }

:is(.hy-small-device_status-activity > .icon)  > .outer {
      border: var(--su2) solid var(--color);
      animation: activity 2s ease-out infinite;
    }

:is(.hy-small-device_status-activity > .icon)  > .inner {
      background-color: var(--color);
    }

.hy-small-device_status-activity:not(.is-active) > .icon {
    display: none;
  }

.hy-small-device_status-activity.is-active > .text {
    color: var(--color);
  }

@keyframes activity {
  0% {
    transform: scale(1);
    opacity: 0.75;
  }

  100% {
    transform: scale(3);
    opacity: 0;
  }
}.hy-small-device_status {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--su10);

  width: 100%;
  height: var(--su30);
}
.hy-small-device_status  > .icon {
    width: var(--su30);
    height: var(--su30);
  }
.hy-small-device_status  > .text {
    font-size: var(--su24);
    font-weight: 500;
    color: rgba(255, 255, 255, 0.7);

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }.hy-small-device_status-alarm {
  --color: #EF8A34;
}

.hy-small-device_status-alarm  > .icon {
    position: relative;
    width: var(--su20);
  }

:is(.hy-small-device_status-alarm > .icon)  > .inner,:is(.hy-small-device_status-alarm > .icon)  > .outer {
      --size: var(--su12);
      position: absolute;
      left: calc(50% - var(--size) / 2);
      top: calc(50% - var(--size) / 2);

      box-sizing: border-box;
      width: var(--size);
      height: var(--size);

      border-radius: 100%;
    }

:is(.hy-small-device_status-alarm > .icon)  > .outer {
      border: var(--su2) solid var(--color);
      animation: alarm 2s ease-out infinite;
    }

:is(.hy-small-device_status-alarm > .icon)  > .inner {
      background-color: var(--color);
    }

.hy-small-device_status-alarm:not(.is-active) > .icon {
    display: none;
  }

.hy-small-device_status-alarm.is-active > .text {
    color: var(--color);
  }

@keyframes alarm {
  0% {
    transform: scale(1);
    opacity: 0.75;
  }

  100% {
    transform: scale(3);
    opacity: 0;
  }
}
  .hy-small-device_status-battery  > .icon {
    width: var(--su30);
    height: var(--su30);

    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
  }
.hy-small-device_status-battery[data-state="100"] > .icon {
    background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='26px'%20height='26px'%20viewBox='0%200%2026%2026'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3ebattery-100%3c/title%3e%3cg%20id='🔵⚪️-Devices'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='devices/tile/x/status/icon/battery/100'%20transform='translate(0,%20-1)'%3e%3cg%20id='battery-100'%20transform='translate(0,%201)'%3e%3cpath%20d='M3.25,8.9375%20L19.5,8.9375%20C20.3974627,8.9375%2021.125,9.66503728%2021.125,10.5625%20L21.125,15.4375%20C21.125,16.3349627%2020.3974627,17.0625%2019.5,17.0625%20L3.25,17.0625%20C2.35253728,17.0625%201.625,16.3349627%201.625,15.4375%20L1.625,10.5625%20C1.625,9.66503728%202.35253728,8.9375%203.25,8.9375%20Z'%20id='Rectangle'%20fill='%2300C800'%3e%3c/path%3e%3cg%20id='Group'%20transform='translate(0,%207.3125)'%3e%3cpath%20d='M22.3409091,3.25%20L22.3409091,8.125%20C22.3409091,9.69399077%2021.0689908,10.9659091%2019.5,10.9659091%20L3.25,10.9659091%20C1.68100923,10.9659091%200.409090909,9.69399077%200.409090909,8.125%20L0.409090909,3.25%20C0.409090909,1.68100923%201.68100923,0.409090909%203.25,0.409090909%20L19.5,0.409090909%20C21.0689908,0.409090909%2022.3409091,1.68100923%2022.3409091,3.25%20Z'%20id='Rectangle'%20stroke='%23B1B1B9'%20stroke-width='0.818181818'%3e%3c/path%3e%3cpath%20d='M23.5625,3.25%20C24.9086941,3.25%2026,4.34130592%2026,5.6875%20C26,7.03369408%2024.9086941,8.125%2023.5625,8.125%20L23.5625,3.25%20Z'%20id='Path'%20fill='%23B1B1B9'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  }
.hy-small-device_status-battery[data-state="80"] > .icon {
    background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='26px'%20height='26px'%20viewBox='0%200%2026%2026'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3ebattery-80%3c/title%3e%3cg%20id='🔵⚪️-Devices'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='devices/tile/x/status/icon/battery/80'%20transform='translate(0,%20-1)'%3e%3cg%20id='battery-80'%20transform='translate(0,%201)'%3e%3cpath%20d='M3.25,8.9375%20L15.4375,8.9375%20C16.3349627,8.9375%2017.0625,9.66503728%2017.0625,10.5625%20L17.0625,15.4375%20C17.0625,16.3349627%2016.3349627,17.0625%2015.4375,17.0625%20L3.25,17.0625%20C2.35253728,17.0625%201.625,16.3349627%201.625,15.4375%20L1.625,10.5625%20C1.625,9.66503728%202.35253728,8.9375%203.25,8.9375%20Z'%20id='Rectangle'%20fill='%2351C800'%3e%3c/path%3e%3cg%20id='Group'%20transform='translate(0,%207.3125)'%3e%3cpath%20d='M22.34375,3.25%20L22.34375,8.125%20C22.34375,9.69555976%2021.0705598,10.96875%2019.5,10.96875%20L3.25,10.96875%20C1.67944024,10.96875%200.40625,9.69555976%200.40625,8.125%20L0.40625,3.25%20C0.40625,1.67944024%201.67944024,0.40625%203.25,0.40625%20L19.5,0.40625%20C21.0705598,0.40625%2022.34375,1.67944024%2022.34375,3.25%20Z'%20id='Rectangle'%20stroke='%23B1B1B9'%20stroke-width='0.8125'%3e%3c/path%3e%3cpath%20d='M23.5625,3.25%20C24.9086941,3.25%2026,4.34130592%2026,5.6875%20C26,7.03369408%2024.9086941,8.125%2023.5625,8.125%20L23.5625,3.25%20Z'%20id='Path'%20fill='%23B1B1B9'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  }
.hy-small-device_status-battery[data-state="40"] > .icon {
    background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='26px'%20height='26px'%20viewBox='0%200%2026%2026'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3ebattery-40%3c/title%3e%3cg%20id='🔵⚪️-Devices'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='devices/tile/x/status/icon/battery/40'%20transform='translate(0,%20-1)'%3e%3cg%20id='battery-40'%20transform='translate(0,%201)'%3e%3cpath%20d='M3.25,8.9375%20L7.3125,8.9375%20C8.20996272,8.9375%208.9375,9.66503728%208.9375,10.5625%20L8.9375,15.4375%20C8.9375,16.3349627%208.20996272,17.0625%207.3125,17.0625%20L3.25,17.0625%20C2.35253728,17.0625%201.625,16.3349627%201.625,15.4375%20L1.625,10.5625%20C1.625,9.66503728%202.35253728,8.9375%203.25,8.9375%20Z'%20id='Rectangle'%20fill='%23C8A000'%3e%3c/path%3e%3cg%20id='Group'%20transform='translate(0,%207.3125)'%3e%3cpath%20d='M22.34375,3.25%20L22.34375,8.125%20C22.34375,9.69555976%2021.0705598,10.96875%2019.5,10.96875%20L3.25,10.96875%20C1.67944024,10.96875%200.40625,9.69555976%200.40625,8.125%20L0.40625,3.25%20C0.40625,1.67944024%201.67944024,0.40625%203.25,0.40625%20L19.5,0.40625%20C21.0705598,0.40625%2022.34375,1.67944024%2022.34375,3.25%20Z'%20id='Rectangle'%20stroke='%23B1B1B9'%20stroke-width='0.8125'%3e%3c/path%3e%3cpath%20d='M23.5625,3.25%20C24.9086941,3.25%2026,4.34130592%2026,5.6875%20C26,7.03369408%2024.9086941,8.125%2023.5625,8.125%20L23.5625,3.25%20Z'%20id='Path'%20fill='%23B1B1B9'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  }
.hy-small-device_status-battery[data-state="20"] > .icon {
    background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='26px'%20height='26px'%20viewBox='0%200%2026%2026'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3ebattery-20%3c/title%3e%3cg%20id='🔵⚪️-Devices'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='devices/tile/x/status/icon/battery/20'%20transform='translate(0,%20-1)'%3e%3cg%20id='battery-20'%20transform='translate(0,%201)'%3e%3cpath%20d='M3.25,8.9375%20C4.14746272,8.9375%204.875,9.66503728%204.875,10.5625%20L4.875,15.4375%20C4.875,16.3349627%204.14746272,17.0625%203.25,17.0625%20C2.35253728,17.0625%201.625,16.3349627%201.625,15.4375%20L1.625,10.5625%20C1.625,9.66503728%202.35253728,8.9375%203.25,8.9375%20Z'%20id='Rectangle'%20fill='%23C85100'%3e%3c/path%3e%3cg%20id='Group'%20transform='translate(0,%207.3125)'%3e%3cpath%20d='M22.34375,3.25%20L22.34375,8.125%20C22.34375,9.69555976%2021.0705598,10.96875%2019.5,10.96875%20L3.25,10.96875%20C1.67944024,10.96875%200.40625,9.69555976%200.40625,8.125%20L0.40625,3.25%20C0.40625,1.67944024%201.67944024,0.40625%203.25,0.40625%20L19.5,0.40625%20C21.0705598,0.40625%2022.34375,1.67944024%2022.34375,3.25%20Z'%20id='Rectangle'%20stroke='%23B1B1B9'%20stroke-width='0.8125'%3e%3c/path%3e%3cpath%20d='M23.5625,3.25%20C24.9086941,3.25%2026,4.34130592%2026,5.6875%20C26,7.03369408%2024.9086941,8.125%2023.5625,8.125%20L23.5625,3.25%20Z'%20id='Path'%20fill='%23B1B1B9'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  }
.hy-small-device_status-battery[data-state="20"] > .text {
    color: #ff0000;
  }
  .hy-small-device_status-light  > .icon {
    position: relative;
  }
:is(.hy-small-device_status-light > .icon)  > .outer {
      position: absolute;
      left: var(--su3);
      top: var(--su3);

      width: var(--su24);
      height: var(--su24);
      border-radius: 100%;

      opacity: 0.2;
    }
:is(.hy-small-device_status-light > .icon)  > .inner {
      position: absolute;
      left: var(--su7);
      top: var(--su7);

      width: var(--su16);
      height: var(--su16);
      border-radius: 100%;
    }
  .hy-small-device_status-lock  > .icon {
    width: var(--su20);
    mask-image: none;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
  }
.hy-small-device_status-lock:not(.is-locked) > .icon {
    background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='20px'%20height='24px'%20viewBox='0%200%2020%2024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eShape%3c/title%3e%3cg%20id='🔵⚪️-Devices'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='devices/tile/x/status/icon/lock/unlocked'%20transform='translate(0,%20-1)'%20fill='%23F5B207'%3e%3cpath%20d='M10,1%20C13.6818983,1%2016.6666667,4.07004743%2016.6666667,7.85714286%20C16.6666667,8.80391671%2015.9204746,9.57142857%2015,9.57142857%20C14.1452736,9.57142857%2013.4408214,8.90964539%2013.3445462,8.05706479%20L13.3333333,7.85714286%20C13.3333333,5.96359514%2011.8409492,4.42857143%2010,4.42857143%20C8.15905083,4.42857143%206.66666667,5.96359514%206.66666667,7.85714286%20L6.66666667,11.2857143%20L16.6666667,11.2857143%20C18.5076158,11.2857143%2020,12.820738%2020,14.7142857%20L20,21.5714286%20C20,23.4649763%2018.5076158,25%2016.6666667,25%20L3.33333333,25%20C1.49238417,25%200,23.4649763%200,21.5714286%20L0,14.7142857%20C0,12.9068084%201.35979632,11.4260026%203.08456276,11.2951184%20L3.33333333,11.2857143%20L3.33333333,7.85714286%20C3.33333333,4.07004743%206.31810167,1%2010,1%20Z%20M10,14.7142857%20C9.07952542,14.7142857%208.33333333,15.4817976%208.33333333,16.4285714%20L8.33333333,19.8571429%20C8.33333333,20.8039167%209.07952542,21.5714286%2010,21.5714286%20C10.9204746,21.5714286%2011.6666667,20.8039167%2011.6666667,19.8571429%20L11.6666667,16.4285714%20C11.6666667,15.4817976%2010.9204746,14.7142857%2010,14.7142857%20Z'%20id='Shape'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  }
.hy-small-device_status-lock.is-locked > .icon {
    background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='20px'%20height='22px'%20viewBox='0%200%2020%2022'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eShape%202%3c/title%3e%3cg%20id='🔵⚪️-Devices'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='devices/tile/x/status/icon/lock/locked'%20transform='translate(0,%20-3)'%20fill='%23F5B207'%3e%3cpath%20d='M10,3%20C13.6818983,3%2016.6666667,5.81421014%2016.6666667,9.28571429%20L16.6666667,12.4285714%20C18.5076158,12.4285714%2020,13.8356765%2020,15.5714286%20L20,21.8571429%20C20,23.5928949%2018.5076158,25%2016.6666667,25%20L3.33333333,25%20C1.49238417,25%200,23.5928949%200,21.8571429%20L0,15.5714286%20C0,13.9145743%201.35979632,12.5571691%203.08456276,12.4371919%20L3.33333333,12.4285714%20L3.33333333,9.28571429%20C3.33333333,5.81421014%206.31810167,3%2010,3%20Z%20M10,15.5714286%20C9.07952542,15.5714286%208.33333333,16.2749811%208.33333333,17.1428571%20L8.33333333,20.2857143%20C8.33333333,21.1535903%209.07952542,21.8571429%2010,21.8571429%20C10.9204746,21.8571429%2011.6666667,21.1535903%2011.6666667,20.2857143%20L11.6666667,17.1428571%20C11.6666667,16.2749811%2010.9204746,15.5714286%2010,15.5714286%20Z%20M10,6.14285714%20C8.15905083,6.14285714%206.66666667,7.54996221%206.66666667,9.28571429%20L6.66666667,12.4285714%20L13.3333333,12.4285714%20L13.3333333,9.28571429%20C13.3333333,7.54996221%2011.8409492,6.14285714%2010,6.14285714%20Z'%20id='Shape'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  }
  .hy-small-device_status-premium  > .icon {
    width: var(--su24);
    height: var(--su24);

    mask-image: none;
    -webkit-mask-image: none;

    background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='28px'%20height='28px'%20viewBox='0%200%2028%2028'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eglyphs/system/premium%3c/title%3e%3cg%20id='🔵⚪️-Devices'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='glyphs/system/premium'%20fill='%23F4317B'%3e%3cpath%20d='M20.5038133,7.4375%20C22.2107813,7.4375%2023.7558684,8.17159361%2024.8743988,9.35760461%20C25.9948923,10.5456972%2026.6875,12.1871495%2026.6875,14%20C26.6875,15.8128505%2025.9948923,17.4543028%2024.8743988,18.6423954%20C23.7558684,19.8284064%2022.2107813,20.5625%2020.5038133,20.5625%20C18.9643647,20.5625%2017.5027609,19.9721259%2016.3864451,18.9209615%20C16.147759,18.6962058%2016.0180641,18.3899936%2016.0005616,18.0769727%20C15.983041,17.7636274%2016.0779061,17.4430265%2016.2900735,17.1897021%20C16.5002814,16.9387174%2016.7863467,16.8012654%2017.0793714,16.7828444%20C17.3720465,16.7644455%2017.6711235,16.8648684%2017.9075678,17.0875131%20C18.605629,17.7448335%2019.5265828,18.1154661%2020.5038133,18.1154661%20C21.577715,18.1154661%2022.5502331,17.6543876%2023.2540904,16.9080668%20C23.9559845,16.1638276%2024.390547,15.1357884%2024.390547,14%20C24.390547,12.8642116%2023.9559845,11.8361724%2023.2540904,11.0919332%20C22.5502331,10.3456124%2021.577715,9.8845339%2020.5038133,9.8845339%20C19.53584,9.8845339%2018.5975952,10.2604062%2017.6877054,11.0287342%20C16.7981016,11.7799323%2015.9342835,12.9086441%2015.0948491,14.4281709%20C13.9881446,16.4760957%2012.809663,18.0095713%2011.5481412,19.0304877%20C10.2854624,20.0523405%208.9390091,20.5625%207.49618674,20.5625%20C5.78921869,20.5625%204.24413159,19.8284064%203.12560121,18.6423954%20C2.00510767,17.4543028%201.3125,15.8128505%201.3125,14%20C1.3125,12.1871495%202.00510767,10.5456972%203.12560121,9.35760461%20C4.24413159,8.17159361%205.78921869,7.4375%207.49618674,7.4375%20C9.03563525,7.4375%2010.4972391,8.02787414%2011.6135549,9.07903854%20C11.852241,9.30379424%2011.9819359,9.61000638%2011.9994384,9.9230273%20C12.016959,10.2363726%2011.9220939,10.5569735%2011.7099265,10.8102979%20C11.4997186,11.0612826%2011.2136533,11.1987346%2010.9206286,11.2171556%20C10.6279535,11.2355545%2010.3288765,11.1351316%2010.0924322,10.9124869%20C9.39437097,10.2551665%208.47341718,9.8845339%207.49618674,9.8845339%20C6.42228495,9.8845339%205.44976692,10.3456124%204.74590963,11.0919332%20C4.0440155,11.8361724%203.60945296,12.8642116%203.60945296,14%20C3.60945296,15.1357884%204.0440155,16.1638276%204.74590963,16.9080668%20C5.44976692,17.6543876%206.42228495,18.1154661%207.49618674,18.1154661%20C8.46418403,18.1154661%209.40245184,17.739576%2010.3124263,16.9710931%20C11.2020659,16.2197833%2012.0659829,15.0908664%2012.9053984,13.5713736%20L13.1135625,13.1903085%20C14.1683861,11.2814308%2015.3180199,9.83589483%2016.5620919,8.8704484%20C17.7858426,7.92077215%2019.1003233,7.4375%2020.5038133,7.4375%20Z'%20id='Path'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center center;
    background-size: contain;
  }
.hy-small-device_status-premium  > .text {
    color: #E1457B;
  }
  .hy-small-device_status-socket  > .text > .power {
    color: #3F7EF4;
  }
.hy-small-device_status-socket.has-power.has-onoff > .text > .power:after {
    content: ' • ';
    color: rgba(255, 255, 255, 0.7);
  }
.hy-small-device_status-socket  > .icon {
    width: var(--su12);
    height: var(--su28);

    mask-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='14px'%20height='28px'%20viewBox='0%200%2014%2028'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eControls/Devices/Device%20Tile/Light/x/status/icon/usage%3c/title%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='Controls/Devices/Device-Tile/Light/x/status/icon/usage'%20transform='translate(1,%200)'%20fill='%23FFFFFF'%3e%3cg%20id='glyphs-/-core-/-electricity-bolt'%20transform='translate(-8.8,%20-0.6)'%3e%3cpath%20d='M21.060019,12.1136256%20C20.9106182,11.8734908%2020.6481573,11.7290194%2020.3574314,11.7290194%20L15.9602024,11.7290194%20L16.9878377,3.17397134%20C17.0019702,3.05683238%2016.9636105,2.93774112%2016.8808344,2.8498869%20C16.8000772,2.76203269%2016.6829793,2.71127248%2016.5598245,2.71127248%20L16.5416542,2.71127248%20C16.3821587,2.71127248%2016.2388147,2.79522206%2016.1641143,2.92993185%20L8.88385364,16.0885407%20C8.74656642,16.3364848%208.75464214,16.6273799%208.90404294,16.869467%20C9.05344374,17.1096019%209.31590461,17.2540732%209.60663049,17.2540732%20L14.0038595,17.2560256%20L12.9762242,25.8110736%20C12.9620917,25.9282126%2013.0004514,26.0473038%2013.0812086,26.1351581%20C13.1619658,26.2230123%2013.2790637,26.2737725%2013.4022184,26.2737725%20L13.4203888,26.2737725%20C13.5798842,26.2737725%2013.7232282,26.1898229%2013.7979286,26.0551131%20L21.0781893,12.8965043%20C21.2154765,12.6466078%2021.2094198,12.3557128%2021.060019,12.1136256%20Z'%20id='Path'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
    -webkit-mask-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='14px'%20height='28px'%20viewBox='0%200%2014%2028'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eControls/Devices/Device%20Tile/Light/x/status/icon/usage%3c/title%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='Controls/Devices/Device-Tile/Light/x/status/icon/usage'%20transform='translate(1,%200)'%20fill='%23FFFFFF'%3e%3cg%20id='glyphs-/-core-/-electricity-bolt'%20transform='translate(-8.8,%20-0.6)'%3e%3cpath%20d='M21.060019,12.1136256%20C20.9106182,11.8734908%2020.6481573,11.7290194%2020.3574314,11.7290194%20L15.9602024,11.7290194%20L16.9878377,3.17397134%20C17.0019702,3.05683238%2016.9636105,2.93774112%2016.8808344,2.8498869%20C16.8000772,2.76203269%2016.6829793,2.71127248%2016.5598245,2.71127248%20L16.5416542,2.71127248%20C16.3821587,2.71127248%2016.2388147,2.79522206%2016.1641143,2.92993185%20L8.88385364,16.0885407%20C8.74656642,16.3364848%208.75464214,16.6273799%208.90404294,16.869467%20C9.05344374,17.1096019%209.31590461,17.2540732%209.60663049,17.2540732%20L14.0038595,17.2560256%20L12.9762242,25.8110736%20C12.9620917,25.9282126%2013.0004514,26.0473038%2013.0812086,26.1351581%20C13.1619658,26.2230123%2013.2790637,26.2737725%2013.4022184,26.2737725%20L13.4203888,26.2737725%20C13.5798842,26.2737725%2013.7232282,26.1898229%2013.7979286,26.0551131%20L21.0781893,12.8965043%20C21.2154765,12.6466078%2021.2094198,12.3557128%2021.060019,12.1136256%20Z'%20id='Path'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center center;
    -webkit-mask-position: center center;

    background-color: #3F7EF4;
  }
.hy-small-device_status-socket.is-exporting > .icon {
    background-color: #6AC42E;
  }
.hy-small-device_status-socket.is-exporting > .text > .power {
    color: #6AC42E;
  }
.hy-small-device_status-socket:not(.has-onoff)  > .text > .state {
      display: none;
    }
.hy-small-device_status-socket:not(.has-power)  > .icon,.hy-small-device_status-socket:not(.has-power)  > .text > .power {
      display: none;
    }.hy-span {
  display: inline;
}.hy-small-device_status-speaker {
  --color: #A369F8;
  --speed: 0.6s;
}

.hy-small-device_status-speaker  > .icon {
    display: flex;
    align-items: center;
    gap: var(--su2);
    width: var(--su23);
    height: var(--su22);
  }

:is(.hy-small-device_status-speaker > .icon)  > .bar {
      width: var(--su3);
      height: var(--su22);
      border-radius: var(--su3);
      background-color: var(--color);

      transition: background-color 0.1s, height 0.1s;
      animation: hy-small-device-speaker-bar-pulse 1s ease-in-out infinite;
    }

:is(:is(.hy-small-device_status-speaker > .icon) > .bar):nth-child(1) {
        animation: bar1 var(--speed) ease-in-out infinite alternate;
        animation-delay: 0s;
      }

:is(:is(.hy-small-device_status-speaker > .icon) > .bar):nth-child(2) {
        animation: bar2 var(--speed) ease-in-out infinite alternate;
        animation-delay: 0.15s;
      }

:is(:is(.hy-small-device_status-speaker > .icon) > .bar):nth-child(3) {
        animation: bar3 var(--speed) ease-in-out infinite alternate;
        animation-delay: 0.3s;
      }

:is(:is(.hy-small-device_status-speaker > .icon) > .bar):nth-child(4) {
        animation: bar4 var(--speed) ease-in-out infinite alternate;
        animation-delay: 0.45s;
      }

:is(:is(.hy-small-device_status-speaker > .icon) > .bar):nth-child(5) {
        animation: bar5 var(--speed) ease-in-out infinite alternate;
        animation-delay: 0.6s;
      }

.hy-small-device_status-speaker:not(.is-playing) > .icon {
    display: none;
  }

.hy-small-device_status-speaker.is-playing > .text {
    color: var(--color);
  }

@keyframes bar1 {
  0% {
    height: var(--su6);
  }

  100% {
    height: var(--su18);
  }
}

@keyframes bar2 {
  0% {
    height: var(--su16);
  }

  100% {
    height: var(--su24);
  }
}

@keyframes bar3 {
  0% {
    height: var(--su6);
  }

  100% {
    height: var(--su22);
  }
}

@keyframes bar4 {
  0% {
    height: var(--su12);
  }

  100% {
    height: var(--su20);
  }
}

@keyframes bar5 {
  0% {
    height: var(--su8);
  }

  100% {
    height: var(--su16);
  }
}
  .hy-small-device_status-thermostat  > .icon {
    width: var(--su24);
    height: var(--su24);
    mask-image: none;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
  }
.hy-small-device_status-thermostat[data-state="active-heating"] > .icon {
    background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='24px'%20height='24px'%20viewBox='0%200%2024%2024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eGroup%3c/title%3e%3cg%20id='🔵⚪️-Devices'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='devices/tile/x/status/icon/thermostat/heating-active'%20transform='translate(0,%20-2)'%3e%3cg%20id='Group'%20transform='translate(0,%202)'%3e%3ccircle%20id='Oval'%20fill='%23FF8400'%20cx='12'%20cy='12'%20r='12'%3e%3c/circle%3e%3cg%20id='glyphs-/-interface-/-arrow-up-bold'%20transform='translate(4,%204)'%20fill='%23FFFFFF'%3e%3cpath%20d='M8.96166522,0.400049275%20L14.4016652,5.86346391%20C14.9327783,6.39686294%2014.9327783,7.26167364%2014.4016652,7.79507268%20C13.8705522,8.32847171%2013.0094478,8.32847171%2012.4783348,7.79507268%20L9.36,4.662%20L9.36,14.6341463%20C9.36,15.3884865%208.75110726,16%208,16%20C7.24889274,16%206.64,15.3884865%206.64,14.6341463%20L6.64,4.663%20L3.5220355,7.79891029%20C3.03536941,8.28804766%202.27124708,8.32908896%201.7380232,7.92183757%20L1.59870519,7.79965416%20C1.06738766,7.26646059%201.06705604,6.40164995%201.59796451,5.86804554%20L7.03796451,0.400421284%20C7.56901755,-0.133328437%208.43040755,-0.133495015%208.96166522,0.400049275%20Z'%20id='arrow-up'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  }
.hy-small-device_status-thermostat[data-state="active-cooling"] > .icon {
    background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='24px'%20height='24px'%20viewBox='0%200%2024%2024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eGroup%203%3c/title%3e%3cg%20id='🔵⚪️-Devices'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='devices/tile/x/status/icon/thermostat/cooling-active'%20transform='translate(0,%20-2)'%3e%3cg%20id='Group'%20transform='translate(0,%202)'%3e%3ccircle%20id='Oval'%20fill='%230082FA'%20cx='12'%20cy='12'%20r='12'%3e%3c/circle%3e%3cg%20id='glyphs-/-interface-/-arrow-up-bold'%20transform='translate(12,%2012)%20rotate(180)%20translate(-12,%20-12)translate(4,%204)'%20fill='%23FFFFFF'%3e%3cpath%20d='M8.96166522,0.400049275%20L14.4016652,5.86346391%20C14.9327783,6.39686294%2014.9327783,7.26167364%2014.4016652,7.79507268%20C13.8705522,8.32847171%2013.0094478,8.32847171%2012.4783348,7.79507268%20L9.36,4.662%20L9.36,14.6341463%20C9.36,15.3884865%208.75110726,16%208,16%20C7.24889274,16%206.64,15.3884865%206.64,14.6341463%20L6.64,4.663%20L3.5220355,7.79891029%20C3.03536941,8.28804766%202.27124708,8.32908896%201.7380232,7.92183757%20L1.59870519,7.79965416%20C1.06738766,7.26646059%201.06705604,6.40164995%201.59796451,5.86804554%20L7.03796451,0.400421284%20C7.56901755,-0.133328437%208.43040755,-0.133495015%208.96166522,0.400049275%20Z'%20id='arrow-up'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  }
.hy-small-device_status-thermostat[data-state="passive-heating"] > .icon {
    background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='24px'%20height='24px'%20viewBox='0%200%2024%2024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eGroup%202%3c/title%3e%3cg%20id='🔵⚪️-Devices'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='devices/tile/x/status/icon/thermostat/heating-passive'%20transform='translate(0,%20-2)'%3e%3cg%20id='Group'%20transform='translate(0,%202)'%3e%3ccircle%20id='Oval'%20fill='%2393939A'%20cx='12'%20cy='12'%20r='12'%3e%3c/circle%3e%3cg%20id='glyphs-/-interface-/-arrow-up-bold'%20transform='translate(4,%204)'%20fill='%23FFFFFF'%3e%3cpath%20d='M8.96166522,0.400049275%20L14.4016652,5.86346391%20C14.9327783,6.39686294%2014.9327783,7.26167364%2014.4016652,7.79507268%20C13.8705522,8.32847171%2013.0094478,8.32847171%2012.4783348,7.79507268%20L9.36,4.662%20L9.36,14.6341463%20C9.36,15.3884865%208.75110726,16%208,16%20C7.24889274,16%206.64,15.3884865%206.64,14.6341463%20L6.64,4.663%20L3.5220355,7.79891029%20C3.03536941,8.28804766%202.27124708,8.32908896%201.7380232,7.92183757%20L1.59870519,7.79965416%20C1.06738766,7.26646059%201.06705604,6.40164995%201.59796451,5.86804554%20L7.03796451,0.400421284%20C7.56901755,-0.133328437%208.43040755,-0.133495015%208.96166522,0.400049275%20Z'%20id='arrow-up'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  }
.hy-small-device_status-thermostat[data-state="passive-cooling"] > .icon {
    background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='24px'%20height='24px'%20viewBox='0%200%2024%2024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eGroup%20Copy%3c/title%3e%3cg%20id='🔵⚪️-Devices'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='devices/tile/x/status/icon/thermostat/heating-passive-copy'%20transform='translate(0,%20-2)'%3e%3cg%20id='Group-Copy'%20transform='translate(12,%2014)%20scale(1,%20-1)%20translate(-12,%20-14)translate(0,%202)'%3e%3ccircle%20id='Oval'%20fill='%2393939A'%20cx='12'%20cy='12'%20r='12'%3e%3c/circle%3e%3cg%20id='glyphs-/-interface-/-arrow-up-bold'%20transform='translate(4,%204)'%20fill='%23FFFFFF'%3e%3cpath%20d='M8.96166522,0.400049275%20L14.4016652,5.86346391%20C14.9327783,6.39686294%2014.9327783,7.26167364%2014.4016652,7.79507268%20C13.8705522,8.32847171%2013.0094478,8.32847171%2012.4783348,7.79507268%20L9.36,4.662%20L9.36,14.6341463%20C9.36,15.3884865%208.75110726,16%208,16%20C7.24889274,16%206.64,15.3884865%206.64,14.6341463%20L6.64,4.663%20L3.5220355,7.79891029%20C3.03536941,8.28804766%202.27124708,8.32908896%201.7380232,7.92183757%20L1.59870519,7.79965416%20C1.06738766,7.26646059%201.06705604,6.40164995%201.59796451,5.86804554%20L7.03796451,0.400421284%20C7.56901755,-0.133328437%208.43040755,-0.133495015%208.96166522,0.400049275%20Z'%20id='arrow-up'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  }
.hy-small-device_status-thermostat[data-state="active-heating"] > .text > .target {
    color: #EF8B34;
  }
.hy-small-device_status-thermostat[data-state="active-cooling"] > .text > .target {
    color: #3880F2;
  }
.hy-small-device_status-thermostat[data-state="passive-heating"] > .text > .target,.hy-small-device_status-thermostat[data-state="passive-cooling"] > .text > .target {
    color: rgba(255, 255, 255, 0.4);
  }
.hy-small-device_status-thermostat  > .text > .target + .measure:not(:empty):before {
    content: '';
    display: inline-block;
    vertical-align: middle;

    margin: 0 var(--su10);
    width: var(--su2);
    height: var(--su20);
    background-color: rgba(255, 255, 255, 0.5);
  }
.hy-small-device_status-thermostat[data-state="off"] > .icon {
    display: none;
  }
  .hy-small-device_status-unavailable  > .icon {
    background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='26px'%20height='28px'%20viewBox='0%200%2026%2028'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eControls/Devices/Device%20Tile/Light/x/status/icon/unavailable%3c/title%3e%3cg%20id='rr'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='Controls/Devices/Device-Tile/Light/x/status/icon/unavailable'%20fill='%23D81C1D'%3e%3cpath%20d='M15.4401424,3.43468654%20L25.6513113,21.896225%20C26.6721003,23.741786%2025.3293454,26%2023.211169,26%20L2.78883104,26%20C0.670654554,26%20-0.672100293,23.741786%200.34868867,21.896225%20L10.5598576,3.43468654%20C11.6179007,1.52177115%2014.3820993,1.52177115%2015.4401424,3.43468654%20Z%20M13,19.5384615%20C11.9746413,19.5384615%2011.1434238,20.3650128%2011.1434238,21.3846154%20C11.1434238,22.404218%2011.9746413,23.2307692%2013,23.2307692%20C14.0253587,23.2307692%2014.8565762,22.404218%2014.8565762,21.3846154%20C14.8565762,20.3650128%2014.0253587,19.5384615%2013,19.5384615%20Z%20M13,8.46153846%20L12.832816,8.46983006%20C11.9094843,8.56164489%2011.2358269,9.38038183%2011.3281601,10.2985302%20L11.9793438,16.7738118%20C12.0317802,17.2952318%2012.4730211,17.6923077%2013,17.6923077%20C13.5269789,17.6923077%2013.9682198,17.2952318%2014.0206562,16.7738118%20L14.6718399,10.2985302%20L14.6801783,10.1322847%20C14.6801783,9.20955705%2013.9279369,8.46153846%2013,8.46153846%20Z'%20id='Shape'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
  }
.hy-small-device_status-unavailable  > .text {
    color: #ff0000;
  }.hy-homey_device {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(10px);
}
.hy-homey_device  > .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--su100);

    width: calc(var(--su100) * 13);
    height: var(--su920);
    padding: var(--su50);
    box-sizing: border-box;

    box-shadow: inset 0px 0px 0px var(--su1) rgba(255, 255, 255, 0.1);
    border-radius: var(--su20);
    background-image: radial-gradient(circle, rgba(29, 18, 37, 1) 0%, rgba(17, 18, 24, 1) 100%);
  }
:is(.hy-homey_device > .content)  > .title {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: var(--su20);
    }
:is(:is(.hy-homey_device > .content) > .title)  > .icon {
        mask-position: center center;
        -webkit-mask-position: center center;

        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;

        mask-size: contain;
        -webkit-mask-size: contain;

        width: var(--su52);
        height: var(--su52);

        background-color: white;
      }
:is(:is(.hy-homey_device > .content) > .title)  > .name {
        font-size: var(--su32);
        font-weight: 500;
      }
:is(.hy-homey_device > .content)  > .toggle {
      width: var(--su240);
      height: var(--su240);

      border-radius: 9999px;

      background-color: #414146;
      transition: background-color 0.1s;

      display: flex;
      align-items: center;
      justify-content: center;
    }
:is(:is(.hy-homey_device > .content) > .toggle):hover {
        cursor: pointer;
      }
:is(:is(.hy-homey_device > .content) > .toggle):before {
        content: '';
        display: block;

        width: var(--su80);
        height: var(--su80);

        background-color: white;
        transition: background-color 0.1s;

        mask-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='75px'%20height='79px'%20viewBox='0%200%2075%2079'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eShape%3c/title%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cpath%20d='M17.6126218,14.1084957%20C19.4432044,15.9390783%2019.4432044,18.9070392%2017.6126218,20.7376218%20C6.62912607,31.7211175%206.62912607,49.5288825%2017.6126218,60.5123782%20C28.5961175,71.4958739%2046.4038825,71.4958739%2057.3873782,60.5123782%20C68.3708739,49.5288825%2068.3708739,31.7211175%2057.3873782,20.7376218%20C55.5567956,18.9070392%2055.5567956,15.9390783%2057.3873782,14.1084957%20C59.2179608,12.2779131%2062.1859217,12.2779131%2064.0165043,14.1084957%20C78.6611652,28.7531566%2078.6611652,52.4968434%2064.0165043,67.1415043%20C49.3718434,81.7861652%2025.6281566,81.7861652%2010.9834957,67.1415043%20C-3.66116523,52.4968434%20-3.66116523,28.7531566%2010.9834957,14.1084957%20C12.8140783,12.2779131%2015.7820392,12.2779131%2017.6126218,14.1084957%20Z%20M37.5,1.59161573e-12%20C40.0888348,1.59161573e-12%2042.1875,2.09866524%2042.1875,4.6875%20L42.1875,35.9375%20C42.1875,38.5263348%2040.0888348,40.625%2037.5,40.625%20C34.9111652,40.625%2032.8125,38.5263348%2032.8125,35.9375%20L32.8125,4.6875%20C32.8125,2.09866524%2034.9111652,1.59161573e-12%2037.5,1.59161573e-12%20Z'%20id='Shape'%20fill='%23000000'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
        -webkit-mask-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='75px'%20height='79px'%20viewBox='0%200%2075%2079'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eShape%3c/title%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cpath%20d='M17.6126218,14.1084957%20C19.4432044,15.9390783%2019.4432044,18.9070392%2017.6126218,20.7376218%20C6.62912607,31.7211175%206.62912607,49.5288825%2017.6126218,60.5123782%20C28.5961175,71.4958739%2046.4038825,71.4958739%2057.3873782,60.5123782%20C68.3708739,49.5288825%2068.3708739,31.7211175%2057.3873782,20.7376218%20C55.5567956,18.9070392%2055.5567956,15.9390783%2057.3873782,14.1084957%20C59.2179608,12.2779131%2062.1859217,12.2779131%2064.0165043,14.1084957%20C78.6611652,28.7531566%2078.6611652,52.4968434%2064.0165043,67.1415043%20C49.3718434,81.7861652%2025.6281566,81.7861652%2010.9834957,67.1415043%20C-3.66116523,52.4968434%20-3.66116523,28.7531566%2010.9834957,14.1084957%20C12.8140783,12.2779131%2015.7820392,12.2779131%2017.6126218,14.1084957%20Z%20M37.5,1.59161573e-12%20C40.0888348,1.59161573e-12%2042.1875,2.09866524%2042.1875,4.6875%20L42.1875,35.9375%20C42.1875,38.5263348%2040.0888348,40.625%2037.5,40.625%20C34.9111652,40.625%2032.8125,38.5263348%2032.8125,35.9375%20L32.8125,4.6875%20C32.8125,2.09866524%2034.9111652,1.59161573e-12%2037.5,1.59161573e-12%20Z'%20id='Shape'%20fill='%23000000'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");

        mask-position: center center;
        -webkit-mask-position: center center;

        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;

        mask-size: contain;
        -webkit-mask-size: contain;
      }
.is-on:is(:is(.hy-homey_device > .content) > .toggle) {
        background-color: white;
      }
.is-on:is(:is(.hy-homey_device > .content) > .toggle):before {
          background-color: black;
        }
  .hy-homey_device_message-all-good  > .icon {
    background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='75px'%20height='75px'%20viewBox='0%200%2075%2075'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eShape%3c/title%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cpath%20d='M37.5,0%20C58.2106781,0%2075,16.7893219%2075,37.5%20C75,58.2106781%2058.2106781,75%2037.5,75%20C16.7893219,75%200,58.2106781%200,37.5%20C0,16.7893219%2016.7893219,0%2037.5,0%20Z%20M54.487496,19.3200064%20C52.8566813,18.3007472%2050.7453359,18.6882949%2049.5731845,20.1550209%20L49.3200064,20.512504%20L33.07125,46.515%20L25.1516504,38.5983496%20L24.7983729,38.2863923%20C23.3272809,37.142549%2021.2001644,37.2465347%2019.8483496,38.5983496%20C18.4965347,39.9501644%2018.392549,42.0772809%2019.5363923,43.5483729%20L19.8483496,43.9016504%20L31.0983496,55.1516504%20L31.4538336,55.4657277%20C33.061542,56.7166379%2035.3993724,56.4430332%2036.6738262,54.8491714%20L36.9299936,54.487496%20L55.6799936,24.487496%20L55.8903835,24.1032702%20C56.6951495,22.4069285%2056.1183107,20.3392656%2054.487496,19.3200064%20Z'%20id='Shape'%20fill='%23FFFFFF'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
  }.hy-homey_device_message {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--su10);
}
.hy-homey_device_message  > .icon {
    width: var(--su75);
    height: var(--su75);

    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;

    margin-bottom: var(--su20);
  }
.hy-homey_device_message  > .title {
    font-size: var(--su40);
    font-weight: 700;
    text-align: center;
  }
.hy-homey_device_message  > .subtitle {
    font-size: var(--su28);
    font-weight: 500;
    text-align: center;
    color: rgba(255, 255, 255, 0.6);
  }.hy-small-mood {
  flex-shrink: 0;
  flex-grow: 0;

  display: grid;
  grid-template-areas: "icon name"
    "icon description";
  grid-template-columns: auto 1fr;

  overflow: hidden;

  box-sizing: border-box;
  width: var(--su420);
  height: var(--su100);
  padding: var(--su20);
  border-radius: var(--su24);

  background-color: rgba(255, 255, 255, 0.1);
  box-shadow: inset 0px 0px 0px var(--su1) rgba(255, 255, 255, 0.1);
}

.hy-small-mood:hover {
    cursor: pointer;
  }

.hy-small-mood  > .icon {
    --size: var(--su60);
    grid-area: icon;

    position: relative;
    width: var(--size);
    height: var(--size);

    margin-right: var(--su20);
  }

:is(.hy-small-mood > .icon)  > .foreground,:is(.hy-small-mood > .icon)  > .background {
      position: absolute;
      width: 100%;
      height: 100%;
      border-radius: 100%;
    }

:is(.hy-small-mood > .icon)  > .foreground {
      z-index: 2;
    }

:is(.hy-small-mood > .icon)  > .background {
      z-index: 1;
    }

.hy-small-mood  > .name {
    grid-area: name;

    font-size: var(--su28);
    font-weight: 500;
    margin-bottom: var(--su3);

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    padding-bottom: var(--su6);
  }

.hy-small-mood  > .description {
    grid-area: description;

    font-size: var(--su24);
    font-weight: 500;
    color: rgba(255, 255, 255, 0.6);

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

.hy-small-mood.is-playing  > .icon > .background {
      animation: mood-scale 1s ease-out;
    }

@keyframes mood-scale {
  0% {
    transform: scale(1);
  }

  99.9% {
    transform: scale(15);
    opacity: 0;
  }

  100% {
    transform: scale(1);
  }
}
  .hy-homey_page-devices  > .zones {
    display: flex;
    flex-direction: column;
    gap: var(--su60);
  }
:is(.hy-homey_page-devices > .zones) .zone {
      display: flex;
      flex-direction: column;
    }
[data-count="0"]:is(:is(.hy-homey_page-devices > .zones) .zone) > .header {
        display: none;
      }
:is(:is(.hy-homey_page-devices > .zones) .zone)  > .items {
        display: flex;
        flex-direction: column;
      }
:is(:is(:is(.hy-homey_page-devices > .zones) .zone) > .items)  > .moods {
          display: flex;
          flex-wrap: wrap;
          gap: var(--su30);
        }
[data-count="0"]:is(:is(:is(:is(.hy-homey_page-devices > .zones) .zone) > .items) > .moods) {
            display: none;
          }
:is(:is(:is(.hy-homey_page-devices > .zones) .zone) > .items)  > .devices {
          display: flex;
          flex-wrap: wrap;
          gap: var(--su30);
        }
[data-count="0"]:is(:is(:is(:is(.hy-homey_page-devices > .zones) .zone) > .items) > .devices) {
            display: none;
          }
:is(:is(:is(.hy-homey_page-devices > .zones) .zone) > .items)  > .zones {
          display: flex;
          flex-direction: column;
          gap: var(--su30);
        }
  .hy-homey_page-flows  > .folders {
    display: flex;
    flex-direction: column;
    gap: var(--su60);
  }
[data-count="0"]:is(:is(.hy-homey_page-flows > .folders) .folder) > .header {
        display: none;
      }
:is(:is(.hy-homey_page-flows > .folders) .folder)  > .items {
        display: flex;
        flex-direction: column;
      }
:is(:is(:is(.hy-homey_page-flows > .folders) .folder) > .items)  > .folders {
          display: flex;
          flex-direction: column;
          gap: var(--su30);
        }
:is(:is(:is(.hy-homey_page-flows > .folders) .folder) > .items)  > .flows {
          display: flex;
          flex-wrap: wrap;
          gap: var(--su30);
        }
[data-count="0"]:is(:is(:is(:is(.hy-homey_page-flows > .folders) .folder) > .items) > .flows) {
            display: none;
          }.hy-focus {
  display: none;

  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;

  box-sizing: border-box;

  border: var(--su4) solid white;
  border-radius: 0;

  pointer-events: none;
}
.hy-focus.is-visible {
    display: block;
  }
.hy-focus:not(.is-enabled) {
    visibility: hidden;
  }.hy-error {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.hy-error  > .error {
    height: var(--su800);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
:is(.hy-error > .error)  > .title {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;

      font-size: var(--su40);
      font-weight: 700;

      margin-bottom: var(--su10);
    }
:is(.hy-error > .error)  > .subtitle {
      font-size: var(--su28);
      color: rgba(255, 255, 255, 0.6);

      margin-bottom: var(--su70);
    }