.feature-card{position:relative;overflow:hidden;min-height:200px}.feature-card__inner{display:flex;width:100%;min-height:200px;transition:transform .35s ease-out}.feature-card__inner--has-preview{width:200%}.feature-card:hover .feature-card__inner--has-preview{transform:translate(-50%)}.feature-card__content{flex:0 0 50%;padding:1.25rem 1.25rem 1rem;display:flex;flex-direction:column;justify-content:flex-start;min-width:0}.feature-card__preview{flex:0 0 50%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:1rem 1rem 1.25rem;min-width:0}.feature-card__preview-img-wrap{width:100%;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #00000014;flex-shrink:0;z-index:10}[data-theme=dark] .feature-card__preview-img-wrap{box-shadow:0 4px 16px #0000004d}.feature-card__preview-img{display:block;width:100%;height:auto}.feature-card__preview-mirror{width:calc(100% - 2px);margin-top:-3px;height:48px;overflow:hidden;transform:scaleY(1) skew(-30deg);transform-origin:top center;mask-image:linear-gradient(to bottom,rgba(0,0,0,.35),transparent);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.35),transparent);mask-size:100% 100%;-webkit-mask-size:100% 100%;flex-shrink:0}.feature-card__preview-mirror .feature-card__preview-img{width:100%;height:auto;min-height:48px;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;opacity:.85}.feature-card--primary{background:radial-gradient(ellipse 220% 140% at 50% 0%,rgba(255,255,255,.8),transparent 72%),var(--color-primary-50)}.feature-card--accent{background:radial-gradient(ellipse 220% 140% at 50% 0%,rgba(255,255,255,.8),transparent 72%),var(--color-accent-50)}.feature-card--warning{background:radial-gradient(ellipse 220% 140% at 50% 0%,rgba(255,255,255,.8),transparent 72%),var(--color-warning-50)}.feature-card--success{background:radial-gradient(ellipse 220% 140% at 50% 0%,rgba(255,255,255,.8),transparent 72%),var(--color-success-50)}.feature-card--info{background:radial-gradient(ellipse 220% 140% at 50% 0%,rgba(255,255,255,.8),transparent 72%),var(--color-info-50)}.feature-card--secondary{background:radial-gradient(ellipse 220% 140% at 50% 0%,rgba(255,255,255,.8),transparent 72%),var(--color-secondary-50)}[data-theme=dark] .feature-card{border-color:var(--button-outline-muted-border)}[data-theme=dark] .feature-card--primary{background:radial-gradient(ellipse 220% 140% at 50% 0%,rgba(255,255,255,.1),transparent 70%),#ccd7e11f}[data-theme=dark] .feature-card--accent{background:radial-gradient(ellipse 220% 140% at 50% 0%,rgba(255,255,255,.08),transparent 70%),#fde5e214}[data-theme=dark] .feature-card--warning{background:radial-gradient(ellipse 220% 140% at 50% 0%,rgba(255,255,255,.08),transparent 70%),#fff9eb14}[data-theme=dark] .feature-card--success{background:radial-gradient(ellipse 220% 140% at 50% 0%,rgba(255,255,255,.08),transparent 70%),#f0fdf414}[data-theme=dark] .feature-card--info{background:radial-gradient(ellipse 220% 140% at 50% 0%,rgba(255,255,255,.09),transparent 70%),#e6ebf01a}[data-theme=dark] .feature-card--secondary{background:radial-gradient(ellipse 220% 140% at 50% 0%,rgba(255,255,255,.08),transparent 70%),#fef9f014}.feature-card__icon--primary{background-color:var(--color-primary-500);color:#fff}.feature-card__icon--accent{background-color:var(--color-accent-500);color:#fff}.feature-card__icon--warning{background-color:var(--color-warning-500);color:#fff}.feature-card__icon--success{background-color:var(--color-success-500);color:#fff}.feature-card__icon--info{background-color:var(--color-info-500);color:#fff}.feature-card__icon--secondary{background-color:var(--color-secondary-500);color:var(--color-secondary-950)}