/*CSS for cell : starMinds*/
.sM-inner-Hol
{
    position: absolute;
    border-radius: 6px;
    border: thick solid #150101;
}

.sM-label-Hol
{
    position: absolute;
    border-radius: 6px;
    color:  #D6EBDD;    
    display: flex;
    justify-content: center;
    justify-items: center;
    align-items: center;
    text-align: center;
    font-weight: bold;
}

.star-minds-grid-Div 
{
    position: absolute;
    display: grid;
    gap: 10px;
}
.star-minds-grid-sm 
{
    background-color: transparent;
    border: thin solid #150101;
    border-radius: 6px;
}
.star-minds-grid-inner
{
    position:relative;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    justify-items: center;
    align-items: center;
    flex-direction: column;
}
.cell-inr
{
    border-radius: 4px;
    display: flex;
    justify-content: center;
    justify-items: center;
    align-items: center;
    text-align: center;
    color:  #D6EBDD;  
}
.cell-inr-bot
{
    border-radius: 4px;
    display: flex;
    justify-content: center;
    justify-items: center;
    align-items: center;
    flex-direction: row;
}

.emoji-container-SM 
{
    position: relative;
    overflow: hidden;
}
.emoji-SM 
{
    position: absolute;
    font-size: 30px;
    opacity: 0;
    animation: emojiAnimationSM 5s ease-out;
}
@keyframes emojiAnimationSM {
    0% { opacity: 1; transform: translateY(0); }
    100% { opacity: 0; transform: translateY(-100px); }
}

.spot-pips
{
    position: absolute;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    justify-items: center;
    align-items: center;
}
.first-mes-pena-roll
{
    border-radius: 6px;
	display: flex;
	justify-content: center;
	align-items: justify;
	text-align: justify;
	color: white;
}