@charset "utf-8";

#vf-skeleton-container { display: block; margin: 20px 0px; overflow: hidden; }

.vf-skeleton-generic-block { background-color: rgb(235, 235, 235); border-radius: 4px; display: block; position: relative; overflow: hidden; }

.vf-skeleton-generic-block::after { position: absolute; inset: 0px; transform: translateX(-100%); background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0)); animation: 1s ease 0s infinite normal none running shimmer; content: ""; }

@keyframes shimmer { 
  100% { transform: translateX(100%); }
}

.vf-skeleton-conversations-container .vf-skeleton-generic-block:not(:first-child) { margin-top: 8px; }

.vf-skeleton-comments-container { height: 112px; margin-top: 28px; }

.vf-skeleton-comments-img-wrapper { width: 46px; float: left; }

.vf-skeleton-comments-img-wrapper .vf-skeleton-generic-block { border-radius: 100%; }

.vf-skeleton-comments-line-wrapper { float: left; width: 80%; margin-left: 14px; }

.vf-skeleton-comments-line-wrapper .vf-skeleton-generic-block:nth-child(1) { width: 45%; }

.vf-skeleton-comments-line-wrapper .vf-skeleton-generic-block:nth-child(4) { width: 55%; }

@media (min-width: 757px) {
  .vf-skeleton-comments-line-wrapper { width: 90%; }
  .vf-skeleton-comments-line-wrapper .vf-skeleton-generic-block:nth-child(1) { width: 20%; }
  .vf-skeleton-comments-line-wrapper .vf-skeleton-generic-block:nth-child(4) { width: 80%; }
}

.vf-skeleton-livereviews-rating-container { height: 180px; margin-top: 16px; margin-bottom: 20px; }