{"version":3,"sources":["datepicker/clock.scss"],"names":[],"mappings":"AAMA,MACE,SAAU,SACV,QAAS,MACT,UARmB,MASnB,OARiB,IASjB,UARoB,KASpB,WAAY,WACZ,YAAa,KAGf,WACE,SAAU,SACV,MAAO,KACP,OAAQ,EACR,YAAa,KACb,iBAAkB,QAClB,cAAe,IAGjB,kBACE,SAAU,SACV,IAAK,IACL,KAAM,IACN,MAAO,GACP,OAAQ,GACR,OAAQ,IACR,cAAe,IACf,iBAjCQ,QAoCV,gBACE,SAAU,SACV,IAAK,EACL,MAAO,EACP,OAAQ,EACR,KAAM,EACN,MAAO,IAEP,OAAQ,EAAA,KACR,iBA7CQ,QA8CR,iBAAkB,OAVpB,wBAaI,QAAS,GACT,SAAU,SACV,IAAK,KACL,KAAM,KACN,MAAO,IACP,OAAQ,IACR,cAAe,IACf,iBAxDM,QA4DV,iBACA,mBACE,SAAU,SACV,IAAK,EACL,KAAM,EACN,MAAO,KACP,OAAQ,KACR,QAAS,EACT,WAAY,OACZ,WAAY,MACZ,UAAW,WAVb,wBACA,0BAYI,QAAS,EACT,WAAY,QACZ,UAAW,SAIf,mBACE,UAAW,UAGb,gBACE,SAAU,SACV,QAAS,KACT,MAlFoB,SAmFpB,OAnFoB,SAoFpB,MAAY,gBACZ,gBAAiB,OACjB,WAAY,WACZ,cAAe,IACf,YAAa,OACb,OAAQ,QAVV,kFAcM,iBAAuB,eAd7B,wCAmBI,MAAY,gBACZ,eAAgB,KApBpB,wCAwBI,MAAO,KACP,iBAAkB","file":"clock.css","sourcesContent":["$primary: #106cc8 !default;\r\n$md2-clock-min-size: 224px !default;\r\n$md2-clock-margin: 8px !default;\r\n$md2-clock-font-size: 14px !default;\r\n$md2-clock-cell-size: 14.1666% !default;\r\n\r\n:host {\r\n  position: relative;\r\n  display: block;\r\n  min-width: $md2-clock-min-size;\r\n  margin: $md2-clock-margin;\r\n  font-size: $md2-clock-font-size;\r\n  box-sizing: border-box;\r\n  user-select: none;\r\n}\r\n\r\n.md2-clock {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 0;\r\n  padding-top: 100%;\r\n  background-color: darken(white, 12);\r\n  border-radius: 50%;\r\n}\r\n\r\n.md2-clock-center {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  width: 2%;\r\n  height: 2%;\r\n  margin: -1%;\r\n  border-radius: 50%;\r\n  background-color: $primary;\r\n}\r\n\r\n.md2-clock-hand {\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  width: 1px;\r\n  /*height: $md2-clock-hand-size;*/\r\n  margin: 0 auto;\r\n  background-color: $primary;\r\n  transform-origin: bottom;\r\n\r\n  &::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -4px;\r\n    left: -4px;\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 50%;\r\n    background-color: $primary;\r\n  }\r\n}\r\n\r\n.md2-clock-hours,\r\n.md2-clock-minutes {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  opacity: 0;\r\n  visibility: hidden;\r\n  transition: 350ms;\r\n  transform: scale(1.2);\r\n\r\n  &.active {\r\n    opacity: 1;\r\n    visibility: visible;\r\n    transform: scale(1);\r\n  }\r\n}\r\n\r\n.md2-clock-minutes {\r\n  transform: scale(0.8);\r\n}\r\n\r\n.md2-clock-cell {\r\n  position: absolute;\r\n  display: flex;\r\n  width: $md2-clock-cell-size;\r\n  height: $md2-clock-cell-size;\r\n  color: rgba(black, 0.87);\r\n  justify-content: center;\r\n  box-sizing: border-box;\r\n  border-radius: 50%;\r\n  align-items: center;\r\n  cursor: pointer;\r\n\r\n  &:not(.md2-clock-cell-selected) {\r\n    &:not(.md2-clock-cell-disabled):hover {\r\n      background-color: rgba(black, 0.1);\r\n    }\r\n  }\r\n\r\n  &.md2-clock-cell-disabled {\r\n    color: rgba(black, 0.38);\r\n    pointer-events: none;\r\n  }\r\n\r\n  &.md2-clock-cell-selected {\r\n    color: white;\r\n    background-color: lighten($primary, 5);\r\n  }\r\n}\r\n"]}