﻿.ProductModalApprovalSidecar {
    &-Form {
        &-Notice {
            @include block-shadow;

            padding-right: 1rem;
            margin-bottom: 2rem;
        }
    }

    .TruncatedText {
        display: flex;
    }

    &-reason-definitions {
        margin-top: 0.5rem;
        color: var(--text-secondary);

        &-link {
            color: var(--midnight-700);
            font-weight: 700;
            text-decoration: underline;
            cursor: pointer;
        }
    }

    &-notice-infringement {
        font-weight: 500;
    }

    &-approval-definitions {
        margin-top: 1rem;
        color: var(--text-secondary);

        &-link {
            color: var(--midnight-700);
            font-weight: 400;
            cursor: pointer;
        }
    }

    &-tracks {
        &-header {
            display: flex;
            gap: 0.5rem;
            cursor: pointer;
            align-items: baseline;
            padding-top: 1rem;
            padding-bottom: 1rem;
        }

        &-form-group {
            margin-bottom: 1.5rem;
        }

        &-name {
            color: initial;
            font-size: 1.2rem;
            font-weight: 500;
            margin-bottom: 1.4rem;
            display: block;
        }

        &-approval-reason {
            margin-bottom: 0.5rem;
            display: block;
        }
    }

    &-select-approval-reason-notice {
        color: var(--text-secondary);
        font-size: 0.9rem;
        font-weight: 400;
    }
}
