.phrase-detail-container{padding:15px;text-overflow:ellipsis;display:table;display:flex;width:100%}.phrase-detail-container .pd-inner{min-height:60px;width:100%;overflow:hidden;display:flex;flex-direction:row}.pd-avatar-area{display:block;overflow:hidden;width:4em;height:4em;border-radius:5px;flex-shrink:0}.pd-avatar-area img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.pd-main-area{padding:0 1em;flex:1;position:relative;width:100%}.pdm-nickname-and-info h3.h3-nickname{font-size:1.2rem}.pdm-nickname-and-info h6.h6-info{display:inline;color:#d3d3d3}.pdm-nickname-and-info h6.h6-info time{margin:0 .5em 0 0}.pdm-content{margin-top:.2em;position:relative}.pdm-countinfo{margin-top:.5em;flex-wrap:wrap;padding:.5em;color:hsla(0,0%,49.8%,.8)}.pdm-countinfo,.pdm-countinfo>*{display:flex;justify-content:center;align-items:center}.pdm-countinfo>*{margin:.4em .5em;padding:.2em .5em;border-radius:.5em;border:1px dashed hsla(0,0%,49.8%,.8);transition:all .3s ease;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-direction:row}.pdm-countinfo>:hover{background-color:hsla(0,0%,49.8%,.2)}.pdm-countinfo>* .inline-svg{display:inline-flex;align-items:center}.pdm-countinfo>* .inline-svg>*{display:inline-block;width:1.8em;height:1.8em}.pdm-countinfo>* .inline-key{display:inline}.pdm-countinfo>* .inline-key:after{content:":";padding:0 .2em}.pdm-countinfo>* .no-colon:after{content:"";padding:0}.pdm-countinfo>* .inline-value{display:inline}