점조시 0

body {
-webkit-mask-image: -webkit-gradient(linear, left 5%, left top, from(rgba(0, 0, 0, 1)),to(rgba(0, 0, 0, 0)));
}

html,
body {
background: $background_color;
color: $text_color;
font-size: $font_sizepx;
font-family: '$font_face';
height: 100%;
overflow: hidden;
}

#log {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
box-sizing: border-box;
}

#log > div {
background-color: white;
border: 1px solid;
border-color: black;
margin: 10px;
}

.meta {
display: block;
background: #874566;
border-bottom: 1px solid;
border-color: black;
padding: 3px 6px;
}

.name {
color: white;
font-weight: bold;
}

.message {
display: block;
padding-left: 6px;
padding-right: 3px;
padding-top: 3px;
padding-bottom: 5px;
}

.colon {
display: none;
}

.badge {
display: inline-block;
height: 18px;
vertical-align: middle;
}

#log .emote_wrap {
position: relative;
}

#log .emote_wrap img.emoticon {
height: 28px;
vertical-align: middle;
margin-top: 2px;
margin-bottom: 2px;
}

.badge.partner-icon, .badge.admin-icon, .badge.moderator-icon, .badge.subscriber-icon {
display: inline !important;
}

/* 폰트는 '본고딕'으로 하면 게임 내 폰트랑 똑같아짐 */