.mptab input { position: absolute; opacity: 0; z-index: -1;}
.mptab-content {max-height: 0; transition: all 0.35s; overflow: hidden;}
.mptab-content-inner {padding: 0.5rem; margin: 0;}
.mptab input:checked ~ .mptab-content {max-height: 100%; /* support for older browsers */ max-height: max-content;}

.accordion {border: 2px solid #606060; overflow: hidden; min-width: 250px;}
.accordion.rounded {border-radius: 0.5rem;}
.mptab-label {display: flex; justify-content: space-between; padding: 0.3rem 0.6rem; background: #606060; cursor: pointer; color: #ffffff; border-bottom: 1px solid #707070;}
.mptab-label::after {transform: rotate(90deg); transition: all 0.35s; content: "\276F";}
.mptab input:checked + .mptab-label::after {transform: rotate(270deg);}

/* member panel styles */
.mptab-content-inner .user-detail {display: block; text-align: center; line-height: initial;}
.mptab-content-inner .user-detail.compact {display: flex; text-align: start;}
.mptab-content-inner .avatar {max-width: 90px; margin: 1rem;}
.mptab-content-inner .user-detail.compact .avatar {max-width: 50px; margin: 0 0.5rem 0.5rem 0.5rem;}
.mptab-content-inner .user-detail.compact .user-info {margin-top: 0.5rem;}
.mptab-content-inner .user-name {font-weight: bold;}
.mptab-content-inner .user-group {font-size: small;}
.mptab-content-inner .user-messages {margin-top: 0.5rem; padding-top: 0.5rem; border-top: 1px solid rgba(96,96,96,0.5); text-align: center; font-size: small; line-height: initial;}
.mptab-content-inner .user-messages.compact {margin-top: 0;}