[data-component="battle-helper"]{
    overflow:hidden;
    height:18px 
}
@media only screen and (min-width:992px){
    [data-component="battle-helper"]{
        overflow:initial;
        height:auto 
   }
}
[data-component="battle-helper"].is-open{
    height:auto 
}
[data-component="battle-helper"] h4{
    border-bottom:1px solid #ced4da;
    margin:0 -13px 13px;
    padding:0 13px 13px;
    cursor:pointer 
}
[data-component="battle-helper"] h4 button{
    display:none 
}
@media only screen and (max-width:991px){
    [data-component="battle-helper"] h4:hover{
       opacity:.5 
   }
    [data-component="battle-helper"] h4 button{
        display:inline-block;
        position:absolute;
        width:20px;
        right:13px;
        background-color:transparent;
        border:none;
        color:#fff;
        padding:0 
   }
    [data-component="battle-helper"] h4 button.is-open{
        background-color:transparent;
        transform:scale(1, -1) 
   }
}
[data-component="battle-helper"] p{
    margin-bottom:6.5px 
}
[data-component="battle-helper"] .info{
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    margin-bottom:0;
    background-color:#fddd10;
    padding:5px;
    font-weight:bold;
   margin-top:13px
}
[data-component="battle-helper"] textarea{
   height:38px;
   min-height:38px;
   resize:none;
   overflow:hidden
}
[data-component="battle-helper"] button{
   width:100%
}
[data-component="battle-helper"] .count{
   border-top:1px solid #ced4da;
   margin:13px -13px 0;
   padding:13px
}
[data-component="battle-helper"] .command{
   pointer-events:none;
   opacity:.7
}
[data-component="battle-helper"] .command.enabled{
   pointer-events:all;
   opacity:1
}
[data-component="battle-helper"] .teams{
   border-top:1px solid #ced4da;
   margin:13px -13px 0;
   padding:13px;
   padding-bottom:0
}
[data-component="battle-helper"] .teams button:last-of-type{
   background-color:#ce0404;
   margin-top:10px
}