body.has-floating-sample-progress #MainContent{padding-bottom:var(--sample-progress-offset, 150px)}.sample-pack-progress-section{position:relative;z-index:29}.sample-pack-progress{position:fixed;right:clamp(12px,2vw,28px);bottom:calc(12px + env(safe-area-inset-bottom));left:clamp(12px,2vw,28px);z-index:29;display:block;max-width:1180px;margin-inline:auto;border:1px solid color-mix(in srgb,var(--color-text) 18%,transparent);border-radius:14px;background:var(--color-background);color:var(--color-text);box-shadow:0 14px 42px #0000002e;transform:translateY(0);transition:opacity .18s ease,transform .18s ease}.sample-pack-progress[hidden]{display:none}.sample-pack-progress--inline{position:relative;right:auto;bottom:auto;left:auto;width:min(1180px,calc(100% - 32px));margin:20px auto}.sample-pack-progress__inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:clamp(18px,3vw,42px);align-items:center;padding:18px 22px}.sample-pack-progress__eyebrow,.sample-pack-progress__heading,.sample-pack-progress__message{margin:0}.sample-pack-progress__eyebrow{margin-bottom:4px;font-family:var(--font-heading-family);font-size:11px;font-weight:700;line-height:1.2;letter-spacing:.12em}.sample-pack-progress__heading-row{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;justify-content:space-between}.sample-pack-progress__heading{font-family:var(--font-heading-family);font-size:clamp(17px,1.6vw,22px);font-weight:700;line-height:1.15}.sample-pack-progress__message{margin-top:6px;font-size:14px;line-height:1.35}.sample-pack-progress__bar{position:relative;height:12px;overflow:visible;border:1px solid color-mix(in srgb,var(--color-text) 22%,transparent);border-radius:999px;background:color-mix(in srgb,var(--color-text) 10%,transparent);transform-origin:center;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.sample-pack-progress__fill{position:absolute;inset:0 auto 0 0;width:0;max-width:100%;border-radius:inherit;background:var(--color-button-background);transform-origin:left center;transition:width .32s cubic-bezier(.22,1,.36,1),background .2s ease,box-shadow .2s ease}.sample-pack-progress--tier-unlocked .sample-pack-progress__bar{border-color:color-mix(in srgb,#ff5600 50%,transparent);box-shadow:0 0 0 3px #ff560014}.sample-pack-progress--tier-unlocked .sample-pack-progress__fill{background:#ff5600;box-shadow:0 0 14px #ff560047}.sample-pack-progress--top-tier-unlocked .sample-pack-progress__fill{background:linear-gradient(90deg,#ff5600,#ff8a50);box-shadow:0 0 16px #ff560052}.sample-pack-progress__marker{position:absolute;top:50%;left:var(--sample-marker-position);width:16px;height:16px;border:3px solid var(--color-background);border-radius:50%;background:color-mix(in srgb,var(--color-text) 42%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-text) 25%,transparent);transform:translate(-50%,-50%);transition:background .18s ease}.sample-pack-progress__marker--last{right:0;left:auto;transform:translateY(-50%)}.sample-pack-progress__marker.is-unlocked,.sample-pack-progress__tier.is-unlocked strong{background:#ff5600;color:#fff;box-shadow:0 0 0 1px #ff56003d}.sample-pack-progress--top-tier-unlocked .sample-pack-progress__marker.is-unlocked,.sample-pack-progress--top-tier-unlocked .sample-pack-progress__tier.is-unlocked strong{box-shadow:0 0 0 1px #ff560057,0 0 12px #ff56003d}.sample-pack-progress__tiers{position:relative;display:flex;justify-content:space-between;gap:16px;margin-top:10px}.sample-pack-progress__tier{display:flex;gap:6px;align-items:center;font-size:12px;line-height:1.2}.sample-pack-progress__tier strong{display:inline-grid;width:24px;height:24px;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--color-text) 12%,transparent);transition:background .18s ease,color .18s ease}.sample-pack-progress__tier--last{text-align:right}.sample-pack-progress--single-tier .sample-pack-progress__tiers{justify-content:flex-end}.sample-pack-progress--celebrating .sample-pack-progress__bar{animation:sample-progress-bar-pop .56s cubic-bezier(.22,1,.36,1)}.sample-pack-progress__fill.is-celebrating{animation:sample-progress-fill-burst .76s ease}.sample-pack-progress__message.is-celebrating{animation:sample-progress-message-pop .52s ease}.sample-pack-progress__tier.is-just-unlocked strong,.sample-pack-progress__marker.is-just-unlocked{animation:sample-tier-pop .72s cubic-bezier(.175,.885,.32,1.275)}.product-card-item__form[data-sample-quick-add-form] .sample-quick-add-button.is-loading{cursor:wait;opacity:.72}.product-card-item__form[data-sample-quick-add-form] .sample-quick-add-button.is-complete{transform:scale(1.04)}.product-card-item__form[data-sample-quick-add-form] .sample-quick-add-button.is-error{animation:sample-quick-add-shake .26s ease}@keyframes sample-quick-add-shake{0%,to{transform:translate(0)}35%{transform:translate(-3px)}70%{transform:translate(3px)}}@keyframes sample-progress-bar-pop{0%{transform:scale(1)}40%{transform:scale(1.015,1.16)}to{transform:scale(1)}}@keyframes sample-progress-fill-burst{0%{transform:scaleX(1);filter:brightness(1)}35%{transform:scaleX(1.035);filter:brightness(1.08)}to{transform:scaleX(1);filter:brightness(1)}}@keyframes sample-progress-message-pop{0%{transform:translateY(0)}40%{transform:translateY(-2px)}to{transform:translateY(0)}}@keyframes sample-tier-pop{0%{transform:translate(-50%,-50%) scale(1)}45%{transform:translate(-50%,-50%) scale(1.24)}to{transform:translate(-50%,-50%) scale(1)}}.sample-pack-progress__tier.is-just-unlocked strong{transform-origin:center}.sample-pack-progress__tier.is-just-unlocked strong{animation-name:sample-tier-badge-pop}@keyframes sample-tier-badge-pop{0%{transform:scale(1)}45%{transform:scale(1.24)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.sample-pack-progress,.sample-pack-progress *,.product-card-item__form[data-sample-quick-add-form] .sample-quick-add-button{animation:none!important;transition-duration:.01ms!important}}@media screen and (max-width:749px){.sample-pack-progress{right:10px;bottom:calc(10px + env(safe-area-inset-bottom));left:10px;border-radius:12px}.sample-pack-progress__inner{grid-template-columns:1fr;gap:14px;padding:14px}.sample-pack-progress__heading-row{align-items:flex-start}.sample-pack-progress__message{font-size:12px}.sample-pack-progress__tiers{margin-top:8px}.sample-pack-progress__tier{gap:4px;font-size:10px}.sample-pack-progress__tier strong{width:22px;height:22px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-sample-collection-gamification.css.map */