.xp-rewards{--xr-green: #7ed957;--xr-green-ink: #3e7d25;--xr-line: #e2e2e2;--xr-gray: #333;--xr-display: "NeueHelveticaW0577CondensedBold", Impact, "Arial Narrow", var(--heading-font-family), sans-serif;display:block;background:#fff;color:#000;font-family:var(--text-font-family),"GraphikRegular",sans-serif;font-size:15px;line-height:1.55;text-align:left}.xp-rewards *,.xp-rewards *:before,.xp-rewards *:after{box-sizing:border-box}.xp-rewards :is(h1,h2,h3,p,dl,dd,ul){margin:0}.xp-rewards :is(h1,h2,h3){font-family:var(--xr-display);font-weight:700;font-style:normal;letter-spacing:-.02em;text-transform:none;color:inherit}.xp-rewards h1{font-size:clamp(48px,5.2vw,76px);line-height:1.02}.xp-rewards h2{font-size:clamp(36px,3.5vw,50px);line-height:1.1}.xp-rewards h3{font-size:25px;line-height:1.18}.xp-rewards a{color:inherit;text-underline-offset:4px}.xp-rewards :is(a,summary):focus-visible{outline:3px solid var(--xr-green-ink);outline-offset:5px}.xp-rewards__hero a:focus-visible,.xp-rewards__example a:focus-visible{outline-color:var(--xr-green)}.xp-rewards__wrap{width:min(100% - 80px,1280px);margin-inline:auto}.xp-rewards__section{padding-block:80px}.xp-rewards__heading{margin-bottom:32px;text-align:center}.xp-rewards__eyebrow{font-size:14px;font-weight:700;letter-spacing:.06em;color:var(--xr-green-ink);margin-bottom:14px!important}.xp-rewards__rule{display:block;width:60px;height:3px;margin:22px 0;background:var(--xr-green)}.xp-rewards__heading .xp-rewards__rule{margin:18px auto 0}.xp-rewards__button{display:inline-flex;justify-content:center;align-items:center;min-height:50px;max-width:100%;padding:14px 30px;border:1px solid transparent;border-radius:4px;background:var(--xr-green);color:#000!important;font:inherit;font-size:14px;line-height:1.35;font-weight:700;text-align:center;text-decoration:none;transition:background-color .15s ease}.xp-rewards__button:hover{background:#9ce680}.xp-rewards__button--outline{background:transparent;border-color:#555}.xp-rewards__button--outline:hover{background:#e9f5e4}.xp-rewards__button--dark{background:#000;color:#fff!important}.xp-rewards__button--dark:hover{background:#292929}.xp-rewards__login{margin-top:22px!important;font-size:13px}.xp-rewards__login a{display:inline-block;padding-block:10px;font-weight:700;text-decoration:underline}.xp-rewards__icon{display:block;flex-shrink:0;width:64px;height:64px;color:#72b840;object-fit:contain}.xp-rewards__hero{background:#000;color:#fff}.xp-rewards__hero .xp-rewards__eyebrow,.xp-rewards__example .xp-rewards__eyebrow{color:var(--xr-green)}.xp-rewards__hero-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:40px;align-items:center;min-height:610px;padding-block:48px}.xp-rewards__hero-copy{min-width:0;position:relative;z-index:1}.xp-rewards__hero-copy .xp-rewards__eyebrow{margin-bottom:24px!important}.xp-rewards__intro{max-width:525px;font-size:17px;margin-bottom:30px!important}.xp-rewards__hero .xp-rewards__button{min-width:330px}.xp-rewards__hero .xp-rewards__login{color:#eee}.xp-rewards__hero .xp-rewards__login a{color:var(--xr-green)}.xp-rewards__hero-visual{position:relative;min-width:0;display:grid;align-items:center;min-height:490px;align-self:stretch}.xp-rewards__hero-visual picture{display:block;width:100%}.xp-rewards__hero-image{display:block;width:100%;height:auto;max-height:550px;object-fit:contain}.xp-rewards__welcome{position:absolute;left:0;top:50%;transform:translateY(-40%);width:46%;max-width:285px;padding:22px 20px 26px;border:1px solid #404040;border-radius:6px;background:#000000e0;text-align:center}.xp-rewards__welcome .xp-rewards__icon{width:44px;height:44px;margin-inline:auto}.xp-rewards__welcome-amount{display:block;font:700 clamp(86px,9vw,130px)/1 var(--xr-display);letter-spacing:-.04em;color:var(--xr-green);margin-top:12px!important}.xp-rewards__welcome h2{font-size:clamp(22px,2.2vw,29px);margin-block:8px 14px}.xp-rewards__welcome>p:last-child{font-size:14px;line-height:1.4}.xp-rewards__hero-visual--empty .xp-rewards__welcome{width:75%;max-width:330px;left:50%;transform:translate(-50%,-50%)}.xp-rewards__asset-note{padding:20px;border:1px dashed #888;color:#777;font-size:13px;text-align:center}.xp-rewards__hero-visual>.xp-rewards__asset-note{position:absolute;inset-inline:0;bottom:0;color:#bbb}.xp-rewards__why,.xp-rewards__referral{background:#f5f5f5}.xp-rewards__why-grid{display:grid;grid-template-columns:1.8fr repeat(3,minmax(0,1fr));gap:36px;align-items:center}.xp-rewards__why-grid header{padding-right:24px}.xp-rewards__why h2{font-size:clamp(34px,3vw,44px)}.xp-rewards__why-grid header p{font-size:14px;max-width:420px}.xp-rewards__benefit{min-width:0;text-align:center}.xp-rewards__icon-ring{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 24px;border:1.5px solid #72b840;border-radius:50%}.xp-rewards__icon-ring .xp-rewards__icon{width:38px;height:38px;color:#333}.xp-rewards__benefit h3{max-width:180px;margin-inline:auto}.xp-rewards__benefit p{margin-top:16px;font-size:14px;color:var(--xr-gray)}.xp-rewards__earn-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.xp-rewards__earn-card{display:flex;flex-direction:column;align-items:center;padding:28px 22px 24px;min-width:0;border:1px solid var(--xr-line);border-radius:6px;text-align:center}.xp-rewards__earn-card .xp-rewards__icon{margin-bottom:20px}.xp-rewards__earn-icon{filter:brightness(0) saturate(100%) invert(67%) sepia(34%) saturate(777%) hue-rotate(48deg) brightness(93%) contrast(89%)}.xp-rewards__earn-card p{max-width:195px;margin:16px 0 22px;font-size:14px;line-height:1.45;color:var(--xr-gray)}.xp-rewards__reward{margin-top:auto;font-size:13px;font-weight:700;line-height:1.4;color:var(--xr-green-ink)}.xp-rewards__earn-all{display:table;margin:28px auto 0}.xp-rewards__conversion{background:#000;color:#fff;border-bottom:1px solid #444}.xp-rewards__conversion-inner{display:grid;grid-template-columns:132px minmax(0,1fr) 250px;align-items:center;gap:40px;padding-block:38px}.xp-rewards__coin{display:grid;place-items:center;width:126px;aspect-ratio:1;border:3px solid var(--xr-green);outline:1px solid var(--xr-green);outline-offset:-10px;border-radius:50%;color:var(--xr-green);font:700 56px/1 var(--xr-display)}.xp-rewards__conversion h2{font-size:clamp(35px,4.2vw,60px);letter-spacing:0}.xp-rewards__conversion h2 span{color:var(--xr-green)}.xp-rewards__conversion p{border-left:1px solid #666;padding:20px 0 20px 32px;font-size:15px}.xp-rewards__example{background:#000;color:#fff;padding-block:56px}.xp-rewards__example-grid{display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:40px;align-items:center}.xp-rewards__example-copy{min-width:0}.xp-rewards__example h2{font-size:clamp(34px,3.1vw,46px)}.xp-rewards__example-copy>p:not(.xp-rewards__eyebrow,.xp-rewards__example-total){font-size:14px}.xp-rewards__calculation{margin-top:26px!important}.xp-rewards__calculation>div{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding-block:8px;font-size:14px}.xp-rewards__calculation dt{min-width:0}.xp-rewards__calculation dd{flex-shrink:0;font-weight:700;color:var(--xr-green)}.xp-rewards__example-total{margin-top:16px!important;padding-top:18px;border-top:1px solid #555;color:var(--xr-green);font:700 clamp(23px,2vw,29px)/1.3 var(--xr-display)}.xp-rewards__example-visual{min-width:0;min-height:340px;display:grid;align-items:center}.xp-rewards__example-visual img{display:block;width:100%;max-height:450px;height:auto;object-fit:contain}.xp-rewards__result{min-width:0;padding:28px 20px;border:1px solid #496e29;border-radius:6px;text-align:center}.xp-rewards__result .xp-rewards__icon{width:48px;height:48px;margin:0 auto 22px}.xp-rewards__result h3{font-size:clamp(36px,3.5vw,50px);color:var(--xr-green)}.xp-rewards__result p{font-size:13px;margin-top:10px}.xp-rewards__result .xp-rewards__button{width:100%;margin-top:22px;padding-inline:16px}.xp-rewards__referral-grid{display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:70px}.xp-rewards__referral-copy>p{max-width:440px}.xp-rewards__referral-steps{display:grid;gap:8px;list-style:none;padding:0;margin-block:26px!important;font-size:14px}.xp-rewards__referral-steps li{display:flex;gap:12px}.xp-rewards__referral-steps span{color:var(--xr-green-ink)}.xp-rewards__referral-visual{min-width:0;min-height:320px;display:grid;align-items:center}.xp-rewards__referral-visual img{display:block;width:100%;height:auto;max-height:430px;object-fit:contain}.xp-rewards__questions{max-width:1100px;margin-inline:auto;border:1px solid var(--xr-line);border-radius:5px}.xp-rewards__question+.xp-rewards__question{border-top:1px solid var(--xr-line)}.xp-rewards__question summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:54px;padding:16px 24px;font-size:14px;font-weight:600;list-style:none;cursor:pointer}.xp-rewards__question summary::-webkit-details-marker{display:none}.xp-rewards__question summary:hover{background:#f5f5f5}.xp-rewards__chevron{width:8px;height:8px;flex-shrink:0;border-right:1.5px solid;border-bottom:1.5px solid;transform:translateY(-2px) rotate(45deg)}.xp-rewards__question[open] .xp-rewards__chevron{transform:translateY(2px) rotate(225deg)}.xp-rewards__answer{padding:0 24px 22px;font-size:14px;color:var(--xr-gray)}.xp-rewards__final{background:var(--xr-green)}.xp-rewards__final-inner{position:relative;padding-block:48px;text-align:center}.xp-rewards__final-copy{position:relative;z-index:1}.xp-rewards__final h2{font-size:clamp(38px,3.8vw,54px)}.xp-rewards__final-copy>p:not(.xp-rewards__login){margin:14px 0 24px}.xp-rewards__final .xp-rewards__button{min-width:380px}.xp-rewards__final .xp-rewards__login{margin-top:12px!important}.xp-rewards__final-inner--with-mascot .xp-rewards__final-copy{margin-left:19%;margin-right:10%}.xp-rewards__final-mascot{position:absolute;left:2%;bottom:12px;width:18%;height:calc(100% - 24px);max-height:320px;object-fit:contain;object-position:bottom}@media(max-width:1100px){.xp-rewards__wrap{width:calc(100% - 56px)}.xp-rewards__hero-grid{gap:28px;min-height:550px}.xp-rewards__hero-visual{min-height:440px}.xp-rewards__welcome{padding-inline:14px;width:50%}.xp-rewards__why-grid{gap:24px}.xp-rewards__why-grid header{padding-right:0}.xp-rewards__why h3{font-size:23px}.xp-rewards__earn-grid{gap:20px}.xp-rewards__earn-card{padding-inline:18px}.xp-rewards__conversion-inner{grid-template-columns:100px minmax(0,1fr) 200px;gap:26px}.xp-rewards__coin{width:96px;font-size:46px}.xp-rewards__conversion p{padding-left:24px;font-size:14px}.xp-rewards__example-grid{gap:24px;grid-template-columns:1.25fr .8fr .85fr}.xp-rewards__calculation>div{font-size:13px;gap:12px}.xp-rewards__result{padding-inline:16px}.xp-rewards__referral-grid{gap:40px}}@media(max-width:900px){.xp-rewards__section{padding-block:64px}.xp-rewards__hero .xp-rewards__button{min-width:0;width:100%}.xp-rewards__hero-grid{gap:24px}.xp-rewards__hero h1{font-size:49px}.xp-rewards__intro{font-size:15px}.xp-rewards__welcome{width:64%}.xp-rewards__welcome-amount{font-size:88px}.xp-rewards__welcome h2{font-size:23px}.xp-rewards__welcome>p:last-child{font-size:12px}.xp-rewards__why-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.xp-rewards__why-grid header{grid-column:1 / -1;max-width:590px}.xp-rewards__why-grid header h2 br{display:none}.xp-rewards__why-grid header p{max-width:none}.xp-rewards__earn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.xp-rewards__conversion-inner{grid-template-columns:88px minmax(0,1fr);gap:16px 28px}.xp-rewards__coin{width:84px;font-size:42px;grid-row:1 / 3}.xp-rewards__conversion h2{font-size:44px}.xp-rewards__conversion p{grid-column:2;border-left:0;padding:0;max-width:410px}.xp-rewards__example-grid{grid-template-columns:1.1fr 1fr;gap:32px}.xp-rewards__example-copy{grid-column:1 / -1}.xp-rewards__example-copy>p{max-width:520px}.xp-rewards__calculation{max-width:520px}.xp-rewards__example-visual{min-height:270px}.xp-rewards__example-visual img{max-height:330px}.xp-rewards__result{width:100%;max-width:300px;justify-self:center}.xp-rewards__final-inner--with-mascot .xp-rewards__final-copy{margin-right:0;margin-left:22%}}@media(max-width:767px){.xp-rewards__wrap{width:calc(100% - 40px)}.xp-rewards__section{padding-block:52px}.xp-rewards h2{font-size:36px}.xp-rewards__hero-grid{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:42px 32px}.xp-rewards__hero h1{font-size:clamp(46px,9.5vw,62px)}.xp-rewards__hero-copy{max-width:550px}.xp-rewards__eyebrow{font-size:12px}.xp-rewards__hero-copy .xp-rewards__eyebrow{margin-bottom:20px!important}.xp-rewards__hero .xp-rewards__button{width:auto}.xp-rewards__login{margin-top:12px!important}.xp-rewards__hero-visual{min-height:350px;max-width:480px;width:100%;margin-inline:auto}.xp-rewards__hero-image{max-height:490px}.xp-rewards__welcome{top:auto;bottom:0;transform:none;width:49%;padding:18px 12px}.xp-rewards__welcome-amount{font-size:80px}.xp-rewards__welcome h2{font-size:22px}.xp-rewards__hero-visual--empty{min-height:300px}.xp-rewards__hero-visual--empty .xp-rewards__welcome{position:relative;top:auto;left:auto;bottom:auto;transform:none;width:min(100%,290px);margin-inline:auto}.xp-rewards__hero-visual>.xp-rewards__asset-note{position:static;margin-top:20px}.xp-rewards__benefit h3{font-size:22px}.xp-rewards__why-grid{gap:32px 20px}.xp-rewards__conversion-inner{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;padding-block:32px;gap:18px}.xp-rewards__coin{grid-row:auto;width:74px;font-size:36px}.xp-rewards__conversion h2{font-size:clamp(32px,6vw,44px)}.xp-rewards__conversion p{grid-column:1;max-width:330px}.xp-rewards__example{padding-block:48px}.xp-rewards__example-grid{gap:26px}.xp-rewards__referral-grid{grid-template-columns:1fr;gap:30px}.xp-rewards__referral-visual{min-height:230px;max-width:450px;width:100%;margin-inline:auto}.xp-rewards__referral-visual img{max-height:340px}.xp-rewards__referral-visual.xp-rewards__visual--empty:empty{display:none}.xp-rewards__question summary{padding:16px 18px;gap:18px}.xp-rewards__answer{padding-inline:18px}.xp-rewards__final-inner{padding-block:42px}.xp-rewards__final h2{font-size:38px}.xp-rewards__final .xp-rewards__button{min-width:0;width:100%;max-width:380px}.xp-rewards__final-inner--with-mascot .xp-rewards__final-copy{margin:0}.xp-rewards__final-mascot{position:static;width:110px;height:146px;margin:0 auto 20px;display:block}}@media(max-width:540px){.xp-rewards__why-grid{grid-template-columns:1fr;gap:30px}.xp-rewards__benefit{display:grid;grid-template-columns:60px minmax(0,1fr);column-gap:20px;text-align:left}.xp-rewards__icon-ring{grid-row:1 / 3;width:60px;height:60px;margin:0}.xp-rewards__icon-ring .xp-rewards__icon{width:32px;height:32px}.xp-rewards__benefit h3{max-width:none;margin:0}.xp-rewards__benefit p{margin-top:10px}.xp-rewards__example-grid{grid-template-columns:1fr}.xp-rewards__example-visual{max-width:260px;width:100%;margin-inline:auto}.xp-rewards__example-visual.xp-rewards__visual--empty:empty{display:none}.xp-rewards__result{max-width:none;padding:26px}.xp-rewards__result h3{font-size:46px}.xp-rewards__result .xp-rewards__button{max-width:260px}}@media(max-width:440px){.xp-rewards__earn-grid{grid-template-columns:1fr;gap:16px}.xp-rewards__earn-card{display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:20px;padding:24px;text-align:left;align-items:start}.xp-rewards__earn-card .xp-rewards__icon{grid-row:1 / 4;width:52px;height:52px;margin:0}.xp-rewards__earn-card h3,.xp-rewards__earn-card p,.xp-rewards__reward{grid-column:2}.xp-rewards__earn-card p{margin:10px 0 16px;max-width:none}.xp-rewards__reward{font-size:12px}.xp-rewards__heading h2{font-size:35px}.xp-rewards__hero .xp-rewards__button{width:100%}}@media(prefers-reduced-motion:reduce){.xp-rewards__button{transition:none}}.xp-rewards__hero-visual,.xp-rewards__example-visual{position:relative;container-type:inline-size;width:100%;min-height:0;max-width:none;align-self:center}.xp-rewards__hero-image,.xp-rewards__example-visual img,.xp-rewards__referral-visual img{display:block;width:100%;max-width:100%;height:auto;max-height:none;object-fit:contain}.xp-rewards__welcome{left:9.5%;top:22%;bottom:auto;width:37%;max-width:none;height:62%;transform:none;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5cqw;border:0;border-radius:1cqw;background:#080a07}.xp-rewards__welcome .xp-rewards__icon{width:7cqw;height:7cqw}.xp-rewards__welcome-amount{font-size:23cqw;margin-top:1cqw!important}.xp-rewards__welcome h2{font-size:4.3cqw;margin:1cqw 0 2cqw}.xp-rewards__welcome>p:last-child{font-size:2.6cqw;line-height:1.4}.xp-rewards__example-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.65fr)}.xp-rewards__result{position:absolute;left:60.5%;top:32%;width:27.5%;max-width:none;height:43%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1cqw;border:0;border-radius:1cqw;background:#0b1006}.xp-rewards__result .xp-rewards__icon{width:5.5cqw;height:5.5cqw;margin:0 auto 1cqw}.xp-rewards__result h3{font-size:8.5cqw;line-height:1.05}.xp-rewards__result p{font-size:2.1cqw;line-height:1.3;margin-top:1cqw}.xp-rewards__result .xp-rewards__button{width:100%;max-width:none;min-height:24px;padding:1.4cqw .5cqw;margin-top:1.5cqw;border-radius:.5cqw;font-size:clamp(10px,2.2cqw,18px)}.xp-rewards__referral-visual{min-height:0;width:100%;max-width:640px;margin-inline:auto}.xp-rewards__final-inner--with-mascot{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);align-items:center;gap:32px}.xp-rewards__final-inner--with-mascot .xp-rewards__final-copy{min-width:0;margin:0}.xp-rewards__final-mascot{position:static;display:block;width:100%;max-width:220px;height:auto;max-height:none;margin:0;object-fit:contain}@media(max-width:1024px){.xp-rewards__example-grid{grid-template-columns:minmax(0,1fr)}.xp-rewards__example-copy{grid-column:auto;max-width:600px}.xp-rewards__example-visual{max-width:760px;margin-inline:auto}.xp-rewards__referral-grid{grid-template-columns:minmax(0,1fr);gap:30px}.xp-rewards__final-inner--with-mascot{grid-template-columns:minmax(0,170px) minmax(0,1fr);gap:24px}.xp-rewards__final .xp-rewards__button{min-width:0;width:100%;max-width:380px}}@media(max-width:767px){.xp-rewards__hero-visual{max-width:600px;margin-inline:auto}.xp-rewards__final-inner--with-mascot{grid-template-columns:minmax(0,1fr);gap:24px}.xp-rewards__final-mascot{width:min(34%,160px);margin-inline:auto}}
/*# sourceMappingURL=/cdn/shop/t/68/assets/xp-rewards.css.map */
