/* /Shared/Game/CardComponent.razor.rz.scp.css */
.card[b-yg2gc4j0ts] {
    width: 70px;
    float: left;
    border: solid gray 1px;
}

.card:not(:first-child)[b-yg2gc4j0ts] {
    margin-left: -55px;
}
    
/* /Shared/Game/CardTableGameInterface.razor.rz.scp.css */
#table[b-z0akxelaih] {
    --center-offset: 43.5%;
    --edge-offset-vertical: 16px;
    --edge-offset-horizontal: 8px;
}

/*noinspection CssInvalidPseudoSelector*/
[b-z0akxelaih] #bottom .card{
    position: relative;
    transition-duration: 250ms;
}

/*noinspection CssInvalidPseudoSelector*/
[b-z0akxelaih] #bottom .card:hover {
    z-index: 10;
    box-shadow:  2px 2px 3px gray;
    margin-top: -10px;
}

#top[b-z0akxelaih] {
    left: var(--center-offset);
    top: var(--edge-offset-vertical);
    transform: rotate(180deg);
}

#bottom[b-z0akxelaih] {
    right: var(--center-offset);
    bottom: var(--edge-offset-vertical);
    transform: rotate(0);
}

#left[b-z0akxelaih] {
    bottom: var(--center-offset);
    left: var(--edge-offset-horizontal);
    transform: rotate(90deg);
}

#right[b-z0akxelaih] {
    top: var(--center-offset);
    right: var(--edge-offset-horizontal);
    transform: rotate(270deg);
}

#deck[b-z0akxelaih] {
    top: 30%;
    left: 40%;
    width: 70px;
}

#pile[b-z0akxelaih] {
    top: 30%;
    right: 40%;
    width: 70px;
}

#turn[b-z0akxelaih] {
    bottom: 27.5%;
    right: 43.5%;
}