.checkbox {
    opacity: 0;
    position: abosolute;
    display: none !important;
}

.checkbox-label {
    background-color: #f7e18f;
    width: 50px;
    height: 26px;
    border-radius: 50px;
    position: relative;
    padding: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.fa-moon {
    mask-image: url("/icons/moon-stars-fill.svg");
    mask-repeat: no-repeat;
    mask-size: contain;
    background-color: antiquewhite;
    display: inline-block;
    width: 16px;
    height: 16px;

}

.fa-sun {
    display: inline-block;
    width: 16px;
    height: 16px;
    mask-image: url('/icons/sun-fill.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-color: rgb(0, 0, 0);
}

.checkbox-label .ball {
    background-color: rgb(145, 143, 143);
    width: 22px;
    height: 22px;
    position: absolute;
    left: 2px;
    top: 2px;
    border-radius: 50%;
    transition: transform 0.2s linear;
}

.checkbox:checked+.checkbox-label .ball {
    transform: translateX(24px);
}

.self-button-icons-dlresume {
    mask-image: url("/icons/file-earmark-arrow-down.svg");
    mask-size: cover;
    mask-position: center;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: white;
    mask-repeat: no-repeat;
}

.self-button-icons-vwresume {
    mask-image: url("/icons/book.svg");
    mask-size: cover;
    mask-position: center;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: white;
    mask-repeat: no-repeat;
}

.work-icon {
    mask-image: url("/icons/briefcase.svg");
    mask-size: cover;
    mask-position: center;
    display: inline-block;
    width: 1em;
    height: 1em;
    mask-repeat: no-repeat;
}

.project-icon {
    mask-image: url("/icons/tools.svg");
    mask-size: cover;
    mask-position: center;
    display: inline-block;
    width: 1em;
    height: 1em;
    mask-repeat: no-repeat;
}

.award-icon {
    mask-image: url("/icons/award.svg");
    mask-size: cover;
    mask-position: center;
    display: inline-block;
    width: 1em;
    height: 1em;
    mask-repeat: no-repeat;
}

.curricular-icon {
    mask-image: url("/icons/dribbble.svg");
    mask-size: cover;
    mask-position: center;
    display: inline-block;
    width: 1em;
    height: 1em;
    mask-repeat: no-repeat;
}

.interest-icon {
    mask-image: url("/icons/search-heart.svg");
    mask-size: cover;
    mask-position: center;
    display: inline-block;
    width: 1em;
    height: 1em;
    mask-repeat: no-repeat;
}

.education-icon {
    mask-image: url("/icons/mortarboard.svg");
    mask-size: cover;
    mask-position: center;
    display: inline-block;
    width: 1em;
    height: 1em;
    mask-repeat: no-repeat;
}


#checkbox {
    display: none;
}

[data-bs-theme="dark"] .checkbox-label {
    background-color: rgb(70, 79, 122);
}

[data-bs-theme="dark"] .self-icons-resume {
    background-color: white;
}

[data-bs-theme="dark"] .nav-pills .nav-link.active {
    background-color: #0d6efd;
}

[data-bs-theme="dark"] .nav-pills .nav-link.active .self-icons-resume {
    background-color: white;
}


[data-bs-theme="light"] .checkbox-label {
    background-color: #f7e18f;
}

[data-bs-theme="light"] .self-icons-resume {
    background-color: black;
}

[data-bs-theme="light"] .nav-pills .nav-link.active {
    background-color: #0d6efd;
}

[data-bs-theme="light"] .nav-pills .nav-link.active .self-icons-resume {
    background-color: white;
}