.ds-video-card.svelte-jwaref{display:flex;flex-direction:column;cursor:pointer;transition:all .2s ease;border-radius:.75rem;overflow:hidden;background-color:var(--color-base-100);width:100%;height:100%;text-decoration:none;color:inherit}.ds-video-card.svelte-jwaref:hover{transform:translateY(-2px);box-shadow:0 8px 16px color-mix(in oklch,var(--color-base-content) 10%,transparent)}.ds-video-card.svelte-jwaref:active{transform:scale(.98)}.ds-video-card-locked.svelte-jwaref{cursor:not-allowed;opacity:.75}.ds-video-card-locked.svelte-jwaref:hover{transform:none;box-shadow:none}.ds-video-lock-overlay.svelte-jwaref{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center}.ds-lock-content.svelte-jwaref{display:flex;flex-direction:column;align-items:center;gap:.375rem}.ds-lock-text.svelte-jwaref{font-size:1rem;font-weight:600;color:#fff;text-align:center;padding:0 .5rem;line-height:1.3}.ds-badge-trial-unlocked.svelte-jwaref{position:absolute;top:.375rem;left:.375rem;z-index:5;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:.2rem .4rem;border-radius:.25rem;background:#14b8a6;color:#fff}.ds-video-thumbnail.svelte-jwaref{position:relative;width:100%;aspect-ratio:16 / 9;background-color:var(--color-base-300);overflow:hidden;flex-shrink:0;border-radius:.5rem}.ds-video-thumbnail.svelte-jwaref img:where(.svelte-jwaref){position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.ds-video-thumbnail-overlay.svelte-jwaref{position:absolute;inset:0;background:linear-gradient(to top,rgb(0 0 0 / .5),transparent)}.ds-video-duration.svelte-jwaref{position:absolute;top:.4rem;right:.4rem;z-index:4;padding:.12rem .4rem;border-radius:.25rem;background:#000c;color:#fff;font-size:.72rem;font-weight:700;line-height:1.2;letter-spacing:.01em;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ds-video-thumbnail-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2.25rem;height:2.25rem;color:#fff;opacity:.6;z-index:2;transition:opacity .2s ease,transform .2s ease}@media(min-width:640px){.ds-video-thumbnail-icon{width:3rem;height:3rem}}.ds-video-card.svelte-jwaref:hover .ds-video-thumbnail-icon{opacity:1;transform:translate(-50%,-50%) scale(1.1)}.ds-video-title.svelte-jwaref{font-size:1rem;font-weight:600;line-height:1.4;color:var(--color-base-content);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(min-width:640px){.ds-video-title.svelte-jwaref{font-size:1rem}}.ds-video-badges.svelte-jwaref{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.375rem}.ds-badge-masterclass.svelte-jwaref{display:inline-flex;align-items:center;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.2rem .45rem;border-radius:.25rem;background-color:var(--color-secondary);color:var(--color-secondary-content)}.ds-badge-skill.svelte-jwaref{display:inline-flex;align-items:center;gap:.2rem;font-size:.8rem;font-weight:600;padding:.16rem .36rem;border-radius:.25rem;background-color:color-mix(in oklch,var(--color-base-content) 8%,transparent);color:color-mix(in oklch,var(--color-base-content) 65%,transparent)}.ds-skill-dot.svelte-jwaref{display:inline-block;width:.4rem;height:.4rem;border-radius:9999px;flex-shrink:0}.ds-skill-dot--beginner.svelte-jwaref{background:#22c55e}.ds-skill-dot--intermediate.svelte-jwaref{background:#eab308}.ds-skill-dot--advanced.svelte-jwaref{background:#ef4444}.ds-skill-dot--everyone.svelte-jwaref{background:#a855f7}.ds-upgrade-btn-wrapper.svelte-jwaref{margin-top:auto;padding-top:.5rem}.ds-upgrade-btn.svelte-jwaref{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;width:100%;padding:.375rem .5rem;font-size:1rem;font-weight:600;color:var(--color-primary);background:color-mix(in oklch,var(--color-primary) 10%,transparent);border:1px solid color-mix(in oklch,var(--color-primary) 20%,transparent);border-radius:.375rem;text-decoration:none;text-align:center;transition:background .15s}.ds-upgrade-btn.svelte-jwaref:hover{background:color-mix(in oklch,var(--color-primary) 18%,transparent)}.ds-video-debug-btn{position:absolute;top:.375rem;right:.375rem;z-index:10;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:9999px;background-color:#374151d9;color:#fff;border:none;cursor:pointer;transition:background-color .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ds-video-debug-btn:hover{background-color:#1f2937f2}.ds-video-debug-btn--active{background-color:var(--color-primary);color:var(--color-primary-content)}