.OsrPage {
    &-no-version {
        background-color: white;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        border-radius: 3px;
        box-shadow: 0 0 0.357rem rgb(28 28 28 / 15%);

        &-icon {
            margin-top: 100px;

            .DigitalAudioGlyph {
                width: 68px;
                height: 83px;
            }
        }

        &-body {
            margin-top: 20px;
            font-weight: 400;
            font-size: 24px;
            line-height: 32px;
            color: #000;
        }

        &-contact {
            padding-bottom: 300px;
            font-weight: 400;
            font-size: 14px;
            line-height: 20px;
            color: #000;
        }
    }

    &-hr-extended {
        margin: 5px -20px 10px;
    }

    &-header {
        margin: 5px 0 10px;

        &-divider {
            display: inline-flex;
            margin: 0 10px;
            color: #b9bfc6;
        }

        &-reloading {
            display: inline-block;
        }

        &-body-reloading {
            padding-left: 10px;

            &-1 {
                padding: 10px 0 0 10px;
                display: flex;
                width: 165px;
            }

            &-2 {
                display: flex;
                padding: 10px 0 0 10px;
                width: 130px;
            }
        }

        &-top-line {
            color: var(--gray-600);
            margin: 0;
            display: inline-flex;
            font-style: normal;
            font-weight: 500;
            font-size: 12px;
            line-height: 18px;

            &-isrc {
                margin-left: 20px;
            }

            &-data {
                font-style: normal;
                font-weight: 400;
                font-size: 12px;
                line-height: 18px;
                margin-left: 5px;
                align-items: center;
                color: #22262a;
            }

            &-date {
                margin-left: 20px;
            }
        }

        &-body {
            padding-bottom: 10px;

            &-image {
                float: left;
            }

            &-tag {
                color: #505962;
                margin-left: 20px;
                font-weight: 500;
                font-size: 12px;
                line-height: 18px;
            }

            &-osr-name {
                margin: 5px 0;
                padding-left: 90px;
                font-style: normal;
                font-weight: 400;
                font-size: 24px;
                line-height: 32px;
                color: #22262a;
            }

            &-osr-artists {
                margin: 0;
                padding-left: 90px;
                color: #22262a;
                font-style: normal;
                font-weight: 400;
                font-size: 14px;
                line-height: 20px;
            }
        }
    }

    .PageNav .nav-link {
        text-transform: capitalize;
    }

    .SuitePageHeader-title {
        display: flex;

        .Status {
            margin-left: 16px;
            @include text-body;
        }
    }
}