/* playback/video/components/channel/ChannelHeaderSkeleton.vue */

.skeleton-header-body[data-v-c6ae3810] {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: var(--muv-space-5);
  padding:
    var(--muv-space-5)
    max(var(--muv-space-8), calc((100% - var(--muv-content-max)) / 2 + var(--muv-space-8)));
  box-sizing: border-box;
  background: var(--muv-white);
}
.skeleton-avatar[data-v-c6ae3810] {
  width: 96px;
  height: 96px;
  border-radius: var(--muv-radius-pill);
  flex-shrink: 0;
}
.skeleton-text-group[data-v-c6ae3810] {
  width: min(520px, 60%);
  padding-top: var(--muv-space-1);
  display: flex;
  flex-direction: column;
  gap: var(--muv-space-2);
}
.skeleton-name[data-v-c6ae3810] {
  width: 200px;
  height: 28px;
  max-width: 80%;
  border-radius: var(--muv-radius-sm);
}
.skeleton-meta[data-v-c6ae3810] {
  width: 140px;
  height: 16px;
  max-width: 60%;
  border-radius: var(--muv-radius-xs);
}
.skeleton-tabs-bar[data-v-c6ae3810] {
  width: 100%;
  display: flex;
  align-items: center;
  gap: var(--muv-space-2);
  padding: var(--muv-space-1) max(var(--muv-space-8), calc((100% - var(--muv-content-max)) / 2 + var(--muv-space-8)));
  border-bottom: 1px solid var(--muv-divider);
  background: var(--muv-white);
  box-sizing: border-box;
}
.skeleton-tab[data-v-c6ae3810] {
  width: 92px;
  height: var(--muv-touch-target);
  border-radius: var(--muv-radius-pill);
}
@media (max-width: 768px) {
.skeleton-header-body[data-v-c6ae3810] {
    display: grid;
    grid-template-columns: 80px minmax(0, 1fr);
    column-gap: var(--muv-space-4);
    row-gap: var(--muv-space-1);
    padding: var(--muv-space-4);
}
.skeleton-avatar[data-v-c6ae3810] {
    width: 80px;
    height: 80px;
    grid-column: 1;
    grid-row: 1 / span 2;
}
.skeleton-text-group[data-v-c6ae3810] {
    display: contents;
}
.skeleton-name[data-v-c6ae3810] {
    grid-column: 2;
    grid-row: 1;
    align-self: end;
}
.skeleton-meta[data-v-c6ae3810] {
    grid-column: 2;
    grid-row: 2;
    align-self: start;
}
.skeleton-tabs-bar[data-v-c6ae3810] {
    padding: var(--muv-space-1) var(--muv-space-4);
}
}