.loyalty-points{font-family:Commuters Sans,sans-serif}.loyalty-points__card{display:flex;align-items:center;gap:1.1rem;padding:0;background:transparent;border:0;position:relative;overflow:hidden}.loyalty-points__card--split{justify-content:space-between;gap:1.5rem}.loyalty-points__payment{flex:0 1 auto;min-width:0}.loyalty-points__payment .payment-icons{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.loyalty-points__payment .payment-icons img{height:22px;width:auto;display:block}.loyalty-points__stack{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;flex:0 0 auto}.loyalty-points--align-split:not(:has(.loyalty-points__card--split)) .loyalty-points__card{justify-content:flex-start}.loyalty-points--align-split:not(:has(.loyalty-points__card--split)) .loyalty-points__stack{flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:1rem}.loyalty-points--align-left:not(:has(.loyalty-points__card--split)) .loyalty-points__card{justify-content:flex-start}.loyalty-points--align-left:not(:has(.loyalty-points__card--split)) .loyalty-points__stack{align-items:flex-start}.loyalty-points--align-right:not(:has(.loyalty-points__card--split)) .loyalty-points__card{justify-content:flex-end}.loyalty-points--align-right:not(:has(.loyalty-points__card--split)) .loyalty-points__stack{align-items:flex-end}.loyalty-points__amount-row{display:inline-flex;align-items:center;gap:.7rem}.loyalty-points__card--split .loyalty-points__info-btn{margin:0;padding:0}.loyalty-points__card:before{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(110deg,transparent 0%,rgba(228,195,94,.35) 50%,transparent 100%);transform:skew(-20deg);pointer-events:none;opacity:0}.loyalty-points--pulse .loyalty-points__card:before{opacity:1;animation:loyalty-shine 1s ease forwards}@keyframes loyalty-shine{0%{left:-60%;opacity:0}20%{opacity:1}to{left:140%;opacity:0}}.loyalty-points__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;filter:drop-shadow(0 2px 3px rgba(228,195,94,.25))}.loyalty-points__icon img,.loyalty-points__icon svg{display:block}.loyalty-points__text{flex:1 1 auto;min-width:0}.loyalty-points__amount{display:inline-flex;align-items:center;gap:.5rem;font-family:Commuters Sans,sans-serif;font-size:14px;font-weight:600;color:#0a0a0a;line-height:1.3;letter-spacing:0;text-transform:none}.loyalty-points__underline-group{display:inline-flex;align-items:center;gap:.5rem;line-height:1.3}.loyalty-points__underline-group--on{border-bottom:2px solid;border-image:var(--gold-gradient-border) 1;border-radius:0;padding-bottom:2px}.loyalty-points__badge{display:inline-flex;align-items:baseline;gap:.1rem;font-weight:600;line-height:1.3}.loyalty-points__badge .loyalty-points__prefix,.loyalty-points__badge .loyalty-points__value{background-image:var(--gold-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.loyalty-points__prefix{font-weight:800}.loyalty-points__value{font-variant-numeric:tabular-nums;font-weight:800;transition:transform var(--cn-tx-fast, .15s) ease,opacity var(--cn-tx-fast, .15s) ease;display:inline-block}.loyalty-points--updating .loyalty-points__value{transform:translateY(-2px);opacity:0}.loyalty-points__icon{transition:transform .3s ease}.loyalty-points--bump-up .loyalty-points__icon{animation:loyalty-icon-bump-up .4s ease}.loyalty-points--bump-down .loyalty-points__icon{animation:loyalty-icon-bump-down .4s ease}@keyframes loyalty-icon-bump-up{0%{transform:translateY(0)}40%{transform:translateY(-6px)}70%{transform:translateY(-2px)}to{transform:translateY(0)}}@keyframes loyalty-icon-bump-down{0%{transform:translateY(0)}40%{transform:translateY(6px)}70%{transform:translateY(2px)}to{transform:translateY(0)}}.loyalty-points__label{color:#0a0a0a;font-weight:600;letter-spacing:.04em;text-transform:none}.loyalty-points__info-btn{display:inline-flex;align-items:center;gap:.4rem;padding:0;margin:0;border:0;background:none;color:#666;font-family:Commuters Sans,sans-serif;font-size:14px;font-weight:400;line-height:1.3;cursor:pointer;white-space:nowrap}.loyalty-points__info-btn svg{position:relative;top:-1px}.loyalty-points__info-btn:focus-visible{outline:2px solid #a38642;outline-offset:2px}.loyalty-points__info-text{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}@media(max-width:768px){.loyalty-points__card{justify-content:flex-end}.loyalty-points__text{flex:0 0 auto}}@media(max-width:480px){.loyalty-points__card{gap:.85rem}.loyalty-points__amount{font-size:14px}}.loyalty-points__dialog{border:0;padding:0;background:transparent;max-width:92vw;width:480px;color:inherit}.loyalty-points__dialog::backdrop{background:#0000008c;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.loyalty-points__dialog[open]{animation:loyalty-dialog-in .22s ease both}@keyframes loyalty-dialog-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.loyalty-points__dialog-panel{position:relative;background:#fff;border-radius:1.2rem;padding:3.2rem 2.4rem 2.4rem;text-align:center;box-shadow:0 20px 60px #00000040;border:0}.loyalty-points__close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:#0000000a;color:#333;cursor:pointer;transition:background var(--cn-tx-fast, .15s) ease,color var(--cn-tx-fast, .15s) ease}.loyalty-points__close:focus-visible{outline:2px solid #a38642;outline-offset:2px}.loyalty-points__dialog-icon{display:flex;justify-content:center;margin-bottom:1.2rem}.loyalty-points__dialog-title{font-family:Commuters Sans,sans-serif;font-size:2.6rem;font-weight:900;line-height:1.1;letter-spacing:.02em;text-transform:uppercase;margin:0 0 1.2rem;background-image:var(--gold-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;-webkit-font-smoothing:antialiased}.loyalty-points__dialog-body{font-size:1.4rem;line-height:1.55;color:#333}.loyalty-points__dialog-body p{margin:0 0 1rem}.loyalty-points__dialog-body p:last-child{margin-bottom:0}.loyalty-points__dialog-body a{color:#a38642;text-decoration:underline}.loyalty-points[hidden]{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/141/assets/product-loyalty-points.css.map */