.marriottbonvoywidget{grid-column:1/span 12}.marriottbonvoywidget__pointsContent{display:flex;flex-direction:column;gap:var(--verticalSpacing);max-width:515px}.marriottbonvoywidget__base{background-color:var(--color-neutral-white);border-radius:8px;container-type:inline-size;overflow:clip}.marriottbonvoywidget__base .marriottbonvoywidget__pointsContent{--verticalSpacing:16px}@container (width >= 600px){.marriottbonvoywidget__base .marriottbonvoywidget__pointsContent{--verticalSpacing:20px}}.marriottbonvoywidget .marriottbonvoywidget__promoText--top,.marriottbonvoywidget .marriottbonvoywidget__promoText--bottom{display:none}.memberstatus--HON .marriottbonvoywidget__base--accountOverview .marriottbonvoywidget__promoText--top{display:block}@container (width >= 600px){.marriottbonvoywidget__base--statusManagement .marriottbonvoywidget__pointsContent{--verticalSpacing:24px}}.marriottbonvoywidget__base--statusManagement .marriottbonvoywidget__pointsDescription{font-family:var(--typography-body-family-primary-regular);font-size:calc(var(--typography-font-size-75) * 1px);line-height:calc(var(--typography-body-s-line-height) * 1px);font-weight:var(--typography-body-weight-bold)}.marriottbonvoywidget__base--statusManagement .marriottbonvoywidget__promoText--bottom{display:block}.marriottbonvoywidget__wrapper{padding:20px 16px;position:relative}.marriottbonvoywidget__base--accountOverview .marriottbonvoywidget__pointsDescription{font-family:var(--typography-body-family-primary-regular);font-size:calc(var(--typography-font-size-75) * 1px);line-height:calc(var(--typography-body-s-line-height) * 1px);font-weight:var(--typography-body-weight-bold)}.marriottbonvoywidget__title{font-family:var(--typography-heading-family-secondary);font-size:calc(var(--typography-font-size-250) * 1px);line-height:calc(var(--typography-heading-xl-line-height) * 1px);font-weight:var(--typography-heading-weight-secondary)}.marriottbonvoywidget__titleBrand{display:block;font-weight:bold}.marriottbonvoywidget__promoText{font-family:var(--typography-body-family-primary-regular);font-size:calc(var(--typography-font-size-125) * 1px);line-height:calc(var(--typography-body-l-line-height) * 1px);font-weight:var(--typography-body-weight-regular)}.marriottbonvoywidget__promoText--connected{font-family:var(--typography-body-family-primary-regular);font-size:calc(var(--typography-font-size-75) * 1px);line-height:calc(var(--typography-body-s-line-height) * 1px);font-weight:var(--typography-body-weight-regular)}.marriottbonvoywidget__details{display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}@container (width >= 600px){.marriottbonvoywidget__details{margin-bottom:28px;padding-top:24px}}.marriottbonvoywidget__content{color:var(--color-static-foreground-default);display:flex;flex-direction:column}@container (width >= 600px){.marriottbonvoywidget__content{flex-direction:row;gap:32px}}.marriottbonvoywidget__pointsCounter{font-family:var(--typography-heading-family-secondary);font-size:calc(var(--typography-font-size-150) * 1px);line-height:calc(var(--typography-heading-m-line-height) * 1px);font-weight:var(--typography-heading-weight-secondary)}.marriottbonvoywidget__pointsWrapper{align-items:flex-end;display:flex;gap:20px;justify-content:space-between;margin-bottom:8px}.marriottbonvoywidget__pointsTotal{font-family:var(--typography-body-family-primary-regular);font-size:calc(var(--typography-font-size-125) * 1px);line-height:calc(var(--typography-body-l-line-height) * 1px);font-weight:var(--typography-body-weight-regular)}.marriottbonvoywidget__pointsProgress{width:100%}.marriottbonvoywidget__pointsSubline{font-family:var(--typography-body-family-primary-regular);font-size:calc(var(--typography-font-size-75) * 1px);line-height:calc(var(--typography-body-s-line-height) * 1px);font-weight:var(--typography-body-weight-regular);color:var(--color-typography-caption);margin-top:8px}.marriottbonvoywidget__marriottStatus{font-family:var(--typography-body-family-primary-regular);font-size:calc(var(--typography-font-size-75) * 1px);line-height:calc(var(--typography-body-s-line-height) * 1px);font-weight:var(--typography-body-weight-bold);margin-bottom:16px}@container (width >= 600px){.marriottbonvoywidget__marriottStatus{margin-bottom:48px}}.marriottbonvoywidget__statusManagementLink{display:none}@container (width >= 600px){.marriottbonvoywidget__statusManagementLink--top:not([hidden]){display:block;text-align:right}}.marriottbonvoywidget__statusManagementLink--bottom:not([hidden]){display:inline-block}@container (width >= 600px){.marriottbonvoywidget__statusManagementLink--bottom:not([hidden]){display:none}}.marriottbonvoywidget__logoWrapper{width:107px}@container (width >= 600px){.marriottbonvoywidget__logoWrapper{width:111px}}.marriottbonvoywidget__logo{height:auto;max-width:100%;object-fit:contain;width:auto}.marriottbonvoywidget__benefitsContent{background-color:var(--color-neutral-gray-50);border-radius:6px;display:flex;flex-direction:column;gap:32px;margin-top:32px;padding:16px}@container (width >= 600px){.marriottbonvoywidget__benefitsContent{gap:48px;margin:0 0 0 32px;min-width:300px;padding:85px 32px 32px;width:100%}}.marriottbonvoywidget__ctaLink{align-items:flex-start;display:flex}.marriottbonvoywidget__ctaLink [class^='mamcomicon']{padding-top:0}@media screen and (min-width: 600px){.marriottbonvoywidget__wrapper{padding:12px 12px 12px 40px}.marriottbonvoywidget__base--accountOverview .marriottbonvoywidget__wrapper{padding:40px}}@media print, (min-width: 960px){.marriottbonvoywidget__base--statusManagement .marriottbonvoywidget__pointsContent{padding-bottom:40px}.marriottbonvoywidget__base--statusManagement .marriottbonvoywidget__promoText--top{display:block}.marriottbonvoywidget__base--statusManagement .marriottbonvoywidget__promoText--bottom{display:none}.marriottbonvoywidget__title{font-size:calc(var(--typography-font-size-350) * 1px)}.marriottbonvoywidget__pointsCounter{font-size:calc(var(--typography-font-size-200) * 1px)}.marriottbonvoywidget__button{width:fit-content}}@media print,(min-width:960px){.marriottbonvoywidget{grid-column:2/span 10}.marriottbonvoywidget__base--statusManagement .marriottbonvoywidget__pointsDescription{font-family:var(--typography-body-family-primary-regular);font-size:calc(var(--typography-font-size-125) * 1px);line-height:calc(var(--typography-body-l-line-height) * 1px);font-weight:var(--typography-body-weight-bold)}.marriottbonvoywidget__promoText--connected{font-family:var(--typography-body-family-primary-regular);font-size:calc(var(--typography-font-size-125) * 1px);line-height:calc(var(--typography-body-l-line-height) * 1px);font-weight:var(--typography-body-weight-regular)}}