{"mappings":"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","sources":["src/components/Tag.scss","src/vars.scss","%3Cinput%20css%20zKxgo4%3E","src/components/Group.scss","src/components/Option.scss","src/components/Options.scss","src/components/Notificator.scss","src/index.scss"],"sourcesContent":[".react-select-tags {\n  .tag {\n    position: relative;\n    display: flex;\n    align-items: center;\n    background: $rstTagBgColor;\n    border-radius: $rstTagBorderRadius;\n    max-width: 100%;\n\n    &.locked {\n      cursor: default;\n      user-select: none;\n    }\n\n    &:not(.locked) {\n      .tagWrapper {\n        .content {\n          background-color: white;\n        }\n      }\n    }\n\n    &.readonly {\n      .tagWrapper {\n        .contentWrapper {\n          max-width: 100%;\n        }\n      }\n    }\n\n    &:not(.readonly) {\n      .tagWrapper {\n        .contentWrapper {\n          max-width: calc(100% - $rstTagRemoveButtonWidth);\n\n          input,\n          .content {\n            border-right: none !important;\n            border-top-right-radius: 0 !important;\n            border-bottom-right-radius: 0 !important;\n          }\n        }\n      }\n    }\n\n    &.invalid {\n      .tagWrapper {\n        .content {\n          border: 1px solid $rstInvalid !important;\n        }\n      }\n    }\n\n    .tagWrapper {\n      display: flex;\n      flex-direction: row;\n      max-width: 100%;\n\n      .contentWrapper {\n        position: relative;\n\n        .content, input {\n          font-size: $rstTagFontSize;\n          line-height: 1;\n          border: 1px solid $rstTagBgColor;\n          border-radius: $rstTagBorderRadius;\n          padding: 4px 10px 4px 10px;\n        }\n\n        .content {\n          color: $rstTagColor;\n          white-space: nowrap;\n          text-overflow: ellipsis;\n          overflow: hidden;\n        }\n\n        input {\n          color: $rstTagInputTextColor;\n          position: absolute;\n          left: 0;\n          top: 0;\n          outline: 0;\n          height: 100%;\n          font-family: inherit;\n          width: 100%;\n        }\n      }\n\n      .remove {\n        position: relative;\n        width: $rstTagRemoveButtonWidth;\n\n        cursor: pointer;\n        font-size: $rstTagFontSize - 0.15;\n        background: $rstTagRemoveBgColor;\n        border: 1px solid $rstTagBgColor;\n        border-top-right-radius: $rstTagBorderRadius;\n        border-bottom-right-radius: $rstTagBorderRadius;\n\n        &:before, &:after {\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          content: ' ';\n          width: 2px;\n          height: $rstTagFontSize;\n          background-color: $rstTagBgColor;\n        }\n\n        &:before {\n          transform: translateX(-50%) translateY(-50%) rotate(45deg);\n        }\n\n        &:after {\n          transform: translateX(-50%) translateY(-50%) rotate(-45deg);\n        }\n\n        &:hover {\n          background: darken($rstTagBgColor, 10%);\n          border: 1px solid darken($rstTagBgColor, 10%);\n\n          &:before, &:after {\n            background-color: $rstTagRemoveBgColor;\n          }\n        }\n      }\n    }\n  }\n}","// General\n$background: white;\n$rstHeight: 38px;\n$rstInvalid: #dc3545;\n$rstBorderColor: #ced4da;\n\n// Main input\n$rstMainInputColor: #212529;\n\n// Tags\n$rstTagColor: white;\n$rstTagBgColor: #0d6efd;\n$rstTagRemoveBgColor: white;\n$rstTagRemoveButtonWidth: 26px;\n$rstTagInputTextColor: #212529;\n$rstTagFontSize: 16px;\n$rstTagBorderRadius: 4px;\n\n// Options\n$rstOptionsBackground: white;\n$rstOptionsBorderColor: #ced4da;\n$rstOptionsBorderRadius: 4px;\n\n// Filter\n$rstFilterBorderBottom: 1px solid #ced4da;\n$rstFilterFontSize: 16px;\n\n// Spinner\n$rstLoaderColor: #212529;\n$rstSpinnerColor: #0d6efd;\n\n//Message\n$rstMessageColor: lighten(#212529, 40%);\n\n// Group\n$rstGroupColor: #212529;\n\n// Option\n$rstOptionColor: #212529;",".react-select-tags .tag {\n  position: relative;\n  display: flex;\n  align-items: center;\n  background: #0d6efd;\n  border-radius: 4px;\n  max-width: 100%;\n}\n.react-select-tags .tag.locked {\n  cursor: default;\n  user-select: none;\n}\n.react-select-tags .tag:not(.locked) .tagWrapper .content {\n  background-color: white;\n}\n.react-select-tags .tag.readonly .tagWrapper .contentWrapper {\n  max-width: 100%;\n}\n.react-select-tags .tag:not(.readonly) .tagWrapper .contentWrapper {\n  max-width: calc(100% - 26px);\n}\n.react-select-tags .tag:not(.readonly) .tagWrapper .contentWrapper input,\n.react-select-tags .tag:not(.readonly) .tagWrapper .contentWrapper .content {\n  border-right: none !important;\n  border-top-right-radius: 0 !important;\n  border-bottom-right-radius: 0 !important;\n}\n.react-select-tags .tag.invalid .tagWrapper .content {\n  border: 1px solid #dc3545 !important;\n}\n.react-select-tags .tag .tagWrapper {\n  display: flex;\n  flex-direction: row;\n  max-width: 100%;\n}\n.react-select-tags .tag .tagWrapper .contentWrapper {\n  position: relative;\n}\n.react-select-tags .tag .tagWrapper .contentWrapper .content, .react-select-tags .tag .tagWrapper .contentWrapper input {\n  font-size: 16px;\n  line-height: 1;\n  border: 1px solid #0d6efd;\n  border-radius: 4px;\n  padding: 4px 10px 4px 10px;\n}\n.react-select-tags .tag .tagWrapper .contentWrapper .content {\n  color: white;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n.react-select-tags .tag .tagWrapper .contentWrapper input {\n  color: #212529;\n  position: absolute;\n  left: 0;\n  top: 0;\n  outline: 0;\n  height: 100%;\n  font-family: inherit;\n  width: 100%;\n}\n.react-select-tags .tag .tagWrapper .remove {\n  position: relative;\n  width: 26px;\n  cursor: pointer;\n  font-size: 15.85px;\n  background: white;\n  border: 1px solid #0d6efd;\n  border-top-right-radius: 4px;\n  border-bottom-right-radius: 4px;\n}\n.react-select-tags .tag .tagWrapper .remove:before, .react-select-tags .tag .tagWrapper .remove:after {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  content: \" \";\n  width: 2px;\n  height: 16px;\n  background-color: #0d6efd;\n}\n.react-select-tags .tag .tagWrapper .remove:before {\n  transform: translateX(-50%) translateY(-50%) rotate(45deg);\n}\n.react-select-tags .tag .tagWrapper .remove:after {\n  transform: translateX(-50%) translateY(-50%) rotate(-45deg);\n}\n.react-select-tags .tag .tagWrapper .remove:hover {\n  background: #0257d5;\n  border: 1px solid #0257d5;\n}\n.react-select-tags .tag .tagWrapper .remove:hover:before, .react-select-tags .tag .tagWrapper .remove:hover:after {\n  background-color: white;\n}\n\n.react-select-tags .group {\n  display: block;\n  width: 100%;\n  padding: 4px 24px;\n  font-weight: 800;\n  color: #212529;\n  font-size: 16px;\n  line-height: 1.5;\n}\n\n.react-select-tags .option {\n  display: block;\n  width: 100%;\n  padding: 4px 36px;\n  font-weight: 400;\n  color: #212529;\n  font-size: 16px;\n  line-height: 1.5;\n}\n.react-select-tags .option:hover {\n  color: #16181b;\n  text-decoration: none;\n  background-color: #f8f9fa;\n}\n\n.react-select-tags .optionsWrapper {\n  position: absolute;\n  background: white;\n  border: 1px solid #ced4da;\n  border-radius: 4px;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  height: auto;\n  max-height: 300px;\n  will-change: transform;\n  top: calc(100% + 2px);\n  left: 0;\n  z-index: 9999;\n}\n.react-select-tags .optionsWrapper .filter {\n  margin: 16px 24px 8px 24px;\n}\n.react-select-tags .optionsWrapper .filter input {\n  border: none;\n  border-bottom: 1px solid 1px solid #ced4da;\n  width: 100%;\n  font-size: 16px;\n  line-height: 1;\n  outline: 0;\n  box-shadow: none;\n  -webkit-appearance: none;\n}\n.react-select-tags .optionsWrapper .message {\n  display: flex;\n  align-items: center;\n  margin: 8px 24px 8px 24px;\n  color: #7e8b98;\n  user-select: none;\n  cursor: default;\n}\n.react-select-tags .optionsWrapper .options {\n  overflow: auto;\n  user-select: none;\n  cursor: default;\n}\n\n.react-select-tags .loader {\n  display: flex;\n  align-items: center;\n  margin: 8px 24px 8px 24px;\n  color: #7e8b98;\n  user-select: none;\n  cursor: default;\n}\n.react-select-tags .loader .spinner {\n  border-radius: 50%;\n  width: 20px;\n  height: 20px;\n  margin: 0 10px 0 0;\n  font-size: 10px;\n  position: relative;\n  text-indent: -9999em;\n  border-top: 4px solid rgba(13, 110, 253, 0.2);\n  border-right: 4px solid rgba(13, 110, 253, 0.2);\n  border-bottom: 4px solid rgba(13, 110, 253, 0.2);\n  border-left: 4px solid #0d6efd;\n  -webkit-transform: translateZ(0);\n  -ms-transform: translateZ(0);\n  transform: translateZ(0);\n  animation: spin 1.1s infinite linear;\n}\n.react-select-tags .loader .spinner:after {\n  border-radius: 50%;\n  width: 20px;\n  height: 20px;\n}\n@keyframes spin {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n\n.react-select-tags {\n  box-sizing: border-box;\n  width: 100%;\n  font-size: 1rem;\n  background: white;\n}\n.react-select-tags * {\n  box-sizing: border-box;\n}\n.react-select-tags.focused .inputWrapper {\n  border-color: #86b7fe;\n  border-radius: 4px;\n  box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);\n}\n.react-select-tags.showOverflowedTags .inputWrapper {\n  height: auto !important;\n}\n.react-select-tags .mainWrapper {\n  position: relative;\n}\n.react-select-tags .mainWrapper .inputWrapper {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  height: 38px;\n  padding: 5px 6px 5px 6px;\n  border: 1px solid #ced4da;\n  border-radius: 4px;\n  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n.react-select-tags .mainWrapper .inputWrapper.invalid {\n  border: 1px solid #dc3545 !important;\n}\n.react-select-tags .mainWrapper .inputWrapper.has-selected-tags {\n  align-items: baseline;\n}\n.react-select-tags .mainWrapper .tags {\n  display: flex;\n  flex-wrap: wrap;\n  flex-shrink: 1;\n  align-items: center;\n  justify-content: flex-start;\n  overflow: hidden;\n  height: 100%;\n  gap: 6px;\n}\n.react-select-tags .mainWrapper .expander {\n  border: 1px solid #0d6efd;\n  border-radius: 4px;\n  padding: 4px 8px 4px 8px;\n  line-height: 1;\n  white-space: nowrap;\n  cursor: pointer;\n  margin: 0px 4px;\n  user-select: none;\n  background: white;\n  color: #0d6efd;\n}\n.react-select-tags .mainWrapper .expander:hover {\n  background: #0d6efd;\n  color: white;\n}\n.react-select-tags .mainWrapper .input {\n  width: auto;\n  min-width: 200px;\n  flex-grow: 1;\n  padding: 0 0 0 4px;\n  margin: 0 4px;\n  font-size: 16px;\n  line-height: 1;\n  background: transparent;\n  color: #212529;\n  border: none;\n  border-radius: 4px;\n  outline: 0;\n  box-shadow: none;\n  -webkit-appearance: none;\n}\n.react-select-tags .mainWrapper .input::placeholder, .react-select-tags .mainWrapper .input:-moz-placeholder, .react-select-tags .mainWrapper .input:-ms-input-placeholder, .react-select-tags .mainWrapper .input::-moz-placeholder, .react-select-tags .mainWrapper .input::-webkit-input-placeholder {\n  color: #212529;\n}\n.react-select-tags .mainWrapper .input:focus {\n  border: none;\n}\n/*# sourceMappingURL=index.css.map */\n",".react-select-tags {\n  .group {\n    display: block;\n    width: 100%;\n    padding: 4px 24px;\n    font-weight: 800;\n    color: $rstGroupColor;\n    font-size: 16px;\n    line-height: 1.5;\n  }\n}",".react-select-tags {\n  .option {\n    display: block;\n    width: 100%;\n    padding: 4px 36px;\n    font-weight: 400;\n    color: $rstOptionColor;\n    font-size: 16px;\n    line-height: 1.5;\n\n    &:hover {\n      color: #16181b;\n      text-decoration: none;\n      background-color: #f8f9fa;\n    }\n  }\n}",".react-select-tags {\n  .optionsWrapper {\n    position: absolute;\n    background: $rstOptionsBackground;\n    border: 1px solid $rstOptionsBorderColor;\n    border-radius: $rstOptionsBorderRadius;\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    height: auto;\n    max-height: 300px;\n    will-change: transform;\n    top: calc(100% + 2px);\n    left: 0;\n    z-index: 9999;\n\n    .filter {\n      margin: 16px 24px 8px 24px;\n\n      input {\n        border: none;\n        border-bottom: 1px solid $rstFilterBorderBottom;\n        width: 100%;\n\n        font-size: $rstFilterFontSize;\n        line-height: 1;\n\n        outline: 0;\n        box-shadow: none;\n        -webkit-appearance: none;\n      }\n    }\n\n    .message {\n      display: flex;\n      align-items: center;\n      margin: 8px 24px 8px 24px;\n      color: $rstMessageColor;\n      user-select: none;\n      cursor: default;\n    }\n\n    .options {\n      overflow: auto;\n      user-select: none;\n      cursor: default;\n    }\n  }\n}",".react-select-tags {\n  .loader {\n    display: flex;\n    align-items: center;\n    margin: 8px 24px 8px 24px;\n    color: lighten($rstLoaderColor, 40%);\n    user-select: none;\n    cursor: default;\n\n    .spinner {\n      border-radius: 50%;\n      width: 20px;\n      height: 20px;\n      margin: 0 10px 0 0;\n      font-size: 10px;\n      position: relative;\n      text-indent: -9999em;\n      border-top: 4px solid rgba(13, 110, 253, 0.2);\n      border-right: 4px solid rgba(13, 110, 253, 0.2);\n      border-bottom: 4px solid rgba(13, 110, 253, 0.2);\n      border-left: 4px solid $rstSpinnerColor;\n      -webkit-transform: translateZ(0);\n      -ms-transform: translateZ(0);\n      transform: translateZ(0);\n      animation: spin 1.1s infinite linear;\n\n      &:after {\n        border-radius: 50%;\n        width: 20px;\n        height: 20px;\n      }\n    }\n\n    @keyframes spin {\n      0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n      }\n      100% {\n        -webkit-transform: rotate(360deg);\n        transform: rotate(360deg);\n      }\n    }\n  }\n}","@import \"./vars\";\n\n@import \"./components/Tag\";\n@import \"./components/Group\";\n@import \"./components/Option\";\n@import \"./components/Options\";\n@import \"./components/Notificator\";\n\n.react-select-tags {\n  box-sizing: border-box;\n  width: 100%;\n  font-size: 1rem;\n  background: $background;\n\n  * {\n    box-sizing: border-box;\n  }\n\n  &.focused {\n    .inputWrapper {\n      border-color: #86b7fe;\n      border-radius: 4px;\n      box-shadow: 0 0 0 4px rgb(13 110 253 / 25%);\n    }\n  }\n\n  &.showOverflowedTags {\n    .inputWrapper {\n      height: auto !important;\n    }\n  }\n\n  .mainWrapper {\n    position: relative;\n\n    .inputWrapper {\n      display: flex;\n      width: 100%;\n      align-items: center;\n      height: $rstHeight;\n      padding: 5px 6px 5px 6px;\n      border: 1px solid $rstBorderColor;\n      border-radius: $rstTagBorderRadius;\n      transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n\n      &.invalid {\n        border: 1px solid $rstInvalid !important;\n      }\n\n      &.has-selected-tags {\n        align-items: baseline;\n      }\n    }\n\n    .tags {\n      display: flex;\n      flex-wrap: wrap;\n      flex-shrink: 1;\n      align-items: center;\n      justify-content: flex-start;\n      overflow: hidden;\n      height: 100%;\n      gap: 6px;\n    }\n\n    .expander {\n      border: 1px solid $rstTagBgColor;\n      border-radius: $rstTagBorderRadius;\n      padding: 4px 8px 4px 8px;\n      line-height: 1;\n      white-space: nowrap;\n      cursor: pointer;\n      margin: 0px 4px;\n      user-select: none;\n      background: white;\n      color: $rstTagBgColor;\n\n      &:hover {\n        background: $rstTagBgColor;\n        color: white;\n      }\n    }\n\n    .input {\n      width: auto;\n      min-width: 200px;\n      flex-grow: 1;\n      padding: 0 0 0 4px;\n      margin: 0 4px;\n\n      font-size: $rstTagFontSize;\n      line-height: 1;\n\n      background: transparent;\n      color: $rstMainInputColor;\n      border: none;\n      border-radius: $rstTagBorderRadius;\n      outline: 0;\n      box-shadow: none;\n      -webkit-appearance: none;\n\n      &::placeholder,\n      &:-moz-placeholder,\n      &:-ms-input-placeholder,\n      &::-moz-placeholder,\n      &::-webkit-input-placeholder {\n        color: $rstMainInputColor;\n      }\n      &:focus {\n        border: none;\n      }\n    }\n  }\n}\n"],"names":[],"version":3,"file":"index.css.map"}