// Copyright (C) 2017-2025 Smart code 203358507

.number-input {
    user-select: text;
    display: flex;
    max-width: 14rem;
    height: 3.5rem;
    margin-bottom: 1rem;
    color: var(--primary-foreground-color);
    background: var(--overlay-color);
    border-radius: 3.5rem;

    .button {
        flex: none;
        width: 3.5rem;
        height: 3.5rem;
        padding: 1rem;
        background: var(--overlay-color);
        border: none;
        border-radius: 100%;
        cursor: pointer;
        z-index: 1;

        .icon {
            width: 100%;
            height: 100%;
        }
    }

    .number-display {
        display: flex;
        flex: 1;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 0 1rem;

        &::-moz-focus-inner {
            border: none;
        }

        .label {
            font-size: 0.8rem;
            font-weight: 400;
            opacity: 0.7;
        }

        .value {
            font-size: 1.2rem;
            display: flex;
            justify-content: center;
            width: 100%;
            color: var(--primary-foreground-color);
            text-align: center;
            appearance: none;

            &::-webkit-outer-spin-button,
            &::-webkit-inner-spin-button {
                -webkit-appearance: none;
                margin: 0;
            }
        }
    }
}