.lp-message-tabs{display: flex;justify-content: space-between;margin:5px 5px 0;}
.lp-tab{flex:1;background-color: #f7f7f7;border: solid 1px #ddd;cursor: pointer;display:flex;align-items:center;min-height:40px;padding:8px 10px;transition:background 0.2s, border-top-color 0.2s, border-left-color 0.2s, border-right-color 0.2s ;justify-content:space-between;}
.lp-tab:first-child{border-top-left-radius:3px;}
.lp-tab:last-child{border-top-right-radius:3px;}
.lp-tab + .lp-tab{margin-left:-1px;position:relative;}
.lp-tab__label{font-size:12px;line-height:12px;pointer-events:none;}
.lp-tab__icon{color: var(--color);font-size:14px;pointer-events:none;}
.lp-tab:hover{background-color: #fff;}
.lp-tab--active{background-color: #fff;border-bottom:none;padding-bottom:9px;z-index:1;}
.lp__messages-title{display:flex;justify-content:space-between;align-items:flex-end;margin:5px;}
.lp__messages-title button{color:var(--color);opacity:0.5;}
.lp__messages-title button:hover{opacity:1;}

.lp-message-tabs + .lp-form__item--messages{margin-top:0;}
.lp-message-tabs + .lp-form__item--messages:before{content:'';position:absolute;top:0;left:1px;right:1px;height:24px;background:linear-gradient(#fff, transparent);z-index:2;}
.lp-message-tabs + .lp-form__item--messages .lp-input{border-top-left-radius:0;border-top-right-radius:0;border-top:0;}

.lp__messages{margin-top:1em;}
.lp__messages:focus-within .lp-tab{border-bottom-color:var(--color);}
.lp__messages:focus-within .lp-tab--active{border-color:var(--color);}
.checkbox:checked{accent-color:var(--color);}

label *{pointer-events:none;}

/* STORYTELLER STYLES */
#storyteller-video{overflow:hidden;border-radius:4px;margin:10px 5px 20px;}
#storyteller-video *{font-family:var(--body-family);}
.storyteller__pipe__actions{display:flex;justify-content:center;margin:0;height:0px;padding-left:40px;}
.storyteller__skip{font-size: 12px;color: var(--lighttextcolor) !important;display:block;text-align:center;padding:10px;margin:10px 0; }
.storyteller__skip:hover{text-decoration:underline;}
.storyteller__record_btn{border-radius:30px;bottom:70px;box-shadow:0 0 0 1px #fff;color:var(--viera) !important;display:none;font-size:24px;height:40px;line-height:0px;margin:unset;padding:8px 5px;position:relative;text-align:center;width:40px;}
.storyteller__record_btn:hover{box-shadow:0 0 0 3px #fff;}
.storyteller__play_btn{height:40px;text-align:center;width:40px;bottom:70px;color:rgba(255,255,255,0.75) !important;display:none;font-size:24px;line-height:0px;margin:unset;padding:8px 5px;position:relative;}
.storyteller__play_btn:hover{color: rgba(255,255,255,1) !important;}
.storyteller__play_btn:disabled{opacity:0;pointer-events:none;}
.storyteller__play_btn .fa-play{transform:translateX(2px);}
.storyteller .pipeFileInput{align-items:center;background:none;border-radius:4px;border:1px dashed var(--color);color:var(--color) !important;display:none;justify-content:center;padding:20px 0;}
.pipeRecordRTC{width:100% !important;}
.pipeRecordRTC span{width: 100%;height: 100%;}
.pipeRecordRTC g{display: none;}
#pipeClickPowered-storyteller-video{display:none;}
#pipeStartRecording-storyteller-video{align-items:center;border-radius:4px;border:1px dashed var(--color);color:var(--color) !important;display:flex;height:100%;justify-content:center;width:100%;}
#pipeStartRecording-storyteller-video > div{margin:auto;}
#pipeCustomUpload-storyteller-video{width:100%;}
.pipeMobileRecorder{width:auto;}

.lp__advocate_info{border: 1px solid var(--color);border-radius: 3px;padding: 8px 12px;}
.lp__advocate_info__edit{color:var(--color);cursor: pointer;float:right;opacity:0.5;transition:0.2s all;}
.lp__advocate_info__edit:hover{opacity:1;}
.lp__advocate_info span{display:block;}

#id_sendbtn_div{display:flex;flex-wrap:wrap;}
#id_sendbtn_div > .lp-btn{width:unset;}
#id_sendbtn_div div{flex-basis:100%;}
#id_sendbtn_help_div{text-align:end;}
#id_sendbtn_help_div > button{color:var(--color);font-weight:bold;font-size:12px;}