노란손 0

body {     -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 2em) } body, html {     font: $font_sizepx '$font_face', serif;     background-color: $background_color;     height: 100%;     overflow: hidden } #log {     display: flex;     flex-direction: column;     position: absolute;     bottom: 0;     left: 0;     padding: 0 0.5em 0.1em;     width: 100%;     word-wrap: break-word;     box-sizing: border-box } #log>div {     display: flex;     align-items: flex-start;     flex-direction: column;     color: $text_color !important;     margin: -0.3em 0.3em 0.7em 0.3em;     animation: fadeInUp .5s ease, fadeOut 1s ease $message_hide_delays forwards } .reverse #log>div {     align-items: flex-end } .meta {     color: $text_color !important;     margin: 0.25em 0;     font-weight: 800 } .message {     justify-content: flex-start;     background-color: #fff;     border-radius: 1.25em;     padding: 0.5em 0.7em;     word-wrap: break-word;     line-height: 1.5em;     font-weight: 400 } .moderator, .broadcaster {     align-items: flex-end !important } .reverse #log>div.moderator, .reverse #log>div.broadcaster {     align-items: flex-start !important } .moderator .message, .broadcaster .message {     background-color: #b1eb6b !important } .deleted {     visibility: hidden } .badge, .colon, .name, .message {     vertical-align: middle } .badge {     margin-right: 0.3em;     height: 1em } .colon {     display: none } .message>img {     height: 1em } .emote_wrap {     position: relative } .emoticon {     height: $font_sizepx;     vertical-align: middle;     margin: -0.1em 0;     image-rendering: pixelated }