.or-up__dialog{--or-up-paper: #fff;--or-up-brand: #be0d0d;--or-up-grad: linear-gradient(90deg, #be0d0d 0%, #f5402a 52%, #ff3d7f 100%);--or-up-shine: linear-gradient( 90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .8) 50%, rgba(255, 255, 255, 0) 100% );width:min(92vw,760px);max-width:none;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;border:0;border-radius:var(--style-border-radius-popover, 8px);background:var(--color-background, #fff);color:var(--color-foreground, #111);box-shadow:0 24px 64px #00000047;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.or-up__dialog::backdrop{background:#0000008c}.or-up__dialog[open]{animation:or-up-in .22s ease-out}@keyframes or-up-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes orUpShine{0%{transform:translate(-100%)}55%,to{transform:translate(220%)}}html.or-up-open{overflow:hidden}.or-up__panel{position:relative;padding:28px 28px 22px}.or-up__close{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.or-up__close:hover{background:rgb(var(--color-foreground-rgb, 0 0 0) / .06)}.or-up__close svg{width:16px;height:16px}.or-up__head{display:flex;align-items:center;gap:14px;padding-right:40px;margin-bottom:18px}.or-up__thumb{flex:0 0 auto;width:64px;height:64px;overflow:hidden;border-radius:6px;background:rgb(var(--color-foreground-rgb, 0 0 0) / .05)}.or-up__thumb img{display:block;width:100%;height:100%;object-fit:cover}.or-up__headtext{min-width:0}.or-up__status{display:inline-flex;align-items:center;gap:6px;margin:0 0 4px;padding:3px 10px 3px 8px;border-radius:999px;background:#e8f5e9;color:#1b7a2e;font-size:.8125rem;font-weight:600;line-height:1.3}.or-up__status svg{width:14px;height:14px}.or-up__product{margin:0;font-size:.9375rem;line-height:1.35}.or-up__product strong{display:block;font-weight:600}.or-up__product span{opacity:.7}.or-up__title{margin:0 0 16px;font-size:clamp(1.35rem,2.6vw,1.75rem);line-height:1.15}.or-up__cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.or-up__card{position:relative;display:flex;flex-direction:column;border:1px solid var(--color-border, rgb(0 0 0 / .15));border-radius:var(--style-border-radius-popover, 8px);overflow:hidden;background:var(--color-background, #fff)}.or-up__card[hidden]{display:none}.or-up__card--primary{border:2px solid transparent;background-image:linear-gradient(var(--color-background, #fff),var(--color-background, #fff)),var(--or-up-grad);background-origin:border-box;background-clip:padding-box,border-box;background-repeat:no-repeat}.or-up__cards:has(.or-up__card[hidden]) .or-up__card:not([hidden]){grid-column:1 / -1;flex-direction:row}.or-up__cards:has(.or-up__card[hidden]) .or-up__card:not([hidden]) .or-up__visual{flex:0 0 38%;aspect-ratio:auto}.or-up__badge{position:absolute;top:10px;left:10px;z-index:1;overflow:hidden;padding:5px 11px;border-radius:999px;background-image:var(--or-up-grad);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.or-up__badge:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:var(--or-up-shine);transform:translate(-100%);animation:orUpShine 3.4s ease-in-out infinite}.or-up__visual{display:flex;align-items:center;justify-content:center;aspect-ratio:3 / 2;background:#f3f1ec;color:#2b2b2b}.or-up__visual--photo{background:#fff}.or-up__picto{width:58%;max-width:180px;height:auto}.or-up__picto[hidden]{display:none}.or-up__photo{display:block;width:100%;height:100%;object-fit:contain}.or-up__photo[hidden]{display:none}.or-up__body{display:flex;flex-direction:column;flex:1 1 auto;gap:8px;padding:14px 16px 16px}.or-up__name{margin:0;font-size:1.05rem;line-height:1.25}.or-up__name span{font-weight:400;opacity:.75}.or-up__desc{margin:0;font-size:.875rem;line-height:1.45;opacity:.8}.or-up__desc--short{display:none}.or-up__colors{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0}.or-up__colors[hidden]{display:none}.or-up__color{display:inline-flex;align-items:center;gap:7px;margin:0;padding:5px 10px 5px 6px;border:1px solid var(--color-border, rgb(0 0 0 / .2));border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:.8125rem;line-height:1.2;cursor:pointer}.or-up__color[aria-checked=true]{border-color:currentColor;box-shadow:0 0 0 1px currentColor}.or-up__swatch{display:inline-block;width:16px;height:16px;border-radius:50%;border:1px solid rgb(0 0 0 / .25)}.or-up__price{display:flex;flex-direction:column;gap:2px;margin:4px 0 2px}.or-up__diff{font-size:1.35rem;font-weight:700;line-height:1.1;color:var(--color-foreground, #111)}.or-up__card--primary .or-up__diff{color:var(--or-up-brand);background-image:var(--or-up-grad);background-size:100% 100%;-webkit-background-clip:text;background-clip:text}@supports (-webkit-background-clip: text) or (background-clip: text){.or-up__card--primary .or-up__diff{color:transparent}}.or-up__total{font-size:.8125rem;opacity:.7}.or-up__total--short{display:none}.or-up__cta{width:100%;margin-top:auto}.or-up__card--primary .or-up__cta{position:relative;overflow:hidden;border:1px solid transparent;background-image:var(--or-up-grad);color:#fff}.or-up__card--primary .or-up__cta:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:var(--or-up-shine);transform:translate(-100%);animation:orUpShine 3.4s ease-in-out infinite}.or-up__card:not(.or-up__card--primary) .or-up__cta{border:1.5px solid var(--or-up-brand);background:#fff;background-image:none;color:var(--or-up-brand)}.or-up__card:not(.or-up__card--primary) .or-up__cta:hover{background:var(--or-up-brand);color:#fff}.or-up__error{margin:14px 0 0;padding:10px 12px;border-radius:6px;background:#fdecec;color:#8a1c1c;font-size:.875rem}.or-up__error[hidden]{display:none}.or-up__decline{display:block;width:100%;margin:16px 0 0;padding:10px;border:0;background:transparent;color:inherit;font:inherit;font-size:.9375rem;text-decoration:underline;text-underline-offset:3px;opacity:.75;cursor:pointer}.or-up__decline:hover{opacity:1}.or-up--busy .or-up__cta,.or-up--busy .or-up__decline,.or-up--busy .or-up__color{pointer-events:none;opacity:.55}@media(prefers-reduced-motion:reduce){.or-up__dialog[open],.or-up__badge:after,.or-up__card--primary .or-up__cta:after{animation:none}}@media(max-width:749px){.or-up__dialog{width:100vw;max-width:100vw;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);margin:auto 0 0;border-radius:16px 16px 0 0}.or-up__panel{padding:16px 14px 14px}.or-up__head{gap:10px;margin-bottom:12px}.or-up__thumb{width:44px;height:44px}.or-up__status{margin-bottom:2px;padding:2px 8px 2px 6px;font-size:.6875rem}.or-up__status svg{width:12px;height:12px}.or-up__product{font-size:.8125rem;line-height:1.3}.or-up__title{font-size:1.125rem;margin-bottom:10px}.or-up__cards{grid-template-columns:1fr;gap:10px}.or-up__card{flex-direction:row}.or-up__visual{flex:0 0 30%;aspect-ratio:auto;min-height:0}.or-up__picto{width:72%;max-width:96px}.or-up__body{gap:5px;padding:10px 12px 12px}.or-up__name{font-size:.875rem;line-height:1.2}.or-up__desc--long{display:none}.or-up__desc--short{display:block;font-size:.78125rem;line-height:1.35}.or-up__colors{gap:6px;margin:0}.or-up__color{gap:5px;padding:3px 8px 3px 4px;font-size:.75rem}.or-up__swatch{width:13px;height:13px}.or-up__price{flex-direction:row;align-items:baseline;flex-wrap:nowrap;gap:7px;margin:2px 0 0}.or-up__diff{font-size:1.0625rem}.or-up__total--long{display:none}.or-up__total--short{display:inline;white-space:nowrap;font-size:.75rem}.or-up__cta{min-height:0;padding:9px 10px;font-size:.75rem}.or-up__badge{top:7px;left:calc(30% + 11px);padding:3px 9px;font-size:.625rem}.or-up__card--primary .or-up__body{padding-top:30px}.or-up__decline{margin-top:10px;padding:8px;font-size:.875rem}.or-up__cards:has(.or-up__card[hidden]) .or-up__card:not([hidden]) .or-up__visual{flex-basis:30%}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/or-upsell-modal.css.map */