.membership-hero-image{object-fit:cover;object-position:50% 22%}@media (width>=768px){.membership-hero-image{object-position:32% center}}.membership-page section[id]{scroll-margin-top:calc(var(--desktop-header-height,9.5rem) + 1rem)}.membership-plan-icon{color:var(--brand-blue)}.membership-plan-card{border-color:var(--hairline);border-top:2px solid color-mix(in oklab, var(--brand-blue) 35%, transparent)}.membership-plan-card--annual{border-top-color:var(--brand-blue)}.membership-plan-card--selected{border-color:var(--brand-blue);background:color-mix(in oklab, var(--brand-blue) 6%, var(--card))}@media (hover:hover){.membership-plan-card:hover{border-color:color-mix(in oklab, var(--brand-blue) 70%, var(--hairline))}}.membership-plan-badge{border-color:color-mix(in oklab, var(--brand-blue) 40%, transparent);background:color-mix(in oklab, var(--brand-blue) 7%, var(--card));position:absolute;top:1.25rem;right:1.25rem}@media (width<=767px){.membership-plan-badge{order:-1;align-self:flex-start;margin:0 0 1rem;position:static}}.membership-plan-summary{background:color-mix(in oklab, var(--brand-blue) 6%, var(--card));border-color:color-mix(in oklab, var(--brand-blue) 30%, var(--hairline))}.membership-account-card{border-color:color-mix(in oklab, var(--brand-blue) 18%, var(--hairline))}