.switchbox{
    position: relative;

    & .switch{
        position: relative;
        display: inline-block;
        border-radius: 3rem;
        height:2.4rem;
        width: 5rem;
        background: #fff;
        border: .1rem solid rgb(155, 21, 3);
       
        
        &::before{
            position: absolute;
            content: "";
            top: .2rem;
            left: 2.4rem;
            width: 2.2rem;
            height: 1.8rem;
            border-radius: 3rem;
            background: rgb(155, 21, 3);
            transition: all .2s linear;
        }
    }

    & #switchbox-checkbox-input{
        display: none;
        &:checked ~ .switch{
            border: .1rem solid $color_blue_normal;
            &::before{
                left: .2rem;
                background: $color_blue_normal;
            }
        }
    }
}