.ff-icon{display:inline-block;vertical-align:middle;flex-shrink:0;transition:color 0.2s}.ff-icon--teal{color:var(--teal)}.ff-icon--sage{color:var(--sage-dark)}.ff-icon--gold{color:var(--gold-light)}.ff-icon--cream{color:var(--cream)}.ff-icon--charcoal{color:var(--charcoal)}.ff-icon--white{color:#fff}.ff-icon--muted{color:rgba(17,31,30,0.4)}.ff-icon-wrap{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);flex-shrink:0}.ff-icon-wrap--teal{background:rgba(30,110,126,0.12);color:var(--teal)}.ff-icon-wrap--sage{background:var(--sage-mist);color:var(--sage-dark)}.ff-icon-wrap--gold{background:var(--gold-pale);color:var(--gold)}.ff-icon-wrap--charcoal{background:rgba(17,31,30,0.08);color:var(--charcoal)}.ff-icon-wrap--dark{background:rgba(245,239,228,0.08);color:var(--cream)}.ff-icon-wrap--sm{width:36px;height:36px}.ff-icon-wrap--md{width:44px;height:44px}.ff-icon-wrap--lg{width:56px;height:56px}.ff-icon-wrap--xl{width:72px;height:72px}.ff-gift-icon-wrap{width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto 8px;transition:all 0.25s}.ff-gift-icon--teal{background:rgba(30,110,126,0.12);color:var(--teal)}.ff-gift-icon--gold{background:var(--gold-pale);color:var(--gold)}.ff-gift-icon--sage{background:var(--sage-mist);color:var(--sage-dark)}.ff-gift-slot.locked .ff-gift-icon-wrap{opacity:0.4}.ff-gift-slot.unlocked .ff-gift-icon-wrap{opacity:1}.ff-mode-svg{width:20px;height:20px;flex-shrink:0}