﻿/* Copyright (C) Microsoft Corporation. All rights reserved. */
.imageSignOutSocialHubFriends
{
    background-image: url("../images/signout-social-hub-friends.png");
    background-repeat: no-repeat;
    background-position: top left;
    width: 875px;
    height: 505px
}
.imageSignOutSocialHubFriendsWithShadow
{
    background-image: url("../images/signout-social-hub-friends+shadow.png");
    background-repeat: no-repeat;
    background-position: top left;
    width: 437px;
    height: 505px
}
.avatarImageShadow
{
    visibility: hidden;
    background-image: url("../images/avatar_shadow.png");
    background-repeat: no-repeat;
    background-size: 100% 100%
}
.panelShadowImage
{
    position: absolute;
    bottom: 0;
    height: 75px;
    width: 100%;
    background-image: url("../images/floor_shadow.png");
    background-size: 100% 100%;
    background-position: bottom;
    visibility: hidden
}
.signInRetryRing
{
    background-image: url("../images/notification_retry_ring_dark.png");
    background-repeat: no-repeat;
    background-position: top left;
    width: 42px;
    height: 42px
}
.signInRetrySpinner
{
    background-image: url("../images/notification_retry_spinner_dark.png");
    background-repeat: no-repeat;
    background-position: top left;
    width: 42px;
    height: 42px
}
.externalLinkBackground
{
    background-image: url(/Images/link_asset.png);
    background-repeat: no-repeat;
    background-size: 19px 19px;
    background-position: 10px center
}
.immersiveViewMorePopOverContentLayout
{
    background-image: url("/images/immersive_details_viewMore_background_gradient.png");
    background-repeat: repeat-x;
    background-position: top left;
    background-size: 100% 100%
}
.chatBubbleStatusImageContainer, .achievementGameDetailsThumbnail .imageContainer, .compareGameThumbnail .imageContainer, .dashboardGridItemContent .thumbnailButton .imageContainer, .overview .metaDataContainer>.imageContainer, .popOverContentContainer .leftColumn .imageContainer, .searchHCR .imageContainer, .gamesFlexHubBigItem .imageContainer, .related .relatedHeroItem .imageContainer
{
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center
}
.dashboardGridItemContent .thumbnailButton .imageContainer
{
    background-position-y: calc(50% - 21px)
}
.chatBubbleStatusImageContainer
{
    background-size: 30px auto
}
.chatBubbleStatusImageContainer, .games .dashboardGridItemContent .thumbnailButton .imageContainer, .overview.game .metaDataContainer>.imageContainer
{
    background-image: url("../images/GenericIcons/ico_74x_GenericGames_Small.png")
}
.achievementGameDetailsThumbnail .imageContainer, .compareGameThumbnail .imageContainer, .games .dashboardGridItemContent.medium .thumbnailButton .imageContainer, .games .popOverContentContainer .leftColumn .imageContainer, .games .searchHCR .imageContainer, .gamesFlexHubBigItem .imageContainer
{
    background-image: url("../images/GenericIcons/ico_74x_GenericGames_Medium.png")
}
.games .dashboardPanel:not(.homeSpotlight) .dashboardGridItemContent.large .thumbnailButton .imageContainer
{
    background-image: url("../images/GenericIcons/ico_74x_GenericGames_Large.png")
}
.games .dashboardPanel.homeSpotlight .dashboardGridItemContent.large .thumbnailButton .imageContainer
{
    background-image: none
}
.cloudMatchOptIn .overlayContainer.dialogContainerBackground
{
    background-image: url("../images/CloudDialog/bg-gradient-cloud-dialog.png");
    background-repeat: repeat-x
}
@media screen and (-ms-high-contrast)
{
    .avatarEditorBodySizeButton
    {
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat
    }
    .signInRetryRing
    {
        background-image: url("../images/notification_retry_ring_light.png");
        background-repeat: no-repeat;
        background-position: top left;
        background-color: transparent;
        z-index: 1
    }
    .signInRetrySpinner
    {
        background-image: url("../images/notification_retry_spinner_light.png");
        background-repeat: no-repeat;
        background-position: top left;
        background-color: transparent;
        z-index: 2
    }
}
@media screen and (-ms-high-contrast: black-on-white)
{
    .signInRetryRing
    {
        background-image: url("../images/notification_retry_ring_dark.png");
        background-repeat: no-repeat;
        background-position: top left;
        background-color: transparent;
        z-index: 1
    }
    .signInRetrySpinner
    {
        background-image: url("../images/notification_retry_spinner_dark.png");
        background-repeat: no-repeat;
        background-position: top left;
        background-color: transparent;
        z-index: 2
    }
}
