@layer components{.u-channel-banner-image,.u-channel-banner-fallback{z-index:-1;position:absolute;inset:0}.u-channel-banner-fallback{background-image:linear-gradient(var(--cover-angle), color-mix(in srgb, var(--colors-accent) 22%, transparent), color-mix(in srgb, var(--colors-accent-alt) 22%, transparent))}.u-channel-banner-fallback[data-cover-angle="120deg"]{--cover-angle:120deg}.u-channel-banner-fallback[data-cover-angle="135deg"]{--cover-angle:135deg}.u-channel-banner-fallback[data-cover-angle="150deg"]{--cover-angle:150deg}.u-channel-banner-fallback[data-cover-angle="165deg"]{--cover-angle:165deg}.u-channel-banner-fallback[data-cover-angle="180deg"]{--cover-angle:180deg}.u-channel-banner:not([aria-busy]) .u-channel-banner-cover:before{pointer-events:none;content:"";background:linear-gradient(to top, var(--colors-surface), color-mix(in srgb, var(--colors-surface) 65%, transparent) 26%, transparent 66%), linear-gradient(to right, var(--colors-surface), color-mix(in srgb, var(--colors-surface) 60%, transparent), transparent);position:absolute;inset:0}.u-channel-banner-count{color:var(--colors-fg-muted)}.u-channel-banner-placeholder{width:calc(var(--spacing) * 24);opacity:.5}.u-channel-banner-cover{height:calc(var(--spacing) * 50)}.u-channel-banner-content{height:100%;padding:calc(var(--spacing) * 4)}.u-channel-banner-text{gap:calc(var(--spacing) * .5)}@media (width>=1000px){.u-channel-banner-cover{height:calc(var(--spacing) * 80)}.u-channel-banner-content{padding-block:calc(var(--spacing) * 3.5);padding-inline:calc(var(--spacing) * 6) calc(var(--spacing) * 70)}.u-channel-banner-actions{z-index:1;inset-block-end:calc(var(--spacing) * 3.5);inset-inline-end:calc(var(--spacing) * 6)}}}