@charset "utf-8";

.ph-item { background-color: rgb(255, 255, 255); border: 1px solid rgb(230, 230, 230); border-radius: 2px; direction: ltr; display: flex; flex-wrap: wrap; margin-bottom: 30px; overflow: hidden; padding: 30px 15px 15px; position: relative; }

.ph-item, .ph-item *, .ph-item ::after, .ph-item ::before { box-sizing: border-box; }

.ph-item::before { animation: 0.8s linear 0s infinite normal none running ph-animation; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 54%) 50% 50%; inset: 0px 0px 0px 50%; content: " "; margin-left: -250%; pointer-events: none; position: absolute; width: 500%; z-index: 1; }

.ph-item > * { display: flex; flex: 1 1 auto; flex-flow: column; margin-bottom: 15px; padding-left: 15px; padding-right: 15px; }

.ph-row { display: flex; flex-wrap: wrap; margin-top: -7.5px; }

.ph-row div { background-color: rgb(206, 212, 218); height: 10px; margin-top: 7.5px; }

.ph-row .big, .ph-row.big div { height: 20px; }

.ph-row .empty { background-color: rgba(255, 255, 255, 0); }

.ph-col-2 { flex: 0 0 16.6667%; }

.ph-col-4 { flex: 0 0 33.3333%; }

.ph-col-6 { flex: 0 0 50%; }

.ph-col-8 { flex: 0 0 66.6667%; }

.ph-col-10 { flex: 0 0 83.3333%; }

.ph-col-12 { flex: 0 0 100%; }

[class*="ph-col"] { direction: ltr; }

[class*="ph-col"] > * + .ph-row { margin-top: 0px; }

[class*="ph-col"] > * + * { margin-top: 7.5px; }

.ph-avatar { background-color: rgb(206, 212, 218); border-radius: 50%; min-width: 60px; overflow: hidden; position: relative; width: 100%; }

.ph-avatar::before { content: " "; display: block; padding-top: 100%; }

.ph-picture { background-color: rgb(206, 212, 218); height: 120px; width: 100%; }

@-webkit-keyframes ph-animation { 
  0% { transform: translate3d(-30%, 0px, 0px); }
  100% { transform: translate3d(30%, 0px, 0px); }
}

@keyframes ph-animation { 
  0% { transform: translate3d(-30%, 0px, 0px); }
  100% { transform: translate3d(30%, 0px, 0px); }
}