@layer properties;@layer theme,base,components,utilities;.astra-showcase-card{background:var(--color-neutral-primary);width:100%}.astra-showcase-media{aspect-ratio:452/261;min-height:14rem}.astra-showcase-header{pointer-events:none;padding-top:1.25rem;padding-bottom:4.5rem}.astra-showcase-header:before{content:"";-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(#19191900,#1d1d1df5);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 35%);mask-image:linear-gradient(#0000,#000 35%)}.astra-showcase-footer{pointer-events:none;background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--color-neutral-primary) 85%, transparent))}.astra-showcase-action{pointer-events:auto;color:var(--color-font-primary-reverted)}.astra-showcase-action:focus-visible{outline:2px solid var(--color-font-brand);outline-offset:3px}@media (hover:hover) and (pointer:fine){.astra-showcase-header{padding-bottom:1.25rem;transition:opacity .22s ease-out}.astra-showcase-card:is(:hover,:focus-within) .astra-showcase-header{opacity:0}.astra-showcase-footer{opacity:0;pointer-events:none;transition:opacity .22s ease-out}.astra-showcase-action{pointer-events:none;transition:transform .22s ease-out;transform:translateY(.5rem)}.astra-showcase-card:hover .astra-showcase-footer,.astra-showcase-card:focus-within .astra-showcase-footer{opacity:1}.astra-showcase-card:is(:hover,:focus-within) .astra-showcase-action{pointer-events:auto;transform:translateY(0)}.astra-showcase-card:focus-within :is(.astra-showcase-header,.astra-showcase-footer,.astra-showcase-action){transition:none}}@media (prefers-reduced-motion:reduce){.astra-showcase-header,.astra-showcase-footer,.astra-showcase-action{transition:none;transform:none}}.astra-showcase-icon{background:var(--color-neutral-primary-reverted-5);-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);box-shadow:inset 0 -.01875rem .375rem #b9b9b959}.astra-showcase-preview .astra-showcase-card{border:0;border-radius:.625rem;padding:0;overflow:hidden}.astra-showcase-preview .astra-showcase-media{aspect-ratio:auto;border-radius:.625rem;height:15.8125rem;min-height:0}.astra-showcase-preview-overlay{background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--qc-background-secondary) 60%, transparent) 49.612%, var(--qc-background-secondary))}