/*! @creativebulma/bulma-tagsinput v1.0.3 | (c) 2020 Gaetan | MIT License | https://github.com/CreativeBulma/bulma-tagsinput */
@keyframes a {
   0% {
      transform: rotate(0deg)
   }

   to {
      transform: rotate(359deg)
   }
}

.tags-input .dropdown-menu .dropdown-content.is-loading:after {
   animation: a .5s infinite linear;
   border: 2px solid #dbdbdb;
   border-radius: 290486px;
   border-right-color: transparent;
   border-top-color: transparent;
   content: "";
   display: block;
   height: 1em;
   width: 1em
}

.tags-input {
   -moz-appearance: none;
   -webkit-appearance: none;
   align-items: center;
   border: 1px solid transparent;
   box-shadow: none;
   font-size: 1rem;
   justify-content: flex-start;
   line-height: 1.5;
   vertical-align: top
}

.is-active.tags-input,
.is-focused.tags-input,
.tags-input:active,
.tags-input:focus {
   outline: 0
}

.tags-input[disabled],
fieldset[disabled] .tags-input {
   cursor: not-allowed
}

.tags-input {
   background-color: #fff;
   border-color: #dbdbdb;
   border-radius: 4px;
   color: #363636
}

.tags-input::-moz-placeholder {
   color: rgba(54, 54, 54, .3)
}

.tags-input::-webkit-input-placeholder {
   color: rgba(54, 54, 54, .3)
}

.tags-input:-moz-placeholder {
   color: rgba(54, 54, 54, .3)
}

.tags-input:-ms-input-placeholder {
   color: rgba(54, 54, 54, .3)
}

.is-hovered.tags-input,
.tags-input:hover {
   border-color: #b5b5b5
}

.is-active.tags-input,
.is-focused.tags-input,
.tags-input:active,
.tags-input:focus {
   border-color: #3273dc;
   box-shadow: 0 0 0 .125em rgba(50, 115, 220, .25)
}

.tags-input[disabled],
fieldset[disabled] .tags-input {
   background-color: #f5f5f5;
   border-color: #f5f5f5;
   box-shadow: none;
   color: #7a7a7a
}

.tags-input[disabled]::-moz-placeholder,
fieldset[disabled] .tags-input::-moz-placeholder {
   color: hsla(0, 0%, 48%, .3)
}

.tags-input[disabled]::-webkit-input-placeholder,
fieldset[disabled] .tags-input::-webkit-input-placeholder {
   color: hsla(0, 0%, 48%, .3)
}

.tags-input[disabled]:-moz-placeholder,
fieldset[disabled] .tags-input:-moz-placeholder {
   color: hsla(0, 0%, 48%, .3)
}

.tags-input[disabled]:-ms-input-placeholder,
fieldset[disabled] .tags-input:-ms-input-placeholder {
   color: hsla(0, 0%, 48%, .3)
}

.dropdown {
   display: inline-flex;
   position: relative;
   vertical-align: top
}

.dropdown.is-active .dropdown-menu,
.dropdown.is-hoverable:hover .dropdown-menu {
   display: block
}

.dropdown.is-right .dropdown-menu {
   left: auto;
   right: 0
}

.dropdown.is-up .dropdown-menu {
   bottom: 100%;
   padding-bottom: 4px;
   padding-top: 0;
   top: auto
}

.dropdown-menu {
   display: none;
   left: 0;
   min-width: 12rem;
   padding-top: 4px;
   position: absolute;
   top: 100%;
   z-index: 3
}

.dropdown-content {
   background-color: #fff;
   border-radius: 4px;
   box-shadow: 0 .5em 1em -.125em hsla(0, 0%, 4%, .1), 0 0 0 1px hsla(0, 0%, 4%, .02);
   padding-bottom: .5rem;
   padding-top: .5rem
}

.dropdown-item {
   color: #4a4a4a;
   display: block;
   font-size: .875rem;
   line-height: 1.5;
   padding: .375rem 1rem;
   position: relative
}

a.dropdown-item,
button.dropdown-item {
   padding-right: 3rem;
   text-align: left;
   white-space: nowrap;
   width: 100%
}

a.dropdown-item:hover,
button.dropdown-item:hover {
   background-color: #f5f5f5;
   color: #0a0a0a
}

a.dropdown-item.is-active,
button.dropdown-item.is-active {
   background-color: #3273dc;
   color: #fff
}

.dropdown-divider {
   background-color: #ededed;
   border: none;
   display: block;
   height: 1px;
   margin: .5rem 0
}

.tags-input {
   align-content: flex-start;
   display: flex;
   flex-wrap: wrap;
   height: auto;
   min-height: 2.5em;
   padding: 0;
   position: relative
}

.tags-input .tag {
   font-size: 1rem;
   margin: .1rem
}

.tags-input .tag:hover {
   cursor: pointer
}

.tags-input .tag.is-selected {
   background-color: #00d1b2;
   color: #fff
}

.tags-input .tag.is-duplicate {
   animation: b .75s linear infinite
}

.tags-input .input {
   border-color: transparent;
   box-shadow: none;
   display: inline-block;
   flex: 1 0 auto;
   height: 2.3rem;
   margin: .1rem;
   width: auto
}

.tags-input.is-filter input {
   color: rgba(54, 54, 54, .3)
}

.tags-input.is-filter input::-moz-placeholder {
   /* color: rgba(54, 54, 54, .3) */
}

.tags-input.is-filter input::-webkit-input-placeholder {
   /* color: rgba(54, 54, 54, .3) */
}

.tags-input.is-filter input:-moz-placeholder {
   /* color: rgba(54, 54, 54, .3) */
}

.tags-input.is-filter input:-ms-input-placeholder {
   /* color: rgba(54, 54, 54, .3) */
}

.tags-input.no-input input {
   color: transparent;
   text-shadow: 0 0 0 rgba(54, 54, 54, .3)
}

.tags-input.no-input input::-moz-placeholder {
   color: rgba(54, 54, 54, .3);
   text-shadow: none
}

.tags-input.no-input input::-webkit-input-placeholder {
   color: rgba(54, 54, 54, .3);
   text-shadow: none
}

.tags-input.no-input input:-moz-placeholder {
   color: rgba(54, 54, 54, .3);
   text-shadow: none
}

.tags-input.no-input input:-ms-input-placeholder {
   color: rgba(54, 54, 54, .3);
   text-shadow: none
}

.tags-input .dropdown-menu {
   width: 100%
}

.tags-input .dropdown-menu .dropdown-content {
   max-height: 250px;
   overflow: hidden;
   overflow-y: auto
}

.tags-input .dropdown-menu .dropdown-content.is-loading:after {
   left: 50%;
   position: absolute !important;
   top: 50%;
   transform: translate(-50%, -50%);
   z-index: 2
}

.tags-input .dropdown-menu .dropdown-content.is-loading:before {
   background-color: hsla(0, 0%, 96%, .5);
   content: "";
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: 1
}

.tags-input .dropdown-menu .dropdown-item:not(.empty-title):hover {
   cursor: pointer
}

.tags-input .dropdown-menu .dropdown-item.empty-title {
   color: #7a7a7a;
   text-align: center
}

.tags-input .dropdown-menu .dropdown-item.empty-title:hover {
   background: inherit;
   color: #7a7a7a
}

.tags-input .dropdown-menu .dropdown-item mark.is-highlighted {
   background-color: #ffdd57
}

.tags-input.is-small .tag {
   font-size: .75rem
}

.tags-input.is-small .input {
   border-radius: 2px;
   font-size: .75rem
}

.tags-input.is-medium .input,
.tags-input.is-medium .tag {
   font-size: 1.25rem
}

.tags-input.is-large .input,
.tags-input.is-large .tag {
   font-size: 1.5rem
}

.tags-input.is-disabled,
.tags-input[disabled] {
   background-color: #f5f5f5;
   border-color: #f5f5f5;
   box-shadow: none;
   color: #7a7a7a;
   cursor: not-allowed
}

.tags-input.is-disabled .tag,
.tags-input[disabled] .tag {
   background-color: ligthen(#f5f5f5, 5%);
   color: #7a7a7a;
   cursor: not-allowed
}

.tags-input.is-disabled .tag .delete,
.tags-input[disabled] .tag .delete {
   background-color: #e8e8e8;
   border-color: #e8e8e8;
   box-shadow: none;
   color: #7a7a7a;
   cursor: not-allowed
}

.tags-input.is-disabled .input,
.tags-input[disabled] .input {
   background-color: #f5f5f5;
   border-color: #f5f5f5;
   box-shadow: none;
   color: #7a7a7a
}

.tags-input.is-disabled .input::-moz-placeholder,
.tags-input[disabled] .input::-moz-placeholder {
   color: hsla(0, 0%, 48%, .3)
}

.tags-input.is-disabled .input::-webkit-input-placeholder,
.tags-input[disabled] .input::-webkit-input-placeholder {
   color: hsla(0, 0%, 48%, .3)
}

.tags-input.is-disabled .input:-moz-placeholder,
.tags-input[disabled] .input:-moz-placeholder {
   color: hsla(0, 0%, 48%, .3)
}

.tags-input.is-disabled .input:-ms-input-placeholder,
.tags-input[disabled] .input:-ms-input-placeholder {
   color: hsla(0, 0%, 48%, .3)
}

.tags-input[readonly] .input {
   box-shadow: none
}

.tags-input.is-active .dropdown-menu {
   display: block
}

@keyframes b {
   0% {
      opacity: 1
   }

   50% {
      opacity: 0
   }

   to {
      opacity: 1
   }
}