/* stylelint-disable selector-class-pattern */
@use '../../../../styles/mat-selectors' as ms;

.adf {
    &-amount-widget {
        width: 100%;

        .adf-left-label {
            line-height: 36px;
        }

        &-container {
            display: grid;
            align-items: flex-start;
        }
    }

    &-amount-widget__input {
        #{ms.$mat-focused} {
            transition: none;
        }

        .adf-input {
            margin-top: 3px;
        }

        &:not(#{ms.$mat-focused}):not(#{ms.$mat-form-field-invalid}) {
            .adf-amount-widget__prefix-spacing {
                color: var(--adf-theme-foreground-secondary-text-color);
            }
        }
    }
}