/* Custom Toggle Switch Classes */
.toggle-container {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}
.toggle-input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
.toggle-track {
    width: 2.75rem; /* w-11 equivalent (11 * 0.25rem) */
    height: 1.5rem; /* h-6 equivalent (6 * 0.25rem) */
    background-color: var(--color-gray-300); /* bg-gray-300 */
    border-radius: 9999px; /* rounded-full */
    transition: background-color 200ms ease-in-out; /* transition-colors duration-200 ease-in-out */
}
.toggle-input:checked + .toggle-track {
    background-color: var(--color-green-600); /* bg-green-600 */
}
.toggle-knob {
    position: absolute;
    width: 1.25rem; /* w-5 equivalent (5 * 0.25rem) */
    height: 1.25rem; /* h-5 equivalent (5 * 0.25rem) */
    background-color: var(--color-white); /* bg-white */
    border-radius: 9999px; /* rounded-full */
    left: 0.125rem; /* left-0.5 equivalent (0.5 * 0.25rem) */
    top: 0.125rem; /* top-0.5 equivalent (0.5 * 0.25rem) */
    transition: transform 200ms ease-in-out; /* transition-transform duration-200 ease-in-out */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); /* shadow-sm equivalent */
}
.toggle-input:checked + .toggle-track .toggle-knob {
    transform: translateX(1.25rem); /* Equivalent to peer-checked:translate-x-5 */
}