/**
 * @author 1902 Software
 * @copyright Copyright © 2023 1902 Software (https://1902software.com/magento/)
 * @package WriteTextAI_WriteTextAI
 */

/* eslint-disable Magento2.Less.ClassNaming.NotAllowedSymbol */
 
.wtai-categories-index,
.wtai-setup-index,
.wtai-grid-index {
    input[type="number"]::-webkit-outer-spin-button,
    input[type="number"]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    input[type="number"] {
        -moz-appearance: textfield;
    }
    
    .ui-spinner {
        border: 1px solid #ADADAD;
        display: inline-block;
        padding: 0 18px 0 0;
        position: relative;

        input[type="number"] {
            border: 0;
            font-size: 13px;
            height: 30px;
            padding: 5px 9px;
            width: 47px;
        }

        .ui-spinner-button  {
            background-color: #F6F6F6;
            height: 13.5px;
            position: absolute;
            right: 1px;
            top: 0;
            width: 21px;

            &.ui-spinner-down {
                bottom: 1px;
                top: auto;

                .ui-button-icon,
                .ui-button-text {
                    transform: rotate(180deg);
                }
            }

            &.ui-state-hover,
            &.ui-state-active {
                .ui-button-icon:after,
                .ui-button-text:after {
                    opacity: 1;
                }
            }
        }
        
        .ui-button-icon,
        .ui-button-text {
            display: block;
            height: 100%;
            width: 100%;

            &:after {
                background: url(../WriteTextAI_WriteTextAI/images/triangle-icon.svg) #F6F6F6 no-repeat center 6px;
                content: '';
                display: block;
                height: 100%;
                opacity: .7;
                width: 100%;
            }

            .ui-icon {
                .lib-visually-hidden();
            }
        }
    }
}