{"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;\n$md2-clock-min-size: 224px !default;\n$md2-clock-margin: 8px !default;\n$md2-clock-font-size: 14px !default;\n$md2-clock-cell-size: 14.1666% !default;\n\n:host {\n  position: relative;\n  display: block;\n  min-width: $md2-clock-min-size;\n  margin: $md2-clock-margin;\n  font-size: $md2-clock-font-size;\n  box-sizing: border-box;\n  user-select: none;\n}\n\n.md2-clock {\n  position: relative;\n  width: 100%;\n  height: 0;\n  padding-top: 100%;\n  background-color: darken(white, 12);\n  border-radius: 50%;\n}\n\n.md2-clock-center {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 2%;\n  height: 2%;\n  margin: -1%;\n  border-radius: 50%;\n  background-color: $primary;\n}\n\n.md2-clock-hand {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  width: 1px;\n  /*height: $md2-clock-hand-size;*/\n  margin: 0 auto;\n  background-color: $primary;\n  transform-origin: bottom;\n\n  &::before {\n    content: '';\n    position: absolute;\n    top: -4px;\n    left: -4px;\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background-color: $primary;\n  }\n}\n\n.md2-clock-hours,\n.md2-clock-minutes {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  visibility: hidden;\n  transition: 350ms;\n  transform: scale(1.2);\n\n  &.active {\n    opacity: 1;\n    visibility: visible;\n    transform: scale(1);\n  }\n}\n\n.md2-clock-minutes {\n  transform: scale(0.8);\n}\n\n.md2-clock-cell {\n  position: absolute;\n  display: flex;\n  width: $md2-clock-cell-size;\n  height: $md2-clock-cell-size;\n  color: rgba(black, 0.87);\n  justify-content: center;\n  box-sizing: border-box;\n  border-radius: 50%;\n  align-items: center;\n  cursor: pointer;\n\n  &:not(.md2-clock-cell-selected) {\n    &:not(.md2-clock-cell-disabled):hover {\n      background-color: rgba(black, 0.1);\n    }\n  }\n\n  &.md2-clock-cell-disabled {\n    color: rgba(black, 0.38);\n    pointer-events: none;\n  }\n\n  &.md2-clock-cell-selected {\n    color: white;\n    background-color: lighten($primary, 5);\n  }\n}\n"]}