.cart-offer{display:block;margin-bottom:1.5rem}.cart-offer__banner{display:flex;flex-direction:column;gap:.8rem;padding:1.2rem 1.6rem;border-radius:var(--text-boxes-radius, .8rem);border:.1rem solid rgba(var(--color-button),.35);background:rgba(var(--color-button),.06);color:rgb(var(--color-foreground));transition:border-color .2s ease,background-color .2s ease}.cart-offer--unlocked .cart-offer__banner,.cart-offer--redeemed .cart-offer__banner{border-color:rgba(var(--color-button),.7);background:rgba(var(--color-button),.1)}.cart-offer__head{display:flex;align-items:center;justify-content:space-between;gap:1.2rem}.cart-offer__headline{margin:0;font-size:1.4rem;font-weight:600;line-height:1.4}.cart-offer__toggle.button{flex-shrink:0;min-height:3.6rem;padding:.8rem 1.4rem;font-size:1.3rem;display:inline-flex;align-items:center;gap:.6rem}.cart-offer__toggle .cart-offer__tick,.cart-offer__toggle .cart-offer__chevron{display:inline-flex;width:1.4rem;height:1.4rem}.cart-offer__toggle .cart-offer__tick{width:1.8rem;height:1.8rem;padding:.4rem;border-radius:50%;background:rgb(var(--color-button-text));color:rgb(var(--color-button))}.cart-offer__chevron svg{transition:transform .25s ease}.cart-offer--open .cart-offer__chevron svg{transform:rotate(180deg)}.cart-offer__toggle svg{width:100%;height:100%}.cart-offer__progress{position:relative;height:.6rem;border-radius:.6rem;background:rgba(var(--color-foreground),.12);overflow:hidden}.cart-offer__progress-bar{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:rgb(var(--color-button));transition:width .4s ease}.cart-offer__drawer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.cart-offer--open .cart-offer__drawer{grid-template-rows:1fr}.cart-offer__drawer-inner{min-height:0;overflow:hidden}.cart-offer__panel{margin-top:-.1rem;padding:1.4rem 1.6rem;border:.1rem solid rgba(var(--color-button),.35);border-top:0;border-radius:0 0 var(--text-boxes-radius, .8rem) var(--text-boxes-radius, .8rem);background:rgb(var(--color-background))}.cart-offer--unlocked .cart-offer__panel,.cart-offer--redeemed .cart-offer__panel{border-color:rgba(var(--color-button),.7)}.cart-offer--open .cart-offer__banner{border-bottom-left-radius:0;border-bottom-right-radius:0}.cart-offer__panel-heading{margin:0 0 1.2rem;font-size:1.4rem;font-weight:600}.cart-offer__products{display:flex;flex-direction:column;gap:1rem;margin:0;padding:0}.cart-offer__product{display:grid;grid-template-columns:8rem minmax(0,1fr) auto;grid-template-areas:"title title title" "media info action";align-items:center;column-gap:1.2rem;row-gap:.8rem;padding:1.2rem;border-radius:var(--text-boxes-radius, .8rem);border:.1rem solid rgba(var(--color-foreground),.12);background:rgb(var(--color-background))}.cart-offer__product-title{grid-area:title;margin:0;font-size:1.4rem;font-weight:600;line-height:1.3}.cart-offer__product-media{grid-area:media}.cart-offer__product-info{grid-area:info}.cart-offer__product>.button{grid-area:action;justify-self:end}cart-drawer .cart-offer__product{grid-template-columns:8rem minmax(0,1fr);grid-template-areas:"title title" "media info" "action action"}cart-drawer .cart-offer__product>.button{justify-self:stretch;width:100%}cart-drawer .cart-offer__select.select{max-width:none}.cart-offer__product--selected{border-color:rgb(var(--color-button));box-shadow:0 0 0 .1rem rgb(var(--color-button))}.cart-offer__product-media{width:8rem;aspect-ratio:1;border-radius:.6rem;overflow:hidden;background:rgba(var(--color-foreground),.04)}.cart-offer__product-media img{display:block;width:100%;height:100%;object-fit:cover}.cart-offer__product-info{min-width:0;display:flex;flex-direction:column;gap:.6rem}.cart-offer__select.select{width:100%;max-width:22rem}.cart-offer__select .select__select{height:3.6rem;font-size:1.3rem;padding:0 3.2rem 0 1.2rem}.cart-offer__select .svg-wrapper{position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:1.2rem;height:1.2rem;pointer-events:none}.cart-offer__select .svg-wrapper svg{width:100%;height:100%}.cart-offer__select .select__select[disabled]{opacity:.6;cursor:not-allowed}.cart-offer__select.hidden{display:none}.cart-offer__product-size{margin:0;font-size:1.3rem}.cart-offer__product-note{margin:0;font-size:1.2rem;line-height:1.3;color:rgba(var(--color-foreground),.7)}.cart-offer__product-price{margin:0;font-size:1.3rem;display:flex;flex-wrap:wrap;gap:.6rem;align-items:baseline}.cart-offer__product-price s{color:rgba(var(--color-foreground),.6)}.cart-offer__product-price strong{text-transform:uppercase;color:rgb(var(--color-button))}.cart-offer__product .button{position:relative;min-height:3.6rem;padding:.8rem 1.4rem;font-size:1.3rem;white-space:nowrap}.cart-offer__product .button[disabled]{opacity:.55;cursor:not-allowed}.cart-offer__product .button.loading .cart-offer__add-label{visibility:hidden}.cart-offer__product .button .loading__spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.cart-offer__product .button .loading__spinner .spinner{width:1.8rem;height:1.8rem}.cart-offer__error{margin:1rem 0 0;font-size:1.3rem;color:rgb(var(--color-error, 229, 30, 30))}.cart-offer__error[hidden]{display:none}.cart-offer--busy{pointer-events:none}@media screen and (max-width:749px){.cart-offer__product{grid-template-columns:8rem minmax(0,1fr);grid-template-areas:"title title" "media info" "action action"}.cart-offer__product>.button{justify-self:stretch;width:100%}.cart-offer__select.select{max-width:none}.cart-offer__products--multi{flex-direction:row;align-items:stretch;gap:1rem;margin:0 -1.6rem;padding:.2rem 1.6rem .6rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-left:1.6rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cart-offer__products--multi::-webkit-scrollbar{display:none}.cart-offer__products--multi .cart-offer__product{flex:0 0 min(24rem,78%);display:flex;flex-direction:column;align-items:stretch;gap:1rem;scroll-snap-align:start}.cart-offer__products--multi .cart-offer__product-media{order:1;width:100%;aspect-ratio:4 / 3}.cart-offer__products--multi .cart-offer__product-title{order:2}.cart-offer__products--multi .cart-offer__product-info{order:3}.cart-offer__products--multi .cart-offer__product>.button{order:4;margin-top:auto}}cart-items .cart-offer{margin-bottom:2.4rem}
/*# sourceMappingURL=/cdn/shop/t/145/assets/component-cart-offer.css.map */