.PopinHeader{position:relative;display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid}.PopinHeader__titles{display:flex;flex:1;justify-content:center;align-items:center;overflow:hidden;min-height:35px;margin-right:8px;text-transform:uppercase;font-weight:700}.PopinHeader__titleContainer{overflow:hidden;text-overflow:ellipsis;white-space:pre}.PopinHeader{background-color:#000;border-color:#8c8c8b}.PopinHeader__titles{color:#fff;font-size:1.8rem}.PopinHeader__close{transform:rotate(45deg);display:inline-block;width:24px;height:24px;border:1px solid #fff;border-radius:100%;cursor:pointer;transition:transform .3s}.PopinHeader__close:after,.PopinHeader__close:before{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;content:"";background:#fff}.PopinHeader__close:before{width:1px;height:12px}.PopinHeader__close:after{width:12px;height:1px}.PopinHeader__close:focus,.PopinHeader__close:hover{transform:rotate(135deg)}