.main-li {
    transition: background-color 100ms linear;
    color: black;
}

.main-li.active {
    background-color: var(--street-purple);
    color: white;
}

.ul-todxs {
    visibility: hidden;
    display: none;
}

.no-display {
    visibility: hidden;
    display: none;
}

.no-display.active {
    visibility: visible;
    display: flex;
}

/* este se podría borrar */
.talent-grid {
    grid-template-columns: repeat(5, 1fr);
}

input[type=range]::-webkit-slider-thumb {
	pointer-events: all;
	width: 24px;
	height: 24px;
	-webkit-appearance: none;
  /* @apply w-6 h-6 appearance-none pointer-events-auto; */
  }

.casting-double-arrow {
    padding: .5rem 2rem;
    width: auto;
}

.model-selected-img {
    background-image: url(../imgs/casting/nicole.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.opacity-0.fade-in {
    transition-delay: 500ms;
    opacity: 1;
}

input[type=checkbox] {
    color: black;
    accent-color: var(--street-purple);
}


.st-checkbox {
    accent-color: var(--street-purple);
    color: var(--street-purple)!important;
    height: 2.5rem; /* not needed */
    width: 2.5rem; /* not needed */
    bottom: 1rem; 
    left: 1rem;
}

.st-checkbox-2 {
    accent-color: var(--street-green);
}

@media (min-width: 40em) {
    .modal-min-w {
        min-width: 30rem;
    }

    .top-magin-filter {
        
        margin-top: -5.5rem;
    }

}

@media (max-width: 40em) {
    
    .st-checkbox {
        width: 47px;
        height: 47px;
    }

    .st-min-width {
        min-width: max-content;
    }
}

.btn-delete-talent:hover {
    background-color: var(--street-purple);
}

.wishlist-ul {
    max-height: 50vh;
}

@media (max-width: 800px) {
    .svg-destello-purple {
        padding: 1.7rem!important;
    }

    .st-checkbox-2 {
        padding: 1.5rem;
    }

    .barrita {
        width: calc(100% - 5rem);
        margin: 0 auto;
        left: 0;
        right: 0;
    }
}

.filter-menu { max-height: calc(100vh - 3rem); }

.back-to-talents-btn { transition: background-color 150ms ease-in-out; background-color: white; }

.back-to-talents-btn:hover { background-color: var(--street-green); color: black; }

.z-index-mio {
    z-index: 55;
}