.pdp-upsell-popup{width:min(768px,90%);max-height:90vh;min-height:600px;padding:0;border:none;border-radius:0;box-shadow:0 8px 32px #00000029;background:var(--color-white, #fff)}.pdp-upsell-popup::backdrop{background:#00000080}.pdp-upsell-popup__inner{position:relative;display:flex;flex-direction:column;gap:var(--spacing-space-m);padding:var(--spacing-space-xl);min-height:600px;overflow-y:auto}.pdp-upsell-popup__close{position:absolute;top:var(--spacing-space-l);right:var(--spacing-space-l);display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;color:var(--color-dark-gray)}.pdp-upsell-popup__debug{font-family:monospace;font-size:11px;line-height:1.5;text-align:left;color:var(--color-dark-gray);background:var(--color-light-gray, #f4f4f4);border-radius:4px;padding:6px 8px;margin-bottom:8px;word-break:break-word}.pdp-upsell-popup__super-title{text-transform:uppercase;letter-spacing:var(--font-kicker-letter-spacing);font-family:var(--font-family-heading);font-weight:400;font-size:14px;text-align:center;color:var(--color-dark-gray);margin:0;padding-right:var(--spacing-space-2xl)}.pdp-upsell-popup__title{font:var(--font-h7);text-transform:var(--font-h7-text-transform, none);text-align:center;letter-spacing:var(--font-h7-letter-spacing, 0);color:var(--color-dark-gray);margin:0;padding-right:var(--spacing-space-2xl)}.pdp-upsell-popup__description{font-size:14px;text-align:center;color:var(--color-dark-gray);margin:0;padding-right:var(--spacing-space-2xl)}.pdp-upsell-popup__state{margin:0;padding:var(--spacing-space-l) 0;font:var(--font-body);color:var(--color-dark-gray);text-align:center}.pdp-upsell-popup__state--loading,.pdp-upsell-popup__state--empty,.pdp-upsell-popup__target{display:none}.pdp-upsell-popup[data-state=loading] .pdp-upsell-popup__state--loading{display:block}.pdp-upsell-popup[data-state=loading] .upsell-skeleton{display:flex}.pdp-upsell-popup .upsell-skeleton__card{flex-basis:calc((100% - 18px)*.4)}@container (min-width: 400px){.pdp-upsell-popup .upsell-skeleton__card{flex-basis:calc((100% - 2 * 12px) / 3)}}@container (min-width: 600px){.pdp-upsell-popup .upsell-skeleton__card{flex-basis:calc((100% - 36px)/4)}}.pdp-upsell-popup[data-state=empty] .pdp-upsell-popup__state--empty,.pdp-upsell-popup[data-state=error] .pdp-upsell-popup__state--empty,.pdp-upsell-popup[data-state=ready] .pdp-upsell-popup__target{display:block}.pdp-upsell-popup__block{margin:auto 0}
/*# sourceMappingURL=/cdn/shop/t/1856/assets/pdp-upsell-popup.css.map */