:root{--color-white: #ffffff;--color-black: #000000;--color-gray: #5B6770;--color-slate: #5B6770;--color-light-grey: #F5F5F5;--color-border: #D5D5D5;--color-accent-blue: #5E93DB;--color-accent-soft: #f9f9f9;--color-tier-healthy: #F5F5F5;--color-tier-radiant: #F0F4FA;--color-tier-brilliant: #F5F0EA;--hero-bg: #eff0f1;--hero-light-gray: rgba(91, 103, 112, .08);--color-progress-track: #E8E8E8;--color-progress-fill: var(--color-accent-blue);--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--font-display: "Helvetica Neue", Helvetica, Arial, sans-serif;--font-body: "Helvetica Neue", Helvetica, Arial, sans-serif;--space-xxs: 4px;--space-xs: 8px;--space-sm: 16px;--space-md: 24px;--space-lg: 32px;--space-xl: 48px;--space-xxl: 80px;--space-hero: 120px;--section-gap: clamp(64px, 8vw, 120px);--shadow-card: 0 2px 8px rgba(91, 103, 112, .06);--shadow-card-hover: 0 8px 24px rgba(91, 103, 112, .12);--shadow-hero: 0 16px 48px rgba(91, 103, 112, .08);--transition-standard: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .6s cubic-bezier(.4, 0, .2, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--duration-entrance: .7s;--duration-stagger: .1s;--z-sticky-bar: 100;--z-hero-content: 10}#rewards-hero.hero-section{position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;width:100%;margin:0 auto;overflow:hidden;background:var(--hero-bg);--tier-bg: var(--hero-bg);--tier-badge: var(--color-accent-blue);--tier-progress: var(--color-accent-blue);--tier-text: var(--color-gray);--tier-button-text: #170d45}#rewards-hero .hero-content,#rewards-hero .hero-bg{order:initial}#rewards-hero.tier-healthy-skin{--tier-bg: #2C63A8;--tier-badge: #5E93DB;--tier-progress: #7FB0EE;--tier-text: #ffffff;--tier-button-text: #170d45}#rewards-hero.tier-radiant-skin{--tier-bg: #4C1A2A;--tier-badge: #651D32;--tier-progress: #C24467;--tier-text: #ffffff;--tier-button-text: #170d45}#rewards-hero.tier-brilliant-skin{--tier-bg: #241664;--tier-badge: #211261;--tier-progress: #211261;--tier-text: #ffffff;--tier-button-text: #170d45}#rewards-hero .hero-bg{grid-column:1;grid-row:1;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#ddd}#rewards-hero .hero-bg img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center}#rewards-hero .hero-content{grid-column:1;grid-row:2;position:relative;width:100%;min-height:445px;display:flex;align-items:center;padding:28px 20px 64px;background:var(--hero-bg);overflow:hidden}#rewards-hero.tier-healthy-skin .hero-content,#rewards-hero.tier-radiant-skin .hero-content,#rewards-hero.tier-brilliant-skin .hero-content{background:var(--tier-bg);color:var(--tier-text)}#rewards-hero .hero-content:before{content:"";position:absolute;top:0;right:0;width:70%;height:45%;background-image:url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' width='100%25' height='100%25' viewBox='0 0 600 300' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M600 0V220L350 0Z' fill='%23E9EAEC' opacity='0.75'/%3E%3Cpath d='M600 0V80L420 0Z' fill='%23DFE1E3' opacity='0.45'/%3E%3Cpath d='M600 0V40L500 0Z' fill='%23D5D8DB' opacity='0.35'/%3E%3C/svg%3E");background-size:cover;background-position:top right;pointer-events:none;z-index:0}#rewards-hero .hero-content:after{content:"";position:absolute;bottom:0;left:0;width:75%;height:45%;background-image:url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' width='100%25' height='100%25' viewBox='0 0 600 300' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 300V80L250 300Z' fill='%23E9EAEC' opacity='0.75'/%3E%3Cpath d='M0 300V220L180 300Z' fill='%23DFE1E3' opacity='0.45'/%3E%3Cpath d='M0 300V260L100 300Z' fill='%23D5D8DB' opacity='0.35'/%3E%3C/svg%3E");background-size:cover;background-position:bottom left;pointer-events:none;z-index:0}#rewards-hero.tier-healthy-skin .hero-content:before{background-image:url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' width='100%25' height='100%25' viewBox='0 0 600 300' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M600 0V220L350 0Z' fill='%235E93DB' opacity='0.45'/%3E%3Cpath d='M600 0V80L420 0Z' fill='%237FB0EE' opacity='0.25'/%3E%3Cpath d='M600 0V40L500 0Z' fill='%23FFFFFF' opacity='0.12'/%3E%3C/svg%3E")}#rewards-hero.tier-healthy-skin .hero-content:after{background-image:url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' width='100%25' height='100%25' viewBox='0 0 600 300' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 300V80L250 300Z' fill='%235E93DB' opacity='0.45'/%3E%3Cpath d='M0 300V220L180 300Z' fill='%237FB0EE' opacity='0.25'/%3E%3Cpath d='M0 300V260L100 300Z' fill='%23FFFFFF' opacity='0.12'/%3E%3C/svg%3E")}#rewards-hero.tier-radiant-skin .hero-content:before{background-image:url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' width='100%25' height='100%25' viewBox='0 0 600 300' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M600 0V220L350 0Z' fill='%23651D32' opacity='0.5'/%3E%3Cpath d='M600 0V80L420 0Z' fill='%23C24467' opacity='0.22'/%3E%3Cpath d='M600 0V40L500 0Z' fill='%23FFFFFF' opacity='0.1'/%3E%3C/svg%3E")}#rewards-hero.tier-radiant-skin .hero-content:after{background-image:url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' width='100%25' height='100%25' viewBox='0 0 600 300' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 300V80L250 300Z' fill='%23651D32' opacity='0.5'/%3E%3Cpath d='M0 300V220L180 300Z' fill='%23C24467' opacity='0.22'/%3E%3Cpath d='M0 300V260L100 300Z' fill='%23FFFFFF' opacity='0.1'/%3E%3C/svg%3E")}#rewards-hero.tier-brilliant-skin .hero-content:before{background-image:url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' width='100%25' height='100%25' viewBox='0 0 600 300' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M600 0V220L350 0Z' fill='%23211261' opacity='0.5'/%3E%3Cpath d='M600 0V80L420 0Z' fill='%23503DA6' opacity='0.22'/%3E%3Cpath d='M600 0V40L500 0Z' fill='%23FFFFFF' opacity='0.1'/%3E%3C/svg%3E")}#rewards-hero.tier-brilliant-skin .hero-content:after{background-image:url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' width='100%25' height='100%25' viewBox='0 0 600 300' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 300V80L250 300Z' fill='%23211261' opacity='0.5'/%3E%3Cpath d='M0 300V220L180 300Z' fill='%23503DA6' opacity='0.22'/%3E%3Cpath d='M0 300V260L100 300Z' fill='%23FFFFFF' opacity='0.1'/%3E%3C/svg%3E")}#rewards-hero .hero-content .container{position:relative;z-index:1;width:100%;max-width:420px;margin:0 auto;padding:0}#rewards-hero .hero-inner{width:100%;max-width:420px}#rewards-hero .yotpo-annotation{display:none!important}#rewards-hero .hero-logo{display:block;width:auto;height:36px;margin:0 0 28px}#rewards-hero .hero-welcome{margin:0 0 2px;color:var(--color-gray);font-size:15px;line-height:1.6}#rewards-hero .heading-xl{margin:0 0 16px;color:var(--color-gray);font-size:clamp(40px,6vw,64px);font-weight:400;line-height:1.1;letter-spacing:-.02em}#rewards-hero .subhead{max-width:420px;margin:0 0 28px;color:var(--color-gray);font-size:16px;line-height:1.5}#rewards-hero.tier-healthy-skin .hero-welcome,#rewards-hero.tier-healthy-skin .heading-xl,#rewards-hero.tier-healthy-skin .hero-points-display,#rewards-hero.tier-healthy-skin .hero-points-label,#rewards-hero.tier-healthy-skin .progress-bar__label,#rewards-hero.tier-healthy-skin .hero-progress-label,#rewards-hero.tier-radiant-skin .hero-welcome,#rewards-hero.tier-radiant-skin .heading-xl,#rewards-hero.tier-radiant-skin .hero-points-display,#rewards-hero.tier-radiant-skin .hero-points-label,#rewards-hero.tier-radiant-skin .progress-bar__label,#rewards-hero.tier-radiant-skin .hero-progress-label,#rewards-hero.tier-brilliant-skin .hero-welcome,#rewards-hero.tier-brilliant-skin .heading-xl,#rewards-hero.tier-brilliant-skin .hero-points-display,#rewards-hero.tier-brilliant-skin .hero-points-label,#rewards-hero.tier-brilliant-skin .progress-bar__label,#rewards-hero.tier-brilliant-skin .hero-progress-label{color:#fff}#rewards-hero .hero-tier-badge{display:inline-flex;align-items:center;margin:0 0 14px}#rewards-hero .badge{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:5px 13px;border-radius:2px;background:var(--color-accent-blue);color:#fff;font-size:11px;font-weight:700;line-height:1;text-transform:uppercase;letter-spacing:1.2px}#rewards-hero.tier-healthy-skin .badge,#rewards-hero.tier-radiant-skin .badge,#rewards-hero.tier-brilliant-skin .badge{background:var(--tier-badge);color:#fff}#rewards-hero .hero-points-display{margin:0 0 2px;color:var(--color-gray);font-size:clamp(40px,5vw,56px);font-weight:500;line-height:1;letter-spacing:-.03em}#rewards-hero .hero-points-label{margin:0 0 20px;color:var(--color-gray);font-size:13px;line-height:1.3}#rewards-hero .hero-progress-wrap{width:100%;max-width:360px;margin:0 0 28px}#rewards-hero .progress-bar,#rewards-hero .hero-tier-progress{position:relative;width:100%;height:5px;overflow:hidden;border-radius:999px;background:var(--hero-light-gray)}#rewards-hero .progress-bar__fill,#rewards-hero .hero-tier-progress__fill{display:block;height:100%;min-width:0;border-radius:inherit;background:var(--color-accent-blue);transition:width .3s ease}#rewards-hero.tier-healthy-skin .progress-bar,#rewards-hero.tier-healthy-skin .hero-tier-progress,#rewards-hero.tier-radiant-skin .progress-bar,#rewards-hero.tier-radiant-skin .hero-tier-progress,#rewards-hero.tier-brilliant-skin .progress-bar,#rewards-hero.tier-brilliant-skin .hero-tier-progress{background:#ffffff3d}#rewards-hero.tier-healthy-skin .progress-bar__fill,#rewards-hero.tier-healthy-skin .hero-tier-progress__fill,#rewards-hero.tier-radiant-skin .progress-bar__fill,#rewards-hero.tier-radiant-skin .hero-tier-progress__fill,#rewards-hero.tier-brilliant-skin .progress-bar__fill,#rewards-hero.tier-brilliant-skin .hero-tier-progress__fill{background:var(--tier-progress)}#rewards-hero .progress-bar__label,#rewards-hero .hero-progress-label{display:flex;justify-content:space-between;gap:16px;margin-top:10px;color:var(--color-gray);font-size:13px;line-height:1.3}#rewards-hero .progress-bar__label--top,#rewards-hero .hero-progress-label--top{justify-content:flex-start}#rewards-hero .hero-actions{display:flex;flex-direction:column;gap:12px;align-items:stretch;width:100%}#rewards-hero .btn{display:inline-block;padding:14px 20px;font-family:var(--font-body);font-weight:600;text-transform:uppercase;letter-spacing:.1em;font-size:13px;border-radius:var(--border-radius-sm);cursor:pointer;border:1.5px solid transparent;transition:var(--transition-standard);text-align:center;text-decoration:none}#rewards-hero .btn-primary{border:1px solid var(--color-gray);background:var(--color-gray);color:#fff}#rewards-hero .btn-outline{border:1px solid var(--color-gray);background:transparent;color:var(--color-gray)}#rewards-hero .btn:hover{opacity:.85}#rewards-hero.tier-healthy-skin .btn-primary,#rewards-hero.tier-radiant-skin .btn-primary,#rewards-hero.tier-brilliant-skin .btn-primary{background:#fbf7ef;border-color:#fbf7ef;color:var(--tier-button-text)}#rewards-hero.tier-healthy-skin .btn-outline,#rewards-hero.tier-radiant-skin .btn-outline,#rewards-hero.tier-brilliant-skin .btn-outline{background:transparent;border-color:#ffffffa6;color:#fff}#rewards-hero.tier-healthy-skin .btn-primary:hover,#rewards-hero.tier-radiant-skin .btn-primary:hover,#rewards-hero.tier-brilliant-skin .btn-primary:hover{background:#fff;border-color:#fff;opacity:1}#rewards-hero.tier-healthy-skin .btn-outline:hover,#rewards-hero.tier-radiant-skin .btn-outline:hover,#rewards-hero.tier-brilliant-skin .btn-outline:hover{background:#ffffff14;opacity:1}#rewards-hero .hero-signin-link{margin:16px 0 0;color:var(--color-gray);font-size:13px;line-height:1.4}#rewards-hero .hero-signin-link a{color:var(--color-gray);font-weight:600;text-decoration:underline}@media(min-width:768px){#rewards-hero.hero-section{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(575px,auto)}#rewards-hero .hero-content{grid-column:1;grid-row:1;min-height:575px;padding:64px clamp(40px,7vw,120px)}#rewards-hero .hero-bg{grid-column:2;grid-row:1;min-height:575px;aspect-ratio:auto}#rewards-hero .hero-content .container{max-width:420px;margin:0}}@media(min-width:1024px){#rewards-hero.hero-section{grid-template-rows:minmax(620px,auto)}#rewards-hero .hero-content,#rewards-hero .hero-bg{min-height:620px}#rewards-hero .hero-actions{flex-direction:row;align-items:center}#rewards-hero .btn-primary{min-width:212px}#rewards-hero .btn-outline{min-width:185px}}@media(max-width:767px){#rewards-hero .hero-bg{aspect-ratio:16 / 9}#rewards-hero .hero-bg img{object-position:center center}#rewards-hero .hero-content{min-height:445px;padding:26px 20px 64px}#rewards-hero .hero-content .container,#rewards-hero .hero-inner{max-width:100%}#rewards-hero .hero-logo{height:30px;margin-bottom:26px}#rewards-hero .heading-xl{margin-bottom:18px;font-size:36px}#rewards-hero .subhead{font-size:15px}#rewards-hero .hero-points-display{font-size:40px}#rewards-hero .hero-progress-wrap{max-width:100%;margin-bottom:24px}#rewards-hero .btn{width:100%}}.sticky-join{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-sticky-bar);background:var(--color-white);border-top:1px solid var(--color-border);box-shadow:0 -4px 16px #0000000f;padding:14px var(--space-md);transform:translateY(100%);transition:transform .4s var(--ease-out-expo)}[data-auth=logged-out] .sticky-join{display:block}.sticky-join--visible{transform:translateY(0)}.sticky-join--hidden{display:none!important}.sticky-join__inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.sticky-join__text{font-size:14px;font-weight:500;color:var(--color-gray)}.sticky-join__text strong{color:var(--color-gray);font-weight:700}.sticky-join__actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.sticky-join__close{background:none;border:none;cursor:pointer;padding:4px;color:var(--color-gray);transition:var(--transition-standard)}.sticky-join__close:hover{color:var(--color-gray)}.sticky-join__close svg{width:18px;height:18px}@media(max-width:767px){.sticky-join{padding:10px var(--space-xs)}.sticky-join__inner{gap:var(--space-sm)}.sticky-join__text{font-size:13px;line-height:1.3}}
/*# sourceMappingURL=/cdn/shop/t/2851/assets/custom-rewards-page.css.map */