@charset "UTF-8";
.share_include {
    pointer-events: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 10005;
}

#wrapper-import,
#wrapper-msg,
.box__wrapper__select,
#wrapper-crop {
    pointer-events: auto;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0, 0.5);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

/* .box__wrapper__select {
    display: none;
} */

#wrapper-import .box__container,
#wrapper-msg .box__container,
.box__wrapper__select .box__container,
#wrapper-crop .box__container {
    position: relative;
    width: 100%;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);

    display: flex;
    
    justify-content: center;
    align-items: center;
}

/* 隨著 視窗 改變 croppie 的可是範圍 */
#wrapper-import .box__container .box__body,
#wrapper-msg .box__container .box__body,
.box__wrapper__select .box__container .box__body,
#wrapper-crop .box__container .box__body {
    pointer-events: auto;
    position: relative;
    /* width: 90%; */
    border-radius: var(--border-radius-m);
    background-color: #fff;
    padding: 20px 20px;

    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
}

#wrapper-crop .box__container .box__body .body__croppie .cr-boundary {
    /* border: 1px solid var(--color-gray-light3);
    box-sizing: border-box; */
    outline: 1px solid var(--color-gray-light3);
}

#wrapper-crop .box__container .box__body .body__croppie .cr-slider-wrap {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 15px auto;
}

#wrapper-crop .box__container .box__body .body__croppie .cr-slider-wrap .cr-slider {
    flex: 1;
}

#wrapper-crop .box__container .box__body .body__croppie .cr-slider-wrap .cr-rotate {
    width: 14%;
    min-width: 60px;
    margin-left: min(max(5%, 10px), 15px);
}

#wrapper-crop .box__container .box__body .body__action {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

#wrapper-crop .box__container .box__body .body__action .action__btn {
    padding: calc(var(--fsize) * 0.25) calc(var(--fsize) * 1);
    position: relative;
    border: 1px solid var(--color-gray-light);
    box-sizing: border-box;
    border-radius: var(--border-radius-sm);
    margin: 0 calc(var(--fsize) * 0.5);
}

#wrapper-import .box__container .box__body,
#wrapper-msg .box__container .box__body,
.box__wrapper__select .box__container .box__body {
    --side: 20px;
    --con-h: calc(var(--fsize) * 1.5 * 8);
    width: calc(var(--fsize) * 35);
    height: 100%;
    display: flex;
    flex-direction: column;
    border-radius: var(--border-radius-sl);
    overflow: hidden;
    border: 1px solid var(--color-gray-light);
    box-sizing: border-box;
    background: #fff;

    padding: var(--side) 0;
}

#wrapper-import .box__container .box__body,
#wrapper-msg .box__container .box__body {
    width: calc(var(--fsize) * 25);
    height: initial;
    padding: calc(var(--side)) 0 calc(var(--side) * 1.5) 0;
}

#wrapper-import .box__container .box__body {
    width: 100%;
    max-width: 550px;
    border-radius: var(--border-radius-lm);
}

#wrapper-import .box__container .box__body .body__title,
#wrapper-msg .box__container .box__body .body__title,
.box__wrapper__select .box__container .box__body .body__title {
    padding: 0 calc(var(--fsize) * 1.5);
    display: flex;
    justify-content: center;
    align-items: center;
}

#wrapper-import .box__container .box__body .body__title > p,
#wrapper-msg .box__container .box__body .body__title > p {
    font-weight: 500;
}

.box__wrapper__select .box__container .box__body .body__title .btn__cross {
    position: absolute;
    right: calc(var(--fsize) * 1.5);
    display: flex;
}

#wrapper-import .box__container .box__body .body__cross,
#wrapper-msg .box__container .box__body .body__cross {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding: 0 calc(var(--fsize) * 1.5);
}

#wrapper-import .box__container .box__body .body__cross .btn__cross,
#wrapper-msg  .box__container .box__body .body__cross .btn__cross {
    position: relative;
}

#wrapper-import .box__container .box__body .body__cross .btn__cross > img,
#wrapper-msg  .box__container .box__body .body__cross .btn__cross > img {
    margin: 0;
}

.box__wrapper__select .box__container .box__body .body__title .btn__cross > img {
    margin: 0;
}

.box__wrapper__select .box__container .box__body .body__selected {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0 calc(var(--fsize) * 1.5);
    margin-top: calc(var(--fsize) * 0.5);
}

.box__wrapper__select .box__container .box__body .body__selected .selected__action {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.box__wrapper__select .box__container .box__body .body__selected .selected__action .action__status > p > span {
    font-weight: 500;
}

.box__wrapper__select .box__container .box__body .body__selected .selected__action .action__toggle {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.box__wrapper__select .box__container .box__body .body__selected .selected__action .action__toggle > img {
    height: calc(var(--fsize) * 0.75);
    width: auto;
    margin-left: calc(var(--fsize) * 0.5);
}

.box__wrapper__select .box__container .box__body .body__selected .selected__action .action__toggle::before {
    content: "展開已選項目";
    position: relative;
    display: flex;
}

.box__wrapper__select .box__container .box__body .body__selected .selected__action .action__toggle.is-toggled::before {
    content: "收合已選項目";
}

.box__wrapper__select .box__container .box__body .body__selected .selected__action .action__toggle.is-toggled > img {
    transform: scaleY(-1);
}

.box__wrapper__select .box__container .box__body .body__selected .selected__list {
    position: relative;
    margin-top: calc(var(--fsize) * 0.5);
    display: flex;
    flex-wrap: wrap;
    align-items: center;

    /* min-height: calc(var(--fsize) * 3.5); */
}

.box__wrapper__select .box__container .box__body .body__selected .selected__list .list__item {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;

    background-color: var(--color-gray-light4);
    border-radius: var(--border-radius-ll);

    border: 1px solid var(--color-gray-light3);
    box-sizing: border-box;
    
    padding: calc(var(--fsize) * 0.3) calc(var(--fsize) * 1.5);
    margin: calc(var(--fsize) * 0.25) calc(var(--fsize) * 0.4) calc(var(--fsize) * 0.25) 0;
}

/* action__btn */
.box__wrapper__select .box__container .box__body .body__selected .selected__list .action__btn {
    min-height: calc(var(--fsize) * 3.5);
    display: flex;
    align-items: center;
}

.box__wrapper__select .box__container .box__body .body__selected .selected__list .action__btn .btn__filtered__clear {
    color: var(--color-gray-dark);
}

.box__wrapper__select .box__container .box__body .body__selected .selected__list .action__btn .btn__filtered__clear > img {
    filter: initial;
}

.box__wrapper__select .box__container .box__body .body__con {
    flex: 1;
    margin-top: calc(var(--fsize) * 0.5);

    position: relative;
    display: flex;
    overflow: auto;

    border-top: 1px solid var(--color-gray-light3);
    border-bottom: 1px solid var(--color-gray-light3);
    box-sizing: border-box;
}

.box__wrapper__select .box__container .box__body .body__con .con__wrap {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
}

.box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__parts {
    flex: 1;
    position: relative;
    width: 100%;
    height: var(--con-h);
    overflow: auto;

    display: flex;
    flex-direction: column;

    border-right: 1px solid var(--color-gray-light3);
    box-sizing: border-box;
}

.box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__data {
    position: relative;
    width: 50%;
}

.box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__data .data__list .list__item,
.box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__parts > label {
    position: relative;
    width: 100%;
    padding: calc(var(--fsize) * 0.45) calc(var(--fsize) * 1.5);
    
}

.box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__parts > label::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color:rgba(70, 238, 208, 0.25);
    opacity: 0;
    z-index: 1;
}

/* .box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__parts > label::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color:rgba(70, 238, 208, 0.25);
    opacity: 1;
    z-index: 0;
    display: flex;
} */

.box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__parts > label.is-actived::before {
    opacity: 1;
}

.box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__parts > label > p {
    position: relative;
    z-index: 2;
}

.box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__parts > label > p::before {
    --csize: calc(var(--fsize) * 1.2);
    content: attr(data-num);
    position: absolute;
    width: var(--csize);
    height: var(--csize);
    background-color: var(--color-purple);
    border-radius: 100%;
    
    color: #fff;
    font-size: calc(var(--fsize) * 0.75);
    font-family: var(--font-barlow);

    display: none;
    justify-content: center;
    align-items: center;

    top: 50%;
    right: calc(var(--fsize) * 1);
    transform: translate(0%, -50%);
}

.box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__parts > label > p.is-show::before {
    display: flex;
}

.box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__parts > label > p::after {
    content: "";
    position: absolute;
    width: calc(var(--fsize) * 0.4);
    aspect-ratio: 8/14;
    right: 0;
    top: 50%;
    background: url(../images/common/arrow-icon-right.svg) no-repeat;
    background-position: center;
    background-size: 100%;
    transform: translate(0, -50%);
}

.box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__parts .parts__list {
    position: relative;
    display: none;
    z-index: 3;
}

.box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__data .data__list {
    position: relative;
    width: 100%;
    height: var(--con-h);
    display: none;
    flex-direction: column;
    overflow: auto;
}

.box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__data .data__list.is-show {
    display: flex;
}

.box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__data .data__list .list__item {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__parts label .parts__list .list__item > label,
.box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__data .data__list .list__item > label {
    pointer-events: auto;
    cursor: pointer;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;

    width: 100%;
    /* width: fit-content; */
}

.box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__parts label .parts__list .list__item > label {
    margin: calc(var(--fsize) * 0.5) 0;
}

.box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__parts label .parts__list .list__item > label::before,
.box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__data .data__list .list__item > label::before {
    --size: calc(max(var(--fsize), 16px) * 1);
    content: '';
    position: relative;
    width: var(--size);
    height: var(--size);
    top: 0;
    left: 0;

    border: 1px solid;
    box-sizing: border-box;
    display: inline-block;

    border-radius: var(--border-radius-ss2);
    margin-right: calc(var(--fsize) * 0.5);
    border-color: var(--color-gray-light);

    background-color: #fff;
}

.box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__parts label .parts__list .list__item > label::after,
.box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__data .data__list .list__item > label::after {
    --border-w: 2px;
    content: '';
    position: absolute;
    top: calc(50% - var(--fsize) * 0.4);
    left: 6px;
    width: 4px;
    height: 9px;

    border: solid #fff;
    border-width: 0 var(--border-w) var(--border-w) 0;
    transform: rotate(45deg);
    opacity: 0;
}

.box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__parts label .parts__list .list__item > label.is-actived::before,
.box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__data .data__list .list__item > label.is-actived::before {
    border-color: var(--color-purple);
    background-color: var(--color-purple);
}

.box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__parts label .parts__list .list__item > label.is-actived::after,
.box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__data .data__list .list__item > label.is-actived::after {
    opacity: 1;
}

/* select__radio 右邊單選 */
.box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__parts label .parts__list .list__item > label.select__radio::before,
.box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__data .data__list .list__item > label.select__radio::before {
    border-radius: 50%
}


.box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__parts label .parts__list .list__item > label.select__radio::after,
.box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__data .data__list .list__item > label.select__radio::after {
    --size: calc(max(var(--fsize), 16px));
    --ssize: calc(var(--size) * 0.55);
    top: 50%;
    left: calc((var(--size) - var(--ssize)) * 0.5);
    width: var(--ssize);
    height: var(--ssize);

    border-radius: 50%;
    border: none;
    transform: rotate(0) translate(0%, -50%);
    background-color: var(--color-purple);
    opacity: 0;
}


.box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__parts label .parts__list .list__item > label.select__radio.is-actived::before,
.box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__data .data__list .list__item > label.select__radio.is-actived::before {
    border-color: var(--color-purple);
    background-color: #fff;
}

.box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__parts label .parts__list .list__item > label.select__radio.is-actived::after,
.box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__data .data__list .list__item > label.select__radio.is-actived::after {
    opacity: 1;
}










#wrapper-import .box__container .box__body .body__con {
    /* padding: 0 calc(var(--fsize) * 3); */
    position: relative;
}

#wrapper-import .box__container .box__body .body__con .con__list {
    margin-top: calc(var(--fsize));
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0 calc(var(--fsize) * 3 + 1em) 0 calc(var(--fsize) * 3);
}

#wrapper-import .box__container .box__body .body__con .con__list > li {
    position: relative;
    width: 100%;
    margin-left: 1em;
}

#wrapper-import .box__container .box__body .body__con .con__list > li::before {
    content: "•";
    position: absolute;
    margin-left: -1em;
}

/* test */
/* .box__user__build,
#wrapper-import {
    display: none!important;
} */

#wrapper-import .box__container .box__body .body__con .con__block {
    margin-top: calc(var(--fsize) * 0.75);
    padding: 0 calc(var(--fsize) * 3);
    position: relative;
    width: 100%;
    height: 100%;
}

#wrapper-import .box__container .box__body .body__con .con__block.is-full .block__input > label {
    pointer-events: none;
    opacity: 0.5;
}

#wrapper-import .box__container .box__body .body__con .con__block.is-full > input[type=file] {
    pointer-events: none;
}

#wrapper-import .box__container .box__body .body__con .con__block > input[type='file'] {
    position: absolute;
    outline: none !important;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    display: block;
    visibility: initial;
    z-index: 1;
}


#wrapper-import .box__container .box__body .body__con .con__block .block__input {
    font-size: var(--fsize);
    border-radius: var(--border-radius-sm);
    border: 1px solid var(--color-gray);
    box-sizing: border-box;
    /* padding: 20px 20px; */
    padding: 10px 20px 20px 20px;
    width: 100%;
    min-height: 80px;
    display: flex;
    flex-direction: column;
    outline: 0px solid var(--color-purple);
    z-index: 2;
}

#wrapper-import .box__container .box__body .body__con .con__block .block__input.is-over {
    outline: 1px solid var(--color-purple);
    background-color: rgba(133, 24, 229, 0.02);
}

#wrapper-import .box__container .box__body .body__con .con__block .block__input > label > span {
    margin-left: calc(var(--fsize) * 0.5);
}

#wrapper-import .box__container .box__body .body__con .con__block .block__input .input__files {
    pointer-events: none;
    margin-top: calc(var(--fsize) * 0.5);
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

#wrapper-import .box__container .box__body .body__con .con__block .block__input .input__files .files__cell {
    position: relative;
    width: 16%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

#wrapper-import .box__container .box__body .body__con .con__block .block__input .input__files .files__cell .btn__file__close {
    /* --size: min(15%, 15px); */
    pointer-events: auto;
    cursor: pointer;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    z-index: 1;
    margin-top: calc(var(--fsize) * 0.25);
}

#wrapper-import .box__container .box__body .body__con .con__block .block__input .input__files .files__cell .btn__file__close > img {
    margin-right: calc(var(--fsize) * 0.4);
    height: calc(var(--fsize) * 1.1);
    width: auto;
}

#wrapper-import .box__container .box__body .body__con .con__block .block__input .input__files .files__cell .btn__file__close > p {
    position: relative;
    display: flex;
}

#wrapper-import .box__container .box__body .body__btn,
#wrapper-msg .box__container .box__body .body__btn,
.box__wrapper__select .box__container .box__body .body__btn {
    margin-top: var(--side);
    display: flex;
    justify-content: center;
    align-items: center;
}

#wrapper-import .box__container .box__body .body__btn .btn__ok,
#wrapper-msg .box__container .box__body .body__btn .btn__ok,
.box__wrapper__select .box__container .box__body .body__btn .btn__ok {
    width: 40%;
}

#wrapper-import .box__container .box__body .body__btn,
#wrapper-msg .box__container .box__body .body__btn {
    margin-top: calc(var(--fsize) * 1.5);
}

#wrapper-msg .box__container .box__body .body__msg {
    padding: 0 calc(var(--fsize) * 1.5);
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: calc(var(--fsize) * 1);
}

#wrapper-msg .box__container .box__body .body__msg .msg__con {
    position: relative;
    width: 85%;
    text-align: center;
}

#wrapper-msg.is-min .box__container .box__body {
    width: calc(var(--fsize) * 15);
}

/* #wrapper-msg.is-min .box__container .box__body .body__msg .msg__con {
    text-align: center;
} */

#wrapper-msg.is-processing .box__container .box__body .body__btn,
#wrapper-msg.is-min .box__container .box__body .body__btn {
    display: none;
}
/* ----------------------------------------------------------------- */
/* ----------------------------------------------------------------- */
@media screen and (min-width:320px) {
    #wrapper-import .box__container {
        padding: 0 var(--main-padding-side);
    }

    #wrapper-import .box__container .box__body {
        border-radius: var(--border-radius-sl);
    }

    #wrapper-import .box__container .box__body .body__con .con__list {
        padding: 0 calc(var(--fsize) * 2 + 1em) 0 calc(var(--fsize) * 2);
    }

    #wrapper-import .box__container .box__body .body__con .con__block {
        padding: 0 calc(var(--fsize) * 2) 0 calc(var(--fsize) * 2);
    }

    .box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__data .data__list,
    .box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__parts {
        /* height: calc(100dvh - var(--side) * 3 - var(--fsize) * 6); */
        height: initial;
    }

    .box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__parts .parts__list {
        margin-top: calc(var(--fsize) * 0.5);
    }

    .box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__parts > label .parts__list.is-mobile .list__item {
        display: flex;
    }

    .box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__data.is-pc {
        display: none;
    }

    .box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__parts > label {
        margin-bottom: calc(var(--fsize) * 0.1);
    }

    .box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__parts > label::before {
        opacity: 1;
        height: calc(var(--fsize) * 2.4);
    }

    /* .box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__parts > label::after {
        display: flex;
    } */

    .box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__parts > label > p::after {
        transform: translate(0, -50%) rotate(90deg);
    }

    .box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__parts > label.is-toggled > p::after {
        transform: translate(0, -50%) rotate(270deg);
    }

    .box__wrapper__select .box__container .box__body {
        height: 100%;
        border-radius: 0;
    }
}
@media screen and (min-width:360px) {}
@media screen and (min-width:390px) {}
@media screen and (min-width:414px) {}
@media screen and (min-width:500px) {}
@media screen and (min-width:600px) {

}

@media screen and (min-width:1024px) {
    #wrapper-import .box__container {
        padding: 0;
    }

    #wrapper-import .box__container .box__body {
        border-radius: var(--border-radius-lm);
    }

    #wrapper-import .box__container .box__body .body__con .con__list {
        padding: 0 calc(var(--fsize) * 3 + 1em) 0 calc(var(--fsize) * 3);
    }

    #wrapper-import .box__container .box__body .body__con .con__block {
        padding: 0 calc(var(--fsize) * 3) 0 calc(var(--fsize) * 3);
    }

    .box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__data .data__list,
    .box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__parts {
        height: var(--con-h);
    }

    .box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__parts .parts__list {
        margin-top: calc(var(--fsize) * 0);
    }

    .box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__parts > label .parts__list.is-mobile .list__item {
        display: none;
    }

    .box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__data.is-pc {
        display: flex;
    }

    .box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__parts > label {
        margin-bottom: 0;
    }

    .box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__parts > label::before {
        opacity: 0;
        height: 100%;
    }

    /* .box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__parts > label::after {
        display: none;
    } */

    .box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__parts > label > p::after {
        transform: translate(0, -50%) rotate(0deg);
    }

    .box__wrapper__select .box__container .box__body .body__con .con__wrap .wrap__parts > label.is-toggled > p::after {
        transform: translate(0, -50%) rotate(0deg);
    }

    .box__wrapper__select .box__container .box__body {
        height: initial;
        border-radius: var(--border-radius-m2);
    }

}
@media screen and (min-width:1280px) {

}
@media screen and (min-width:1366px) {}
@media screen and (min-width: 1440px) {}
@media screen and (min-width: 1680px) {}
@media screen and (min-width: 1920px) {}
@media screen and (min-width: 2560px) {}