#control[data-v-3c972702]{width:190px;height:226px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;position:relative}#control .lock[data-v-3c972702]{position:absolute;width:100%;height:100%;z-index:10}#control .name[data-v-3c972702]{text-align:center;height:40px;font-size:15px;overflow:hidden;text-overflow:ellipsis;z-index:20}#control .name input[data-v-3c972702]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:7px;font-size:14px;background:var(--input-background);color:var(--input-text);border:1px var(--border) solid;border-radius:5px}#control .name input[data-v-3c972702]:focus{outline:0 none;border-color:var(--title-text)}#control[data-v-da011ff4]{width:190px;height:226px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;position:relative}#control .lock[data-v-da011ff4]{position:absolute;width:100%;height:100%;z-index:10}#control .name[data-v-da011ff4]{text-align:center;height:40px;font-size:15px;overflow:hidden;text-overflow:ellipsis;z-index:20}#control .name input[data-v-da011ff4]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:7px;font-size:14px;background:var(--input-background);color:var(--input-text);border:1px var(--border) solid;border-radius:5px}#control .name input[data-v-da011ff4]:focus{outline:0 none;border-color:var(--title-text)}#control[data-v-d91e4f7c]{width:190px;height:226px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;position:relative}#control .lock[data-v-d91e4f7c]{position:absolute;width:100%;height:100%;z-index:10}#control .name[data-v-d91e4f7c]{text-align:center;height:40px;font-size:15px;overflow:hidden;text-overflow:ellipsis;z-index:20}#control .name input[data-v-d91e4f7c]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:7px;font-size:14px;background:var(--input-background);color:var(--input-text);border:1px var(--border) solid;border-radius:5px}#control .name input[data-v-d91e4f7c]:focus{outline:0 none;border-color:var(--title-text)}#control .picker-container[data-v-d91e4f7c]{width:190px;height:186.7px;position:relative;overflow:hidden}#control .picker-container .picker-inner[data-v-d91e4f7c]{width:165.3px;height:165.3px;position:absolute;top:12.35px;left:12.35px;overflow:hidden}#control .control-switch[data-v-d91e4f7c]{position:absolute;top:3px;right:3px;cursor:pointer}#control[data-v-6abec33b]{width:190px;height:226px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;position:relative}#control .lock[data-v-6abec33b]{position:absolute;width:100%;height:100%;z-index:10}#control .name[data-v-6abec33b]{margin:20px 0 0 0;text-align:center;height:40px;font-size:15px;overflow:hidden;text-overflow:ellipsis;z-index:20}#control .name input[data-v-6abec33b]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:7px;font-size:14px;background:var(--input-background);color:var(--input-text);border:1px var(--border) solid;border-radius:5px}#control .name input[data-v-6abec33b]:focus{outline:0 none;border-color:var(--title-text)}#control[data-v-a57b03d6]{width:190px;height:226px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;position:relative}#control .lock[data-v-a57b03d6]{position:absolute;width:100%;height:100%;z-index:10}#control .temp[data-v-a57b03d6]{font-family:Avenir-Black;font-size:38px;text-align:center;width:100%;position:absolute;top:70px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 0 0 7px;pointer-events:none}#control .name[data-v-a57b03d6]{text-align:center;height:40px;font-size:15px;overflow:hidden;text-overflow:ellipsis;z-index:20}#control .name input[data-v-a57b03d6]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:7px;font-size:14px;background:var(--input-background);color:var(--input-text);border:1px var(--border) solid;border-radius:5px}#control .name input[data-v-a57b03d6]:focus{outline:0 none;border-color:var(--title-text)}#control[data-v-d96f5136]{width:190px;height:226px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;position:relative}#control .lock[data-v-d96f5136]{position:absolute;width:100%;height:100%;z-index:10}#control .name[data-v-d96f5136]{margin:10px 0 0 0;text-align:center;height:40px;font-size:15px;overflow:hidden;text-overflow:ellipsis;z-index:20}#control .name input[data-v-d96f5136]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:7px;font-size:14px;background:var(--input-background);color:var(--input-text);border:1px var(--border) solid;border-radius:5px}#control .name input[data-v-d96f5136]:focus{outline:0 none;border-color:var(--title-text)}#control[data-v-0a91617f]{width:190px;height:226px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;position:relative}#control .lock[data-v-0a91617f]{position:absolute;width:100%;height:100%;z-index:10}#control .name[data-v-0a91617f]{text-align:center;height:40px;font-size:15px;overflow:hidden;text-overflow:ellipsis;z-index:20}#control .name input[data-v-0a91617f]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:7px;font-size:14px;background:var(--input-background);color:var(--input-text);border:1px var(--border) solid;border-radius:5px}#control .name input[data-v-0a91617f]:focus{outline:0 none;border-color:var(--title-text)}#control[data-v-86431b50]{width:190px;height:226px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;position:relative}#control .lock[data-v-86431b50]{position:absolute;width:100%;height:100%;z-index:10}#control .name[data-v-86431b50]{text-align:center;height:40px;font-size:15px;overflow:hidden;text-overflow:ellipsis;z-index:20}#control .name input[data-v-86431b50]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:7px;font-size:14px;background:var(--input-background);color:var(--input-text);border:1px var(--border) solid;border-radius:5px}#control .name input[data-v-86431b50]:focus{outline:0 none;border-color:var(--title-text)}#control[data-v-76e35698]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px 10px 40px 10px;font-size:14px}#control .inner[data-v-76e35698],#control[data-v-76e35698]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:distribute;justify-content:space-around;text-align:center;position:relative}#control .lock[data-v-76e35698]{position:absolute;width:100%;height:100%;z-index:10}#control .name[data-v-76e35698]{height:38px;overflow:hidden;position:relative;text-overflow:ellipsis;z-index:20}#control .name input[data-v-76e35698]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:7px;font-size:14px;background:var(--input-background);color:var(--input-text);border:1px var(--border) solid;border-radius:5px}#control .name input[data-v-76e35698]:focus{outline:0 none;border-color:var(--title-text)}#control .title[data-v-76e35698]{height:24px;margin:30px 0 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:18px}#control .title svg[data-v-76e35698]{height:24px;margin:0 10px 0 0}#control .title-inner[data-v-76e35698]{margin:0 auto}#control .actions[data-v-76e35698],#control .title-inner[data-v-76e35698]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#control .actions[data-v-76e35698]{margin:12px 0 14px 0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:5px;border:1px var(--text-light) solid}#control .actions table[data-v-76e35698]{width:170px;border-radius:3px;border:2px var(--background) solid;-webkit-box-sizing:border-box;box-sizing:border-box}#control .actions table tr td[data-v-76e35698]{width:50%;text-align:center;font-size:17px;color:var(--text-light);padding:14px 7px;cursor:pointer}#control .actions table tr:first-child td[data-v-76e35698]:first-child{border-top-left-radius:3px;border-top:2px var(--title-text) solid;border-right:1px var(--title-text) solid;border-bottom:1px var(--title-text) solid;border-left:2px var(--title-text) solid}#control .actions table tr:first-child td[data-v-76e35698]:last-child{border-top-right-radius:3px;border-top:2px var(--title-text) solid;border-right:2px var(--title-text) solid;border-bottom:1px var(--title-text) solid}#control .actions table tr:last-child td[data-v-76e35698]:first-child{border-bottom-left-radius:3px;border-right:1px var(--title-text) solid;border-bottom:2px var(--title-text) solid;border-left:2px var(--title-text) solid}#control .actions table tr:last-child td[data-v-76e35698]:last-child{border-bottom-right-radius:3px;border-right:2px var(--title-text) solid;border-bottom:2px var(--title-text) solid}#control .actions table tr td.on[data-v-76e35698]{background:var(--title-text);color:var(--button-primary-text)}@media (min-width:300px) and (max-width:815px){#control[data-v-76e35698]{padding:0}#control .title[data-v-76e35698]{margin:15px 0 0 0}#control .inner[data-v-76e35698]{border-radius:unset;-webkit-box-shadow:unset;box-shadow:unset}}#sensor[data-v-4a9cd50a]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px 10px 40px 10px;font-size:14px}#sensor .inner[data-v-4a9cd50a],#sensor[data-v-4a9cd50a]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:distribute;justify-content:space-around;text-align:center;position:relative}#sensor .inner[data-v-4a9cd50a]{background:var(--background);border-radius:3px;-webkit-box-shadow:var(--elevation-small);box-shadow:var(--elevation-small)}#sensor .lock[data-v-4a9cd50a]{position:absolute;width:100%;height:100%;z-index:10}#sensor .name[data-v-4a9cd50a]{height:38px;overflow:hidden;position:relative;text-overflow:ellipsis;z-index:20}#sensor .name input[data-v-4a9cd50a]{width:130px;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:7px;font-size:14px;background:var(--input-background);color:var(--input-text);border:1px var(--border) solid;border-radius:5px}#sensor .name input[data-v-4a9cd50a]:focus{outline:0 none;border-color:var(--title-text)}#sensor .title[data-v-4a9cd50a]{margin:15px 0 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:18px}#sensor .title svg[data-v-4a9cd50a]{height:18px;margin:0 10px 0 0}#sensor .title-inner[data-v-4a9cd50a]{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#sensor .value[data-v-4a9cd50a]{font-weight:700;font-size:42px;padding:5px 0;color:var(--title-text)}@media (min-width:300px) and (max-width:815px){#sensor[data-v-4a9cd50a]{padding:0}}#sensor[data-v-04ded90d]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px 10px 40px 10px;font-size:14px}#sensor .inner[data-v-04ded90d],#sensor[data-v-04ded90d]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:distribute;justify-content:space-around;text-align:center;position:relative}#sensor .inner[data-v-04ded90d]{background:var(--background);border-radius:3px;-webkit-box-shadow:var(--elevation-small);box-shadow:var(--elevation-small)}#sensor .lock[data-v-04ded90d]{position:absolute;width:100%;height:100%;z-index:10}#sensor .name[data-v-04ded90d]{height:38px;overflow:hidden;position:relative;text-overflow:ellipsis;z-index:20}#sensor .name input[data-v-04ded90d]{width:130px;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:7px;font-size:14px;background:var(--input-background);color:var(--input-text);border:1px var(--border) solid;border-radius:5px}#sensor .name input[data-v-04ded90d]:focus{outline:0 none;border-color:var(--title-text)}#sensor .title[data-v-04ded90d]{margin:15px 0 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:18px}#sensor .title svg[data-v-04ded90d]{height:24px;margin:0 10px 0 0}#sensor .title-inner[data-v-04ded90d]{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#sensor .value[data-v-04ded90d]{font-weight:700;font-size:42px;padding:5px 0;color:var(--title-text)}@media (min-width:300px) and (max-width:815px){#sensor[data-v-04ded90d]{padding:0}}#sensor[data-v-5fe0dc74]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px 10px 40px 10px;font-size:14px}#sensor .inner[data-v-5fe0dc74],#sensor[data-v-5fe0dc74]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:distribute;justify-content:space-around;text-align:center;position:relative}#sensor .inner[data-v-5fe0dc74]{background:var(--background);border-radius:3px;-webkit-box-shadow:var(--elevation-small);box-shadow:var(--elevation-small)}#sensor .lock[data-v-5fe0dc74]{position:absolute;width:100%;height:100%;z-index:10}#sensor .name[data-v-5fe0dc74]{height:38px;overflow:hidden;position:relative;text-overflow:ellipsis;z-index:20}#sensor .name input[data-v-5fe0dc74]{width:130px;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:7px;font-size:14px;background:var(--input-background);color:var(--input-text);border:1px var(--border) solid;border-radius:5px}#sensor .name input[data-v-5fe0dc74]:focus{outline:0 none;border-color:var(--title-text)}#sensor .title[data-v-5fe0dc74]{margin:15px 0 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:18px}#sensor .title svg[data-v-5fe0dc74]{height:24px;margin:0 5px 0 0}#sensor .title-inner[data-v-5fe0dc74]{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#sensor .value[data-v-5fe0dc74]{font-weight:700;font-size:42px;padding:5px 0;color:var(--title-text)}@media (min-width:300px) and (max-width:815px){#sensor[data-v-5fe0dc74]{padding:0}}#sensor[data-v-cf2902e8]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px 10px 40px 10px;font-size:14px}#sensor .inner[data-v-cf2902e8],#sensor[data-v-cf2902e8]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:distribute;justify-content:space-around;text-align:center;position:relative}#sensor .inner[data-v-cf2902e8]{background:var(--background);border-radius:3px;-webkit-box-shadow:var(--elevation-small);box-shadow:var(--elevation-small)}#sensor .lock[data-v-cf2902e8]{position:absolute;width:100%;height:100%;z-index:10}#sensor .name[data-v-cf2902e8]{height:38px;overflow:hidden;position:relative;text-overflow:ellipsis;z-index:20}#sensor .name input[data-v-cf2902e8]{width:130px;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:7px;font-size:14px;background:var(--input-background);color:var(--input-text);border:1px var(--border) solid;border-radius:5px}#sensor .name input[data-v-cf2902e8]:focus{outline:0 none;border-color:var(--title-text)}#sensor .title[data-v-cf2902e8]{margin:15px 0 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:18px}#sensor .title svg[data-v-cf2902e8]{height:24px;margin:0 10px 0 0}#sensor .title-inner[data-v-cf2902e8]{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#sensor .value[data-v-cf2902e8]{font-weight:700;font-size:38px;padding:7px 0;color:var(--title-text)}@media (min-width:300px) and (max-width:815px){#sensor[data-v-cf2902e8]{padding:0}}#sensor[data-v-4fcdfada]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px 10px 40px 10px;font-size:14px}#sensor .inner[data-v-4fcdfada],#sensor[data-v-4fcdfada]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:distribute;justify-content:space-around;text-align:center;position:relative}#sensor .inner[data-v-4fcdfada]{background:var(--background);border-radius:3px;-webkit-box-shadow:var(--elevation-small);box-shadow:var(--elevation-small)}#sensor .lock[data-v-4fcdfada]{position:absolute;width:100%;height:100%;z-index:10}#sensor .name[data-v-4fcdfada]{height:38px;overflow:hidden;position:relative;text-overflow:ellipsis;z-index:20}#sensor .name input[data-v-4fcdfada]{width:130px;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:7px;font-size:14px;background:var(--input-background);color:var(--input-text);border:1px var(--border) solid;border-radius:5px}#sensor .name input[data-v-4fcdfada]:focus{outline:0 none;border-color:var(--title-text)}#sensor .title[data-v-4fcdfada]{margin:15px 0 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:18px}#sensor .title svg[data-v-4fcdfada]{height:24px;margin:0 5px 0 0}#sensor .title-inner[data-v-4fcdfada]{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#sensor .value[data-v-4fcdfada]{font-weight:700;font-size:24px;line-height:24px;padding:20px 0;color:var(--text)}#sensor .value-on[data-v-4fcdfada]{color:var(--title-text)}@media (min-width:300px) and (max-width:815px){#sensor[data-v-4fcdfada]{padding:0}}#sensor[data-v-49a8ea82]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px 10px 40px 10px;font-size:14px}#sensor .inner[data-v-49a8ea82],#sensor[data-v-49a8ea82]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:distribute;justify-content:space-around;text-align:center;position:relative}#sensor .inner[data-v-49a8ea82]{background:var(--background);border-radius:3px;-webkit-box-shadow:var(--elevation-small);box-shadow:var(--elevation-small)}#sensor .lock[data-v-49a8ea82]{position:absolute;width:100%;height:100%;z-index:10}#sensor .name[data-v-49a8ea82]{height:38px;overflow:hidden;position:relative;text-overflow:ellipsis;z-index:20}#sensor .name input[data-v-49a8ea82]{width:130px;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:7px;font-size:14px;background:var(--input-background);color:var(--input-text);border:1px var(--border) solid;border-radius:5px}#sensor .name input[data-v-49a8ea82]:focus{outline:0 none;border-color:var(--title-text)}#sensor .title[data-v-49a8ea82]{margin:15px 0 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:18px}#sensor .title svg[data-v-49a8ea82]{height:24px;margin:0 5px 0 0}#sensor .title-inner[data-v-49a8ea82]{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#sensor .value[data-v-49a8ea82]{font-weight:700;font-size:24px;line-height:24px;padding:20px 0;color:var(--text)}#sensor .value-on[data-v-49a8ea82]{color:var(--title-text)}@media (min-width:300px) and (max-width:815px){#sensor[data-v-49a8ea82]{padding:0}}#device[data-v-24dd0638]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px 10px 40px 10px;font-size:14px}#device .inner[data-v-24dd0638],#device[data-v-24dd0638]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:distribute;justify-content:space-around;text-align:center;position:relative}#device .inner[data-v-24dd0638]{background:var(--background);border-radius:3px;-webkit-box-shadow:var(--elevation-small);box-shadow:var(--elevation-small)}#device .lock[data-v-24dd0638]{position:absolute;width:100%;height:100%;z-index:10}#device .name[data-v-24dd0638]{height:38px;overflow:hidden;position:relative;text-overflow:ellipsis;z-index:20}#device .name input[data-v-24dd0638]{width:130px;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:7px;font-size:14px;background:var(--input-background);color:var(--input-text);border:1px var(--border) solid;border-radius:5px}#device .name input[data-v-24dd0638]:focus{outline:0 none;border-color:var(--title-text)}@media (min-width:300px) and (max-width:815px){#device[data-v-24dd0638]{padding:0}}#layout[data-v-67741b48]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}#layout .info[data-v-67741b48]{width:250px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;overflow:auto}#layout .info .room-link[data-v-67741b48]{padding:10px;border-bottom:1px var(--border) solid;color:var(--text);text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#layout .info .room-link .icon[data-v-67741b48]{margin:-2px 7px 0 0;font-size:17px;color:var(--text-light)}#layout .info .room-link[data-v-67741b48]:hover{color:var(--text-dark)}#layout .info .active[data-v-67741b48]{font-weight:700;color:var(--title-text)!important}#layout .info .active .icon[data-v-67741b48]{color:var(--title-text)!important}#layout .info .ghost[data-v-67741b48]{background:var(--border)}#layout .info .room-list[data-v-67741b48]{padding:20px 0 20px 20px}#layout .info .room-list-actions[data-v-67741b48]{padding:0 0 20px 20px}#layout .content[data-v-67741b48]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:auto}#layout .content .form[data-v-67741b48]{width:100%}#layout .form h2[data-v-67741b48]{width:100%;max-width:580px;margin:20px 0 5px 0;padding:0;line-height:normal;font-size:22px;color:var(--title-text)}#layout .form h2[data-v-67741b48]:first-child{margin:0 0 5px 0}#layout .form p[data-v-67741b48]{width:100%;max-width:580px;margin:0 0 20px 0}#layout .form #text-field[data-v-67741b48],#layout .form .action[data-v-67741b48]{width:100%;max-width:580px;-webkit-box-sizing:border-box;box-sizing:border-box}#layout .form .action[data-v-67741b48]{padding:0 0 20px 0}#layout .form .accessory-tiles[data-v-67741b48]{width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}#layout .form .accessory-tiles .accessory[data-v-67741b48]{margin:.4rem .8rem .4rem 0;width:190px;height:226px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#layout .form .accessory-tiles .ghost[data-v-67741b48]{background:var(--border)}#layout .form .accessory[data-v-67741b48]{position:relative}#layout .form .accessory .accessory-actions[data-v-67741b48]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;position:absolute;top:4px;z-index:20}#layout .form .accessory .accessory-actions .action-icons[data-v-67741b48]{border:1px var(--border) solid;border-radius:15px;background:var(--background);padding:3px 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center}#layout .form .accessory .delete[data-v-67741b48],#layout .form .accessory .favorite[data-v-67741b48],#layout .form .accessory .hide[data-v-67741b48]{margin:0 0 0 5px;font-size:22px;color:var(--text-dim);cursor:pointer}#layout .form .accessory .favorite[data-v-67741b48]{margin:0}#layout .form .accessory .delete[data-v-67741b48]:hover,#layout .form .accessory .favorite[data-v-67741b48]:hover,#layout .form .accessory .hide[data-v-67741b48]:hover{color:var(--text-dark)}#layout .form .accessory .favorite-on[data-v-67741b48],#layout .form .accessory .favorite-on[data-v-67741b48]:hover{color:var(--title-text)}#layout .form .available-acessories[data-v-67741b48]{padding:0 20px 20px 20px}#layout .form .available-acessories .available-accessory[data-v-67741b48]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:7px 0;font-size:14px}#layout .form .available-acessories .available-accessory input[data-v-67741b48]{margin:0 7px 0 0}#layout .available-title[data-v-67741b48]{margin:20px 0 0 0;font-weight:700}