.discount-reminder{position:fixed;z-index:700;inset-block-end:var(--space-3);inset-inline-start:var(--space-3);inline-size:min(360px,calc(100vw - (2 * var(--space-3))));display:grid;gap:var(--space-1-5);padding:var(--space-3);padding-inline-end:calc(var(--space-3) + var(--space-2));border:var(--border-width) solid color-mix(in oklch,var(--ivory) 24%,transparent);border-radius:var(--radius-card);background:linear-gradient(160deg,color-mix(in oklch,var(--color-surface-deep) 94%,var(--oxblood)),var(--color-surface-deep));color:var(--color-text-inverse);box-shadow:0 1px color-mix(in oklch,var(--ivory) 12%,transparent) inset,0 18px 48px color-mix(in oklch,var(--obsidian) 34%,transparent);opacity:0;transform:translateY(14px);visibility:hidden;pointer-events:none;transition:opacity var(--duration-reveal) var(--ease-enter),transform var(--duration-reveal) var(--ease-enter),visibility 0s linear var(--duration-reveal)}.discount-reminder[data-open]{opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto;transition-delay:0s}body.drawer-open .discount-reminder{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(14px)}.discount-reminder__eyebrow{margin:0;color:color-mix(in oklch,var(--ivory) 82%,var(--color-text-inverse));font-size:var(--fs-eyebrow);font-weight:var(--font-weight-medium);letter-spacing:var(--ls-eyebrow);line-height:1.2;text-transform:uppercase}.discount-reminder__headline{margin:0;font-size:17px;font-weight:var(--font-weight-medium);line-height:1.3;text-wrap:balance}.discount-reminder__tiers{margin:0;color:color-mix(in oklch,var(--ivory) 76%,var(--color-surface-deep));font-size:var(--fs-label);line-height:1.4}.discount-reminder__track{position:relative;overflow:hidden;inline-size:100%;block-size:3px;border-radius:999px;background:color-mix(in oklch,var(--ivory) 20%,transparent)}.discount-reminder__fill{display:block;inline-size:0%;block-size:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in oklch,var(--ivory) 70%,var(--oxblood)),var(--ivory));transition:inline-size .42s var(--ease-standard)}html[dir=rtl] .discount-reminder__fill{background:linear-gradient(270deg,color-mix(in oklch,var(--ivory) 70%,var(--oxblood)),var(--ivory))}.discount-reminder__cta{justify-self:start;color:var(--color-text-inverse);font-size:var(--fs-meta);font-weight:var(--font-weight-medium);text-decoration:underline;text-decoration-color:color-mix(in oklch,var(--ivory) 46%,transparent);text-underline-offset:.32em;transition:text-decoration-color var(--duration-hover) var(--ease-standard)}.discount-reminder__cta:hover{text-decoration-color:currentColor}.discount-reminder__dismiss{position:absolute;inset-block-start:var(--space-1);inset-inline-end:var(--space-1);display:grid;place-items:center;inline-size:32px;block-size:32px;padding:0;border:0;border-radius:var(--radius-button);background:none;color:color-mix(in oklch,var(--ivory) 74%,var(--color-surface-deep));cursor:pointer;transition:color var(--duration-hover) var(--ease-standard),background-color var(--duration-hover) var(--ease-standard)}.discount-reminder__dismiss:hover{background:color-mix(in oklch,var(--ivory) 12%,transparent);color:var(--color-text-inverse)}.discount-reminder__dismiss svg{inline-size:12px;block-size:12px}.discount-reminder :focus-visible{outline:2px solid var(--ivory);outline-offset:3px}@media(max-width:767px){.discount-reminder{inset-inline:var(--space-2);inline-size:auto;inset-block-end:calc(var(--space-2) + env(safe-area-inset-bottom));padding:var(--space-2);padding-inline-end:calc(var(--space-2) + var(--space-3))}body:has(.sticky-cta[data-show]) .discount-reminder{inset-block-end:calc(var(--space-2) + env(safe-area-inset-bottom) + var(--sticky-cta-height, 72px))}}@media(prefers-reduced-motion:reduce){.discount-reminder{transform:none;transition:opacity var(--duration-fast) linear,visibility 0s linear var(--duration-fast)}.discount-reminder[data-open],body.drawer-open .discount-reminder{transform:none}.discount-reminder__fill{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-discount-reminder.css.map */