/* Music Form Component Styles */

/* Popper arrow styling for form tooltips */
[data-popper-arrow],
[data-popper-arrow]:before,
[data-popper-arrow]:after {
    border-color: #52525b !important;
}

/* Switch animations */
.translate-x-6 {
    transform: translateX(1.5rem);
}

.translate-x-5 {
    transform: translateX(1.25rem);
}

/* Form transitions */
.transition-all {
    transition: all 0.3s ease;
}

.transition-colors {
    transition: color 0.2s ease, background-color 0.2s ease;
}

.transition-transform {
    transition: transform 0.3s ease;
}

/* Focus states */
.focus\:ring-2:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-indigo-500:focus {
    --tw-ring-color: rgb(99 102 241);
}

/* Custom scrollbar for textareas */
textarea::-webkit-scrollbar {
    width: 6px;
}

textarea::-webkit-scrollbar-track {
    background: transparent;
}

textarea::-webkit-scrollbar-thumb {
    background: rgb(63 63 70 / 0.6);
    border-radius: 3px;
}

textarea::-webkit-scrollbar-thumb:hover {
    background: rgb(63 63 70 / 0.8);
}