.switch-wrapper {
    @apply flex items-start gap-1 items-center;
}

.switch-label {
    @apply relative inline-flex items-center cursor-pointer;
}

.switch-input {
    @apply sr-only;
}

.switch-slider {
    @apply w-11 h-6 bg-gray-300 rounded-full relative
    peer-checked:bg-color after:content-['']
    after:absolute after:top-0.5 after:left-[2px]
    after:bg-white after:border-gray-300 after:border
    after:rounded-full after:h-5 after:w-5 after:transition-all
    peer-checked:after:translate-x-full;
}

.switch-text {
    @apply ml-2 cursor-pointer text-sm;
}