/*
 * SPDX-FileCopyrightText: 2021 Johannes Loher
 *
 * SPDX-License-Identifier: MIT
 */

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

.ds4-item-header {
    align-items: center;
    display: flex;
    gap: 1em;

    &__img {
        border: none;
        cursor: pointer;
        height: 100px;
        width: 100px;
    }

    &__data {
        flex: 1;
    }

    &__type {
        @include mixins.font-heading-upper;
        border: none;
        color: colors.$c-light-grey;
        margin-bottom: 0;
    }

    &__name {
        border: none;
        margin: 0;
    }

    &__name-label {
        display: none;
    }

    &__name-input[type="text"] {
        @include mixins.font-heading-upper;
        background-color: transparent;
        border: none;
        font-size: 1.25em;
        height: auto;
        padding-left: 0;
        padding-right: 0;
    }
}