/*
---------------------------------------
parts_switch
---------------------------------------
*/

.p_switch-area {
    display: table;
    position: relative;
    padding: 0 20px;
    margin: 0 30px 0 0;
}
.p_switch-area::before,
.p_switch-area::after {
    position: absolute;
    display: inline-block;
    font-family: 'icomoon';
    font-size: 13px;
    color: #2E3539;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    line-height: 1;
}
.dark-theme .p_switch-area::before,
.dark-theme .p_switch-area::after {
    color: #EDEDED;
}
.p_switch-area::before {
    content: "\e906";
    left: 0;
}
.p_switch-area::after {
    content: "\e903";
    right: 0;
}
.p_switch {
    position: relative;
    width: 36px;
    height: 20px;
    border-radius: 10px;
    border: 2px solid #4E575C;
    background-color: #4E575C;
    box-sizing: border-box;
}

.p_switch input[type="checkbox"] {
    display: none;
}
.p_switch input[type="checkbox"] + label {
    display: block;
    width: 100%;
    height: 100%;
}
.p_switch input[type="checkbox"] + label span {
    position: absolute;
    width: 16px;
    height: 16px;
    background-color: #EDEDED;
    top: 50%;
    left: 0;
    border-radius: 50%;
    transform: translate3d(0, -50%, 0);
    transition: .4s;
}
.p_switch input[type="checkbox"]:checked + label span {
    transform: translate3d(100%, -50%, 0);
}