/*.pa-speech-bubble-left 
{
    position:           absolute;
    background-color:   lightblue;
    border-radius:      .4em;
    width:              200px;
    height:             70px;
    top:                50px; 
    left:               50px;
    font-size:          12px;
    display:            flex;
    justify-content:    center;
    align-items:        center;
    z-index:            5;
    padding:            10px;
    font-weight:        600;
    visibility:         hidden;
}

.pa-speech-bubble-left-fadeout 
{
    opacity:            0;
    visibility:         hidden;
    transition:         opacity 1.5s linear;
}

.pa-speech-bubble-left::after 
{
    right:  -15px;
    top:    calc(50% - 15px);
}

.pa-speech-bubble-left:after 
{
    content:            '';
    position:           absolute;
    left:               0;
    top:                50%;
    width:              0;
    height:             0;
    border:             10px solid transparent;
    border-left-color:  lightblue;
    border-right:       0;
    margin-top:         -10px;
    margin-left:        200px;
}

.pa-speech-bubble-sm-left 
{
    position:           absolute;
    background-color:   tomato;
    border-radius:      .4em;
    width:              220px;
    height:             30px;
    top:                0;
    left:               50%;
    transform:          translateX(-50%);
    font-size:          14px;
    display:            flex;
    justify-content:    center;
    align-items:        center;
    z-index:            5;
    padding:            10px;
    font-weight:        500;
    visibility:         hidden;
    opacity:            0;
    transition:         1s all linear;
}

.pa-speech-bubble-sm-left:after 
{
    content:            '';
    position:           absolute;
    left:               0;
    top:                50%;
    width:              0;
    height:             0;
    border:             5px solid transparent;
    border-right-color: tomato;
    border-left:        0;
    margin-top:         -5px;
    margin-left:        -5px;
}

.pa-speech-bubble-sm-left-anim 
{
    opacity:            1;
    visibility:         visible;
    transition:         1s all linear;
}*/

/** new speech box **/
/*.speech-box 
{
    position:           absolute;
    background-color:   lightblue;
    border-radius:      .4em;
    width:              200px;
    height:             70px;
    top:                20px;
    left:               20px;
    font-size:          12px;
    display:            flex;
    justify-content:    center;
    align-items:        center;
    z-index:            5;
    padding:            10px;
    font-weight:        600;
    visibility:         hidden;
}

.speech-pointer-right::after 
{
    content:            "";
    position:           absolute;
    right:              -19px;
    border-width:       10px;
    border-style:       solid;
    border-color:       transparent transparent transparent lightblue;   
}

.speech-pointer-bottom::after 
{
    content:            "";
    position:           absolute;
    box-shadow:         rgba(0, 0, 0, 0.3) 2px 2px 2px ;
    transform:          rotate(45deg);
    bottom:             -8px;
    left:               90px;
    border-width:       10px;
    border-style:       solid;
    border-color:       transparent lightblue lightblue transparent;
}

.speech-bubble-fadeout 
{
    opacity:            0;
    visibility:         hidden;
    transition:         opacity 1.5s linear;
}

.pa-speech-bubble-left-fadeout 
{
    opacity:            0;
    visibility:         hidden;
    transition:         opacity 1.5s linear;
}*/