.video.svelte-x55cnb{position:relative;display:block;overflow:hidden;border-radius:var(--border-radius);text-decoration:none;color:#fff;height:auto;min-height:200px;box-shadow:0 4px 20px #00000014;transition:transform .2s ease,box-shadow .2s ease}.video.svelte-x55cnb:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.bg-image.svelte-x55cnb{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:0;transition:transform .3s ease}.video.svelte-x55cnb:hover .bg-image:where(.svelte-x55cnb){transform:scale(1.05)}.content.svelte-x55cnb{position:relative;z-index:1;height:100%;min-height:inherit;padding:1.25rem;background:linear-gradient(to bottom,#0000001a,#0000004d 30%,#000000b3 70%,#000000d9);display:flex;flex-direction:column;justify-content:space-between}.play-badge.svelte-x55cnb{align-self:flex-start}.play-badge.svelte-x55cnb svg:where(.svelte-x55cnb){display:block;width:36px;height:36px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.3));transition:transform .2s ease}.video.svelte-x55cnb:hover .play-badge:where(.svelte-x55cnb) svg:where(.svelte-x55cnb){transform:scale(1.1)}.video.svelte-x55cnb:hover .play-badge:where(.svelte-x55cnb) svg:where(.svelte-x55cnb) circle:where(.svelte-x55cnb){fill:#fff}.text-content.svelte-x55cnb{display:flex;flex-direction:column}.date.svelte-x55cnb{font-size:.8em}.title.svelte-x55cnb{margin:0 0 1rem;line-height:1.3;font-size:1.2em;font-weight:700;color:#fff;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tags.svelte-x55cnb{display:flex;flex-wrap:wrap;gap:.5rem}.tag.svelte-x55cnb{background:var(--tertiary-200);color:var(--tertiary-600);padding:.25rem .75rem;border:none;border-radius:20px;font-size:clamp(11px,2.3vw,11px);font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.video.small.svelte-x55cnb{min-height:80px;aspect-ratio:auto;box-shadow:0 2px 8px #0000000f}.video.small.svelte-x55cnb:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.video.small.svelte-x55cnb .content:where(.svelte-x55cnb){padding:.75rem;flex-direction:row;align-items:center;gap:.75rem;background:linear-gradient(to right,#0006,#000000b3)}.video.small.svelte-x55cnb .play-badge:where(.svelte-x55cnb){flex-shrink:0;align-self:center}.video.small.svelte-x55cnb .play-badge:where(.svelte-x55cnb) svg:where(.svelte-x55cnb){width:28px;height:28px}.video.small.svelte-x55cnb .text-content:where(.svelte-x55cnb){flex:1}.video.small.svelte-x55cnb .date:where(.svelte-x55cnb){font-size:.7em}.video.small.svelte-x55cnb .title:where(.svelte-x55cnb){font-size:.9em;margin-bottom:.15rem;line-clamp:1;-webkit-line-clamp:1}.video.small.svelte-x55cnb .tag:where(.svelte-x55cnb){font-size:.7em;padding:.15rem .5rem}