{"version":3,"sources":["tags/tags.scss"],"names":[],"mappings":"AAGA,MACE,QAAS,EACT,YAAa,KACb,oBAAqB,OAGvB,oBACE,SAAU,SACV,QAAS,MACT,UAAW,KACX,QAAS,IAAA,IAAA,IACT,cAAe,IAAI,MAAW,gBAC9B,WAAY,YACZ,UAAW,KACX,WAAY,KACZ,OAAQ,KATV,2BAAA,4BAYI,QAAS,MACT,QAAS,IAbb,2BAiBI,MAAO,KAIX,2BACE,eAAgB,IAChB,cAAe,IAAI,MAhCX,QAmCV,uCACE,MAAY,gBACZ,OAAQ,QAGV,6CACE,eAAgB,IAChB,cAAe,IAAI,MAAW,gBAGhC,SACE,SAAU,SACV,OAAQ,QACR,cAAe,KACf,QAAS,MACT,OAAQ,KACR,YAAa,KACb,OAAQ,IAAA,IAAA,EAAA,EACR,QAAS,EAAA,KAAA,EAAA,KACT,MAAO,KACP,WAAY,WACZ,UAAW,KACX,WAAY,QACZ,MAAO,QACP,YAAa,OACb,SAAU,OACV,cAAe,SAhBjB,gBAmBI,WAhEM,QAiEN,MAAY,sBApBhB,oBAuBM,MAAY,sBAvBlB,aA4BI,SAAU,SACV,IAAK,IACL,MAAO,IACP,OAAQ,QACR,QAAS,aACT,SAAU,OACV,KAAM,aACN,MAAY,gBAIhB,aACE,SAAU,SACV,QAAS,aACT,YAAa,IAGf,MACE,OAAQ,EACR,QAAS,EACT,WAAY,IACZ,OAAQ,KACR,YAAa,KACb,QAAS,EACT,MAAY,gBACZ,WAAY,EAAA,EAGd,sBACE,MAAY,gBAGd,eACE,SAAU,SACV,KAAM,EACN,IAAK,KACL,QAAS,MACT,QAAS,GACT,eAAgB,OAChB,MAAO,KACP,OAAQ,IAAA,EAAA,EACR,QAAS,IAAA,EACT,WAAY,EAAE,IAAI,IAAI,EAAO,cAAK,CAAQ,EAAE,IAAI,IAAI,EAAO,eAAK,CAAS,EAAE,IAAI,IAAK,KAAS,gBAC7F,WAAY,MACZ,WAAY,KACZ,WAAY,KACZ,UAAW,SACX,WAAY,KACZ,oBAAqB,OAhBvB,+BAmBI,OAAQ,QACR,SAAU,SACV,QAAS,MACT,MAAO,QACP,YAAa,OACb,MAAO,KACP,WAAY,WAAA,MAAA,OACZ,QAAS,KAAA,KACT,YAAa,KACb,WAAY,WACZ,UAAU,WA7Bd,uCAAA,qCAiCM,WAAY,KAjClB,oDAqCM,MAAO,KACP,UAAW,KAKjB,WACE,MAAO","file":"tags.css","sourcesContent":["$primary: #106cc8 !default;\r\n$warn: #f44336 !default;\r\n\r\n:host {\r\n  outline: none;\r\n  user-select: none;\r\n  backface-visibility: hidden;\r\n}\r\n\r\n.md2-tags-container {\r\n  position: relative;\r\n  display: block;\r\n  max-width: 100%;\r\n  padding: 2px 2px 4px;\r\n  border-bottom: 1px solid rgba(black, 0.12);\r\n  box-sizing: content-box;\r\n  min-width: 64px;\r\n  min-height: 26px;\r\n  cursor: text;\r\n\r\n  &::before, &::after {\r\n    display: table;\r\n    content: ' ';\r\n  }\r\n\r\n  &::after {\r\n    clear: both;\r\n  }\r\n}\r\n\r\n.focus .md2-tags-container {\r\n  padding-bottom: 3px;\r\n  border-bottom: 2px solid $primary;\r\n}\r\n\r\n.md2-tags-disabled .md2-tags-container {\r\n  color: rgba(black, 0.38);\r\n  cursor: default;\r\n}\r\n\r\n.md2-tags-disabled.focus .md2-tags-container {\r\n  padding-bottom: 4px;\r\n  border-bottom: 1px solid rgba(black, 0.38);\r\n}\r\n\r\n.md2-tag {\r\n  position: relative;\r\n  cursor: default;\r\n  border-radius: 16px;\r\n  display: block;\r\n  height: 32px;\r\n  line-height: 32px;\r\n  margin: 4px 4px 0 0;\r\n  padding: 0 26px 0 12px;\r\n  float: left;\r\n  box-sizing: border-box;\r\n  max-width: 100%;\r\n  background: #e0e0e0;\r\n  color: rgb(66, 66, 66);\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n\r\n  &.active {\r\n    background: $primary;\r\n    color: rgba(white, 0.87);\r\n\r\n    svg {\r\n      color: rgba(white, 0.87);\r\n    }\r\n  }\r\n\r\n  svg {\r\n    position: absolute;\r\n    top: 4px;\r\n    right: 2px;\r\n    cursor: pointer;\r\n    display: inline-block;\r\n    overflow: hidden;\r\n    fill: currentColor;\r\n    color: rgba(black, 0.54);\r\n  }\r\n}\r\n\r\n.md2-tag-add {\r\n  position: relative;\r\n  display: inline-block;\r\n  margin-left: 4px;\r\n}\r\n\r\ninput {\r\n  border: 0;\r\n  outline: 0;\r\n  margin-top: 6px;\r\n  height: 30px;\r\n  line-height: 30px;\r\n  padding: 0;\r\n  color: rgba(black, 0.87);\r\n  background: 0 0;\r\n}\r\n\r\n.md2-tags-placeholder {\r\n  color: rgba(black, 0.38);\r\n}\r\n\r\n.md2-tags-menu {\r\n  position: absolute;\r\n  left: 0;\r\n  top: 100%;\r\n  display: block;\r\n  z-index: 10;\r\n  flex-direction: column;\r\n  width: 100%;\r\n  margin: 6px 0 0;\r\n  padding: 8px 0;\r\n  box-shadow: 0 1px 3px 0 rgba(black, 0.2), 0 1px 1px 0 rgba(black, 0.14), 0 2px 1px -1px rgba(black, 0.12);\r\n  max-height: 256px;\r\n  min-height: 48px;\r\n  overflow-y: auto;\r\n  transform: scale(1);\r\n  background: #fff;\r\n  backface-visibility: hidden;\r\n\r\n  .md2-tag-option {\r\n    cursor: pointer;\r\n    position: relative;\r\n    display: block;\r\n    color: #212121;\r\n    align-items: center;\r\n    width: auto;\r\n    transition: background 150ms linear;\r\n    padding: 12px 16px;\r\n    line-height: 24px;\r\n    box-sizing: border-box;\r\n    word-wrap:break-word;\r\n\r\n    &:hover,\r\n    &.focused {\r\n      background: #eeeeee;\r\n    }\r\n\r\n    .md2-tag-option-text {\r\n      width: auto;\r\n      font-size: 16px;\r\n    }\r\n  }\r\n}\r\n\r\n.highlight {\r\n  color: #757575;\r\n}\r\n"]}