/*
 * SPDX-FileCopyrightText: 2021 Johannes Loher
 * SPDX-FileCopyrightText: 2021 Oliver Rümpelein
 *
 * SPDX-License-Identifier: MIT
 */

@use "../utils/colors";
@use "../utils/typography";
@use "../utils/variables";
@use "../utils/mixins";

.progression {
    .progression-entry {
        @include mixins.mark-invalid-or-disabled-input;

        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-end;
        align-items: center;

        padding-right: 3px;
        h2.progression-label {
            @include typography.font-heading-upper;
            display: block;
            height: 50px;
            padding: 0;
            color: colors.$c-light-grey;
            border: none;
            line-height: 50px;
            margin: variables.$margin-sm 0;
            text-align: right;
        }
        input.progression-value {
            margin-left: 5px;
            flex: 0 0 40px;
            text-align: left;

            &--slayer-points {
                &::-webkit-inner-spin-button,
                &::-webkit-outer-spin-button {
                    -webkit-appearance: auto;
                }
                &:hover,
                &:focus {
                    -moz-appearance: auto;
                }
            }
        }
    }
}