.bundle-upsell{display:block;isolation:isolate;margin:var(--ds-space-4) 0 var(--ds-space-5);padding:var(--ds-space-4);background:var(--ds-surface);border-radius:var(--ds-radius-xl);box-shadow:var(--ds-shadow-clay-md);color:var(--ds-text);font-family:var(--ds-font-body)}.bundle-upsell[data-context=page]{margin:var(--ds-space-6) 0 0;padding:var(--ds-space-5)}.bundle-upsell__head{display:grid;gap:var(--ds-space-2)}.bundle-upsell__eyebrow{margin:0}.bundle-upsell__message{display:flex;align-items:flex-start;gap:var(--ds-space-2);margin:0;font-family:var(--ds-font-display);font-size:var(--ds-text-body);font-weight:600;line-height:var(--ds-leading-snug);letter-spacing:0;text-wrap:balance;color:var(--ds-text)}.bundle-upsell__message:focus{outline:none}.bundle-upsell__message:focus-visible{outline:3px solid var(--ds-primary);outline-offset:3px;border-radius:var(--ds-radius-sm)}.bundle-upsell--max .bundle-upsell__message{align-self:start;justify-self:start;padding:var(--ds-space-2) var(--ds-space-3);border-radius:var(--ds-radius-lg);background:var(--ds-success-soft);color:var(--ds-success-text)}.bundle-upsell__check{flex:none;width:20px;height:20px;color:var(--ds-success)}.bundle-upsell__track{--bundle-dot: 28px;position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:var(--ds-space-4) 0 0;padding:0;list-style:none}.bundle-upsell__track:before,.bundle-upsell__track:after{content:"";position:absolute;z-index:-1;top:calc(var(--bundle-dot) / 2 - 3px);left:calc(100% / 6);width:calc(100% * 2 / 3);height:6px;border-radius:var(--ds-radius-pill)}.bundle-upsell__track:before{background:var(--ds-surface-sunken);box-shadow:var(--ds-shadow-sunken)}.bundle-upsell__track:after{background:var(--ds-primary-strong);transform:scaleX(calc(var(--bundle-fill, 0) / 2));transform-origin:left center;transition:transform var(--ds-duration-slow) var(--ds-ease-out)}.bundle-upsell--max .bundle-upsell__track:after{background:var(--ds-success)}.bundle-upsell__step{display:grid;justify-items:center;gap:var(--ds-space-1)}.bundle-upsell__dot{display:grid;place-items:center;width:var(--bundle-dot);height:var(--bundle-dot);border-radius:var(--ds-radius-pill);background:var(--ds-surface-sunken);box-shadow:var(--ds-shadow-sunken);font-family:var(--ds-font-display);font-size:var(--ds-text-label);font-weight:700;line-height:1;color:var(--ds-text-muted)}.bundle-upsell__step.is-reached .bundle-upsell__dot{background:var(--ds-primary-strong);box-shadow:inset 0 -2px #0f1e5a38,inset 0 1px #ffffff38;color:var(--ds-text-on-primary)}.bundle-upsell--max .bundle-upsell__step.is-reached .bundle-upsell__dot{background:var(--ds-success)}.bundle-upsell__step-label{font-family:var(--ds-font-mono);font-size:11px;font-weight:500;line-height:1.2;letter-spacing:var(--ds-tracking-label);text-transform:uppercase;color:var(--ds-text-subtle)}.bundle-upsell__step.is-reached .bundle-upsell__step-label{color:var(--ds-text)}.bundle-upsell__row-head{margin-top:var(--ds-space-5)}.bundle-upsell__row-title{margin:0;font-family:var(--ds-font-display);font-size:var(--ds-text-sm);font-weight:600;line-height:var(--ds-leading-snug);letter-spacing:0;color:var(--ds-text)}.bundle-upsell__cards{display:flex;gap:var(--ds-space-3);margin:var(--ds-space-2) calc(-1 * var(--ds-space-4)) 0;padding:var(--ds-space-1) var(--ds-space-4) var(--ds-space-2);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--ds-space-4);scrollbar-width:thin;scrollbar-color:var(--ds-line-strong) transparent}.bundle-upsell__card{flex:0 0 248px;display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;column-gap:var(--ds-space-3);padding:var(--ds-space-2);border-radius:var(--ds-radius-lg);background:var(--ds-page);scroll-snap-align:start}.bundle-upsell__well{grid-row:span 2;display:grid;place-items:center;width:72px;height:72px;border-radius:var(--ds-radius-lg);background:var(--ds-primary-soft);box-shadow:var(--ds-shadow-well);overflow:hidden}.bundle-upsell__img{display:block;width:60px;height:60px;border-radius:var(--ds-radius-md);object-fit:contain}.bundle-upsell__info{min-width:0;display:grid;gap:2px}.bundle-upsell__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--ds-font-display);font-size:var(--ds-text-sm);font-weight:600;line-height:var(--ds-leading-snug);color:var(--ds-text);text-decoration:none;border-radius:var(--ds-radius-sm)}.bundle-upsell__title:focus-visible{outline:3px solid var(--ds-primary);outline-offset:2px}@media(hover:hover){.bundle-upsell__title:hover{text-decoration:underline;text-underline-offset:3px}}.bundle-upsell__price{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--ds-space-1) var(--ds-space-2);margin:0;font-size:var(--ds-text-sm);line-height:var(--ds-leading-snug);font-variant-numeric:tabular-nums}.bundle-upsell__price-now{font-weight:700;color:var(--ds-text)}.bundle-upsell__price-was{font-size:var(--ds-text-label);color:var(--ds-text-subtle)}.bundle-upsell__add{position:relative;justify-self:end;grid-column:2;display:inline-grid;place-items:center;min-width:72px;min-height:44px;margin-top:var(--ds-space-1);padding:0 var(--ds-space-4);border:0;border-radius:var(--ds-radius-pill);background-color:var(--ds-primary-strong);color:var(--ds-text-on-primary);box-shadow:0 8px 16px -10px #1d4ed899,inset 0 -3px #0f1e5a38,inset 0 2px #ffffff38;font-family:var(--ds-font-display);font-size:var(--ds-text-sm);font-weight:600;line-height:1;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color var(--ds-duration) var(--ds-ease-out),box-shadow var(--ds-duration) var(--ds-ease-out),transform var(--ds-duration-fast) var(--ds-ease-out)}.bundle-upsell__add>*{grid-area:1 / 1}@media(hover:hover){.bundle-upsell__add:hover:not([disabled]){background-color:var(--ds-primary-deep);transform:translateY(-1px)}}.bundle-upsell__add:focus-visible{outline:3px solid var(--ds-primary);outline-offset:3px}.bundle-upsell__add:active:not([disabled]){transform:translateY(1px);box-shadow:var(--ds-shadow-pressed)}.bundle-upsell__add[disabled]{background-color:var(--ds-surface-sunken);color:var(--ds-text-subtle);box-shadow:none;cursor:not-allowed}.bundle-upsell__add.is-loading[disabled]{background-color:var(--ds-primary-strong);color:var(--ds-text-on-primary);cursor:progress}.bundle-upsell__spinner{width:16px;height:16px;opacity:0;stroke-dasharray:120 60}.bundle-upsell__add.is-loading .bundle-upsell__add-label{opacity:0}.bundle-upsell__add.is-loading .bundle-upsell__spinner{opacity:1;animation:bundle-upsell-spin .8s linear infinite}@keyframes bundle-upsell-spin{to{transform:rotate(360deg)}}.bundle-upsell__error{margin:var(--ds-space-3) 0 0;padding:var(--ds-space-2) var(--ds-space-3);border-radius:var(--ds-radius-md);background:var(--ds-danger-soft);color:var(--ds-danger-text);font-size:var(--ds-text-sm);line-height:var(--ds-leading-snug)}.bundle-upsell__error[hidden]{display:none}@media screen and (min-width:750px){.bundle-upsell[data-context=page] .bundle-upsell__track{max-width:480px}.bundle-upsell[data-context=page] .bundle-upsell__cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));margin-inline:0;padding-inline:0;overflow:visible}}@media(prefers-reduced-motion:reduce){.bundle-upsell__track:after,.bundle-upsell__add{transition:none}.bundle-upsell__add:hover:not([disabled]),.bundle-upsell__add:active:not([disabled]){transform:none}.bundle-upsell__add.is-loading .bundle-upsell__spinner{animation-duration:2.4s}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-bundle-upsell.css.map */