.tier-rewards{--tr-peach: #F6C992;--tr-peach-saturated: #E89B5C;--tr-amber: #D4821E;--tr-success: #2d8659;--tr-radius: 10px;--tr-shadow-sm: 0 2px 6px -2px rgba(232, 155, 92, .35);--tr-shadow-md: 0 3px 12px -4px rgba(232, 155, 92, .45);--tr-transition: .35s cubic-bezier(.34, 1.56, .64, 1)}.tier-rewards{padding:14px 18px 16px;background:linear-gradient(135deg,#f6c9922e,#f6c99214,#f6c9922e);border-bottom:1px solid rgba(var(--color-foreground),.08);position:relative;overflow:hidden}.tier-rewards:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);animation:tier-ambient-shimmer 10s ease-in-out infinite;pointer-events:none}@keyframes tier-ambient-shimmer{0%,to{left:-100%}50%{left:150%}}.tier-rewards__message{text-align:center;margin-bottom:14px;font-size:1.25rem;line-height:1.4;position:relative;z-index:2;padding:0 4px}.tier-rewards__message-text{display:inline;color:rgba(var(--color-foreground),.85);font-weight:500}.tier-rewards__message-text strong{font-weight:800;color:var(--tr-amber);font-size:1.35rem;letter-spacing:-.01em}.tier-rewards__message-text--success{font-weight:700;color:var(--tr-success);display:block}.tier-rewards__bar-wrapper{position:relative;padding:0 4px;margin-top:32px;margin-bottom:28px;z-index:2}.tier-rewards__track{position:relative;width:100%;height:6px;background:rgba(var(--color-foreground),.1);border-radius:999px;overflow:hidden}.tier-rewards__fill{height:100%;background:linear-gradient(90deg,var(--tr-peach) 0%,var(--tr-peach-saturated) 50%,var(--tr-amber) 100%);border-radius:999px;transition:width 1s cubic-bezier(.25,1,.5,1);position:relative;overflow:hidden}.tier-rewards__fill:after{content:"";position:absolute;top:0;left:-100%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:tier-fill-shine 2.5s ease-in-out infinite}@keyframes tier-fill-shine{0%,to{left:-100%}50%{left:200%}}.tier-rewards__checkpoints{position:absolute;top:3px;left:4px;right:4px;height:0}.tier-rewards__checkpoint{position:absolute;top:0;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.tier-rewards__checkpoint-dot{width:26px;height:26px;border-radius:50%;background:rgb(var(--color-background));border:1.5px solid rgba(var(--color-foreground),.2);display:flex;align-items:center;justify-content:center;position:relative;transition:background var(--tr-transition),border-color var(--tr-transition),transform var(--tr-transition),box-shadow var(--tr-transition)}.tier-rewards__checkpoint-emoji{font-size:1.15rem;line-height:1;filter:grayscale(.7);opacity:.5;transition:filter var(--tr-transition),opacity var(--tr-transition),transform var(--tr-transition)}.tier-rewards__checkpoint-check{position:absolute;top:50%;left:50%;transform:translate(calc(-50% + .5px),calc(-50% + .5px)) scale(0);width:14px;height:14px;color:#fff;opacity:0;transition:opacity .3s ease,transform var(--tr-transition);stroke-width:3.5}.tier-rewards__checkpoint-label{font-size:.95rem;font-weight:700;color:rgba(var(--color-foreground),.5);white-space:nowrap;margin-top:10px;transition:color var(--tr-transition)}.tier-rewards__checkpoint.is-unlocked .tier-rewards__checkpoint-dot{background:linear-gradient(135deg,var(--tr-peach-saturated) 0%,var(--tr-amber) 100%);border-color:transparent;box-shadow:var(--tr-shadow-md),0 0 0 3px #e89b5c26;animation:tier-checkpoint-unlock .7s cubic-bezier(.34,1.56,.64,1)}.tier-rewards__checkpoint.is-unlocked .tier-rewards__checkpoint-emoji{opacity:0;transform:scale(0)}.tier-rewards__checkpoint.is-unlocked .tier-rewards__checkpoint-check{opacity:1;transform:translate(calc(-50% + .5px),calc(-50% + .5px)) scale(1)}.tier-rewards__checkpoint.is-unlocked .tier-rewards__checkpoint-label{color:rgb(var(--color-foreground))}@keyframes tier-checkpoint-unlock{0%{transform:scale(1)}30%{transform:scale(1.4);box-shadow:0 0 0 8px #e89b5c4d,0 0 22px #e89b5c8c}60%{transform:scale(.93)}to{transform:scale(1)}}.tier-rewards__checkpoint.is-unlocked .tier-rewards__checkpoint-dot:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:1.5px solid rgba(232,155,92,.5);animation:tier-pulse-ring 2.5s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none}@keyframes tier-pulse-ring{0%{transform:scale(1);opacity:.7}70%{transform:scale(1.5);opacity:0}to{transform:scale(1.5);opacity:0}}.tier-rewards--all-unlocked{background:linear-gradient(135deg,#2d865914,#5ab17e0d,#2d865914)}.tier-rewards--all-unlocked .tier-rewards__fill{background:linear-gradient(90deg,var(--tr-success) 0%,#5ab17e 50%,var(--tr-success) 100%)}.tier-rewards--all-unlocked .tier-rewards__checkpoint.is-unlocked .tier-rewards__checkpoint-dot{background:linear-gradient(135deg,var(--tr-success) 0%,#5ab17e 100%);box-shadow:0 3px 12px -4px #2d865980,0 0 0 3px #2d86591f}.tier-rewards__gift-actions{margin-top:8px;display:flex;flex-direction:column;gap:5px;position:relative;z-index:2}.tier-rewards__gift-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-radius:999px;border:1.5px solid rgba(212,130,30,.45);background:#f6c99233;color:rgba(var(--color-foreground),.9);font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left;font-family:inherit;width:100%;line-height:1.3;position:relative}.tier-rewards__gift-btn:hover{background:#f6c99259;border-color:var(--tr-amber)}.tier-rewards__gift-btn:not(.tier-rewards__gift-btn--selected):not(.tier-rewards__gift-btn--declined):before{content:"\26a0\fe0f";display:inline-flex;align-items:center;justify-content:center;font-size:1rem;margin-right:4px;flex-shrink:0;animation:tier-chip-attention 2.4s ease-in-out infinite}@keyframes tier-chip-attention{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.tier-rewards__gift-btn-label{flex:1;min-width:0;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.tier-rewards__gift-btn-label strong{font-weight:700;color:var(--tr-amber)}.tier-rewards__gift-btn-label strong:after{content:":";font-weight:700}.tier-rewards__gift-btn--selected{border-color:#2d86598c;background:#2d86591a;color:var(--tr-success);font-weight:600}.tier-rewards__gift-btn--selected:hover{background:#2d865929;border-color:var(--tr-success)}.tier-rewards__gift-btn--selected:before{content:"";display:inline-flex;width:16px;height:16px;border-radius:50%;background:var(--tr-success);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6L9 17l-5-5'/></svg>");background-size:11px;background-position:center;background-repeat:no-repeat;margin-right:4px;flex-shrink:0;animation:none}.tier-rewards__gift-btn--selected .tier-rewards__gift-btn-label strong{color:var(--tr-success)}.tier-rewards__gift-btn--declined{border-color:#2d865966;background:#2d86590f;color:#2d8659cc;font-weight:500}.tier-rewards__gift-btn--declined:before{content:"";display:inline-flex;width:16px;height:16px;border-radius:50%;background:#2d8659bf;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6L9 17l-5-5'/></svg>");background-size:11px;background-position:center;background-repeat:no-repeat;margin-right:4px;flex-shrink:0;animation:none}.tier-rewards__gift-btn--declined .tier-rewards__gift-btn-label strong{color:#2d8659b3;font-weight:600}.tier-rewards__gift-btn-icon{flex-shrink:0;width:14px;height:14px;opacity:.4;transition:opacity .2s ease,transform .2s ease}.tier-rewards__gift-btn:hover .tier-rewards__gift-btn-icon{opacity:.8;transform:translate(2px)}.tier-rewards__shipping-info{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1.5px solid rgba(45,134,89,.5);background:#2d865914;color:var(--tr-success);font-size:1.1rem;font-weight:600;line-height:1.3;cursor:default}.tier-rewards__shipping-info:before{content:"";display:inline-flex;width:16px;height:16px;border-radius:50%;background:var(--tr-success);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6L9 17l-5-5'/></svg>");background-size:11px;background-position:center;background-repeat:no-repeat;flex-shrink:0}.tier-rewards__shipping-info-check{display:none}@media screen and (max-width:749px){.tier-rewards{padding:12px 14px 14px}.tier-rewards__message{font-size:1.15rem;margin-bottom:12px}.tier-rewards__message-text strong{font-size:1.25rem}.tier-rewards__bar-wrapper{margin-top:25px;margin-bottom:24px}.tier-rewards__checkpoint-dot{width:22px;height:22px}.tier-rewards__checkpoint-emoji{font-size:1rem}.tier-rewards__checkpoint-check{width:12px;height:12px}.tier-rewards__checkpoint-label{font-size:.85rem;margin-top:8px}.tier-rewards__gift-btn{padding:8px 12px;font-size:1.1rem}}.tier-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;pointer-events:none}.tier-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}.tier-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#1e140a80;cursor:pointer}.tier-modal__container{position:relative;background:rgb(var(--color-background));border-radius:18px;max-width:440px;width:100%;max-height:85vh;overflow-y:auto;padding:24px 20px 20px;box-shadow:0 20px 50px -10px #1e140a4d;transform:translateY(20px) scale(.96);opacity:0;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .25s ease}.tier-modal.is-open .tier-modal__container{transform:translateY(0) scale(1);opacity:1}.tier-modal__close{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;border:none;background:rgba(var(--color-foreground),.06);color:rgba(var(--color-foreground),.7);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease,transform .25s ease;z-index:2}.tier-modal__close:hover{background:rgba(var(--color-foreground),.12);color:rgb(var(--color-foreground));transform:rotate(90deg)}.tier-modal__close svg{width:16px;height:16px}.tier-modal__header{text-align:center;margin-bottom:14px;padding:0 30px 0 10px}.tier-modal__title{font-size:1.5rem;font-weight:800;margin:0 0 4px;color:rgb(var(--color-foreground));letter-spacing:-.01em}.tier-modal__subtitle{font-size:1.1rem;color:rgba(var(--color-foreground),.65);margin:0;line-height:1.35}.tier-modal__products{display:flex;flex-direction:column;gap:8px;margin-bottom:14px;min-height:160px}.tier-modal__loading-wrapper{display:flex;align-items:center;justify-content:center;min-height:160px;width:100%}.tier-modal__loading{width:28px;height:28px;border:3px solid rgba(232,155,92,.2);border-top-color:var(--tr-peach-saturated);border-radius:50%;animation:tier-spin .8s linear infinite}@keyframes tier-spin{to{transform:rotate(360deg)}}.tier-modal__error{text-align:center;color:rgba(var(--color-foreground),.6);padding:30px 10px;font-size:1.1rem}.tier-modal__product{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:10px;background:rgba(var(--color-foreground),.025);border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);font-family:inherit;text-align:left;width:100%;position:relative}.tier-modal__product:hover{background:#f6c99226;border-color:#e89b5c80}.tier-modal__product.is-selected{background:#f6c9928c;border-color:var(--tr-amber);border-width:2.5px;box-shadow:0 0 0 3px #e89b5c33,0 6px 18px -6px #d4821e73}.tier-modal__product.is-selected .tier-modal__product-name{color:rgb(var(--color-foreground));font-weight:800}.tier-modal__product.is-selected .tier-modal__product-price s{color:rgba(var(--color-foreground),.5)}.tier-modal__product.is-selected .tier-modal__product-price-free{color:var(--tr-amber);font-weight:900}.tier-modal__product-image-wrap{width:64px;height:64px;border-radius:10px;overflow:hidden;background:rgba(var(--color-foreground),.04);flex-shrink:0}.tier-modal__product-image{width:100%;height:100%;object-fit:cover;display:block}.tier-modal__product-image--placeholder{display:flex;align-items:center;justify-content:center;font-size:1.8rem;background:#f6c99233}.tier-modal__product-info{min-width:0;display:flex;flex-direction:column;gap:3px}.tier-modal__product-name{font-size:1.2rem;font-weight:600;color:rgb(var(--color-foreground));line-height:1.25;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease,font-weight .2s ease}.tier-modal__product-price{display:flex;align-items:center;gap:6px;font-size:1.05rem;line-height:1.2}.tier-modal__product-price s{color:rgba(var(--color-foreground),.45);font-weight:500;transition:color .2s ease}.tier-modal__product-price-free{color:var(--tr-amber);font-weight:800;font-size:1.1rem;letter-spacing:.02em;transition:color .2s ease}.tier-modal__product-check{width:24px;height:24px;min-width:24px;border-radius:50%;background:rgb(var(--color-background));border:1.5px solid rgba(var(--color-foreground),.22);color:transparent;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.tier-modal__product-check svg{width:13px;height:13px;stroke:currentColor;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;fill:none}.tier-modal__product-check svg path{stroke:currentColor}.tier-modal__product.is-selected .tier-modal__product-check{background:var(--tr-peach-saturated);border-color:var(--tr-peach-saturated);color:rgb(var(--color-foreground));transform:scale(1.1);box-shadow:0 2px 8px -2px #e89b5c8c}.tier-modal__decline{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 16px;margin-top:4px;border:1.5px solid rgb(var(--color-foreground));background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:1.15rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);font-family:inherit;letter-spacing:.01em}.tier-modal__decline:hover{background:rgba(var(--color-foreground),.85);border-color:rgba(var(--color-foreground),.85);transform:translateY(-1px);box-shadow:0 4px 12px -4px rgba(var(--color-foreground),.4)}.tier-modal__decline:active{transform:translateY(0);box-shadow:none}.tier-modal__decline.is-selected{background:#2d86591a;color:var(--tr-success);border-color:#2d865980;font-weight:600}.tier-modal__decline.is-selected:before{content:"";display:inline-block;width:18px;height:18px;border-radius:50%;background:var(--tr-success);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6L9 17l-5-5'/></svg>");background-size:12px;background-position:center;background-repeat:no-repeat;flex-shrink:0}.tier-modal__decline.is-selected:hover{background:#2d865926;border-color:var(--tr-success);transform:none;box-shadow:none}@media screen and (max-width:749px){.tier-modal{padding:12px;align-items:flex-end}.tier-modal__container{border-radius:18px 18px 0 0;max-height:85vh;padding:22px 16px 16px;transform:translateY(100%)}.tier-modal.is-open .tier-modal__container{transform:translateY(0)}.tier-modal__title{font-size:1.35rem}.tier-modal__subtitle{font-size:1rem}.tier-modal__product{grid-template-columns:56px 1fr auto;gap:10px;padding:9px}.tier-modal__product-image-wrap{width:56px;height:56px}.tier-modal__product-name{font-size:1.1rem}.tier-modal__decline{padding:10px 14px;font-size:1.05rem}}@media(prefers-reduced-motion:reduce){.tier-rewards:before,.tier-rewards__fill:after,.tier-rewards__checkpoint.is-unlocked .tier-rewards__checkpoint-dot:after{animation:none}.tier-rewards__fill,.tier-rewards__checkpoint-dot,.tier-rewards__checkpoint-emoji,.tier-rewards__checkpoint-check,.tier-rewards__checkpoint-label{transition:none}.tier-rewards__checkpoint.is-unlocked .tier-rewards__checkpoint-dot{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/tier-rewards.css.map */