.authorization-field {
    .profile {
        height: 44px;
        padding: 12px 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: var(--color-black);
        background-color: var(--color-soft-gray);
        border-top: 0.5px solid var(--color-silver-gray);
        border-bottom: 0.5px solid var(--color-silver-gray);
        cursor: pointer;

        button{
            border: none;
            cursor: pointer;
            background-color: transparent;
        }
    }

    .authorized-profiles-container {
        padding: 16px 13px;
        display: flex;
        flex-direction: column;
        box-sizing: border-box;

        .title {
            color: var(--color-black);
            font-size: 12.80px;
            line-height: 17.92px;
            margin-bottom: 5px;
        }

        .profile-list {
            padding: 5px 6px 5px 4px;
            color: var( --color-white);           
            border-radius: 4px;
            border: 1px var(--color-silver-gray) solid;
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: 4px;

            &.empty {
                padding: 8px 10px;
                background: var(--color-off-white);
                color: var(--color-medium-gray);
            }

            .profile-item {
                padding: 5px 4px 5px 8px;
                background: var(--color-off-white);
                border-radius: 2px;
                justify-content: space-between;
                align-items: center;
                display: flex;

                .profile-name {
                    color: var(--color-black);
                    font-size: 11px;
                    font-weight: 700;
                    line-height: 15.40px;
                    word-wrap: break-word;
                }

                .status-button {
                    width: 16px;
                    height: 16px;
                    border: none;
                    background-color: transparent;
                    cursor: pointer;
                }
            }

            .owners-empty-container{
                color: var(--color-medium-gray);
            }
        }

        .authorize-new {
            display: flex;
            justify-content: flex-end;
            align-items: center;

            .authorize-button {
                color: var(--color-orange);
                font-size: 11px;
                font-weight: 400;
                line-height: 15.40px;
                background-color: transparent;
                border: none;
                cursor: pointer;
                margin-top: 5px;
            }
        }
    }
}