/*!***************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/style.scss ***!
  \***************************************************************************************************************************************************/

.vselect-container {
    background-color: white
}

.vselect-container .vselect-display-container {
    position: relative;
    cursor: pointer
}

.vselect-container .vselect-display-container.active svg {
    transform: rotate(180deg)
}

.vselect-container .vselect-display-text {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    padding: 1rem 2rem 1rem 1rem;
    border: 1px solid #f0f0f0
}

.vselect-container .vselect-collapse-toggle {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    right: 0.5rem;
    transform: translateY(-50%);
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.vselect-container .vselect-collapse-toggle.active svg {
    transform: rotate(180deg)
}

.vselect-container .vselect-tray-container {
    position: relative
}

.vselect-container .vselect-tray-container .vselect-tray {
    overflow: auto;
    padding: 1rem 0 1rem 0;
    background-color: white;
    border: 1px solid #f0f0f0
}

.vselect-container .vselect-tray-container .vselect-tray.dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 10
}

.vselect-container.single-select .vselect-option.vselect-option-solo:hover,
.vselect-container.single-select .vselect-option.vselect-option-child:hover {
    background-color: #00ccff11
}

.vselect-container.single-select .vselect-option.vselect-option-solo.active,
.vselect-container.single-select .vselect-option.vselect-option-child.active {
    background-color: #fc0
}

.vselect-container.single-select .vselect-option.vselect-option-solo.active:hover,
.vselect-container.single-select .vselect-option.vselect-option-child.active:hover {
    background-color: #fc0
}

.vselect-container.single-select .vselect-option.vselect-option-solo label,
.vselect-container.single-select .vselect-option.vselect-option-child label {
    display: block;
    width: 100%
}

.vselect-global,
.vselect-option {
    padding: 0.25rem 2rem 0.25rem 1rem;
    display: flex;
    align-items: center
}

.vselect-global input[type="checkbox"],
.vselect-option input[type="checkbox"] {
    margin-right: 0.5rem
}

.vselect-option.vselect-option-group {
    position: relative
}

.vselect-option.vselect-option-child {
    padding-left: 2rem
}


/*# sourceMappingURL=main.css.map*/