#livelikeChat {
	height: calc(100vh - 420px);
	padding: 0 2rem 1rem;
}

.chat_container {
  background: #111318;
  overflow: hidden;
}
.chat_container header {
    position: relative;
    padding: 1.4rem 2rem;
    width: 100%;
    display: block;
    color: #fff;
    font-size: 1.5rem;
    z-index: 100;
}

.chat_container header .nickname {
	display: block;
	color: rgba(255,255,255,.6);
}
.chat_container header .nickname span {
	color: #fff;
	cursor: pointer;
	margin: 0 4px;
	font-weight: bold;
}
.chat_container header .chat_select {
	border-top: 1px solid rgba(255,255,255,.2);
	margin-top: 1rem;
	padding-top: 1rem;
}
.chat_container header select {
	background: transparent;
	width: 100%;
	border: none;
	font-weight: bold;
}
.chat_container header .dismiss {
  display: inline-block;
  cursor: pointer;
  position: absolute;
  right: 1.6rem;
}

livelike-chat {

	--livelike-blue: #509cf6;
	
	--sender-name-color: rgba(255,255,255,.6);
	--sender-name-font-size: 14px;
	--message-color: #fff;
	--message-font-size: 16px;
	--message-list-padding: 0;

	/* msg bubble */
	--message-item-container-margin: 1rem 0;
	--message-wrapper-padding: .8rem 3rem .8rem 1.6rem;
	--message-wrapper-background: rgba(255,255,255,.08);
	--message-wrapper-border-radius: 12px;
	--sender-name-margin: .2rem;

	/* reaction */
	--message-reaction-button-border-radius: .8rem;
	--message-reaction-button-background: rgba(255,0,0,.0);
	--message-reaction-button-padding: 0px 20px 8px 0px;
	--message-reaction-wrap-background: rgba(255, 255, 255, .95);
	--message-reaction-wrap-box-shadow: -4px 4px 16px rgba(0,0,0,.12);
	--message-reaction-item-hover-background: rgba(0, 0, 0, .12);
	--message-reaction-total-count-color: #999;

    /* input */
    --input-container-background: transparent;
    --message-input-background: #323542;
    --message-input-color: #fff;
    --message-input-placeholder-color: rgba(255,255,255,.4);
    --message-input-padding: 1.2rem;
    --input-container-padding: 0 0 1rem 0;
    --message-input-container-margin: 0;
    --message-input-border-radius: 12px;
    --message-input-border: none;
    --message-input-font-size: 16px;
    --sticker-icon-bottom: 1.8rem;
    --down-icon-background: var(--livelike-blue);
    --input-send-icon-color: var(--livelike-blue);
    --sticker-icon-color: var(--livelike-blue);

    /* sticker kb */
    --sticker-container-width: calc(100% - 4.6rem);
    --sticker-container-max-width: inherit;

    /*giphy */
    --giphy-icon-bottom: 1.625rem;
}