.MatTimePicker-Clock{position:fixed;background-color:rgba(0,0,0,0.3);width:100%;height:100%;top:0;left:0;display:none;justify-content:center;align-items:center;font-family:sans-serif,Arial,Helvetica;text-align:center;z-index:10;font-stretch:normal}.MatTimePicker-Popup{width:calc(100% - 20px);max-width:300px;display:flex;flex-direction:column;box-shadow:8px 8px 20px 0 rgba(0,0,0,0.4);border-radius:1px;background-color:#33c3f0}.MatTimePicker-TimeHeader{background-color:inherit;padding:15px;font-size:33px;font-weight:400;min-width:110px;display:flex;align-items:center;justify-content:center;color:#fff}.MatTimePicker-TimeHeader > span{opacity:.6;cursor:pointer}span.MatTimePicker-TimeHeader-Selected{opacity:1}.MatTimePicker-WatchContainer{padding:20px 20px 10px;position:relative;user-select:none;-moz-user-select:none;background-color:#fff}.MatTimePicker-Watch{width:100%;padding-bottom:100%;position:relative}.MatTimePicker-WatchFace{position:absolute;width:100%;height:100%;background-color:#e6e6e6;border-radius:100%;transition-property:opacity;transition-duration:.7s;z-index:0}.MatTimePicker-WatchFace:first-child{z-index:1}.MatTimePicker-WatchHourContainer{top:calc(50% - 15px);left:50%;position:absolute;width:calc(50% - 35px);text-align:center;vertical-align:middle;transform-origin:left;display:flex;justify-content:space-between;cursor:pointer;align-items:center;user-select:none;-moz-user-select:none}.MatTimePicker-WatchHourContainer:hover .MatTimePicker-WatchHourBg,.MatTimePicker-WatchHourContainer:hover .MatTimePicker-WatchStick,.MatTimePicker-WatchHourContainer:hover .MatTimePicker-WatchCenterDot{opacity:.5}.hasTouch .MatTimePicker-WatchHourContainer:hover .MatTimePicker-WatchHourBg,.hasTouch .MatTimePicker-WatchHourContainer:hover .MatTimePicker-WatchStick,.hasTouch .MatTimePicker-WatchHourContainer:hover .MatTimePicker-WatchCenterDot{opacity:0}.MatTimePicker-WatchHourContainer.MatTimePicker-HourSelected .MatTimePicker-WatchHourBg,.MatTimePicker-WatchHourContainer.MatTimePicker-HourSelected .MatTimePicker-WatchStick,.MatTimePicker-WatchHourContainer.MatTimePicker-HourSelected .MatTimePicker-WatchCenterDot{opacity:1!important}.MatTimePicker-HourSelected .MatTimePicker-WatchHourValue{color:#fff}.MatTimePicker-WatchHour{padding:0;border-width:0;position:relative;vertical-align:middle;height:30px;width:30px;display:flex;justify-content:center;align-items:center}.MatTimePicker-WatchHourBg{background-color:#33c3f0;width:inherit;height:inherit;position:absolute;top:0;left:0;border-radius:15px;opacity:0}.MatTimePicker-WatchHourValue{color:#333;font-size:16px}.MatTimePicker-WatchHourPM{width:calc(50% - 5px)}.MatTimePicker-WatchHourPM .MatTimePicker-WatchHourValue{font-size:17px}.MatTimePicker-WatchStick{height:2px;flex-grow:1;background-color:#33c3f0;opacity:0;margin-left:-3px}.MatTimePicker-WatchCenterDot{width:5px;height:5px;border-radius:5px;background-color:#33c3f0;opacity:0;margin-left:-2.5px}.MatTimePicker-WatchMinuteContainer{top:calc(50% - 5px);left:50%;position:absolute;width:calc(50% - 5px);text-align:right;vertical-align:middle;transform-origin:left;display:flex;justify-content:space-between;cursor:pointer;align-items:center;height:10px;user-select:none;-moz-user-select:none}.MatTimePicker-WatchMinuteContainer:hover .MatTimePicker-WatchHourBg,.MatTimePicker-WatchMinuteContainer:hover .MatTimePicker-WatchStick,.MatTimePicker-WatchMinuteContainer:hover .MatTimePicker-WatchCenterDot{opacity:.5}.hasTouch .MatTimePicker-WatchMinuteContainer:hover .MatTimePicker-WatchHourBg,.hasTouch .MatTimePicker-WatchMinuteContainer:hover .MatTimePicker-WatchStick,.hasTouch .MatTimePicker-WatchMinuteContainer:hover .MatTimePicker-WatchCenterDot{opacity:0}.MatTimePicker-WatchMinuteContainer.MatTimePicker-HourSelected .MatTimePicker-WatchHourBg,.MatTimePicker-WatchMinuteContainer.MatTimePicker-HourSelected .MatTimePicker-WatchStick,.MatTimePicker-WatchMinuteContainer.MatTimePicker-HourSelected .MatTimePicker-WatchCenterDot{opacity:1!important}.MatTimePicker-WatchMinute{padding:0;border-width:0;position:relative;vertical-align:middle;height:30px;width:30px;display:flex;justify-content:center;align-items:center;pointer-events:none}.MatTimePicker-Buttons{display:flex;justify-content:flex-end;margin-top:20px}.MatTimePicker-Button{background-color:#fff;color:#33c3f0;border:none;font-size:16px;margin-left:20px;padding:10px 15px;cursor:pointer;border-radius:1px;user-select:none;-moz-user-select:none;outline:none;margin-bottom: 0 !important;box-shadow: unset !important;line-height: 0 !important;}.MatTimePicker-Clock .MatTimePicker-Button:active{background-color:rgba(0,0,0,0.7)}.MatTimePicker-Button:hover{background-color:#33c3f0;color:#fff}@media only screen and (orientation:landscape){.MatTimePicker-Popup{flex-direction:row;max-width:400px}.MatTimePicker-WatchContainer {width:calc(100% - 40px)}}