.bx--tag {
    display: inline-block;
    padding: 0;
    border: 0;
    -webkit-appearance: none;
    appearance: none;
    background: none;
    cursor: pointer
}

.bx--tag::-moz-focus-inner {
    border: 0
}

.bx--tag {
    font-size: 1.1rem;
    /* font-weight: 400; */
    /* line-height: 1.33333; */
    /* letter-spacing: .32px; */
    background-color: #e0e0e0;
    color: #393939
}

.bx--tag.bx--tag--interactive:hover,.bx--tag .bx--tag__close-icon:hover {
    background-color: #c6c6c6
}

.bx--tag {
    display: inline-flex;
    min-width: 2rem;
    max-width: 100%;
    min-height: 1.5rem;
    align-items: center;
    justify-content: center;
    padding: .25rem .5rem;
    margin: .25rem;
    border-radius: .9375rem;
    cursor: default;
    vertical-align: middle;
    word-break: break-word
}

.bx--tag:not(:first-child) {
    margin-left: 0
}

.bx--tag--outline {
    background-color: #f4f4f4;
    color: #161616
}

.bx--tag--outline.bx--tag--interactive:hover,.bx--tag--outline .bx--tag__close-icon:hover {
    background-color: #e5e5e5
}

.bx--tag--outline {
    box-shadow: inset 0 0 0 1px #393939
}

.bx--tag--disabled,.bx--tag--filter.bx--tag--disabled,.bx--tag--interactive.bx--tag--disabled {
    background-color: #fff;
    color: #c6c6c6
}

.bx--tag--disabled.bx--tag--interactive:hover,.bx--tag--disabled .bx--tag__close-icon:hover,.bx--tag--filter.bx--tag--disabled.bx--tag--interactive:hover,.bx--tag--filter.bx--tag--disabled .bx--tag__close-icon:hover,.bx--tag--interactive.bx--tag--disabled.bx--tag--interactive:hover,.bx--tag--interactive.bx--tag--disabled .bx--tag__close-icon:hover {
    background-color: #fff
}

.bx--tag--disabled:hover,.bx--tag--filter.bx--tag--disabled:hover,.bx--tag--interactive.bx--tag--disabled:hover {
    cursor: not-allowed
}

.bx--tag__label {
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bx--tag--interactive:focus {
    box-shadow: inset 0 0 0 1px #0f62fe;
    outline: none
}

.bx--tag--interactive:hover {
    cursor: pointer
}

.bx--tag--filter {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    cursor: pointer
}

.bx--tag--filter:hover {
    outline: none
}

.bx--tag--interactive {
    transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9)
}

.bx--tag__close-icon {
    display: flex;
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    margin: 0 0 0 .125rem;
    background-color: rgba(0,0,0,0);
    border-radius: 50%;
    color: currentColor;
    cursor: pointer;
    transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9),box-shadow 70ms cubic-bezier(0.2, 0, 0.38, 0.9)
}

.bx--tag__close-icon svg {
    fill: currentColor
}

.bx--tag__custom-icon {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    padding: 0;
    border: 0;
    margin-right: .25rem;
    background-color: rgba(0,0,0,0);
    color: currentColor;
    outline: none
}

.bx--tag__custom-icon svg {
    fill: currentColor
}

.bx--tag--disabled .bx--tag__close-icon {
    cursor: not-allowed
}

.bx--tag__close-icon:focus {
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px #0f62fe;
    outline: none
}

.bx--tag--high-contrast .bx--tag__close-icon:focus {
    box-shadow: inset 0 0 0 1px #fff
}

.bx--tag--filter.bx--tag--disabled .bx--tag__close-icon:hover {
    background-color: rgba(0,0,0,0)
}

.bx--tag--filter.bx--tag--disabled svg {
    fill: #c6c6c6
}

.bx--tag--sm {
    min-height: 1.125rem;
    padding: 0 .5rem
}

.bx--tag--sm.bx--tag--filter {
    padding-right: 0
}

.bx--tag--sm .bx--tag__close-icon {
    width: 1.125rem;
    height: 1.125rem;
    margin-left: .3125rem
}

.bx--tag.bx--skeleton {
    position: relative;
    padding: 0;
    border: none;
    background: #e5e5e5;
    box-shadow: none;
    pointer-events: none
}

.bx--tag.bx--skeleton:hover,.bx--tag.bx--skeleton:focus,.bx--tag.bx--skeleton:active {
    border: none;
    cursor: default;
    outline: none
}

.bx--tag.bx--skeleton::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-animation: 3000ms ease-in-out skeleton infinite;
    animation: 3000ms ease-in-out skeleton infinite;
    background: #c6c6c6;
    content: "";
    will-change: transform-origin,transform,opacity
}

@media(prefers-reduced-motion: reduce) {
    .bx--tag.bx--skeleton::before {
        -webkit-animation: none;
        animation: none
    }
}

.bx--tag.bx--skeleton {
    background-color: #e5e5e5;
    color: #161616
}

.bx--tag.bx--skeleton.bx--tag--interactive:hover,.bx--tag.bx--skeleton .bx--tag__close-icon:hover {
    background-color: #e5e5e5
}

.bx--tag.bx--skeleton {
    overflow: hidden;
    width: 3.75rem
}

@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
    @supports(-webkit-appearance: none) and (stroke-color: transparent) {
        .bx--tag.bx--skeleton {
            -webkit-transform:translateZ(0);
            transform: translateZ(0)
        }
    }
}

@media screen and (-ms-high-contrast: active),(forced-colors: active) {
    .bx--tag {
        outline: 1px solid rgba(0,0,0,0)
    }
}

@media screen and (-ms-high-contrast: active),(forced-colors: active) {
    .bx--tag__close-icon svg,.bx--tag__custom-icon svg {
        fill: ButtonText
    }
}

@media screen and (-ms-high-contrast: active),(forced-colors: active) {
    .bx--tag__close-icon:focus {
        color: Highlight;
        outline: 1px solid Highlight
    }
}

.bx--text-truncate--end {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bx--text-truncate--front {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    direction: rtl;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bx--checkbox-wrapper--readonly .bx--checkbox-label {
    cursor: default
}

.bx--checkbox-wrapper--readonly .bx--checkbox-label-text {
    cursor: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.bx--checkbox-wrapper--readonly .bx--checkbox+.bx--checkbox-label::before {
    border-color: #c6c6c6
}

.bx--checkbox-wrapper--readonly .bx--checkbox:checked+.bx--checkbox-label::before {
    border: 1px solid #c6c6c6;
    background: rgba(0,0,0,0)
}

.bx--checkbox-wrapper--readonly .bx--checkbox:checked+.bx--checkbox-label::after {
    border-color: #161616
}


.bx--label {
    /* font-size: .75rem; */
    /* font-weight: 400; */
    /* line-height: 1.33333; */
    /* letter-spacing: .32px; */
    display: inline-block;
    margin-bottom: .5rem;
    color: #525252;
    /* font-weight: 400; */
    /* line-height: 1rem; */
    vertical-align: baseline
}

.bx--label .bx--tooltip__trigger {
    /* font-size: .75rem; */
    /* font-weight: 400; */
    /* line-height: 1.33333; */
    /* letter-spacing: .32px */
}

.bx--label.bx--skeleton {
    position: relative;
    padding: 0;
    border: none;
    background: #e5e5e5;
    box-shadow: none;
    pointer-events: none
}

.bx--label.bx--skeleton:hover,.bx--label.bx--skeleton:focus,.bx--label.bx--skeleton:active {
    border: none;
    cursor: default;
    outline: none
}

.bx--label.bx--skeleton::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-animation: 3000ms ease-in-out skeleton infinite;
    animation: 3000ms ease-in-out skeleton infinite;
    background: #c6c6c6;
    content: "";
    will-change: transform-origin,transform,opacity
}

@media(prefers-reduced-motion: reduce) {
    .bx--label.bx--skeleton::before {
        -webkit-animation: none;
        animation: none
    }
}

.bx--label.bx--skeleton {
    width: 4.6875rem;
    height: .875rem
}



.bx--form--fluid .bx--fieldset {
    margin: 0
}

.bx--form--fluid input[data-invalid] {
    outline: none
}

.bx--form--fluid .bx--form-requirement {
    padding: .5rem 2.5rem .5rem 1rem;
    margin: 0
}

input:not(output):not([data-invalid]):-moz-ui-invalid {
    box-shadow: none
}

.bx--form-requirement {
    /* font-size: .75rem; */
    /* font-weight: 400; */
    /* line-height: 1.33333; */
    /* letter-spacing: .32px; */
    display: none;
    overflow: hidden;
    max-height: 0;
    margin: .25rem 0 0
}

.bx--select--inline .bx--form__helper-text {
    margin-top: 0
}

.bx--form__helper-text {
    /* font-size: .75rem; */
    /* line-height: 1.33333; */
    /* letter-spacing: .32px; */
    z-index: 0;
    width: 100%;
    margin-top: .25rem;
    color: #525252;
    opacity: 1
}

.bx--label--disabled,.bx--form__helper-text--disabled {
    color: #c6c6c6
}

fieldset[disabled] .bx--label,fieldset[disabled] .bx--form__helper-text {
    color: #c6c6c6
}

.bx--form-item.bx--checkbox-wrapper {
    position: relative;
    margin-bottom: .25rem
}

.bx--form-item.bx--checkbox-wrapper:first-of-type {
    margin-top: .1875rem
}

.bx--label+.bx--form-item.bx--checkbox-wrapper {
    margin-top: -0.125rem
}

.bx--form-item.bx--checkbox-wrapper:last-of-type {
    margin-bottom: .1875rem
}

.bx--checkbox {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0;
    margin: -1px;
    clip: rect(0, 0, 0, 0);
    visibility: inherit;
    white-space: nowrap;
    top: 1.25rem;
    left: .7rem
}

.bx--checkbox-label {
    /* font-size: .875rem; */
    /* font-weight: 400; */
    /* line-height: 1.28572; */
    /* letter-spacing: .16px; */
    position: relative;
    display: flex;
    min-height: 1.5rem;
    padding-top: .1875rem;
    padding-left: 1.25rem;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bx--checkbox-label-text {
    padding-left: .375rem
}

.bx--checkbox-label::before,.bx--checkbox-label::after {
    box-sizing: border-box
}

.bx--checkbox-label::before {
    position: absolute;
    top: 1rem;
    left: 0;
    width: 1rem;
    height: 1rem;
    border: 1px solid #161616;
    margin: .125rem .125rem .125rem .1875rem;
    background-color: rgba(0,0,0,0);
    border-radius: 1px;
    content: ""
}

.bx--checkbox-label::after {
    position: absolute;
    top: 1.3rem;
    left: .4375rem;
    width: .5625rem;
    height: .3125rem;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    margin-top: -0.1875rem /*rtl:0rem*/;
    background: none;
    content: "";
    -webkit-transform: scale(0) rotate(-45deg);
    transform: scale(0) rotate(-45deg);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right /*rtl:center*/
}

.bx--checkbox:checked+.bx--checkbox-label::before,.bx--checkbox:indeterminate+.bx--checkbox-label::before,.bx--checkbox-label[data-contained-checkbox-state=true]::before,.bx--checkbox-label[data-contained-checkbox-state=mixed]::before {
    border-width: 1px;
    border-color: #161616;
    background-color: #161616
}

.bx--checkbox:checked+.bx--checkbox-label::after,.bx--checkbox-label[data-contained-checkbox-state=true]::after {
    -webkit-transform: scale(1) rotate(-45deg);
    transform: scale(1) rotate(-45deg) /*rtl:scale(1.2) rotate3d(.5, 1, 0, 158deg)*/
}

.bx--checkbox:indeterminate+.bx--checkbox-label::after,.bx--checkbox-label[data-contained-checkbox-state=mixed]::after {
    top: .6875rem;
    width: .5rem;
    border-bottom: 2px solid #fff;
    border-left: 0 solid #fff;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg)
}

.bx--checkbox:focus+.bx--checkbox-label::before,.bx--checkbox-label__focus::before,.bx--checkbox:checked:focus+.bx--checkbox-label::before,.bx--checkbox-label[data-contained-checkbox-state=true].bx--checkbox-label__focus::before,.bx--checkbox:indeterminate:focus+.bx--checkbox-label::before,.bx--checkbox-label[data-contained-checkbox-state=mixed].bx--checkbox-label__focus::before {
    outline: 2px solid #0f62fe;
    outline-offset: 1px
}

.bx--checkbox:disabled+.bx--checkbox-label,.bx--checkbox-label[data-contained-checkbox-disabled=true] {
    color: #c6c6c6;
    cursor: not-allowed
}

.bx--checkbox:disabled+.bx--checkbox-label::before,.bx--checkbox-label[data-contained-checkbox-disabled=true]::before {
    border-color: #c6c6c6
}

.bx--checkbox:checked:disabled+.bx--checkbox-label::before,.bx--checkbox:indeterminate:disabled+.bx--checkbox-label::before,.bx--checkbox-label[data-contained-checkbox-state=true][data-contained-checkbox-disabled=true]::before,.bx--checkbox-label[data-contained-checkbox-state=mixed][data-contained-checkbox-disabled=true]::before {
    background-color: #c6c6c6
}

.bx--checkbox-label-text.bx--skeleton {
    position: relative;
    padding: 0;
    border: none;
    background: #e5e5e5;
    box-shadow: none;
    pointer-events: none
}

.bx--checkbox-label-text.bx--skeleton:hover,.bx--checkbox-label-text.bx--skeleton:focus,.bx--checkbox-label-text.bx--skeleton:active {
    border: none;
    cursor: default;
    outline: none
}

.bx--checkbox-label-text.bx--skeleton::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-animation: 3000ms ease-in-out skeleton infinite;
    animation: 3000ms ease-in-out skeleton infinite;
    background: #c6c6c6;
    content: "";
    will-change: transform-origin,transform,opacity
}

@media(prefers-reduced-motion: reduce) {
    .bx--checkbox-label-text.bx--skeleton::before {
        -webkit-animation: none;
        animation: none
    }
}

.bx--checkbox-label-text.bx--skeleton {
    width: 6.25rem;
    height: 1rem;
    margin: .0625rem 0 0 .375rem
}

.bx--checkbox--inline {
    position: relative
}

@-webkit-keyframes hide-feedback {
    0% {
        opacity: 1;
        visibility: inherit
    }

    100% {
        opacity: 0;
        visibility: hidden
    }
}

@keyframes hide-feedback {
    0% {
        opacity: 1;
        visibility: inherit
    }

    100% {
        opacity: 0;
        visibility: hidden
    }
}

@-webkit-keyframes show-feedback {
    0% {
        opacity: 0;
        visibility: hidden
    }

    100% {
        opacity: 1;
        visibility: inherit
    }
}

@keyframes show-feedback {
    0% {
        opacity: 0;
        visibility: hidden
    }

    100% {
        opacity: 1;
        visibility: inherit
    }
}


.bx--list-box__wrapper--inline {
    display: inline-grid;
    align-items: center;
    grid-gap: .25rem;
    grid-template: auto auto/auto auto
}

.bx--list-box__wrapper--inline .bx--label {
    /* font-size: .875rem; */
    /* font-weight: 400; */
    /* line-height: 1.28572; */
    /* letter-spacing: .16px */
}

.bx--list-box__wrapper--inline .bx--label,.bx--list-box__wrapper--inline .bx--form__helper-text,.bx--list-box__wrapper--inline .bx--form-requirement {
    margin: 0
}

.bx--list-box__wrapper--inline .bx--form__helper-text {
    max-width: none
}

.bx--list-box__wrapper--inline .bx--form-requirement {
    grid-column: 2
}

.bx--list-box {
    position: relative;
    width: 100%;
    /* height: 2.5rem;
    max-height: 2.5rem; */
    border: none;
    /* border-bottom: 1px solid #8d8d8d; */
    background-color: #fff;
    color: #161616;
    cursor: pointer;
    transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9)
}

.bx--list-box:hover {
    background-color: #e5e5e5
}

.bx--list-box--xl,.bx--list-box--lg {
    /* height: 3rem;
    max-height: 3rem */
}

.bx--list-box--sm {
    height: 2rem;
    max-height: 2rem
}

.bx--list-box--expanded {
    border-bottom-color: #e0e0e0
}

.bx--list-box--expanded:hover {
    background-color: #fff
}

.bx--list-box--expanded:hover.bx--list-box--light:hover {
    background-color: #f4f4f4
}

.bx--list-box .bx--text-input {
    min-width: 0;
    height: 100%
}

.bx--list-box__invalid-icon {
    position: absolute;
    top: 50%;
    right: 2.5rem;
    fill: #da1e28;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.bx--list-box__invalid-icon--warning {
    fill: #f1c21b
}

.bx--list-box__invalid-icon--warning path[fill] {
    fill: #000;
    opacity: 1
}

.bx--list-box[data-invalid] .bx--list-box__field,.bx--list-box.bx--list-box--warning .bx--list-box__field {
    padding-right: 4rem;
    border-bottom: 0
}

.bx--list-box[data-invalid].bx--list-box--inline .bx--list-box__field {
    padding-right: 3.5rem
}

.bx--list-box--light {
    background-color: #f4f4f4
}

.bx--list-box--light:hover {
    background-color: #e5e5e5
}

.bx--list-box--light .bx--list-box__menu {
    background: #f4f4f4
}

.bx--list-box--light .bx--list-box__menu-item__option {
    border-top-color: #e0e0e0
}

.bx--list-box--light.bx--list-box--expanded {
    border-bottom-color: rgba(0,0,0,0)
}

.bx--list-box--disabled:hover {
    background-color: #fff
}

.bx--list-box--light.bx--list-box--disabled {
    background-color: #f4f4f4
}

.bx--list-box--disabled,.bx--list-box--disabled .bx--list-box__field,.bx--list-box--disabled .bx--list-box__field:focus {
    border-bottom-color: rgba(0,0,0,0);
    outline: none
}

.bx--list-box--disabled .bx--list-box__label,.bx--list-box--disabled.bx--list-box--inline .bx--list-box__label {
    color: #c6c6c6
}

.bx--list-box--disabled .bx--list-box__menu-icon>svg,.bx--list-box--disabled .bx--list-box__selection>svg {
    fill: #c6c6c6
}

.bx--list-box--disabled,.bx--list-box--disabled .bx--list-box__field,.bx--list-box--disabled .bx--list-box__menu-icon {
    cursor: not-allowed
}

.bx--list-box--disabled .bx--list-box__menu-item,.bx--list-box--disabled .bx--list-box__menu-item:hover,.bx--list-box--disabled .bx--list-box__menu-item--highlighted {
    color: #c6c6c6;
    text-decoration: none
}

.bx--list-box--disabled .bx--list-box__selection:hover {
    cursor: not-allowed
}

.bx--list-box--disabled.bx--list-box[data-invalid] .bx--list-box__field {
    padding-right: 3rem
}

.bx--list-box--disabled.bx--list-box[data-invalid].bx--list-box--inline .bx--list-box__field {
    padding-right: 2rem
}

.bx--list-box.bx--list-box--inline {
    border-width: 0;
    background-color: rgba(0,0,0,0)
}

.bx--list-box.bx--list-box--inline:hover {
    background-color: #e5e5e5
}

.bx--list-box.bx--list-box--inline.bx--list-box--expanded {
    border-bottom-width: 0
}

.bx--list-box.bx--list-box--inline.bx--list-box--expanded .bx--list-box__field[aria-expanded=true] {
    border-width: 0
}

.bx--list-box.bx--list-box--inline.bx--list-box--disabled:hover {
    background-color: rgba(0,0,0,0)
}

.bx--list-box.bx--list-box--inline.bx--list-box--expanded:hover {
    background-color: #f4f4f4
}

.bx--list-box.bx--list-box--inline .bx--list-box__field {
    padding: 0 2rem 0 .5rem
}

.bx--list-box.bx--list-box--inline .bx--list-box__menu-icon {
    right: .5rem
}

.bx--list-box.bx--list-box--inline .bx--list-box__invalid-icon {
    right: 2rem
}

.bx--list-box--inline .bx--list-box__label {
    color: #161616
}

.bx--list-box--inline .bx--list-box__field {
    height: 100%
}

.bx--dropdown--inline .bx--list-box__field {
    max-width: 30rem
}

.bx--dropdown--inline .bx--list-box__menu {
    min-width: 18rem;
    max-width: 30rem
}

.bx--list-box__field {
    display: inline-block;
    padding: 0;
    border: 0;
    -webkit-appearance: none;
    appearance: none;
    background: none;
    cursor: pointer;
    width: 100%
}

.bx--list-box__field::-moz-focus-inner {
    border: 0
}

.bx--list-box__field {
    position: relative;
    display: inline-flex;
    overflow: hidden;
    height: calc(100% + 1px);
    align-items: center;
    padding: 0 3rem 0 1rem;
    cursor: pointer;
    outline: none;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap
}

.bx--list-box__field:focus {
    outline: 2px solid #0f62fe;
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--list-box__field:focus {
        outline-style: dotted
    }
}

.bx--list-box__field[disabled] {
    color: #c6c6c6;
    outline: none
}

.bx--list-box__field .bx--text-input {
    padding-right: 4.5rem
}

.bx--list-box[data-invalid] .bx--list-box__field .bx--text-input,.bx--list-box--warning .bx--list-box__field .bx--text-input {
    padding-right: 6.125rem
}

.bx--list-box[data-invalid] .bx--list-box__field .bx--text-input+.bx--list-box__invalid-icon,.bx--list-box--warning .bx--list-box__field .bx--text-input+.bx--list-box__invalid-icon {
    right: 4.125rem
}

.bx--list-box__field .bx--text-input--empty {
    padding-right: 3rem
}

.bx--list-box[data-invalid] .bx--list-box__field .bx--text-input--empty,.bx--list-box--warning .bx--list-box__field .bx--text-input--empty {
    padding-right: 4.5rem
}

.bx--list-box[data-invalid] .bx--list-box__field .bx--text-input--empty+.bx--list-box__invalid-icon,.bx--list-box--warning .bx--list-box__field .bx--text-input--empty+.bx--list-box__invalid-icon {
    right: 2.5rem
}

.bx--list-box__label {
    /* font-size: .875rem; */
    /* font-weight: 400; */
    /* line-height: 1.28572; */
    /* letter-spacing: .16px; */
    overflow: hidden;
    color: #161616;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.bx--list-box__menu-icon {
    display: inline-block;
    padding: 0;
    border: 0;
    -webkit-appearance: none;
    appearance: none;
    background: none;
    cursor: pointer
}

.bx--list-box__menu-icon::-moz-focus-inner {
    border: 0
}

.bx--list-box__menu-icon {
    position: absolute;
    right: 1rem;
    display: flex;
    width: 1.5rem;
    height: 1.5rem;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    outline: none;
    transition: -webkit-transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
    transition: transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
    transition: transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9)
}

.bx--list-box__menu-icon>svg {
    fill: #161616
}

.bx--list-box__menu-icon--open {
    width: 1.5rem;
    justify-content: center;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.bx--list-box__selection {
    display: inline-block;
    padding: 0;
    border: 0;
    -webkit-appearance: none;
    appearance: none;
    background: none;
    cursor: pointer
}

.bx--list-box__selection::-moz-focus-inner {
    border: 0
}

.bx--list-box__selection {
    position: absolute;
    top: 50%;
    right: 2.5rem;
    display: flex;
    width: 1.5rem;
    height: 1.5rem;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bx--list-box__selection:focus {
    outline: 2px solid #0f62fe;
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--list-box__selection:focus {
        outline-style: dotted
    }
}

.bx--list-box__selection:focus:hover {
    outline: 2px solid #0f62fe;
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--list-box__selection:focus:hover {
        outline-style: dotted
    }
}

.bx--list-box__selection>svg {
    fill: #161616
}

.bx--list-box--disabled .bx--list-box__selection:focus {
    outline: none
}

.bx--list-box__selection--multi {
    /* font-size: .75rem; */
    /* font-weight: 400; */
    /* line-height: 1.33333; */
    /* letter-spacing: .32px; */
    position: static;
    top: auto;
    display: flex;
    width: auto;
    height: 1.5rem;
    align-items: center;
    justify-content: space-between;
    padding: .5rem;
    padding-right: .125rem;
    margin-right: .625rem;
    background-color: #393939;
    border-radius: .75rem;
    color: #fff;
    line-height: 0;
    -webkit-transform: none;
    transform: none
}

.bx--list-box__selection--multi>svg {
    width: 1.25rem;
    height: 1.25rem;
    padding: .125rem;
    margin-left: .25rem;
    fill: #fff
}

.bx--list-box__selection--multi>svg:hover {
    background-color: #4c4c4c;
    border-radius: 50%
}

.bx--list-box--disabled .bx--list-box__selection--multi {
    background-color: #c6c6c6;
    color: #fff
}

.bx--list-box--disabled .bx--list-box__selection--multi.bx--tag--interactive:hover,.bx--list-box--disabled .bx--list-box__selection--multi .bx--tag__close-icon:hover {
    background-color: #c6c6c6
}

.bx--list-box--disabled .bx--list-box__selection--multi>svg {
    fill: #fff
}

.bx--list-box--disabled .bx--list-box__selection--multi>svg:hover {
    background-color: initial
}

.bx--list-box__selection--multi:hover {
    outline: none
}

.bx--list-box__menu {
    box-shadow: 0 2px 6px rgba(0,0,0,.3);
    position: absolute;
    z-index: 9100;
    right: 0;
    left: 0;
    width: fit-content;
    min-width: 100%;
    background-color: #fff;
    overflow-y: auto;
    transition: max-height 110ms cubic-bezier(0.2, 0, 0.38, 0.9)
}

.bx--list-box__menu:focus {
    outline: 1px solid #0f62fe
}

@media screen and (prefers-contrast) {
    .bx--list-box__menu:focus {
        outline-style: dotted
    }
}

.bx--list-box .bx--list-box__field[aria-expanded=false]+.bx--list-box__menu {
    max-height: 0
}

.bx--list-box--expanded .bx--list-box__menu {
    max-height: 13.75rem
}

.bx--list-box--expanded.bx--list-box--xl .bx--list-box__menu,.bx--list-box--expanded.bx--list-box--lg .bx--list-box__menu {
    max-height: 16.5rem
}

.bx--list-box--expanded.bx--list-box--sm .bx--list-box__menu {
    max-height: 11rem
}

.bx--list-box__menu-item {
    /* font-size: .875rem; */
    /* font-weight: 400; */
    /* line-height: 1.28572; */
    /* letter-spacing: .16px; */
    position: relative;
    /* height: 2.5rem; */
    color: #525252;
    cursor: pointer;
    transition: background 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bx--list-box__menu-item:hover {
    background-color: #e5e5e5
}

.bx--list-box__menu-item:active {
    background-color: #e0e0e0
}

.bx--list-box--light .bx--list-box__menu-item:hover {
    background-color: #e5e5e5
}

.bx--list-box--sm .bx--list-box__menu-item {
    /* height: 2rem */
}

.bx--list-box--xl .bx--list-box__menu-item,.bx--list-box--lg .bx--list-box__menu-item {
    /* height: 3rem */
}

.bx--list-box--disabled .bx--list-box__menu-item:hover {
    background-color: rgba(0,0,0,0)
}

.bx--list-box--light .bx--list-box__menu-item:active {
    background-color: #e0e0e0
}

.bx--list-box--disabled .bx--list-box__menu-item__option:hover {
    border-top-color: #e0e0e0
}

.bx--list-box__menu-item:first-of-type .bx--list-box__menu-item__option {
    border-top-color: rgba(0,0,0,0)
}

.bx--list-box__menu-item:hover .bx--list-box__menu-item__option {
    color: #161616
}

.bx--list-box__menu-item:hover+.bx--list-box__menu-item .bx--list-box__menu-item__option {
    border-top-color: rgba(0,0,0,0)
}

.bx--list-box--disabled .bx--list-box__menu-item:hover+.bx--list-box__menu-item .bx--list-box__menu-item__option {
    border-top-color: #e0e0e0
}

.bx--list-box__menu-item__option {
    outline: 2px solid rgba(0,0,0,0);
    outline-offset: -2px;
    display: block;
    /* overflow: hidden; */
    /* height: 2.5rem; */
    padding: .6875rem 0;
    padding-right: 1.5rem;
    border-top: 1px solid rgba(0,0,0,0);
    border-top-color: #e0e0e0;
    border-bottom: 1px solid rgba(0,0,0,0);
    margin: 0 1rem;
    color: #525252;
    /* font-weight: normal; */
    /* line-height: 1rem;  */
    text-decoration: none;
    text-overflow: ellipsis;
    transition: border-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9),color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
    white-space: nowrap
}

.bx--list-box__menu-item__option:focus {
    outline: 2px solid #0f62fe;
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--list-box__menu-item__option:focus {
        outline-style: dotted
    }
}

.bx--list-box__menu-item__option:focus {
    padding: .6875rem 1rem;
    border-color: rgba(0,0,0,0);
    margin: 0
}

.bx--list-box__menu-item__option:hover {
    border-color: rgba(0,0,0,0);
    color: #161616
}

.bx--list-box--sm .bx--list-box__menu-item__option {
    height: 2rem;
    padding-top: .4375rem;
    padding-bottom: .4375rem
}

.bx--list-box--xl .bx--list-box__menu-item__option,.bx--list-box--lg .bx--list-box__menu-item__option {
    /* height: 3rem; */
    padding-top: .9375rem;
    padding-bottom: .9375rem
}

.bx--list-box--disabled .bx--list-box__menu-item:hover .bx--list-box__menu-item__option,.bx--list-box--disabled .bx--list-box__menu-item__option {
    color: #c6c6c6
}

.bx--list-box__menu-item[disabled],.bx--list-box__menu-item[disabled] *,.bx--list-box__menu-item[disabled] .bx--list-box__menu-item__option,.bx--list-box__menu-item[disabled]:hover {
    color: #c6c6c6;
    cursor: not-allowed;
    outline: none
}

.bx--list-box__menu-item[disabled]:hover {
    background-color: revert
}

.bx--list-box__menu-item[disabled] .bx--checkbox-label::before {
    border-color: #c6c6c6
}

.bx--list-box__menu-item[disabled] .bx--list-box__menu-item__option {
    border-top-color: #e0e0e0
}

.bx--list-box__menu-item[disabled]:hover+.bx--list-box__menu-item .bx--list-box__menu-item__option {
    border-top-color: #e0e0e0
}

.bx--list-box.bx--list-box--inline .bx--list-box__menu-item__option {
    margin: 0 .5rem
}

.bx--list-box.bx--list-box--inline .bx--list-box__menu-item__option:focus {
    padding-right: .5rem;
    padding-left: .5rem;
    margin: 0
}

.bx--list-box__menu-item--highlighted {
    border-color: rgba(0,0,0,0);
    background-color: #e5e5e5;
    color: #161616
}

.bx--list-box__menu-item--highlighted .bx--list-box__menu-item__option,.bx--list-box__menu-item--highlighted+.bx--list-box__menu-item .bx--list-box__menu-item__option {
    border-top-color: rgba(0,0,0,0)
}

.bx--list-box__menu-item--highlighted .bx--list-box__menu-item__option {
    color: #161616
}

.bx--list-box__menu-item--active {
    border-bottom-color: #e0e0e0;
    background-color: #e0e0e0;
    color: #161616
}

.bx--list-box--light .bx--list-box__menu-item--active {
    border-bottom-color: #e0e0e0;
    background-color: #e0e0e0
}

.bx--list-box__menu-item--active:hover,.bx--list-box__menu-item--active.bx--list-box__menu-item--highlighted {
    border-bottom-color: #cacaca;
    background-color: #cacaca
}

.bx--list-box__menu-item--active .bx--list-box__menu-item__option {
    color: #161616
}

.bx--list-box__menu-item--active+.bx--list-box__menu-item>.bx--list-box__menu-item__option {
    border-top-color: rgba(0,0,0,0)
}

.bx--list-box__menu-item__selected-icon {
    position: absolute;
    top: 50%;
    right: 1rem;
    display: none;
    fill: #161616;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.bx--list-box--inline .bx--list-box__menu-item__selected-icon {
    right: .5rem
}

.bx--list-box__menu-item--active .bx--list-box__menu-item__selected-icon {
    display: block
}

.bx--list-box__menu-item .bx--checkbox-label {
    width: 100%
}

.bx--list-box__menu-item .bx--checkbox-label-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bx--list-box--up .bx--list-box__menu {
    bottom: 2.5rem
}

.bx--list-box--up.bx--dropdown--sm .bx--list-box__menu,.bx--list-box--up.bx--list-box--sm .bx--list-box__menu,.bx--list-box--up .bx--list-box--sm .bx--list-box__menu {
    bottom: 2rem
}

.bx--list-box--up.bx--dropdown--xl .bx--list-box__menu,.bx--list-box--up.bx--list-box--xl .bx--list-box__menu,.bx--list-box--up.bx--dropdown--lg .bx--list-box__menu,.bx--list-box--up.bx--list-box--lg .bx--list-box__menu,.bx--list-box--up .bx--list-box--lg .bx--list-box__menu {
    bottom: 3rem
}

.bx--list-box input[role=combobox],.bx--list-box input[type=text] {
    min-width: 0;
    background-color: inherit
}

@media screen and (-ms-high-contrast: active),(forced-colors: active) {
    .bx--list-box__field,.bx--list-box__menu,.bx--multi-select .bx--tag--filter {
        outline: 1px solid rgba(0,0,0,0)
    }
}

@media screen and (-ms-high-contrast: active),(forced-colors: active) {
    .bx--list-box__field:focus,.bx--multi-select .bx--tag__close-icon:focus,.bx--list-box__menu-item--highlighted .bx--list-box__menu-item__option {
        color: Highlight;
        outline: 1px solid Highlight
    }
}


.bx--multi-select .bx--list-box__field--wrapper {
    display: inline-flex;
    width: 100%;
    height: calc(100% + 1px);
    align-items: center
}

.bx--multi-select .bx--list-box__field:focus {
    outline: 2px solid rgba(0,0,0,0);
    outline-offset: -2px
}

.bx--multi-select .bx--tag {
    min-width: auto;
    margin: 0 .5rem 0 1rem
}

.bx--multi-select--filterable .bx--tag {
    margin: 0 .5rem 0 1rem
}

.bx--multi-select .bx--list-box__menu {
    min-width: 100%;
}

.bx--multi-select .bx--list-box__menu-item__option .bx--checkbox-wrapper {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center
}

.bx--multi-select .bx--list-box__menu-item__option .bx--checkbox-label {
    display: inline-block;
    /* overflow: hidden; */
    width: 100%;
    padding-left: 1.75rem;
    /* text-overflow: ellipsis; */
    white-space: nowrap
}

.bx--multi-select .bx--list-box__menu-item__option>.bx--form-item {
    flex-direction: row;
    margin: 0
}

.bx--multi-select .bx--list-box__menu-item .bx--checkbox:checked~.bx--checkbox-label-text {
    color: #161616
}

.bx--multi-select--filterable {
    transition: outline-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9)
}

.bx--multi-select--filterable.bx--combo-box .bx--text-input {
    border: .125rem solid rgba(0,0,0,0);
    background-clip: padding-box;
    outline: none
}

.bx--multi-select--filterable--input-focused,.bx--multi-select .bx--list-box__field--wrapper--input-focused {
    outline: 2px solid #0f62fe;
    outline-offset: -2px
}

@media screen and (prefers-contrast) {
    .bx--multi-select--filterable--input-focused,.bx--multi-select .bx--list-box__field--wrapper--input-focused {
        outline-style: dotted
    }
}

.bx--multi-select--filterable.bx--multi-select--selected .bx--text-input,.bx--multi-select.bx--multi-select--selected .bx--list-box__field {
    /* padding-left: 0 */
}

.bx--multi-select--filterable.bx--list-box--disabled:hover .bx--text-input {
    background-color: #fff
}

.bx--multi-select--filterable .bx--list-box__selection--multi {
    margin: 0 0 0 1rem
}

.bx--multi-select--filterable.bx--multi-select--inline,.bx--multi-select--filterable.bx--multi-select--inline .bx--text-input {
    border-bottom: 0;
    background-color: rgba(0,0,0,0)
}

.bx--multi-select:not(.bx--list-box--expanded) .bx--list-box__menu {
    visibility: hidden
}