.overview-component{color:#fff;background:#000;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;height:100%;display:-webkit-box;display:-webkit-flex;display:flex}.overview-component #clock-date{text-align:center;width:100%;font-family:"Neue Haas Grotesk Display 65 Medium",Arial,sans-serif;font-size:24px;font-weight:700;line-height:27px}.overview-component .main{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-webkit-flex:1;flex:1;height:100%;margin-top:24px;display:-webkit-box;display:-webkit-flex;display:flex}.overview-component .main .clock{text-transform:capitalize;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-flex:5;-webkit-flex-grow:5;flex-grow:5;font-size:24px;line-height:27px;display:-webkit-box;display:-webkit-flex;display:flex}.overview-component .main .clock #clock{-webkit-box-flex:2;-webkit-flex-grow:2;flex-grow:2}.overview-component .main .clock .clock-weekdays{-webkit-box-flex:3;-webkit-flex-grow:3;flex-grow:3;margin-top:10px}.overview-component .main .info{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-flex:4;-webkit-flex-grow:4;flex-grow:4;font-size:24px;line-height:27px;display:-webkit-box;display:-webkit-flex;display:flex}.overview-component .main .info>.icon{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;-webkit-justify-content:space-around;justify-content:space-around;font-family:ASD Piktogramme Medium-Positiv,fantasy;font-size:41px;font-weight:500;display:-webkit-box;display:-webkit-flex;display:flex}.overview-component .main .info>.item-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-flex:3;-webkit-flex-grow:3;flex-grow:3;-webkit-justify-content:space-around;justify-content:space-around;display:-webkit-box;display:-webkit-flex;display:flex}.overview-component .main .info>.item-container>.item{font-family:"Neue Haas Grotesk Display 65 Medium",Arial,sans-serif;font-weight:700}.overview-component .main .info>.item-container>.item>.item-value{font-family:"Neue Haas Grotesk Display 55 Roman",Arial,sans-serif;font-style:normal;font-weight:400}.hide-clock{visibility:hidden;width:0}