#dialogue-popup .body::-webkit-scrollbar{
width:10px;
background-color:#533643;
}
#dialogue-popup .body::-webkit-scrollbar-thumb{
background-color:#b86f50;
}
#dialogue-popup .body::-webkit-scrollbar-thumb:hover{
background-color:#FCE045;
}
#dialogue-popup .body::-webkit-scrollbar-thumb:active{
background-color:#FCE045;
}
#close-dialogue-popup{
background-image:url(../img/2/spritesheet.png);
position:absolute;
cursor:pointer;
height:32px;
width:32px;
top:-4px;
right:-5px;
background-position:-708px -252px;
}
#close-dialogue-popup:hover{background-position:-740px -252px;}
#close-dialogue-popup:active{background-position:-772px -252px;}
#dialogue-popup{
position:absolute;
top:15%;
left:25%;
width:45%;
height:auto;
font-family:'GraphicPixel',arial,sans-serif;
transition:ease-in-out 600ms;
opacity:100;
color:#b9b9b9;
box-shadow:0 0 25px rgba(0,0,0,0.5);
transform:translateX(-50%)
}
#dialogue-popup.hidden{
pointer-events:none;
opacity:0;
transition:ease-in-out 500ms;
}
#dialogue-popup .header{
margin-bottom:25px;
}
#dialogue-popup #avatar{
float:left;
width:60px;
aspect-ratio:1;
background-image:url(../img/3/JOHNDOE.png);
background-position:0px 0px;
background-size:auto;
margin-top:25px;
margin-left:25px;
margin-right:-5px;
border:1px solid;
border-radius:4px;
display:none;
}
#dialogue-popup .body{
padding:0px 25px;
font-size:14px;
margin-bottom:30px;
}
#dialogue-popup #question{
justify-content:center;
line-height:1.4;
min-height:60px;
padding:25px 25px 0px;
display:flex;
flex-direction:column;
color:#FCE045;
}
#dialogue-popup .choice{
padding:7px 10px;
border:1px solid;
border-radius:4px;
margin-top:10px;
cursor:pointer;
width:auto;
background:#00000033;
}
#dialogue-popup .choice:hover,
#dialogue-popup .choice.selected{
background:#FCE04511;
color:#f7dc44;
}