.xp{background-color:var(--xp-bg);background-image:radial-gradient(circle at 12% 0%,var(--xp-glow) 0%,transparent 45%),radial-gradient(circle at 88% 8%,var(--xp-glow-2) 0%,transparent 40%);color:var(--xp-text);padding-block:var(--xp-pad-block-mobile)}@media screen and (min-width:750px){.xp{padding-block:var(--xp-pad-block-desktop)}}.xp__inner{max-width:var(--xp-max-width);margin-inline:auto;padding-inline:var(--xp-pad-inline-mobile)}@media screen and (min-width:750px){.xp__inner{padding-inline:var(--xp-pad-inline-desktop)}}.xp__cut{clip-path:polygon(var(--xp-cut) 0,100% 0,100% calc(100% - var(--xp-cut)),calc(100% - var(--xp-cut)) 100%,0 100%,0 var(--xp-cut))}.xp__eyebrow{display:inline-block;margin:0 0 1.4rem;padding:.5rem 1.2rem;background-color:var(--xp-accent);color:var(--xp-on-accent);font-size:1rem;font-weight:800;letter-spacing:.24em;text-transform:uppercase;clip-path:polygon(.6rem 0,100% 0,calc(100% - .6rem) 100%,0 100%)}.xp__heading{margin:0;color:var(--xp-text);font-family:var(--xp-heading-font);font-size:var(--xp-heading-size-mobile);font-weight:var(--xp-heading-weight);letter-spacing:-.02em;line-height:.98;text-transform:uppercase}@media screen and (min-width:750px){.xp__heading{font-size:var(--xp-heading-size-desktop)}}.xp__intro{margin:1.4rem 0 0;color:var(--xp-muted);font-size:1.5rem;line-height:1.6;max-width:52ch}.xp__panel{--xp-cut: 1.8rem;position:relative;margin-top:var(--xp-gap);padding:var(--xp-panel-padding);background-color:var(--xp-panel-bg);border:.1rem solid var(--xp-line);overflow:hidden}.xp__panel:before{content:"";position:absolute;inset:0 0 auto 0;height:.3rem;background:linear-gradient(90deg,var(--xp-rank-color),var(--xp-accent))}.xp__rank{display:flex;align-items:center;gap:1.8rem}.xp__badge{position:relative;display:grid;place-items:center;width:var(--xp-badge-size);height:var(--xp-badge-size);flex-shrink:0}.xp__badge:before{content:"";position:absolute;top:-18%;right:-18%;bottom:-18%;left:-18%;border-radius:50%;background:radial-gradient(circle,var(--xp-rank-color) 0%,transparent 68%);opacity:.32;filter:blur(.6rem)}.xp__badge img,.xp__emblem{position:relative;width:100%;height:100%;display:block;object-fit:contain}.xp__rank-meta{min-width:0}.xp__rank-label{margin:0;color:var(--xp-muted);font-size:1rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase}.xp--light .xp__rank-name{text-shadow:none}.xp--light .xp__bar-fill,.xp--light .xp__reward--unlocked,.xp--light .xp__tier--current{box-shadow:none}.xp__rank-name{margin:.5rem 0 0;color:var(--xp-rank-color);font-family:var(--xp-heading-font);font-size:var(--xp-rank-size);font-weight:800;letter-spacing:.02em;line-height:1;text-transform:uppercase;text-shadow:0 0 2.4rem var(--xp-rank-color)}.xp__progress{margin-top:2.4rem}.xp__progress-top{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1rem}.xp__progress-value{color:var(--xp-text);font-family:var(--xp-heading-font);font-size:1.8rem;font-weight:800;letter-spacing:.02em;font-variant-numeric:tabular-nums}.xp__progress-value span{color:var(--xp-accent)}.xp__progress-next{color:var(--xp-muted);font-size:1.1rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-align:right}.xp__bar{position:relative;height:var(--xp-bar-height);background-color:var(--xp-bar-track);border:.1rem solid var(--xp-line);overflow:hidden}.xp__bar-fill{position:absolute;inset:0 auto 0 0;width:var(--xp-fill);background:linear-gradient(90deg,var(--xp-rank-color),var(--xp-accent));box-shadow:0 0 1.6rem var(--xp-accent);transition:width .9s cubic-bezier(.22,1,.36,1)}.xp__bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(5% - .1rem),var(--xp-bg) calc(5% - .1rem),var(--xp-bg) 5%);opacity:.55;pointer-events:none}@media(prefers-reduced-motion:reduce){.xp__bar-fill{transition:none}}.xp__push{--xp-cut: 1.2rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.4rem;margin-top:2.4rem;padding:1.6rem 1.8rem;background-color:var(--xp-push-bg);border:.1rem solid var(--xp-accent)}.xp__push-text{margin:0;color:var(--xp-text);font-size:1.4rem;font-weight:600;line-height:1.4}.xp__push-amount{color:var(--xp-accent);font-family:var(--xp-heading-font);font-size:1.9rem;font-weight:800;letter-spacing:.01em}.xp__push-reward{color:var(--xp-text);text-transform:uppercase;letter-spacing:.06em}.xp__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.2rem;margin-top:2.4rem;background-color:var(--xp-line);border:.1rem solid var(--xp-line)}.xp__stats>div{padding:1.6rem 1.2rem;background-color:var(--xp-panel-bg);text-align:center}.xp__stat-value{margin:0;color:var(--xp-text);font-family:var(--xp-heading-font);font-size:2.4rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.xp__stat-label{margin:.8rem 0 0;color:var(--xp-muted);font-size:.95rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.xp__subhead{display:flex;align-items:center;gap:1.2rem;margin:var(--xp-gap) 0 1.8rem;color:var(--xp-text);font-size:1.15rem;font-weight:800;letter-spacing:.24em;text-transform:uppercase}.xp__subhead:after{content:"";flex:1 1 auto;height:.1rem;background:linear-gradient(90deg,var(--xp-accent),transparent)}.xp__rewards{display:grid;grid-template-columns:repeat(var(--xp-reward-cols-mobile),minmax(0,1fr));gap:1.2rem;list-style:none;margin:0;padding:0}@media screen and (min-width:750px){.xp__rewards{grid-template-columns:repeat(var(--xp-reward-cols-desktop),minmax(0,1fr))}}.xp__reward{--xp-cut: 1.2rem;position:relative;display:flex;flex-direction:column;gap:1rem;padding:1.8rem;background-color:var(--xp-panel-bg);border:.1rem solid var(--xp-line);overflow:hidden}.xp__reward:before{content:"";position:absolute;inset:0 0 auto 0;height:.2rem;background-color:var(--xp-tier-color, var(--xp-line))}.xp__reward--unlocked{border-color:var(--xp-tier-color, var(--xp-accent));box-shadow:inset 0 0 3rem -1rem var(--xp-tier-color, var(--xp-accent))}.xp__reward--locked{opacity:.72}.xp__reward-top{display:flex;align-items:center;gap:1.2rem}.xp__reward-icon{display:grid;place-items:center;width:3.8rem;height:3.8rem;flex-shrink:0;background-color:var(--xp-bar-track);border:.1rem solid var(--xp-line);color:var(--xp-muted);overflow:hidden}.xp__reward-icon img{width:100%;height:100%;object-fit:cover}.xp__reward-icon svg{width:1.8rem;height:1.8rem}.xp__reward--unlocked .xp__reward-icon{background-color:var(--xp-tier-color, var(--xp-accent));border-color:var(--xp-tier-color, var(--xp-accent));color:var(--xp-on-accent)}.xp__reward-name{margin:0;color:var(--xp-text);font-family:var(--xp-heading-font);font-size:1.5rem;font-weight:800;letter-spacing:.02em;line-height:1.2;text-transform:uppercase}.xp__reward-req{margin:.4rem 0 0;font-size:1rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-variant-numeric:tabular-nums;color:var(--xp-muted)}.xp__reward--unlocked .xp__reward-req{color:var(--xp-tier-color, var(--xp-accent))}.xp__reward-text{margin:0;color:var(--xp-muted);font-size:1.3rem;line-height:1.5}.xp__reward-bar{height:.4rem;margin-top:auto;background-color:var(--xp-bar-track);overflow:hidden}.xp__reward-bar span{display:block;height:100%;width:var(--xp-reward-fill, 0%);background-color:var(--xp-tier-color, var(--xp-accent))}.xp__code{--xp-cut: .8rem;display:flex;align-items:center;justify-content:space-between;gap:.8rem;width:100%;margin-top:.4rem;padding:1.1rem 1.2rem;border:.1rem dashed var(--xp-tier-color, var(--xp-accent));background:none;color:var(--xp-text);font-family:var(--font-body-family);font-size:1.25rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:background-color .2s ease}.xp__code:hover{background-color:var(--xp-bar-track)}.xp__code-hint{color:var(--xp-muted);font-size:.9rem;font-weight:600;letter-spacing:.1em}.xp__code.is-copied .xp__code-hint{color:var(--xp-accent)}.xp__code--request{border-style:solid;background-color:var(--xp-tier-color, var(--xp-accent));border-color:var(--xp-tier-color, var(--xp-accent));color:var(--xp-on-accent);text-decoration:none}.xp__code--request:hover{opacity:.88;background-color:var(--xp-tier-color, var(--xp-accent))}.xp__code--request .xp__code-hint{color:var(--xp-on-accent);opacity:.8}.xp__ladder{list-style:none;margin:0;padding:0}.xp__tier{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.4rem;padding:1.2rem 1.4rem;margin-bottom:.4rem;background-color:var(--xp-panel-bg);border-left:.3rem solid var(--xp-tier-color, var(--xp-line))}.xp__tier--locked{opacity:.82}.xp__tier--locked .xp__tier-name{color:var(--xp-muted)}.xp__tier--current{background-color:var(--xp-push-bg);box-shadow:inset 0 0 3rem -1rem var(--xp-tier-color, var(--xp-accent))}.xp__tier-emblem{display:block;width:3.2rem;flex-shrink:0}.xp__tier--locked .xp__tier-emblem{opacity:.9}.xp__tier-name{color:var(--xp-text);font-family:var(--xp-heading-font);font-size:1.35rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.xp__tier-xp{color:var(--xp-muted);font-size:1.1rem;font-weight:700;letter-spacing:.08em;font-variant-numeric:tabular-nums;white-space:nowrap}.xp__tier-badge{display:inline-block;margin-left:.9rem;padding:.25rem .7rem;background-color:var(--xp-accent);color:var(--xp-on-accent);font-size:.85rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.xp__button{--xp-cut: 1rem;display:inline-flex;align-items:center;justify-content:center;min-height:5rem;padding:0 3.2rem;border:.1rem solid var(--xp-accent);background-color:var(--xp-accent);color:var(--xp-on-accent);font-family:var(--xp-heading-font);font-size:1.25rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:opacity .2s ease,box-shadow .2s ease}.xp__button:hover{opacity:.92;box-shadow:0 0 2.4rem -.4rem var(--xp-accent)}.xp__button--ghost{background-color:transparent;color:var(--xp-text);border-color:var(--xp-line)}.xp__gate{--xp-cut: 1.8rem;margin-top:var(--xp-gap);padding:var(--xp-panel-padding);background-color:var(--xp-panel-bg);border:.1rem solid var(--xp-line);text-align:center}.xp__gate p{margin:0 auto 2rem;color:var(--xp-muted);font-size:1.45rem;line-height:1.6;max-width:44ch}.xp__actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-rewards.css.map */