/* [project]/components/share/ShareLandingSkeleton.module.css [app-client] (css) */
.ShareLandingSkeleton-module__r2fRUa__main {
  min-height: calc(100vh - 80px);
  padding: var(--space-6) var(--space-4);
  justify-content: center;
  display: flex;
}

.ShareLandingSkeleton-module__r2fRUa__container {
  gap: var(--space-4);
  flex-direction: column;
  width: 100%;
  max-width: 760px;
  display: flex;
}

.ShareLandingSkeleton-module__r2fRUa__breadcrumbSkeleton {
  border-radius: var(--radius-sm);
  width: 220px;
  height: 16px;
  margin-bottom: var(--space-2);
}

.ShareLandingSkeleton-module__r2fRUa__card {
  background: var(--bg-surface);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-xl);
  padding: var(--space-6);
  gap: var(--space-4);
  box-shadow: var(--shadow-md);
  flex-direction: column;
  display: flex;
}

.ShareLandingSkeleton-module__r2fRUa__brandSkeleton {
  border-radius: var(--radius-sm);
  width: 90px;
  height: 18px;
}

.ShareLandingSkeleton-module__r2fRUa__coverSkeleton {
  aspect-ratio: 18 / 9;
  border-radius: var(--radius-lg);
  width: 100%;
}

.ShareLandingSkeleton-module__r2fRUa__badgeRow {
  gap: var(--space-2);
  display: flex;
}

.ShareLandingSkeleton-module__r2fRUa__badgeSkeleton {
  border-radius: var(--radius-full);
  width: 80px;
  height: 24px;
}

.ShareLandingSkeleton-module__r2fRUa__titleSkeleton {
  border-radius: var(--radius-md);
  width: 85%;
  height: 32px;
}

.ShareLandingSkeleton-module__r2fRUa__titleSkeletonSub {
  border-radius: var(--radius-md);
  width: 60%;
  height: 20px;
}

.ShareLandingSkeleton-module__r2fRUa__metaRow {
  gap: var(--space-2);
  flex-wrap: wrap;
  display: flex;
}

.ShareLandingSkeleton-module__r2fRUa__metaChipSkeleton {
  border-radius: var(--radius-full);
  width: 110px;
  height: 28px;
}

.ShareLandingSkeleton-module__r2fRUa__actionRow {
  gap: var(--space-3);
  margin-top: var(--space-2);
  display: flex;
}

.ShareLandingSkeleton-module__r2fRUa__btnPrimarySkeleton {
  border-radius: var(--radius-md);
  flex: 1;
  height: 48px;
}

.ShareLandingSkeleton-module__r2fRUa__btnShareSkeleton {
  border-radius: var(--radius-md);
  width: 110px;
  height: 48px;
}

.ShareLandingSkeleton-module__r2fRUa__contentSkeletonWrap {
  gap: var(--space-4);
  flex-direction: column;
  display: flex;
}

.ShareLandingSkeleton-module__r2fRUa__sectionSkeleton {
  background: var(--bg-surface);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-xl);
  padding: var(--space-5);
  gap: var(--space-3);
  flex-direction: column;
  display: flex;
}

.ShareLandingSkeleton-module__r2fRUa__sectionTitleSkeleton {
  border-radius: var(--radius-sm);
  width: 160px;
  height: 22px;
}

.ShareLandingSkeleton-module__r2fRUa__blockSkeleton {
  border-radius: var(--radius-lg);
  width: 100%;
  height: 52px;
}

.ShareLandingSkeleton-module__r2fRUa__shimmer {
  background: color-mix(in srgb, var(--text-primary) 6%, var(--bg-main));
  position: relative;
  overflow: hidden;
}

.ShareLandingSkeleton-module__r2fRUa__shimmer:after {
  content: "";
  background-image: linear-gradient(90deg, #fff0 0, #ffffff0f 20%, #ffffff1f 60%, #fff0);
  animation: 1.6s ease-in-out infinite ShareLandingSkeleton-module__r2fRUa__shimmer;
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
}

@keyframes ShareLandingSkeleton-module__r2fRUa__shimmer {
  100% {
    transform: translateX(100%);
  }
}

@media (max-width: 768px) {
  .ShareLandingSkeleton-module__r2fRUa__main {
    padding: var(--space-4) var(--space-3);
  }

  .ShareLandingSkeleton-module__r2fRUa__card {
    padding: var(--space-4);
    border-radius: var(--radius-lg);
  }

  .ShareLandingSkeleton-module__r2fRUa__actionRow {
    flex-direction: column;
  }

  .ShareLandingSkeleton-module__r2fRUa__btnShareSkeleton {
    width: 100%;
  }
}

/*# sourceMappingURL=components_share_ShareLandingSkeleton_module_030zfmj.css.map*/