.cart-rewards{--cr-marker-size: 2.8rem;--cr-bar-height: 6px;--cr-surface: var(--color-shipping-background, var(--color-background));--cr-ink: var(--color-shipping-text, var(--color-foreground));--cr-accent: var(--color-shipping-progress-background, var(--color-button));--cr-accent-ink: var(--color-shipping-progress-text, var(--color-button-text));display:block;margin-bottom:1rem;padding:1.4rem 1.6rem 1.2rem;border-radius:var(--text-boxes-radius, 0);background:rgb(var(--cr-surface));color:rgb(var(--cr-ink))}.cart-rewards[hidden]{display:none}.drawer__inner-empty .cart-rewards{margin:1.6rem 1.5rem 0}.cart-rewards--gifts{margin:0;padding-block:1.2rem;border-top:.1rem solid rgba(var(--cr-ink),.1)}.cart-rewards--gifts .cart-rewards__picker:first-of-type{margin-top:0;padding-top:0;border-top:0}.cart-rewards--page{max-width:60rem;margin-bottom:2.4rem}.cart-rewards--pending [data-message],.cart-rewards--pending [data-shipping-message],.cart-rewards--pending [data-threshold],.cart-rewards--pending [data-picker-threshold]{visibility:hidden}.cart-rewards .cart-rewards__message{margin:0 0 1.2rem;font-size:1.4rem;line-height:1.4;text-align:start;color:rgb(var(--cr-ink))}.cart-rewards .cart-rewards__message--small{margin-bottom:.8rem;font-size:1.3rem}.cart-rewards__message strong{font-weight:var(--font-body-weight-bold, 700)}.cart-rewards__bar{position:relative}.cart-rewards__track{position:relative;height:var(--cr-bar-height);border-radius:calc(var(--cr-bar-height) / 2);background:var(--cr-track, rgba(var(--cr-ink), .12));overflow:hidden}.cart-rewards__bar>.cart-rewards__track{position:absolute;top:calc((var(--cr-marker-size) - var(--cr-bar-height)) / 2);left:0;right:0}.cart-rewards__track--slim{--cr-bar-height: 4px}.cart-rewards__shipping{margin-bottom:1.4rem;padding-bottom:1.4rem;border-bottom:.1rem solid rgba(var(--cr-ink),.1)}.cart-rewards__fill{display:block;height:100%;width:0;max-width:100%;border-radius:inherit;background:var(--cr-fill-start, rgb(var(--cr-accent)))}.cart-rewards--fill-gradient .cart-rewards__fill{background:linear-gradient(to right,var(--cr-fill-start, rgb(var(--cr-accent))),var(--cr-fill-end, rgb(var(--cr-accent))))}[dir=rtl] .cart-rewards--fill-gradient .cart-rewards__fill{background:linear-gradient(to left,var(--cr-fill-start, rgb(var(--cr-accent))),var(--cr-fill-end, rgb(var(--cr-accent))))}.cart-rewards__markers{position:relative;display:grid;grid-template-columns:repeat(var(--cr-markers, 1),minmax(0,1fr));margin:0;padding:0}.cart-rewards__marker{display:flex;flex-direction:column;align-items:flex-end;min-width:0;margin-inline-end:calc(var(--cr-marker-size) / -2);text-align:end}.cart-rewards__marker-icon{position:relative;display:grid;place-items:center;flex-shrink:0;width:var(--cr-marker-size);height:var(--cr-marker-size);border-radius:50%;border:.1rem solid rgba(var(--cr-ink),.18);background:var(--cr-marker-bg, rgb(var(--color-background)));color:rgba(var(--cr-ink),.55);transition:background-color var(--duration-default, .2s) ease,color var(--duration-default, .2s) ease}.cart-rewards__marker-icon .svg-wrapper{width:1.4rem;height:1.4rem}.cart-rewards__marker-image{width:100%;height:100%;border-radius:50%;object-fit:cover}.cart-rewards__marker.is-reached .cart-rewards__marker-icon{border-color:var(--cr-marker-active, rgb(var(--cr-accent)));background:var(--cr-marker-active, rgb(var(--cr-accent)));color:rgb(var(--cr-accent-ink))}.cart-rewards__marker-check{position:absolute;top:-.3rem;right:-.3rem;display:none;place-items:center;width:1.4rem;height:1.4rem;border-radius:50%;border:.1rem solid var(--cr-marker-active, rgb(var(--cr-accent)));background:rgb(var(--color-background));color:var(--cr-marker-active, rgb(var(--cr-accent)))}.cart-rewards__marker-check .icon{width:.7rem;height:.7rem}.cart-rewards__marker.is-reached .cart-rewards__marker-check{display:grid}.cart-rewards__marker-text{display:flex;flex-direction:column;max-width:100%;margin-top:.6rem;line-height:1.3}.cart-rewards .cart-rewards__marker-label,.cart-rewards .cart-rewards__marker-threshold{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cart-rewards .cart-rewards__marker-label{font-size:1.2rem;font-weight:var(--font-body-weight-bold, 700);color:rgb(var(--cr-ink))}.cart-rewards .cart-rewards__marker-threshold{font-size:1.1rem;color:rgba(var(--cr-ink),.65)}.cart-rewards__perks{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.2rem 0 0;padding:0}.cart-rewards__perks:not(:has(.cart-rewards__perk:not([hidden]))){display:none}.cart-rewards__perk{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border-radius:var(--text-boxes-radius, 0);background:rgb(var(--cr-accent));color:rgb(var(--cr-accent-ink));font-size:1.2rem;font-weight:var(--font-body-weight-bold, 700)}.cart-rewards__perk .svg-wrapper{width:1rem;height:1rem}.cart-rewards__notice{margin:1.2rem 0 0;padding:.8rem 1rem;border-inline-start:.2rem solid rgb(var(--cr-accent));background:rgb(var(--color-background));font-size:1.3rem}.cart-rewards__notice[hidden],.cart-rewards__pill[hidden],.cart-rewards__picker[hidden],.cart-rewards__perk[hidden],.cart-rewards__picker-state[hidden]{display:none}.cart-rewards__pill{width:fit-content;max-width:100%;margin:1.4rem 0 0;padding:.5rem 1rem;border-radius:var(--text-boxes-radius, 0);background:var(--cr-highlight, rgb(var(--cr-accent)));color:rgb(var(--cr-accent-ink));font-size:1.3rem;font-weight:var(--font-body-weight-bold, 700)}.cart-rewards[style*=--cr-highlight] .cart-rewards__pill{color:rgb(var(--cr-ink))}.cart-rewards__picker{margin-top:1.4rem;padding-top:1.4rem;border-top:.1rem solid rgba(var(--cr-ink),.1)}.cart-rewards__pill+.cart-rewards__picker{margin-top:1rem;padding-top:0;border-top:0}.cart-rewards__picker-header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.4rem 1.2rem;margin-bottom:.8rem}.cart-rewards .cart-rewards__picker-heading{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:0;font-family:var(--font-body-family);font-size:1.4rem;font-weight:var(--font-body-weight-bold, 700);letter-spacing:normal;color:rgb(var(--cr-ink))}.cart-rewards__picker-state{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .6rem;border-radius:var(--text-boxes-radius, 0);background:rgb(var(--cr-accent));color:rgb(var(--cr-accent-ink));font-size:1.1rem;text-transform:uppercase;letter-spacing:.05rem}.cart-rewards__picker-state--locked{background:rgba(var(--cr-ink),.08);color:rgba(var(--cr-ink),.75);text-transform:none;letter-spacing:normal}.cart-rewards__picker-state .svg-wrapper{width:1.1rem;height:1.1rem}.cart-rewards__picker-count{font-size:1.2rem;font-weight:var(--font-body-weight-bold, 700);color:rgba(var(--cr-ink),.75)}.cart-rewards__picker-status:empty{display:none}.cart-rewards__picker-status{margin:.8rem 0 0;font-size:1.3rem}.cart-rewards__gifts{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(12rem,42%);gap:.8rem;margin:0;padding:.2rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.cart-rewards__gifts::-webkit-scrollbar{display:none}.cart-rewards__gifts:focus-visible{outline:.2rem solid rgba(var(--cr-ink),.5);outline-offset:.2rem}.cart-rewards__gift-item{scroll-snap-align:start;min-width:0}.cart-rewards-gift{position:relative;display:flex;flex-direction:column;gap:.6rem;height:100%;padding:.8rem;border:.1rem solid rgba(var(--cr-ink, var(--color-foreground)),.12);border-radius:var(--text-boxes-radius, 0);background:rgb(var(--color-background));transition:border-color var(--duration-short, .1s) ease,box-shadow var(--duration-short, .1s) ease}.cart-rewards-gift.is-selected{border-color:rgb(var(--cr-accent, var(--color-foreground)));box-shadow:0 0 0 .1rem rgb(var(--cr-accent, var(--color-foreground)))}.cart-rewards-gift__media{aspect-ratio:1;overflow:hidden;border-radius:var(--media-radius, 0)}.cart-rewards-gift__image{display:block;width:100%;height:100%;object-fit:contain}.cart-rewards__picker.is-locked .cart-rewards-gift__media,.cart-rewards__picker.is-locked .cart-rewards-gift__title{opacity:.55}.cart-rewards__picker.is-locked .cart-rewards-gift__image{filter:grayscale(1)}.cart-rewards .cart-rewards-gift__title{display:-webkit-box;margin:0;overflow:hidden;font-size:1.3rem;line-height:1.3;color:rgb(var(--cr-ink));-webkit-line-clamp:2;-webkit-box-orient:vertical}.cart-rewards-gift__select .select__select{height:3.6rem;min-height:3.6rem;padding:0 2.8rem 0 .8rem;font-size:1.2rem}.cart-rewards-gift__toggle{position:absolute;top:.2rem;inset-inline-end:.2rem;display:grid;place-items:center;width:4.4rem;height:4.4rem;padding:0;border:0;background:none;color:rgb(var(--cr-accent-ink, var(--color-button-text)));cursor:pointer}.cart-rewards-gift__toggle:before{content:"";position:absolute;width:2.8rem;height:2.8rem;border-radius:50%;background:rgb(var(--cr-accent, var(--color-button)))}.cart-rewards-gift__toggle:focus-visible{outline:none}.cart-rewards-gift__toggle:focus-visible:before{outline:.2rem solid rgba(var(--cr-ink, var(--color-foreground)),.6);outline-offset:.2rem}.cart-rewards-gift__toggle:disabled{cursor:not-allowed}.cart-rewards-gift__toggle:disabled:before{background:rgba(var(--cr-ink, var(--color-foreground)),.3)}.cart-rewards-gift__icon{position:relative;display:none;width:1.1rem;height:1.1rem}.cart-rewards-gift__toggle[aria-pressed=false] .cart-rewards-gift__icon--add,.cart-rewards-gift__toggle[aria-pressed=true] .cart-rewards-gift__icon--selected,.cart-rewards-gift__toggle:disabled .cart-rewards-gift__icon--locked{display:block}.cart-rewards-gift__toggle:disabled .cart-rewards-gift__icon--add,.cart-rewards-gift__toggle:disabled .cart-rewards-gift__icon--selected,.cart-rewards-gift__toggle.loading .cart-rewards-gift__icon{display:none}.cart-rewards-gift__toggle .loading__spinner{position:relative;width:1.6rem}.cart-rewards-badge{display:inline-block;margin-inline-start:.6rem;padding:.2rem .8rem;border-radius:var(--text-boxes-radius, 0);background:var(--cr-highlight, rgb(var(--color-shipping-progress-background, var(--color-foreground))));color:rgb(var(--color-shipping-progress-text, var(--color-background)));font-size:1.2rem;font-weight:var(--font-body-weight-bold, 700);line-height:1.5}.cart-rewards-badge[style*=--cr-highlight]{color:rgb(var(--color-foreground))}@media(prefers-reduced-motion:no-preference){.cart-rewards--animate .cart-rewards__fill{transition:width .5s ease}.cart-rewards--animate .cart-rewards__marker.is-celebrating .cart-rewards__marker-icon{animation:cartRewardsPop .5s ease}}@media(prefers-reduced-motion:reduce){.cart-rewards__marker-icon{transition:none}}@keyframes cartRewardsPop{0%{transform:scale(1)}50%{transform:scale(1.18)}to{transform:scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-cart-rewards.css.map */