@charset "UTF-8";

/* multiple-select.min.cssの上書き */
.ms-choice {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'>\<path d='M1 1l4 4 4-4' stroke='%231f4247' stroke-width='1.5' fill='none'/>\</svg>");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    border: 1px solid var(--gray);
    color: var(--text-color);
    font-size: 1rem;
    height: auto;
    padding-right: 2rem;
}

.ms-choice:has(.icon-caret.open) {
    border: 1px solid var(--main-color);
}

.ms-choice > span {
    position: static;
    line-height: 1rem;
    padding: .75rem;
}

.ms-choice > span.placeholder {
    color: var(--text-color);
    font-size: 1rem;
}

.ms-choice > div.icon-caret{
    border: 0;
}

.ms-parent {
    width: 100% !important;
}

.ms-parent:has(.icon-caret.open) + span {
    color: var(--main-color);
}
/* multiple-select.min.cssの上書き終了 */