fieldset[disabled] .multiselect {
    pointer-events: none
}

.multiselect__spinner {
    position: absolute;
    right: 1px;
    top: 1px;
    width: 48px;
    height: 35px;
    background: #fff;
    display: block
}

.multiselect__spinner:after, .multiselect__spinner:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    border-color: #41b883 transparent transparent;
    border-style: solid;
    border-width: 2px;
    box-shadow: 0 0 0 1px transparent
}

.multiselect__spinner:before {
    animation: a 2.4s cubic-bezier(.41, .26, .2, .62);
    animation-iteration-count: infinite
}

.multiselect__spinner:after {
    animation: a 2.4s cubic-bezier(.51, .09, .21, .8);
    animation-iteration-count: infinite
}

.multiselect__loading-enter-active, .multiselect__loading-leave-active {
    transition: opacity .4s ease-in-out;
    opacity: 1
}

.multiselect__loading-enter, .multiselect__loading-leave-active {
    opacity: 0
}

.multiselect, .multiselect__input, .multiselect__single {
    font-family: inherit;
    font-size: 15px;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

.multiselect {
    box-sizing: content-box;
    display: block;
    position: relative;
    width: 100%;
    text-align: left;
    color: #0E0E0F;
    max-height: 36px;
}

.multiselect * {
    box-sizing: border-box
}

.multiselect:focus {
    outline: none
}

.multiselect--disabled {
    opacity: .6
}

.multiselect--active {
    z-index: 5
}

.multiselect--active:not(.multiselect--above) .multiselect__current, .multiselect--active:not(.multiselect--above) .multiselect__input, .multiselect--active:not(.multiselect--above) .multiselect__tags {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.multiselect--active .multiselect__select:before {
    background-position: 50% 50%;
    filter: brightness(100%);
    transform: translate(-50%, -50%) rotate(180deg);
}
.multiselect:hover .multiselect__select:before {
    filter: brightness(100%);
}
.multiselect--above.multiselect--active .multiselect__current, .multiselect--above.multiselect--active .multiselect__input, .multiselect--above.multiselect--active .multiselect__tags {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.multiselect__input[type=text], .multiselect__single {
    position: relative;
    display: inline-block;
    border: none;
    background: #fff;
    box-sizing: border-box;
    vertical-align: top
}
.multiselect__input[type=text] {
    margin: 4px 5px 0 0;
    padding: 4px 0;
    width: auto;
    height: 27px;
    outline: 0;
    border: 0;
    border-bottom: 1px solid #aaa;
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
    box-sizing: border-box;
}

.multiselect__input::-webkit-input-placeholder {
    color: #0E0E0F
}

.multiselect__input:-ms-input-placeholder {
    color: #0E0E0F
}

.multiselect__input::placeholder {
    color: #0E0E0F
}

.multiselect__tag ~ .multiselect__input, .multiselect__tag ~ .multiselect__single {
    width: auto
}

.multiselect__input:hover, .multiselect__single:hover {
    border-color: #aaa
}

.multiselect__input:focus, .multiselect__single:focus {
    border-color: #aaa;
    outline: none
}

.multiselect__tags-wrap {
    display: block;
    overflow: hidden;
    height: 100%;
    margin-right: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.multiselect__tags {
    display: block;
    padding: 2px 32px 2px 14px;
    min-height: 36px;
    border-radius: 6px;
    background: #fff;
    font-size: 15px;
    line-height: 32px;
    cursor: pointer;
}
.multiselect--active .multiselect__tags {
    position: relative;
    z-index: 11;
}
.multiselect__tag span:after {
    content: ',';
}
.multiselect__tag:last-child span:after {
    content: none;
}
.multiselect__current {
    min-height: 40px;
    overflow: hidden;
    padding: 8px 12px 0;
    padding-right: 30px;
    white-space: nowrap;
    border-radius: 6px;
    border: 1px solid #e8e8e8
}

.multiselect__current, .multiselect__select {
    line-height: 16px;
    box-sizing: border-box;
    display: block;
    margin: 0;
    text-decoration: none;
    cursor: pointer;
}

.multiselect__select {
    position: absolute;
    width: 100%;
    height: 36px;
    right: 0;
    top: 0;
    text-align: center;
    transition: transform .2s ease;
}
.multiselect--active .multiselect__select {
    z-index: 12;
}

.multiselect__select:before {
    position: absolute;
    top: 50%;
    right: 8px;
    color: #999;
    width: 10px;
    height: 6px;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.00053 0.889876C1.35995 0.47055 1.99125 0.421989 2.41058 0.781411L5.25978 3.22359L8.10899 0.781411C8.52832 0.421989 9.15962 0.47055 9.51904 0.889876C9.87846 1.3092 9.8299 1.9405 9.41057 2.29992L5.91057 5.29992C5.53609 5.62092 4.98348 5.62092 4.60899 5.29992L1.10899 2.29992C0.689667 1.9405 0.641105 1.3092 1.00053 0.889876Z' fill='%23FC6D05'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-filter: brightness(0);
    filter: brightness(0);
    transition: -webkit-filter .2s ease;
    transition: filter .2s ease;
    transition: filter .2s ease,-webkit-filter .2s ease;
}

.multiselect__placeholder {
    color: #adadad;
    display: inline-block;
    margin-bottom: 10px;
    padding-top: 2px
}

.multiselect--active .multiselect__placeholder {
    display: none
}

.multiselect__content-wrapper {
    position: absolute;
    display: block;
    background: #fff;
    width: 100%;
    max-height: 240px;
    overflow: auto;
    border-top: none;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    z-index: 10;
    -webkit-overflow-scrolling: touch;
    box-shadow: 0 11px 60px rgb(87 108 120 / 20%);
}

.multiselect__content {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    vertical-align: top;
}

.multiselect--above .multiselect__content-wrapper {
    bottom: 100%;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom: none;
}

.multiselect__content::webkit-scrollbar {
    display: none
}

.multiselect__element {
    display: block;
}

.multiselect__option {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 16px;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    padding: 14px 32px 14px 44px;
    word-wrap: break-word;
    color: #0E0E0F;
    font-size: 15px;
}
.multiselect__option:before {
    content: '';
    position: absolute;
    left: 14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: #fff;
    border: 2px solid #dce4ef;
    border-radius: 6px;
}
.multiselect__option:after {
    top: 0;
    right: 0;
    position: absolute;
    line-height: 40px;
    padding-right: 12px;
    padding-left: 20px;
    font-size: 13px
}
.multiselect__option .tooltip {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 14px;
    margin: 0;
    width: 22px;
    height: 22px;
    border: 3px solid transparent;
}
.multiselect__option .option-qty {
    display: inline-block;
    vertical-align: baseline;
    margin: 0 5px;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 20px;
    color: #6d7885;
    opacity: .7;
}
.multiselect__option .option-name {
    font-size: 14px;
}
.multiselect__option--highlight {
    background: #F1F6FA;
    outline: none;
    color: #0062FF;
}

.multiselect__option--selected:before {
    background: #fc6d05;
    border: 2px solid #fc6d05;
}

.multiselect__option--selected:after {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 19px;
    width: 10px;
    height: 8px;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.73877 3.55681C1.36655 3.1488 0.734047 3.11978 0.326038 3.492C-0.0819712 3.86422 -0.110985 4.49672 0.261234 4.90473L1.73877 3.55681ZM3.52632 7L2.78755 7.67396C2.97703 7.88166 3.24518 8 3.52632 8C3.80745 8 4.07561 7.88166 4.26508 7.67396L3.52632 7ZM9.73877 1.67396C10.111 1.26595 10.082 0.633453 9.67396 0.261234C9.26595 -0.110985 8.63345 -0.0819712 8.26123 0.326038L9.73877 1.67396ZM0.261234 4.90473L2.78755 7.67396L4.26508 6.32604L1.73877 3.55681L0.261234 4.90473ZM4.26508 7.67396L9.73877 1.67396L8.26123 0.326038L2.78755 6.32604L4.26508 7.67396Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.multiselect__option--selected.multiselect__option--highlight:after {
    content: attr(data-deselect);
}

.multiselect--disabled {
    background: #ededed;
    pointer-events: none
}

.multiselect--disabled .multiselect__current, .multiselect--disabled .multiselect__select, .multiselect__option--disabled {
    opacity: 0.5;
    color: #6D7885;
}

.multiselect__option--disabled {
    cursor: text;
    pointer-events: none
}
.multiselect__option.multiselect__option--disabled:before {
    background: #F2F2F2;
    border: 2px solid #F2F2F2;
}
.multiselect__option--group, .multiselect__option-not-found {
    background: #ffffff;
    color: #0E0E0F;
    position: relative;
    font-family: CeraRound-Regular-Web;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    opacity: 1;
    padding: 12px 14px;
}
.multiselect__option--group:before, .multiselect__option-not-found:before {
    content: none !important;
}
.multiselect__option--group:before {
    content: '';
    display: block;
    height: 1px;
    background-color: #eef2f6;
    position: absolute;
    bottom: 0;
    left: 14px;
    right: 14px;
}
.multiselect__option--group.multiselect__option--highlight {
    background: #35495e;
    color: #fff
}

.multiselect__option--group.multiselect__option--highlight:after {
    background: #35495e
}

.multiselect__option--disabled.multiselect__option--highlight {
    background: #dedede
}

.multiselect__option--group-selected.multiselect__option--highlight {
    background: #ff6a6a;
    color: #fff
}

.multiselect__option--group-selected.multiselect__option--highlight:after {
    background: #ff6a6a;
    content: attr(data-deselect);
    color: #fff
}

.multiselect-enter-active, .multiselect-leave-active {
    transition: all .15s ease
}

.multiselect-enter, .multiselect-leave-active {
    opacity: 0
}

.multiselect__strong {
    margin-bottom: 8px;
    line-height: 20px;
    display: inline-block;
    vertical-align: top
}
.multiselect__title,
.multiselect__close,
.multiselect__btns {
    display: none;
}
[dir=rtl] .multiselect {
    text-align: right
}

[dir=rtl] .multiselect__select {
    right: auto;
    left: 1px
}

[dir=rtl] .multiselect__tags {
    padding: 8px 8px 0 40px
}

[dir=rtl] .multiselect__content {
    text-align: right
}

[dir=rtl] .multiselect__option:after {
    right: auto;
    left: 0
}

[dir=rtl] .multiselect__clear {
    right: auto;
    left: 12px
}

[dir=rtl] .multiselect__spinner {
    right: auto;
    left: 1px
}

@keyframes a {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(2turn)
    }
}

@media (max-width: 1023px) {
    .multiselect {
        box-sizing: content-box;
        display: block;
        position: relative;
        width: 100%;
        text-align: left;
        color: #0E0E0F;
        height: 100%;
        max-height: 48px;
    }
    .multiselect--active {
        z-index: 20;
    }
    .multiselect__tags {
        display: block;
        padding: 0 44px 0 18px;
        min-height: 44px;
        border-radius: 6px;
        background: #fff;
        font-size: 15px;
        line-height: 44px;
        cursor: pointer;
        border: 2px solid #dce4ef;
    }
    .multiselect__select {
        width: 100%;
        height: 48px;
    }
    .multiselect__select:before {
        width: 14px;
        height: 8px;
        left: auto;
        right: 10px;
        background-image: url("data:image/svg+xml,%3Csvg width='13' height='8' fill='none' version='1.1' viewBox='0 0 13 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0.78709 0.7879c0.38278-0.38387 1.0034-0.38387 1.3862 0l4.3267 4.339 4.3267-4.339c0.38286-0.38387 1.0034-0.38387 1.3862 0 0.38286 0.38387 0.38286 1.0063 0 1.3901l-5.0198 5.0341c-0.38279 0.38387-1.0034 0.38387-1.3862 0l-5.0198-5.0341c-0.38278-0.38387-0.38278-1.0063 0-1.3901z' clip-rule='evenodd' fill='%23313339' fill-rule='evenodd' stroke-width='1'/%3E%3C/svg%3E");
    }
    .multiselect--active .multiselect__overlay {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(3,18,54,.65);
        z-index: 20;
    }
    .multiselect__content-wrapper {
        position: fixed;
        left: 50%;
        bottom: 0;
        -webkit-transform: translateY(100%) translateX(-50%);
        transform: translateY(100%) translateX(-50%);
        width: 100%;
        max-width: 520px;
        max-height: 100vh !important;
        padding: 33px 20px 26px;
        border-radius: 0;
        background: #fff;
        box-shadow: 0 20px 60px rgb(87 108 120 / 24%);
        overflow: hidden;
        will-change: transform;
        transition: -webkit-transform .5s;
        transition: transform .5s;
    }
    .multiselect__content-wrapper:before {
        content: '';
        position: absolute;
        top: 10px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 38px;
        height: 3px;
        border-radius: 3px;
        background: rgba(109,120,133,.2);
    }
    .multiselect--above .multiselect__content-wrapper {
        bottom: 0;
        border-radius: 0;
        border-bottom: none;
    }
    .multiselect--active .multiselect__content-wrapper {
        bottom: 60px;
        -webkit-transform: translateY(0) translateX(-50%);
        transform: translateY(0) translateX(-50%);
        z-index: 40;
    }
    .multiselect__content {
        margin-top: 8px;
        font-size: 15px;
        line-height: 17px;
        overflow: auto;
        height: 50vh;
    }
    .multiselect__option {
        padding: 16px 38px 15px 36px;
    }
    .multiselect__option .tooltip {
        opacity: 1;
        pointer-events: auto;
    }
    .multiselect__option:before, .multiselect__item::after {
        left: 0px;
    }
    .multiselect__option--selected:after {
        left: 5px;
    }
    .multiselect__option--highlight {
        background: transparent;
        color: #0E0E0F;
    }
    .multiselect__title,
    .multiselect__close {
        display: none;
    }
    .multiselect__title {
        display: block;
        font-family: CeraRound-Bold-Web;
        font-size: 24px;
        line-height: 26px;
    }
    .multiselect__close {
        display: block;
        width: 43px;
        height: 43px;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 9;
        padding-top: 21px;
        cursor: pointer;
    }
    .multiselect__close svg {
        fill: #fc6d05;
    }
    .multiselect__input[type=text]  {
        display: none;
    }
    .multiselect__btns {
        display: block;
        position: relative;
        margin-top: 26px;
    }
    .multiselect__btns button {
        position: relative;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        height: 48px;
        margin-top: 10px;
        background-color: #fc6d05;
        border: 2px solid #fc6d05;
        border-radius: 36px;
        font-size: 17px;
        line-height: 1;
        color: #fff;
        white-space: nowrap;
        transition: all .2s ease;
        cursor: pointer;
    }
    .multiselect__btns button:hover {
        color: #fff;
    }
    .multiselect--active .multiselect__select:before {
        transform: translate(-50%, -50%) rotate(0);
    }
}