.fi-fo-toggle-buttons {
    &.fi-btn-group {
        @apply w-max max-w-full;

        &.fi-width-full {
            @apply w-full;
        }
    }

    &:not(.fi-btn-group) {
        @apply gap-3;

        &.fi-inline {
            @apply flex flex-wrap;

            &.fi-width-full {
                & .fi-fo-toggle-buttons-btn-ctn {
                    @apply grow;
                }
            }
        }

        &:not(.fi-inline).fi-grid-direction-col {
            @apply -mt-3;

            & .fi-fo-toggle-buttons-btn-ctn {
                @apply break-inside-avoid pt-3;
            }
        }

        &.fi-width-full .fi-fo-toggle-buttons-btn-ctn .fi-btn {
            @apply w-full;
        }
    }

    & .fi-fo-toggle-buttons-input {
        @apply pointer-events-none absolute opacity-0;
    }
}

.fi-fo-toggle-buttons-wrp {
    &.fi-fo-field-has-inline-label {
        & .fi-fo-field-label-col {
            @apply sm:pt-1.5;
        }
    }
}