@layer components{.l-gal{--l-gal-areas-panel:".       ." "player  panel" "banner  panel" "meta    panel" "related related" "more    more";--l-gal-areas-plain:"." "player" "banner" "meta" "related" "more";gap:calc(var(--spacing) * 3);width:100%;padding:calc(var(--spacing) * 6) calc(var(--spacing) * 3);flex-direction:column;display:flex}.l-gal:has(.l-gal-bottom){--l-gal-areas-panel:".       ." "player  panel" "banner  panel" "meta    panel" "related related" "more    more" "bottom  bottom";--l-gal-areas-plain:"." "player" "banner" "meta" "related" "more" "bottom"}.l-gal:has(.l-gal-top){--l-gal-areas-panel:". ." "top top" "player panel" "banner panel" "meta panel" "related related" "more more";--l-gal-areas-plain:"." "top" "player" "banner" "meta" "related" "more"}.l-gal:has(.l-gal-top):has(.l-gal-bottom){--l-gal-areas-panel:". ." "top top" "player panel" "banner panel" "meta panel" "related related" "more more" "bottom bottom";--l-gal-areas-plain:"." "top" "player" "banner" "meta" "related" "more" "bottom"}.l-gal[data-panel-side=start]{--l-gal-areas-panel:". .       .       ." ". panel  player   ." ". panel  banner   ." ". panel  meta     ." ". related related ." ". more    more    ."}.l-gal:has(.l-gal-bottom)[data-panel-side=start]{--l-gal-areas-panel:". .       .       ." ". panel  player   ." ". panel  banner   ." ". panel  meta     ." ". related related ." ". more    more    ." ". bottom  bottom  ."}.l-gal[data-trim=top],.l-gal[data-trim=both]{padding-block-start:0}.l-gal[data-trim=bottom],.l-gal[data-trim=both]{padding-block-end:0}.l-gal :is(.l-gal-player,.l-gal-mixed,.l-gal-top,.l-gal-panel,.l-gal-bottom,.l-gal-native,.l-gal-sec,.l-gal-meta,.l-gal-text-link,.l-gal-banner)[data-trim=top],.l-gal :is(.l-gal-player,.l-gal-mixed,.l-gal-top,.l-gal-panel,.l-gal-bottom,.l-gal-native,.l-gal-sec,.l-gal-meta,.l-gal-text-link,.l-gal-banner)[data-trim=both]{margin-block-start:calc(-1 * calc(var(--spacing) * 3))}.l-gal :is(.l-gal-player,.l-gal-mixed,.l-gal-top,.l-gal-panel,.l-gal-bottom,.l-gal-native,.l-gal-sec,.l-gal-meta,.l-gal-text-link,.l-gal-banner)[data-trim=bottom],.l-gal :is(.l-gal-player,.l-gal-mixed,.l-gal-top,.l-gal-panel,.l-gal-bottom,.l-gal-native,.l-gal-sec,.l-gal-meta,.l-gal-text-link,.l-gal-banner)[data-trim=both]{margin-block-end:calc(-1 * calc(var(--spacing) * 3))}@media (width>=1100px){.l-gal{--edge-x:max(var(--edge-px,12px), calc((100% - var(--container-page)) / 2));padding-inline:var(--edge-x);grid-template-columns:minmax(0,1fr);display:grid}.l-gal[data-panel],.l-gal:has(.l-gal-panel),.l-gal:has(.l-gal-native){grid-template-columns:minmax(0, 1fr) minmax(0, var(--spacing-panel-gal,var(--spacing-panel)));grid-template-areas:var(--l-gal-areas-panel)}.l-gal:has(.l-gal-panel:not(.l-gal-panel-native)){grid-template-columns:minmax(0, 1fr) minmax(0, var(--spacing-panel-ntv,var(--spacing-panel-gal,var(--spacing-panel))))}.l-gal:has(.l-gal-panel-native){grid-template-columns:minmax(0, 1fr) var(--spacing-panel-gal,var(--spacing-panel))}.l-gal[data-panel-side=start],.l-gal[data-panel-side=start]:has(.l-gal-panel),.l-gal[data-panel-side=start]:has(.l-gal-native){grid-template-columns:var(--edge-t) minmax(0, var(--spacing-panel-gal,var(--spacing-panel))) minmax(0, 1fr) var(--edge-t)}.l-gal[data-panel-side=start]:has(.l-gal-panel:not(.l-gal-panel-native)){grid-template-columns:var(--edge-t) minmax(0, var(--spacing-panel-ntv,var(--spacing-panel-gal,var(--spacing-panel)))) minmax(0, 1fr) var(--edge-t)}.l-gal:not([data-panel],:has(.l-gal-panel),:has(.l-gal-native)){grid-template-areas:var(--l-gal-areas-plain)}.l-gal .l-gal-mixed{grid-area:auto/1/auto/-1}.l-gal .l-gal-player{grid-area:player;align-self:start}.l-gal .l-gal-top{grid-area:top}.l-gal .l-gal-banner{grid-area:banner}.l-gal .l-gal-meta{grid-area:meta}.l-gal .l-gal-panel,.l-gal .l-gal-native{grid-area:panel}.l-gal .l-gal-bottom{grid-area:bottom}.l-gal .l-gal-sec[data-area=related]{grid-area:related}.l-gal .l-gal-sec[data-area=more]{grid-area:more}}.l-gal-panel-native-scroll{width:100%;min-width:0}@media (width>=1100px){.l-gal-panel-native-scroll{scrollbar-width:none;flex:1;min-height:0;overflow:hidden auto}.l-gal-panel-native-scroll::-webkit-scrollbar{display:none}}.l-gal-meta{width:100%;min-width:0;container-type:inline-size}.l-gal-meta:is([data-trim=top],[data-trim=both]) .l-meta{border-top-left-radius:0;border-top-right-radius:0}.l-gal-player{width:100%;min-width:0;min-height:var(--spacing-row-6)}.l-gal-player:has(.pp-player,[data-player-stage]) .u-skeleton-player{display:none}.l-gal-panel{flex-direction:column;order:calc(infinity);width:100%;min-width:0;display:flex}.l-gal-native{width:100%;min-width:0}@media (width>=1100px){.l-gal-panel{order:0}.l-gal-panel,.l-gal-native{height:0;min-height:100%;padding-inline-start:calc(var(--spacing) * 2);overflow:hidden}.l-gal-native{flex-direction:column;display:flex}}.l-gal-text-link{width:100%;min-width:0}.u-skeleton-player{background-color:var(--colors-surface-sunk);pointer-events:none;user-select:none;border-radius:.5rem;width:100%;min-height:0;max-height:100dvh;overflow:hidden}}@layer utilities{.l-gal-player:not(:has(.un-ad-text-link)) .pp-player{border-top-left-radius:var(--panel-radius);border-top-right-radius:var(--panel-radius)}}