@charset "utf-8";

/* ccfolia */
.inWrap {font-size: 15px; letter-spacing: -.5px; color: #fff;}
.inWrap .tab {width: 100%;background: #27262C;position: relative}
.inWrap .tab.main {background: #1f1e22;}
.inWrap .tabtitle {margin: 0;color: #bcbcc1;background: #474952;position: absolute;top: 10px;right: 10px;border-radius: 5px;padding: 5px;font-weight: 200}
.inWrap .player {display: flex;overflow: hidden;padding: 20px 0 20px 20px;border-bottom: 1px solid rgba(255, 255, 255, 0.08)}
.inWrap .infoWrap .imgWrap {overflow: hidden; width: 40px;height: 40px;background-color: rgba(0, 0, 0, 0.31);float: left;border-radius: 5px}
.inWrap .infoWrap .imgWrap img {width: 40px !important; height: auto !important;}
.inWrap .textWrap {float: left;line-height: 1.6;margin-left: 20px;margin-right: 20px;color: #FFFFFF}
.inWrap .textWrap .Uname {margin: 0;font-weight: 800;color: #59595D}
.inWrap .textWrap .Utext {margin: 0;font-weight: 400;color: #59595D}
.inWrap .tab.main .textWrap .Utext {color: #fff;}

.inWrap .player.system {padding: 0px;background: #33313b;text-align: center;justify-content: center}
.inWrap .player.system .infoWrap {display: none;}
.inWrap .player.system .textWrap {margin-left: 0;color: #FFFFFF;padding: 10px 20px}
.inWrap .player.system .textWrap .Utext {color: #908e9a;font-size: 15px;letter-spacing: -1px}

/* role20 */
.textchatcontainer .message {padding: 0 20px 15px 80px; width: 100%;background: #1f1e22;position: relative; overflow: hidden; font-size: 15px; letter-spacing: -.5px; line-height: 1.6; color: #fff; font-weight: 300;}
.textchatcontainer .message.private {background:#3a3a3f; color: #999; font-weight: 500;}
.textchatcontainer .message .spacer {margin-left:-80px; margin-bottom: 15px; width: calc(100% + 80px); height: 1px; background: rgba(255, 255, 255, 0.08);}
.textchatcontainer .message .avatar {overflow: hidden; position: absolute; left: 20px; width: 40px;height: 40px;background-color: rgba(0, 0, 0, 0.31);float: left;border-radius: 5px}
.textchatcontainer .message .avatar img {width: 40px;height: 40px}
.textchatcontainer .message .tstamp {display: block; font-size: 12px; opacity: 0.6;}
.textchatcontainer .message .by {display: block; font-weight: bold;}
.textchatcontainer .message:has(span[style="color: #aaaaaa"]) {background: #27262C;}
.textchatcontainer .message:has(span[style="color: #aaaaaa"]) * {color: #59595D !important; font-weight: 500;}

.textchatcontainer .message code {display: inline-block; padding: 2px 4px;font-size: 90%;color: #c7254e;background-color: #f9f2f4;border-radius: 4px; font-family: Menlo, Monaco, Consolas, "Courier New", monospace;}
.textchatcontainer .message.desc {padding: 0 20px 15px; font-weight: bold; font-style: italic; text-align: center;}
.textchatcontainer .message.emote {padding: 0 20px 15px; font-weight: bold; font-style: italic; background: #49494c; text-align: center;}
.textchatcontainer .message.emote .avatar {display: none;}

.inlinerollresult.fullcrit {border: 2px solid #3fb315;}
.inlinerollresult {background-color:#fef68e; padding: 0px 3px 0px 3px; font-weight: bold; font-size: 1.1em; color: #333;}
.inlinerollresult.fullfail {border: 2px solid #b31515;}