.klyp-MediaTileOverlay__scrimTop{inset-inline:calc(-1 * var(--space-2));z-index:3;pointer-events:none;background:linear-gradient(to bottom, color-mix(in srgb, var(--color-scrim-base) 75%, transparent), transparent);block-size:40%;position:absolute;inset-block-start:calc(-1 * var(--space-2))}.klyp-MediaTileOverlay__scrim{inset-inline:calc(-1 * var(--space-2));z-index:3;pointer-events:none;background:linear-gradient(to top, color-mix(in srgb, var(--color-scrim-base) 85%, transparent), transparent);block-size:50%;transition:opacity var(--duration-fast) var(--easing-standard);position:absolute;inset-block-end:calc(-1 * var(--space-2))}.klyp-MediaTileOverlay__body{z-index:4;gap:var(--space-2);min-width:0;color:var(--color-scrim-on);pointer-events:none;flex-direction:column;display:flex;position:absolute;inset-block-start:var(--space-8);inset-inline-start:var(--space-10);inset-inline-end:var(--space-48)}.klyp-MediaTileOverlay__zoom{z-index:5;pointer-events:auto;position:absolute;inset-block-start:var(--space-8);inset-inline-end:var(--space-10)}.klyp-MediaTileOverlay__name{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-MediaTileOverlay__model{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}.klyp-MediaTileOverlay__action{inset-inline:var(--space-10);z-index:5;gap:var(--space-8);pointer-events:auto;display:flex;position:absolute;inset-block-end:var(--space-8)}.klyp-MediaTileOverlay__action>*{flex:9 1 0;min-width:0}.klyp-MediaTileOverlay__action>:first-child{flex-grow:11}.klyp-MediaTileOverlay__action>.klyp-Button{padding-inline:var(--space-12)}.klyp-MediaCard[data-kind=video]:has(.klyp-MediaTileOverlay__scrim){overflow-clip-margin:var(--space-2)}@media (hover:hover) and (pointer:fine){.klyp-MediaCard:has(.klyp-MediaTileOverlay__scrim) .klyp-MediaCard__image{transition:transform var(--duration-slower) var(--easing-decelerate)}:is(.klyp-MediaCard:has(.klyp-MediaTileOverlay__scrim) .klyp-MediaTileOverlay__scrimTop,.klyp-MediaCard:has(.klyp-MediaTileOverlay__scrim) .klyp-MediaTileOverlay__scrim,.klyp-MediaCard:has(.klyp-MediaTileOverlay__scrim) .klyp-MediaTileOverlay__body,.klyp-MediaCard:has(.klyp-MediaTileOverlay__scrim) .klyp-MediaTileOverlay__zoom,.klyp-MediaCard:has(.klyp-MediaTileOverlay__scrim) .klyp-MediaTileOverlay__action){opacity:0;transition:opacity var(--duration-fast) var(--easing-standard), transform var(--duration-fast) var(--easing-standard)}:is(.klyp-MediaCard:has(.klyp-MediaTileOverlay__scrim) .klyp-MediaTileOverlay__zoom,.klyp-MediaCard:has(.klyp-MediaTileOverlay__scrim) .klyp-MediaTileOverlay__action){pointer-events:none}.klyp-MediaCard:has(.klyp-MediaTileOverlay__scrim) .klyp-MediaTileOverlay__action{transform:translateY(var(--space-6))}:is(.klyp-MediaCard:has(.klyp-MediaTileOverlay__scrim)[data-hovered] .klyp-MediaTileOverlay__scrimTop,.klyp-MediaCard:has(.klyp-MediaTileOverlay__scrim)[data-hovered] .klyp-MediaTileOverlay__scrim,.klyp-MediaCard:has(.klyp-MediaTileOverlay__scrim)[data-hovered] .klyp-MediaTileOverlay__body,.klyp-MediaCard:has(.klyp-MediaTileOverlay__scrim)[data-hovered] .klyp-MediaTileOverlay__zoom,.klyp-MediaCard:has(.klyp-MediaTileOverlay__scrim)[data-hovered] .klyp-MediaTileOverlay__action,.klyp-MediaCard:has(.klyp-MediaTileOverlay__scrim):focus-within .klyp-MediaTileOverlay__scrimTop,.klyp-MediaCard:has(.klyp-MediaTileOverlay__scrim):focus-within .klyp-MediaTileOverlay__scrim,.klyp-MediaCard:has(.klyp-MediaTileOverlay__scrim):focus-within .klyp-MediaTileOverlay__body,.klyp-MediaCard:has(.klyp-MediaTileOverlay__scrim):focus-within .klyp-MediaTileOverlay__zoom,.klyp-MediaCard:has(.klyp-MediaTileOverlay__scrim):focus-within .klyp-MediaTileOverlay__action){opacity:1;pointer-events:auto}:is(.klyp-MediaCard:has(.klyp-MediaTileOverlay__scrim)[data-hovered] .klyp-MediaTileOverlay__action,.klyp-MediaCard:has(.klyp-MediaTileOverlay__scrim):focus-within .klyp-MediaTileOverlay__action){transform:translateY(0)}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.klyp-MediaCard[data-hovered]:has(.klyp-MediaTileOverlay__scrim) .klyp-MediaCard__image{transform:scale(1.05)}}@media (prefers-reduced-motion:reduce){.klyp-MediaTileOverlay__scrimTop,.klyp-MediaTileOverlay__scrim,.klyp-MediaTileOverlay__body,.klyp-MediaTileOverlay__zoom,.klyp-MediaTileOverlay__action{transition:none;transform:none}.klyp-MediaCard:has(.klyp-MediaTileOverlay__scrim) .klyp-MediaCard__image{transition:none}:is(.klyp-MediaCard:has(.klyp-MediaTileOverlay__scrim) .klyp-MediaTileOverlay__scrimTop,.klyp-MediaCard:has(.klyp-MediaTileOverlay__scrim) .klyp-MediaTileOverlay__scrim,.klyp-MediaCard:has(.klyp-MediaTileOverlay__scrim) .klyp-MediaTileOverlay__body,.klyp-MediaCard:has(.klyp-MediaTileOverlay__scrim) .klyp-MediaTileOverlay__zoom,.klyp-MediaCard:has(.klyp-MediaTileOverlay__scrim) .klyp-MediaTileOverlay__action){transition:none;transform:none}}