.credits-page{color:rgb(var(--color-foreground))}.credits-page [hidden]{display:none!important}.credits-page__back{align-items:center;color:rgba(var(--color-foreground),.75);display:inline-flex;font-size:1.4rem;gap:.8rem;margin-bottom:2.4rem;text-decoration:none}.credits-page__back:hover{color:rgb(var(--color-foreground));text-decoration:underline;text-underline-offset:.3rem}.credits-page__header{margin-bottom:3.2rem;max-width:72rem}.credits-page__header h1{margin:0 0 1.2rem}.credits-page__intro>*:first-child{margin-top:0}.credits-page__intro>*:last-child{margin-bottom:0}.credits{display:block}.credits__loading{align-items:center;display:flex;gap:1.2rem;min-height:18rem;justify-content:center}.credits__spinner{animation:credits-spin .8s linear infinite;border:.3rem solid rgba(40,71,52,.2);border-radius:50%;border-top-color:#284734;height:2.8rem;width:2.8rem}@keyframes credits-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.credits__spinner{animation-duration:1.8s}}.credits__error,.credits-login{background:rgba(var(--color-foreground),.04);border:.1rem solid rgba(var(--color-foreground),.12);border-radius:1.2rem;padding:3.2rem}.credits__error h2,.credits-login h2{margin:0 0 1rem}.credits__error p,.credits-login p{margin:0 0 2rem}.credits__error .button,.credits-login .button{margin:0}.credits-summary{align-items:center;background:#284734;border-radius:1.6rem;color:#fff;display:flex;justify-content:space-between;min-height:20rem;overflow:hidden;padding:3.2rem;position:relative}.credits-summary__eyebrow{font-size:1.4rem;letter-spacing:.08em;margin:0 0 1rem;text-transform:uppercase}.credits-summary__balance{color:inherit;font-size:clamp(3.6rem,7vw,6rem);font-weight:700;letter-spacing:-.03em;line-height:1;margin:0}.credits-summary__caption{color:#ffffffc7;font-size:1.4rem;margin:1.2rem 0 0}.credits-summary__mark{align-items:center;background:#78be20;border-radius:50%;color:#284734;display:flex;flex:0 0 auto;font-size:4rem;font-weight:700;height:9rem;justify-content:center;margin-left:2rem;width:9rem}.credits-breakdown,.credits-history{margin-top:4rem}.credits-breakdown h2,.credits-history h2{margin:0 0 1.6rem}.credits-breakdown__grid{display:grid;gap:1.2rem;grid-template-columns:repeat(3,minmax(0,1fr))}.credits-breakdown__item{background:#f5f9f1;border:.1rem solid #edf2e9;border-radius:1.2rem;display:flex;flex-direction:column;gap:.8rem;padding:2rem}.credits-breakdown__item span{color:rgba(var(--color-foreground),.7);font-size:1.4rem}.credits-breakdown__item strong{color:#284734;font-size:2.2rem}.credits-history__header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:1.6rem}.credits-history__header h2{margin-bottom:.6rem}.credits-history__header p{color:rgba(var(--color-foreground),.7);margin:0}.credits-history__notice,.credits-history__empty{background:rgba(var(--color-foreground),.04);border:.1rem solid rgba(var(--color-foreground),.12);border-radius:1.2rem;padding:2.4rem}.credits-history__empty p{margin:0}.credits-history__table-wrap{border:.1rem solid rgba(var(--color-foreground),.12);border-radius:1.2rem;overflow-x:auto}.credits-history__table{border-collapse:collapse;font-size:1.4rem;min-width:104rem;width:100%}.credits-history__table th,.credits-history__table td{border-bottom:.1rem solid rgba(var(--color-foreground),.1);padding:1.6rem;text-align:left;vertical-align:middle}.credits-history__table th{background:#f5f9f1;color:rgba(var(--color-foreground),.72);font-size:1.2rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.credits-history__table tr:last-child td{border-bottom:0}.credits-history__table td:nth-child(n+4):nth-child(-n+6){font-variant-numeric:tabular-nums;white-space:nowrap}.credits-history__detail{display:block;font-weight:600;max-width:28rem}.credits-history__type,.credits-history__status{border-radius:999px;display:inline-flex;font-size:1.2rem;line-height:1;padding:.7rem 1rem;white-space:nowrap}.credits-history__type{background:#edf2e9;color:#284734}.credits-history__status--available{background:#e8f5d7;color:#284734}.credits-history__status--used,.credits-history__status--expired{background:rgba(var(--color-foreground),.08);color:rgba(var(--color-foreground),.72)}@media screen and (max-width:749px){.credits-page__header{margin-bottom:2.4rem}.credits-summary{min-height:17rem;padding:2.4rem}.credits-summary__mark{font-size:2.8rem;height:6.4rem;width:6.4rem}.credits-breakdown__grid{grid-template-columns:1fr}.credits__error,.credits-login{padding:2.4rem}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/section-customer-credits.css.map */
