.HomepageFrontdoorBillingGraphic{display:grid;grid:53px auto/auto;width:540px;height:426px;color:#3f4b66}.HomepageFrontdoorBillingGraphic__header{display:flex;justify-content:space-between;align-items:center;padding:1px 28px 0;border-bottom:1px solid #e7ecf1}.HomepageFrontdoorBillingGraphic__nav{display:flex;gap:17px}.HomepageFrontdoorBillingGraphic__navItem{font:var(--fontWeightNormal) 11px/14px var(--fontFamily)}.HomepageFrontdoorBillingGraphic__logoContainer{position:relative;width:100%;height:100%;-webkit-mask-image:linear-gradient(0deg,transparent 10%,#000 calc(50% - 11px),#000 calc(50% + 11px),transparent 90%);mask-image:linear-gradient(0deg,transparent 10%,#000 calc(50% - 11px),#000 calc(50% + 11px),transparent 90%)}.HomepageFrontdoorBillingGraphic__logoTrack{position:absolute;top:15px;left:0;display:grid;gap:14px}.HomepageFrontdoorBillingGraphic__logo{display:flex;align-items:center;gap:7px}.HomepageFrontdoorBillingGraphic__logoIcon{width:20px;height:20px;border-radius:50%;background:var(--accentColor)}.HomepageFrontdoorBillingGraphic__logoName{font:var(--fontWeightSemibold) 13px/21px var(--fontFamily)}.HomepageFrontdoorBillingGraphic__tierListContainer{position:relative}.HomepageFrontdoorBillingGraphic__tierList{display:flex;justify-content:center;gap:10px;position:absolute;inset:0;padding:12px 9px}.HomepageFrontdoorBillingGraphic__tierList+.HomepageFrontdoorBillingGraphic__tierList .HomepageFrontdoorBillingGraphicTier{opacity:0}.HomepageFrontdoorBillingGraphic__tierList--accentPurple{--accentColor:#96f}.HomepageFrontdoorBillingGraphic__tierList--accentBlurple{--accentColor:#635bff}.HomepageFrontdoorBillingGraphic__tierList--accentGreen{--accentColor:#15be53}