@layer components{.recurring-buy-hero{background-color:var(--color-navy-blue);position:relative;overflow:hidden}.recurring-buy-hero__container{z-index:var(--z-index-2);flex-direction:column;display:flex;position:relative;padding-left:0!important;padding-right:0!important}.recurring-buy-hero__image{order:1;display:flex}.recurring-buy-hero__image-lg{z-index:var(--z-index-1);display:none;position:absolute;inset:0}.recurring-buy-hero__image-lg img{object-fit:cover;object-position:40% center;width:100%;height:100%}.recurring-buy-hero--region-sg .recurring-buy-hero__image-lg img{object-position:40% center}.recurring-buy-hero__content{box-sizing:border-box;color:var(--ui-100);background:var(--color-navy-blue);order:2;padding:56px 24px 28px;position:relative}.recurring-buy-hero__content:before{background:var(--color-orange);content:"";height:20px;position:absolute;top:0;left:48px;right:0}.recurring-buy-hero__content:after{border:20px solid #0000;border-width:0 20px 20px 0;border-right-color:var(--color-orange);content:"";width:0;height:0;position:absolute;top:0;left:28px}.recurring-buy-hero__description{font-size:16px;font-weight:400;font-family:var(--font-primary);margin:0 0 12px}.recurring-buy-hero__title{font-size:28px;font-weight:400;font-family:var(--font-secondary);text-wrap:balance;margin:0 0 16px;line-height:35px}.recurring-buy-hero__subtitle{text-wrap:balance;word-break:keep-all;margin:0;font-size:18px;line-height:28px}.recurring-buy-hero__header{margin-bottom:32px}@media (width>=640px){.recurring-buy-hero__title{margin-bottom:24px;font-size:34px;line-height:43px}.recurring-buy-hero__subtitle{font-size:20px}}@media (width>=768px){.recurring-buy-hero{background-color:var(--color-navy-blue);padding-top:80px;padding-bottom:80px}.recurring-buy-hero__container{padding-right:var(--padding-x-desktop)!important;padding-left:var(--padding-x-desktop)!important}.recurring-buy-hero__image{display:none}.recurring-buy-hero__image-lg{display:block}.recurring-buy-hero__content{max-width:540px;padding:115px 32px}.recurring-buy-hero__content:before{width:80%;height:24px;left:auto}.recurring-buy-hero__content:after{border-width:0 24px 24px 0;left:auto;right:80%}.recurring-buy-hero__title{margin-bottom:32px;font-size:38px;line-height:48px}.recurring-buy-hero__subtitle{font-size:24px;line-height:32px}.recurring-buy-hero__header{margin-bottom:48px}}@media (width>=1440px){.recurring-buy-hero__image-lg img{object-position:20% center}.recurring-buy-hero--region-sg .recurring-buy-hero__image-lg img{object-position:30% center}}.recurring-buy-chart__container{max-width:1060px;margin:0 auto}.recurring-buy-chart__image{width:100%;height:auto;display:block}.recurring-buy-chart__image--desktop{display:none}.recurring-buy-chart__image--mobile{display:block}.recurring-buy-chart__note{padding-left:24px;font-size:12px;line-height:133%;position:relative}.recurring-buy-chart__note:before{content:"";background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20fill='none'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='%23C3CAD4'%20d='M20.62%2012.27a8.35%208.35%200%201%200-16.7%200%208.35%208.35%200%200%200%2016.7%200Zm2.08%200a10.43%2010.43%200%201%201-20.86%200%2010.43%2010.43%200%200%201%2020.86%200Z'/%3e%3cpath%20fill='%23C3CAD4'%20d='M11.22%2016.03v-3.76a1.04%201.04%200%201%201%202.09%200v3.76a1.04%201.04%200%201%201-2.09%200ZM12.28%207.47a1.04%201.04%200%201%201%200%202.08h-.01a1.04%201.04%200%201%201%200-2.08Z'/%3e%3c/svg%3e") 50%/contain no-repeat;width:12px;height:12px;position:absolute;top:0;left:0}.recurring-buy-chart__note--before{margin-bottom:24px}.recurring-buy-chart__note--after{margin-top:24px}@media (width>=768px){.recurring-buy-chart__image--desktop{display:block}.recurring-buy-chart__image--mobile{display:none}.recurring-buy-chart__note{padding-left:36px;font-size:16px;line-height:150%}.recurring-buy-chart__note:before{width:24px;height:24px}}.recurring-buy-get-started{flex-direction:column;gap:16px;display:flex}.recurring-buy-get-started__item{box-sizing:border-box;color:var(--text-primary);background:var(--color-light-gray);flex-direction:column;flex:1;justify-content:space-between;transition:flex .125s ease-in-out,transform .125s ease-in-out;display:flex;overflow:hidden}.recurring-buy-get-started__icon{width:48px;height:48px;margin-bottom:24px}.recurring-buy-get-started__title{color:inherit;font-size:16px;font-weight:700;font-family:var(--font-primary);margin:0 0 16px;transition:all .125s ease-in-out}.recurring-buy-get-started__description{color:inherit;margin:0;font-size:16px;transition:all .125s ease-in-out}.recurring-buy-get-started__head{padding:32px 32px 24px}.recurring-buy-get-started__image{background-position:50% 32px;background-repeat:no-repeat;background-size:contain;height:205px;transition:background-position .125s ease-in-out;position:relative}.recurring-buy-get-started__item:hover{color:var(--color-white);background:var(--color-navy-blue)}.recurring-buy-get-started__item:hover .recurring-buy-get-started__icon{--icon-color-primary:var(--color-white)}@media (width>=768px){.recurring-buy-get-started{flex-direction:row;gap:16px}.recurring-buy-get-started__image{background-position:72px 52px;background-size:100%}.recurring-buy-get-started__item:hover{flex:1.1;transform:scale(1.1)}.recurring-buy-get-started__item:hover .recurring-buy-get-started__image{background-position:32px 0}}@media (width>=992px){.recurring-buy-get-started{gap:32px}.recurring-buy-get-started__icon{margin-bottom:16px}.recurring-buy-get-started__title{margin-bottom:24px;font-size:20px}}.recurring-buy-cta-widget{color:var(--color-white);text-align:left;background:var(--color-navy-blue);flex-direction:column;align-items:center;gap:48px;padding:32px 16px;display:flex}.recurring-buy-cta-widget__image-wrapper{clip-path:polygon(25% 0,100% 0,100% 100%,0 100%,0 25%);flex-shrink:0;order:1;display:flex;position:relative;overflow:hidden}.recurring-buy-cta-widget__image{max-width:200px}.recurring-buy-cta-widget__content{order:2}.recurring-buy-cta-widget__text{margin-bottom:16px;font-size:18px;font-weight:700}.recurring-buy-cta-widget__note{font-size:14px}.recurring-buy-cta-widget__cta{margin-top:32px}@media (width>=768px){.recurring-buy-cta-widget{text-align:center;padding:48px}.recurring-buy-cta-widget__image{max-width:100%}.recurring-buy-cta-widget__text{font-size:20px}.recurring-buy-cta-widget__note{font-size:16px}.recurring-buy-cta-widget__cta{margin-top:64px}}@media (width>=992px){.recurring-buy-cta-widget{text-align:left;flex-direction:row;padding:64px 80px}.recurring-buy-cta-widget__text{font-size:24px}}}