.na-spend-tiers{--na-spend-tiers-tile-bg: var(--color-campaign-tile);--na-spend-tiers-accent: var(--color-campaign-primary-fill);--na-spend-tiers-dot: .8125rem;width:100%}.na-spend-tiers__list{display:flex;margin:0;padding:0;list-style:none}.na-spend-tiers__tier{position:relative;display:flex;min-width:0}.na-spend-tiers__spend,.na-spend-tiers__lead,.na-spend-tiers__prefix{font-family:var(--font-subheading--family);font-weight:600;text-align:center}.na-spend-tiers__discount{font-family:var(--font-heading--family);font-weight:500;text-align:center}.na-spend-tiers__off{text-transform:uppercase}.na-spend-tiers__heading{margin:0;font-family:var(--font-heading--family);font-weight:500;line-height:var(--line-height--body-tight)}.na-spend-tiers--hero{width:fit-content;max-width:100%}.na-spend-tiers--hero .na-spend-tiers__list{gap:var(--gap-xs)}.na-spend-tiers--hero .na-spend-tiers__tier{align-items:stretch;gap:var(--gap-xs);padding:calc(var(--padding-2xs) * 1.5) var(--padding-lg);border-radius:var(--style-border-radius-xsm);background:var(--na-spend-tiers-tile-bg);color:var(--color-white)}.na-spend-tiers--hero .na-spend-tiers__tier:not(:last-child):after{content:"";position:absolute;z-index:var(--layer-flat);inset-block-start:50%;inset-inline-end:calc((var(--gap-xs) + var(--na-spend-tiers-dot)) / -2);width:var(--na-spend-tiers-dot);height:var(--na-spend-tiers-dot);border-radius:50%;background:var(--na-spend-tiers-accent);box-shadow:0 0 0 var(--padding-2xs) var(--color-background);transform:translateY(-50%)}.na-spend-tiers--hero .na-spend-tiers__spend{display:flex;flex:0 0 4.5rem;align-items:center;justify-content:center;font-size:var(--font-size--sm);line-height:1.3}.na-spend-tiers--hero .na-spend-tiers__reward{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--gap-2xs) * 1.5);padding-inline-start:var(--padding-lg);border-inline-start:1px solid var(--color-white)}.na-spend-tiers--hero .na-spend-tiers__lead{font-size:var(--font-size--2xs);letter-spacing:-.03em;line-height:.9;white-space:nowrap}.na-spend-tiers--hero .na-spend-tiers__discount{width:min-content;min-width:4.6875rem;font-size:var(--font-size--2xl);letter-spacing:-.03em;line-height:1;background:var(--na-spend-tiers-accent);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.na-spend-tiers--hero .na-spend-tiers__off{font-size:calc(var(--font-size--2xl) * 1.125)}@media screen and (max-width:749px){.na-spend-tiers--hero{width:100%}.na-spend-tiers--hero .na-spend-tiers__tier{flex:1 1 0;align-items:center;justify-content:center;gap:var(--gap-2xs);padding:var(--padding-md) var(--padding-2xs)}.na-spend-tiers--hero .na-spend-tiers__spend{flex:0 1 auto;font-size:var(--font-size--2xs)}.na-spend-tiers--hero .na-spend-tiers__reward{padding-inline-start:var(--padding-2xs)}.na-spend-tiers--hero .na-spend-tiers__lead{display:none}.na-spend-tiers--hero .na-spend-tiers__discount{min-width:0;font-size:var(--font-size--xl);letter-spacing:-.03em}.na-spend-tiers--hero .na-spend-tiers__off{font-size:inherit}}@media screen and (max-width:389px){.na-spend-tiers--hero .na-spend-tiers__discount{font-size:var(--font-size--lg)}}.na-spend-tiers--banner{position:relative;display:flex;flex-direction:column;overflow:hidden;gap:var(--gap-lg);padding:var(--padding-lg);border-radius:var(--style-border-radius-sm);background:var(--na-spend-tiers-accent);color:var(--color-campaign-inverse)}.na-spend-tiers--banner .na-spend-tiers__header{position:relative;z-index:var(--layer-flat);display:flex;align-items:center;justify-content:space-between;gap:var(--gap-lg);width:100%;max-width:24.75rem;margin-inline:auto}.na-spend-tiers--banner .na-spend-tiers__heading{flex-shrink:0;max-width:12rem;font-size:calc(var(--font-size--3xl) * .875);letter-spacing:-.03em;text-wrap:balance}@media screen and (max-width:749px){.na-spend-tiers--banner .na-spend-tiers__header{gap:var(--gap-xs)}.na-spend-tiers--banner .na-spend-tiers__heading{max-width:10.5rem;font-size:var(--font-size--2xl)}}.na-spend-tiers--banner .na-spend-tiers__images{display:flex;flex-shrink:0;align-items:center}.na-spend-tiers--banner .na-spend-tiers__image-set{display:flex;align-items:center}.na-spend-tiers--banner .na-spend-tiers__image-set[hidden]{display:none}.na-spend-tiers--banner .na-spend-tiers__image{width:4.5625rem;height:4.5625rem;overflow:hidden;border:2px solid var(--color-campaign-border);border-radius:50%;background:var(--color-white)}.na-spend-tiers--banner .na-spend-tiers__image+.na-spend-tiers__image{margin-inline-start:calc(var(--gap-lg) * -1)}.na-spend-tiers--banner .na-spend-tiers__image img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.2)}.na-spend-tiers--banner .na-spend-tiers__list{position:relative;z-index:var(--layer-flat);gap:var(--gap-xs)}.na-spend-tiers--banner .na-spend-tiers__tier{flex:1 1 0;flex-direction:column;align-items:center;gap:var(--gap-2xs);padding:var(--padding-2xs) var(--padding-xs);border-radius:var(--style-border-radius-xsm);background:var(--na-spend-tiers-tile-bg);color:var(--color-white)}.na-spend-tiers--banner .na-spend-tiers__spend{font-size:var(--font-size--3xs);line-height:1.3;text-wrap:balance}.na-spend-tiers--banner .na-spend-tiers__reward{display:flex;justify-content:center;width:100%;padding-inline:var(--padding-xs)}.na-spend-tiers--banner .na-spend-tiers__discount{font-size:var(--font-size--lg);letter-spacing:-.03em;line-height:.9;white-space:nowrap;background:var(--na-spend-tiers-accent);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.na-spend-tiers__pattern{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--layer-base);width:100%;height:100%;object-fit:cover;pointer-events:none}.na-spend-tiers--room{display:flex;align-items:center;justify-content:center;gap:var(--padding-2xl);margin-block-start:var(--gap-md);padding:var(--padding-md) var(--padding-lg);border-radius:var(--style-border-radius-xsm);background:var(--color-campaign-secondary-fill);color:var(--color-white)}.na-spend-tiers--room .na-spend-tiers__header{flex:0 1 8.5rem}.na-spend-tiers--room .na-spend-tiers__heading{font-size:var(--font-size--lg);letter-spacing:-.03em}.na-spend-tiers--room .na-spend-tiers__list{align-items:center;gap:var(--gap-xl)}.na-spend-tiers--room .na-spend-tiers__tier{flex-direction:column;align-items:center;gap:var(--gap-xs)}.na-spend-tiers--room .na-spend-tiers__tier:not(:first-child):before{content:"";position:absolute;inset-block:0;inset-inline-start:calc(var(--gap-xl) / -2);border-inline-start:1px solid color-mix(in srgb,currentColor 60%,transparent)}.na-spend-tiers--room .na-spend-tiers__reward{display:flex;justify-content:center}.na-spend-tiers--room .na-spend-tiers__spend{font-size:var(--font-size--2xs);line-height:1.3;white-space:nowrap}.na-spend-tiers--room .na-spend-tiers__discount{padding-inline:var(--padding-xs);border-radius:var(--style-border-radius-xsm);background:var(--na-spend-tiers-accent);color:var(--color-campaign-inverse);font-family:var(--font-subheading--family);font-size:var(--font-size--2xs);font-weight:600;letter-spacing:.05em;line-height:1.55;white-space:nowrap}@media screen and (max-width:749px){.na-spend-tiers--room{margin-block-start:0;padding:calc(var(--padding-xs) * 1.25) var(--padding-lg);border-radius:0;background:var(--color-campaign-border);color:var(--color-campaign-inverse)}.na-spend-tiers--room .na-spend-tiers__header{display:none}.na-spend-tiers--room .na-spend-tiers__list{align-items:stretch;gap:var(--gap-xs);width:100%}.na-spend-tiers--room .na-spend-tiers__tier{flex:1 1 0}.na-spend-tiers--room .na-spend-tiers__tier:not(:first-child):before{inset-inline-start:calc(var(--gap-xs) / -2);border-inline-start-color:color-mix(in srgb,currentColor 20%,transparent)}.na-spend-tiers--room .na-spend-tiers__reward{width:100%}.na-spend-tiers--room .na-spend-tiers__discount{width:100%;padding:var(--padding-xs) var(--padding-md);background:var(--na-spend-tiers-tile-bg);font-family:var(--font-heading--family);font-size:var(--font-size--lg);font-weight:500;letter-spacing:-.03em;line-height:.9}.na-spend-tiers--room .na-spend-tiers__prefix{display:none}.na-spend-tiers--room .na-spend-tiers__amount,.na-spend-tiers--room .na-spend-tiers__off{background:var(--na-spend-tiers-accent);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}}
/*# sourceMappingURL=/cdn/shop/t/429/assets/na-spend-tiers.css.map */