.todo {
    &-list {
        &__item {
            padding-top: 1rem;
            padding-left: 0.8rem;
        }

        &__checkbox{
            display: flex;
            cursor: pointer;

            padding: 0.5rem 0;
        
            &__input {
                &:checked {
                    & + span {
                        border: none;
                        background-color: none;

                        &:before{
                            color: @namek;
                            font-size: 2.5rem;
                        }
                    }
                }
            }
        
            &__apparence {
                position: relative;
        
                display: block;
        
                width: 1.6rem;
                height: 1.6rem;
        
                transition: 0.5s all;
                text-align: center;
        
                border: 0.1rem solid @smart;
                border-radius: 0.5rem;
        
                &:before {
                    font-family: "talentsoft-font-icons" !important;
                    font-size: 1rem;
                    font-weight: normal;
                    font-style: normal;
                    font-variant: normal;
                    line-height: 1.6rem;
        
                    position: absolute;
                    top: 50%;
                    left: 50%;
        
                    content: "\E98D";
                    transition: all 0.5s ease-out;
                    transform: translate(-50%, -72%);
                    text-transform: none;
        
                    color: @stormtrooper;
        
                    -webkit-font-smoothing: antialiased;
                    speak: none;
                }
            }
        }
    }
}