.promo-code-highlight{--promo-card-tint: rgb(var(--color-primary-rgb) / .06);--promo-card-border: rgb(var(--color-primary-rgb) / .2);--promo-card-padding: .875rem;--promo-card-gap: .625rem;--promo-badge-size: 2.25rem;--promo-badge-icon: 1.125rem;--promo-title-size: var(--font-size--md);--promo-message-size: var(--font-size--sm);--promo-pill-height: 2.75rem;--promo-pill-button: 2.125rem;display:block;width:100%;min-width:0;flex:1 1 100%;margin-block-end:.75rem}.promo-code-highlight--cart{--promo-card-padding: .75rem;--promo-card-gap: .5rem;--promo-badge-size: 2rem;--promo-badge-icon: 1rem;--promo-title-size: var(--font-size--sm);--promo-message-size: var(--font-size--xs);--promo-pill-height: 2.5rem;--promo-pill-button: 1.875rem}.promo-code-highlight[hidden]{display:none}.promo-code-highlight__card{display:flex;flex-direction:column;gap:var(--promo-card-gap);padding:var(--promo-card-padding);border:1px solid var(--promo-card-border);border-radius:.75rem;background-color:var(--promo-card-tint);color:var(--color-foreground)}.promo-code-highlight__header{display:flex;align-items:center;gap:.625rem;min-width:0}.promo-code-highlight__badge{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:var(--promo-badge-size);height:var(--promo-badge-size);border-radius:50%;background-color:var(--color-primary);color:var(--color-background)}.promo-code-highlight__badge svg{width:var(--promo-badge-icon);height:var(--promo-badge-icon)}.promo-code-highlight__copy{display:flex;flex-direction:column;gap:.125rem;min-width:0}.promo-code-highlight__title{margin:0;font-family:var(--font-heading--family);font-size:var(--promo-title-size);font-weight:600;line-height:1.25;overflow-wrap:anywhere}.promo-code-highlight__message{margin:0;color:rgb(var(--color-foreground-rgb) / .75);font-size:var(--promo-message-size);line-height:1.4;overflow-wrap:anywhere}.promo-code-highlight__code{display:flex;align-items:center;gap:.5rem;min-width:0;min-height:var(--promo-pill-height);padding-block:.25rem;padding-inline:1rem .3125rem;border:1px solid rgb(var(--color-primary-rgb) / .3);border-radius:var(--style-border-radius-pills);background-color:var(--color-background);color:var(--color-foreground)}.promo-code-highlight__code-text{flex:1 1 auto;min-width:0;font-weight:700;letter-spacing:.08em;line-height:1.2;text-transform:uppercase;overflow-wrap:anywhere}.promo-code-highlight__icon-button,.product-form-buttons .promo-code-highlight__icon-button{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:var(--promo-pill-button);height:var(--promo-pill-button);padding:0;border-radius:50%;cursor:pointer;transition:opacity .15s ease}.promo-code-highlight__card[hidden],.promo-code-highlight__subline[hidden],.promo-code-highlight__error[hidden]{display:none}.promo-code-highlight__icon-button .svg-wrapper{display:flex;width:1rem;height:1rem}.promo-code-highlight__apply,.promo-code-highlight__apply:hover{background-color:var(--color-foreground);color:var(--color-background)}.promo-code-highlight__apply:hover{opacity:.85}.promo-code-highlight__apply[aria-disabled=true]{cursor:progress;opacity:.55}.promo-code-highlight__remove,.promo-code-highlight__remove:hover{background-color:rgb(var(--color-foreground-rgb) / .08);color:var(--color-foreground)}.promo-code-highlight__remove:hover{background-color:rgb(var(--color-foreground-rgb) / .14)}.promo-code-highlight__icon-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.promo-code-highlight__card--success{flex-direction:row;align-items:center;gap:.75rem;border-color:color-mix(in srgb,var(--color-success) 30%,transparent);background-color:color-mix(in srgb,var(--color-success) 8%,var(--color-background))}.promo-code-highlight__badge--success{background-color:var(--color-success)}.promo-code-highlight__card--success .promo-code-highlight__copy{flex:1 1 auto}.promo-code-highlight__headline{margin:0;color:var(--color-foreground);font-family:var(--font-heading--family);font-size:var(--promo-title-size);font-weight:700;line-height:1.25;overflow-wrap:anywhere}.promo-code-highlight__subline{margin:0;color:rgb(var(--color-foreground-rgb) / .75);font-size:var(--promo-message-size);line-height:1.4;overflow-wrap:anywhere}.promo-code-highlight__card--success .promo-code-highlight__remove,.promo-code-highlight__card--success .promo-code-highlight__remove:hover{background-color:var(--color-background)}.promo-code-highlight__card--success .promo-code-highlight__remove:hover{opacity:.8}.promo-code-highlight[aria-busy=true] .promo-code-highlight__remove{cursor:progress;opacity:.55}[data-promo-code-animate] .promo-code-highlight__card:not([hidden]){animation:promo-code-highlight-in .2s ease-out both}[data-promo-code-animate] .promo-code-highlight__card--success:not([hidden]) .promo-code-highlight__badge--success{animation:promo-code-highlight-pop .32s cubic-bezier(.34,1.56,.64,1) both}@keyframes promo-code-highlight-in{0%{opacity:0}to{opacity:1}}@keyframes promo-code-highlight-pop{0%{transform:scale(.6)}to{transform:scale(1)}}.promo-code-highlight__error{margin:0;color:var(--color-foreground);font-size:var(--font-size--xs);line-height:1.4;overflow-wrap:anywhere}.promo-code-highlight-placeholder{width:100%;margin:0 0 .75rem;padding:.875rem;border:1px solid rgb(var(--color-foreground-rgb) / .2);border-radius:.75rem;color:var(--color-foreground);font-size:var(--font-size--sm);line-height:1.4}.cart__ctas>.promo-code-highlight{margin-block-end:0}@media screen and (max-width:749px){.cart-drawer__checkout .promo-code-highlight--cart{--promo-card-padding: .375rem .375rem .375rem .5rem;--promo-card-gap: .5rem;--promo-badge-size: 1.75rem;--promo-badge-icon: .875rem;--promo-title-size: var(--font-size--xs);--promo-message-size: var(--font-size--2xs);--promo-pill-height: 2.25rem;--promo-pill-button: 1.75rem}.cart-drawer__checkout .promo-code-highlight__card{flex-direction:row;flex-wrap:wrap;align-items:center;border-radius:.625rem}.cart-drawer__checkout .promo-code-highlight__header{flex:1 1 0;gap:.5rem}.cart-drawer__checkout .promo-code-highlight__copy{gap:0}.cart-drawer__checkout :is(.promo-code-highlight__title,.promo-code-highlight__message,.promo-code-highlight__headline,.promo-code-highlight__subline){overflow:hidden;white-space:nowrap;text-overflow:ellipsis;overflow-wrap:normal;line-height:1.3}.cart-drawer__checkout .promo-code-highlight__code{flex:0 0 auto;max-width:55%;padding-inline:.75rem .25rem}.cart-drawer__checkout .promo-code-highlight__code-text{font-size:var(--font-size--sm);letter-spacing:.06em;overflow-wrap:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-drawer__checkout .promo-code-highlight__icon-button .svg-wrapper{width:.875rem;height:.875rem}.cart-drawer__checkout .promo-code-highlight__error{flex:1 0 100%;font-size:var(--font-size--2xs)}.cart-drawer__checkout .promo-code-highlight__card--success{flex-wrap:nowrap;gap:.5rem}}@media(prefers-contrast:more){.promo-code-highlight__card,.promo-code-highlight__code{border-color:var(--color-foreground)}}@media(prefers-reduced-motion:reduce){.promo-code-highlight__icon-button{transition:none}[data-promo-code-animate] .promo-code-highlight__card:not([hidden]),[data-promo-code-animate] .promo-code-highlight__badge--success{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/promo-code-highlight.css.map */
