*,:before,:after{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;height:100%;overflow:hidden}#root{width:100%;height:100%}.dashboard{grid-template:"header_left header_weather header_clock header_clock header_clock header_right"70px"lights summary summary summary summary music"210px"lights weather_hourly weather_hourly weather_hourly weather_hourly music"180px"lights weather_daily weather_daily weather_daily weather_daily trash"200px/60px 1fr 1fr 1fr 240px 280px;gap:20px;width:100%;height:100%;padding:20px;display:grid}.area-header-left{grid-area:header_left}.area-header-clock{grid-area:header_clock}.area-header-weather{grid-area:header_weather}.area-header-right{grid-area:header_right}.area-lights{grid-area:lights}.area-summary{grid-area:summary}.dashboard>.area-summary{overflow:visible}.area-weather-hourly{grid-area:weather_hourly}.area-weather-daily{grid-area:weather_daily}.area-trash{grid-area:trash}.area-music{grid-area:music;align-self:start;height:auto!important}.dashboard>*{min-width:0;height:100%;min-height:0;overflow:hidden}.modal-inner .sensor-card{width:100%!important;max-width:100%!important}.light-slider{appearance:none;cursor:pointer;background:linear-gradient( to right, var(--slider-color,#c8784a) 0%, var(--slider-color,#c8784a) var(--slider-val,0%), #ffd7c314 var(--slider-val,0%), #ffd7c314 100%);border-radius:18px;outline:none;width:100%;height:36px;display:block;box-shadow:inset 0 1px 3px #0006}.light-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:42px;height:42px;box-shadow:0 2px 10px #0000008c}.light-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:42px;height:42px;box-shadow:0 2px 10px #0000008c}.volume-slider{appearance:none;cursor:pointer;background:linear-gradient(to right, #ffd7c3a6 0%, #ffd7c3a6 var(--slider-val,0%), #ffd7c31f var(--slider-val,0%), #ffd7c31f 100%);border-radius:3px;outline:none;width:100%;height:6px}.volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #0006}.volume-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #0006}.light-slider-ct{appearance:none;cursor:pointer;background:linear-gradient(90deg,#5dade2,#aecde8,#f0ede8,#d4a96a,#c0662a);border-radius:18px;outline:none;width:100%;height:36px;box-shadow:inset 0 1px 3px #0000004d}.light-slider-ct::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:3px;width:6px;height:36px;box-shadow:0 0 0 2px #00000040,0 2px 6px #0006}.light-slider-ct::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:3px;width:6px;height:36px;box-shadow:0 0 0 2px #00000040,0 2px 6px #0006}