{"version":3,"sources":["chips/chips.scss"],"names":[],"mappings":"AAAA,kBACE,QAAS,OAGX,UACE,QAAS,EADX,+BAII,QAAS,MACT,WAAY,EAAA,IAAA,KACZ,QAAS,IAAA,EACT,cAAe,KACf,WAAY,KACZ,WAAY,WACZ,MAAO,KACP,SAAS,SAXb,sCAeI,MAAO,KACP,QAAS,GACT,QAAS,MAjBb,gDAqBI,WAAY,EAAA,IAAA,QArBhB,sEAsB0B,MAAM,QAtBhC,6BA0BI,OAAQ,QA1BZ,2BA8BI,OAAQ,EA9BZ,iCAkCI,cAAe,YAInB,2BAEI,QAAS,EAAA,KAIb,UACE,UAAW,KACX,SAAU,SACV,OAAQ,QACR,cAAe,KACf,QAAS,MACT,OAAQ,KACR,YAAa,KACb,OAAQ,IAAA,IAAA,EAAA,EACR,QAAS,EAAA,KAAA,EAAA,KACT,MAAO,KACP,gBAAiB,WACjB,mBAAoB,WACpB,WAAY,WACZ,UAAW,KACX,WAAY,QACZ,MAAO,QACP,YAAa,OACb,SAAU,OACV,kBAAmB,SACnB,iBAAkB,SAClB,cAAe,SArBjB,iBAwBI,MAAO,KACP,WAAY,QAzBhB,qBA4BM,MAAY,sBA5BlB,cAiCI,SAAU,SACV,IAAK,IACL,MAAO,IACP,OAAQ,QACR,QAAS,aACT,SAAU,OACV,KAAM,aACN,MAAY,gBAIhB,cACE,QAAS,KAGX,qBACE,eAAgB,KAChB,OAAQ,QAGV,iBACE,QAAS,aACT,OAAQ,KACR,OAAQ,IAAA,IAAA,EAAA,EAGV,aACE,OAAQ,QACR,QAAS,aACT,QAAS,EAAA,IACT,MAAO,QACP,UAAW,KACX,eAAgB,IAChB,YAAa,KACb,YAAa,MAGf,YACE,QAAS,aACT,MAAO,KACP,OAAQ,EACR,QAAS,EACT,OAAQ,KACR,YAAa,KACb,UAAW,KACX,WAAY,IAGd,YACE,UAAW,KACX,MAAO,QAGT,sBACE,SAAU,SACV,QAAQ,KACR,UAAW,KACX,aAAc,IACd,cAAe,EACf,MAAO,gBACP,SAAU,OACV,cAAe,SACf,YAAa,OACb,eAAgB,KAChB,QAAS,EAXX,+CAcQ,IAAK,MACL,KAAM,KACN,WAAY,KACZ,UAAW,UACX,QAAQ,MAGhB,6DAEI,cAAe,EAFnB,qFAOM,QAAS,KAPf,oFAWM,QAAS,KAXf,gDAeM,QAAS,KAff,oEAmBM,OAAQ,KACR,UAAW","file":"chips.css","sourcesContent":[".template-content {\n  display: inline;\n}\n\nmd2-chips {\n  outline: none;\n\n  .md2-chips-container {\n    display: block;\n    box-shadow: 0 1px #ccc;\n    padding: 5px 0;\n    margin-bottom: 10px;\n    min-height: 50px;\n    box-sizing: border-box;\n    clear: both;\n    position:relative;\n  }\n\n  .md2-chips-container::after {\n    clear: both;\n    content: '';\n    display: table;\n  }\n\n  &.chip-input-focus .md2-chips-container {\n    box-shadow: 0 2px #0d8bff;\n    .md2-chip-placeholder{color:#0d8bff;}\n  }\n\n  .md2-chip-disabled {\n    cursor: default;\n  }\n\n  md2-autocomplete {\n    margin: 0;\n  }\n\n  .md2-autocomplete-wrap {\n    border-bottom: 0 !important;\n  }\n}\n\n.md2-chip-remove {\n  .md2-chip {\n    padding: 0 12px;\n  }\n}\n\n.md2-chip {\n  font-size: 14px;\n  position: relative;\n  cursor: default;\n  border-radius: 16px;\n  display: block;\n  height: 32px;\n  line-height: 32px;\n  margin: 8px 8px 0 0;\n  padding: 0 28px 0 12px;\n  float: left;\n  -moz-box-sizing: border-box;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  max-width: 100%;\n  background: rgb(224, 224, 224);\n  color: rgb(66, 66, 66);\n  white-space: nowrap;\n  overflow: hidden;\n  -ms-text-overflow: ellipsis;\n  -o-text-overflow: ellipsis;\n  text-overflow: ellipsis;\n\n  &.active {\n    color: white;\n    background: #0d8bff;\n\n    svg {\n      color: rgba(white, 0.87);\n    }\n  }\n\n  svg {\n    position: absolute;\n    top: 4px;\n    right: 4px;\n    cursor: pointer;\n    display: inline-block;\n    overflow: hidden;\n    fill: currentColor;\n    color: rgba(black, 0.54);\n  }\n}\n\n.md2-template {\n  display: none;\n}\n\n.chip-input-disabled {\n  pointer-events: none;\n  cursor: default;\n}\n\n.chip-input-form {\n  display: inline-block;\n  height: 32px;\n  margin: 8px 8px 0 0;\n}\n\n.chip-remove {\n  cursor: pointer;\n  display: inline-block;\n  padding: 0 3px;\n  color: #616161;\n  font-size: 30px;\n  vertical-align: top;\n  line-height: 21px;\n  font-family: serif;\n}\n\n.chip-input {\n  display: inline-block;\n  width: auto;\n  border: 0;\n  outline: none;\n  height: 32px;\n  line-height: 32px;\n  font-size: 16px;\n  background: transparent;\n}\n\n.chip-error {\n  font-size: 13px;\n  color: #fd0f0f;\n}\n\n.md2-chip-placeholder {\n  position: absolute;\n  display:none;\n  max-width: 100%;\n  padding-left: 3px;\n  padding-right: 0;\n  color: rgba(0, 0, 0, 0.38);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  pointer-events: none;\n  z-index: 1;\n\n     &.md2-floating-placeholder {\n        top: -10px;\n        left: -2px;\n        text-align: left;\n        transform: scale(0.8);\n        display:block;\n    }\n}\n.md2-chips-container {\n  .chip-input-form .md2-autocomplete-wrap {\n    border-bottom: 0;\n  }\n\n  .md2-autocomplete-wrap {\n    &.is-focused .md2-autocomplete-placeholder {\n      display: none;\n    }\n\n    .md2-autocomplete-placeholder.has-value {\n      display: none;\n    }\n\n    svg {\n      display: none;\n    }\n\n    .md2-autocomplete-input {\n      height: 32px;\n      font-size: 16px;\n    }\n  }\n}\n"]}