:root {
  --tagify-dd-color-primary: var(--color-primary) !important;
  --tags-focus-border-color: var(--color-primary) !important;
}

.stop-scroll {
  overflow: hidden;
  height: 100vh;
}

.tagify {
    min-height: 52px !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
            
    --tags-disabled-bg: var(--color-on-surface-container-low) !important;
    --tags-border-color: var(--color-primary-container) !important;
    --tags-hover-border-color: var(--color-primary) !important;
    --tags-focus-border-color: var(--color-primary) !important;
    --tag-border-radius: 7px !important;
    --tag-bg: white !important;
    --tag-hover: var(--color-primary-container) !important;
  }

.tagify__input {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  margin: 0 !important;
  line-height: normal !important;
  height: 100% !important;
  min-height: unset !important;
  padding: 0 !important;
}

.tagify__tag {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.tagify__dropdown__wrapper {
  border: 0 !important;
  -webkit-box-shadow: 0 0 0 0px !important;
          box-shadow: 0 0 0 0px !important; 
}

.tagify__dropdown__item {
  padding: 8px 16px !important;
}

.popover {
  z-index: 999;
}