:root{
  --phoenix-icon-navy:#1A2B3C;
  --phoenix-icon-sage:#4A6741;
  --phoenix-icon-lilac:#7B5EA7;
  --phoenix-icon-gold:#C9A96E;
}
.phoenix-icon{
  color:var(--phoenix-icon-navy);
  display:inline-block;
  flex:0 0 auto;
  height:1.5rem;
  overflow:visible;
  vertical-align:middle;
  width:1.5rem;
}
.phoenix-icon--sage{--phoenix-icon-accent:var(--phoenix-icon-sage)}
.phoenix-icon--lilac{--phoenix-icon-accent:var(--phoenix-icon-lilac)}
.phoenix-icon--gold{--phoenix-icon-accent:var(--phoenix-icon-gold)}
.phoenix-icon--32{height:2rem;width:2rem}
.phoenix-icon--48{height:3rem;width:3rem}
.phoenix-icon-on-dark{color:#fff}
.where-begin__choice .where-begin__icon[data-phoenix-icon-accent="sage"],
.find-teacher__choice .find-teacher__icon[data-phoenix-icon-accent="sage"],
.package-chooser__choice .package-chooser__icon[data-phoenix-icon-accent="sage"],
.offerings-concierge__choice .offerings-concierge__icon[data-phoenix-icon-accent="sage"]{
  background:var(--green-pale,#C8DDCA);
  color:var(--green-mid,#3A5433);
}
.where-begin__choice .where-begin__icon[data-phoenix-icon-accent="lilac"],
.find-teacher__choice .find-teacher__icon[data-phoenix-icon-accent="lilac"],
.package-chooser__choice .package-chooser__icon[data-phoenix-icon-accent="lilac"],
.offerings-concierge__choice .offerings-concierge__icon[data-phoenix-icon-accent="lilac"]{
  background:var(--purple-pale,var(--purple-pastel,#C0ADDC));
  color:var(--purple-mid,#6248A0);
}
.where-begin__choice .where-begin__icon[data-phoenix-icon-accent="gold"],
.find-teacher__choice .find-teacher__icon[data-phoenix-icon-accent="gold"],
.package-chooser__choice .package-chooser__icon[data-phoenix-icon-accent="gold"],
.offerings-concierge__choice .offerings-concierge__icon[data-phoenix-icon-accent="gold"]{
  background:var(--gold-pale,#EDD9B0);
  color:#765b2e;
}
.phoenix-icon-label{
  align-items:center;
  display:inline-flex;
  gap:.625rem;
}
.phoenix-icon-feature{
  align-items:center;
  display:flex;
  gap:.875rem;
}
.phoenix-icon-feature .phoenix-icon{
  height:1.75rem;
  width:1.75rem;
}
.benefit-icon .phoenix-icon,
.occasion-icon .phoenix-icon,
.pillar-icon .phoenix-icon,
.season-icon .phoenix-icon,
.guest-icon .phoenix-icon,
.trust-icon .phoenix-icon{
  height:1em;
  width:1em;
}
@media (prefers-reduced-motion:reduce){
  .phoenix-icon{animation:none!important;transition:none!important}
}