.klyp-MediaShelf{gap:var(--space-10);flex-direction:column;min-width:0;display:flex;container-type:inline-size}.klyp-MediaShelf__title{font-family:var(--font-sans);font-size:var(--font-size-16);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-tight);color:var(--color-fg-primary);margin:0;line-height:1.2}.klyp-MediaShelf__viewport{min-width:0;position:relative}.klyp-MediaShelf__track{gap:var(--space-8);scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding-block:var(--space-4);display:flex;overflow-x:auto}.klyp-MediaShelf__track::-webkit-scrollbar{display:none}.klyp-MediaShelf__edgeFade{inline-size:var(--space-48);z-index:2;pointer-events:none;position:absolute;inset-block:0}.klyp-MediaShelf__edgeFade[data-side=start]{background:linear-gradient(to right, var(--color-bg-root), transparent);inset-inline-start:0}.klyp-MediaShelf__edgeFade[data-side=end]{background:linear-gradient(to left, var(--color-bg-root), transparent);inset-inline-end:0}.klyp-MediaShelf__navWrap{z-index:3;align-items:center;display:flex;position:absolute;inset-block:0}.klyp-MediaShelf__navWrap[data-side=start]{inset-inline-start:var(--space-8)}.klyp-MediaShelf__navWrap[data-side=end]{inset-inline-end:var(--space-8)}.klyp-MediaShelf__navWrap[data-side=end] .klyp-ToolButton svg{transform:scaleX(-1)}.klyp-MediaShelf .klyp-ToolButton[data-size].klyp-MediaShelf__navBtn{border-radius:var(--radius-full);background-color:var(--alpha-white-10);border:var(--bw-default) solid var(--color-border-subtle);-webkit-backdrop-filter:var(--fx-glass-blur-md);backdrop-filter:var(--fx-glass-blur-md)}.klyp-MediaShelf .klyp-ToolButton[data-size].klyp-MediaShelf__navBtn[data-hovered]:not([data-disabled]){background-color:var(--alpha-white-20);border-color:var(--color-border-default)}.klyp-MediaShelf .klyp-ToolButton[data-size].klyp-MediaShelf__navBtn[data-pressed]{background-color:var(--alpha-white-15)}.klyp-MediaShelf__tile{scroll-snap-align:start;border-radius:var(--r-card);isolation:isolate;background:var(--color-bg-surface);cursor:pointer;appearance:none;border:0;flex:none;padding:0;position:relative;overflow:hidden}.klyp-MediaShelf__tile:focus-visible{outline:var(--bw-default) solid var(--color-ring);outline-offset:var(--space-2)}@media (hover:hover) and (pointer:fine){.klyp-MediaShelf__tile .klyp-MediaShelf__tileFade{opacity:var(--opacity-90)}.klyp-MediaShelf__tile:hover .klyp-MediaShelf__tileFade{opacity:1}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.klyp-MediaShelf__tile:hover .klyp-MediaShelf__tileImg{transform:scale(1.05)}.klyp-MediaShelf__tile:hover .klyp-MediaShelf__tileBody{transform:translateY(calc(-1 * var(--space-2)))}}.klyp-MediaShelf__tile[data-force-hover] .klyp-MediaShelf__tileFade{opacity:1}.klyp-MediaShelf__tile[data-force-hover] .klyp-MediaShelf__tileImg{transform:scale(1.05)}.klyp-MediaShelf__tile[data-force-hover] .klyp-MediaShelf__tileBody{transform:translateY(calc(-1 * var(--space-2)))}.klyp-MediaShelf__tile[data-force-focus]{outline:var(--bw-default) solid var(--color-ring);outline-offset:var(--space-2)}.klyp-MediaShelf[data-variant=filters] .klyp-MediaShelf__tile{aspect-ratio:4/5;inline-size:clamp(9.375rem,44cqi,13rem)}.klyp-MediaShelf[data-variant=trending] .klyp-MediaShelf__tile{aspect-ratio:3/4;inline-size:clamp(7.375rem,32cqi,9.375rem)}.klyp-MediaShelf[data-variant=mixed] .klyp-MediaShelf__tile{block-size:clamp(11rem,56cqi,14rem);inline-size:auto;aspect-ratio:var(--shelf-tile-ar,.75)}.klyp-MediaShelf__tileImg{-o-object-fit:cover;object-fit:cover;border-radius:inherit;block-size:100%;inline-size:100%;transition:transform var(--duration-slower) var(--easing-decelerate);display:block;position:absolute;inset:0}.klyp-MediaShelf__tileFade{pointer-events:none;background:linear-gradient(to top, color-mix(in srgb, var(--color-scrim-base) 95%, transparent), transparent);block-size:50%;transition:opacity var(--duration-normal) var(--easing-standard);position:absolute;inset-block-end:0;inset-inline:0}.klyp-MediaShelf__tileBody{inset-inline:var(--space-10);gap:var(--space-2);text-align:start;color:var(--color-scrim-on);min-width:0;transition:transform var(--duration-normal) var(--easing-standard);flex-direction:column;display:flex;position:absolute;inset-block-end:var(--space-8)}.klyp-MediaShelf__tileLabel{font-family:var(--font-sans);font-size:var(--font-size-14);font-weight:var(--font-weight-medium);white-space:nowrap;text-overflow:ellipsis;line-height:1.3;overflow:hidden}.klyp-MediaShelf__tileMeta{font-family:var(--font-sans);font-size:var(--font-size-12);font-weight:var(--font-weight-regular);opacity:var(--opacity-70);line-height:1.3}@media (prefers-reduced-motion:reduce){.klyp-MediaShelf__tile,.klyp-MediaShelf__tileImg,.klyp-MediaShelf__tileBody{transition:none;transform:none}.klyp-MediaShelf__tileFade{transition:none}}