.ss-ingredient-quality-card{box-sizing:border-box;width:320px;max-width:100%;height:480px;margin-inline:auto;padding:38px 30px;background:var(--ss-navy);color:var(--ss-white);border:1px solid color-mix(in srgb,var(--ss-white) 16%,transparent);border-radius:24px;box-shadow:0 18px 42px -22px color-mix(in srgb,var(--ss-navy) 48%,transparent),inset 0 1px color-mix(in srgb,var(--ss-white) 7%,transparent);display:flex;flex-direction:column;justify-content:center;gap:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-align:left;overflow:hidden}.ss-ingredient-quality-card .quality-eyebrow{margin:0 0 19px;color:color-mix(in srgb,var(--ss-flame) 80%,var(--ss-white));font-size:10px;font-weight:750;line-height:1.4;letter-spacing:.2em;text-transform:uppercase;text-wrap:wrap}.ss-ingredient-quality-card .quality-heading-wrap{display:flex;align-items:stretch;gap:16px;margin-bottom:22px}.ss-ingredient-quality-card .quality-rule{flex:0 0 2px;background:linear-gradient(180deg,var(--ss-flame) 0%,color-mix(in srgb,var(--ss-flame) 28%,transparent) 100%);border-radius:2px;transform-origin:top;animation:rule-appear .8s cubic-bezier(.22,1,.36,1) both}.ss-ingredient-quality-card .quality-heading{margin:0;font-family:inherit;color:var(--ss-white);font-size:32px;font-weight:850!important;line-height:1.06;letter-spacing:-.055em!important;text-wrap:balance}.ss-ingredient-quality-card .quality-copy{display:flex;flex-direction:column;gap:17px}.ss-ingredient-quality-card .quality-copy p{margin:0;color:color-mix(in srgb,var(--ss-white) 85%,transparent);font-size:14px;font-weight:400;line-height:1.72;letter-spacing:.005em;text-wrap:wrap}.ss-ingredient-quality-card .quality-copy strong{color:var(--ss-white);font-weight:650}@keyframes rule-appear{0%{opacity:0;transform:scaleY(.15)}to{opacity:1;transform:scaleY(1)}}
