.patch-upsell{--patch-border: rgba(var(--color-foreground, 18, 18, 18), .14);--patch-muted: rgba(var(--color-foreground, 18, 18, 18), .68);--patch-surface: rgb(var(--color-background, 255, 255, 255));--patch-foreground: rgb(var(--color-foreground, 18, 18, 18));--patch-accent: rgb(var(--color-button, var(--color-foreground, 18, 18, 18)));display:block;margin-block:1.8rem;color:var(--patch-foreground)}.patch-upsell__heading{margin:0 0 .8rem;font:inherit;font-size:1.5rem;font-weight:700;line-height:1.35}.patch-upsell__toggle{width:100%;min-height:5.2rem;padding:1.3rem 1.6rem;border:.1rem solid var(--patch-border);border-radius:var(--border-radius-theme, .8rem);background:var(--patch-surface);color:inherit;display:flex;align-items:center;justify-content:space-between;gap:1.6rem;font:inherit;font-size:1.5rem;font-weight:650;line-height:1.3;text-align:start;cursor:pointer;transition:border-color .16s ease-out,background-color .16s ease-out}.patch-upsell__toggle:hover{border-color:rgba(var(--color-foreground, 18, 18, 18),.34)}.patch-upsell__toggle:focus-visible,.patch-upsell__checkbox:focus-visible+.patch-upsell__checkmark,.patch-placement__close:focus-visible,.patch-placement__choice:focus-visible{outline:.2rem solid currentColor;outline-offset:.3rem}.patch-upsell__chevron{width:2rem;height:2rem;flex:0 0 auto;transition:transform .18s cubic-bezier(.22,1,.36,1)}.patch-upsell__toggle[aria-expanded=true] .patch-upsell__chevron{transform:rotate(180deg)}.patch-upsell__panel{margin-block-start:.8rem;padding:.8rem;border:.1rem solid var(--patch-border);border-radius:var(--border-radius-theme, .8rem);background:var(--patch-surface)}.patch-upsell__panel[hidden]{display:none}.patch-upsell__list{display:grid;gap:.8rem}.patch-upsell__option{position:relative;min-width:0;min-height:7.4rem;padding:.9rem 1.2rem;border:.1rem solid var(--patch-border);border-radius:calc(var(--border-radius-theme, .8rem) * .85);display:grid;grid-template-columns:2rem 5.6rem minmax(0,1fr);align-items:center;gap:1.2rem;cursor:pointer;transition:border-color .16s ease-out,background-color .16s ease-out,transform .16s ease-out}.patch-upsell__option:hover{border-color:rgba(var(--color-foreground, 18, 18, 18),.34)}.patch-upsell__option:has(.patch-upsell__checkbox:checked){border-color:var(--patch-accent);background:rgba(var(--color-button, var(--color-foreground, 18, 18, 18)),.055)}.patch-upsell__option--unavailable{opacity:.55;cursor:not-allowed}.patch-upsell__checkbox{position:absolute;inline-size:.1rem;block-size:.1rem;opacity:0;pointer-events:none}.patch-upsell__checkmark{width:2rem;height:2rem;border:.1rem solid rgba(var(--color-foreground, 18, 18, 18),.42);border-radius:.35rem;display:grid;place-items:center;color:rgb(var(--color-button-text, 255, 255, 255));background:transparent}.patch-upsell__checkmark svg{width:1.4rem;height:1.4rem;opacity:0;transform:scale(.7);transition:opacity .14s ease-out,transform .18s cubic-bezier(.22,1,.36,1)}.patch-upsell__checkbox:checked+.patch-upsell__checkmark{border-color:var(--patch-accent);background:var(--patch-accent)}.patch-upsell__checkbox:checked+.patch-upsell__checkmark svg{opacity:1;transform:scale(1)}.patch-upsell__image{width:5.6rem;height:5.6rem;object-fit:contain;border-radius:.6rem;background:rgba(var(--color-foreground, 18, 18, 18),.035)}.patch-upsell__image--empty{display:block}.patch-upsell__copy{min-width:0;display:grid;gap:.2rem}.patch-upsell__label{overflow-wrap:anywhere;font-size:1.4rem;font-weight:650;line-height:1.35}.patch-upsell__price,.patch-upsell__placement{color:var(--patch-muted);font-size:1.25rem;line-height:1.35}.patch-upsell__placement{font-weight:600}.patch-upsell__empty,.patch-upsell__status{margin:0;font-size:1.3rem;line-height:1.45}.patch-upsell__status{min-height:0;padding-block-start:.7rem;color:var(--patch-muted)}.patch-upsell__status:empty{display:none}.patch-upsell__status[data-state=error]{color:#b41919}.patch-placement[hidden]{display:none}html.patch-dialog-open{overflow:hidden}.patch-placement{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;place-items:center;padding:1.6rem}.patch-placement__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000085;animation:patch-backdrop-in .16s ease-out both}.patch-placement__dialog{position:relative;width:min(100%,38rem);max-height:min(90vh,52rem);overflow:auto;border-radius:1.4rem;background:var(--patch-surface);color:var(--patch-foreground);box-shadow:0 1.8rem 5rem #0000003d;animation:patch-dialog-in .22s cubic-bezier(.22,1,.36,1) both}.patch-placement__header{padding:1.5rem 1.6rem;border-block-end:.1rem solid var(--patch-border);display:flex;align-items:center;justify-content:space-between;gap:1.6rem}.patch-placement__title{margin:0;font:inherit;font-size:1.6rem;font-weight:750;line-height:1.35}.patch-placement__close{width:4.4rem;height:4.4rem;margin:-1rem -1rem -1rem 0;padding:1.1rem;border:0;background:transparent;color:inherit;cursor:pointer}.patch-placement__close svg{width:100%;height:100%}.patch-placement__body{padding:1.8rem 1.6rem}.patch-placement__body p,.patch-placement__body strong{display:block;margin:0;overflow-wrap:anywhere}.patch-placement__body p{margin-block-end:.5rem;color:var(--patch-muted);font-size:1.4rem}.patch-placement__body strong{font-size:1.55rem;line-height:1.4}.patch-placement__actions{padding:0 1.6rem 1.6rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.patch-placement__choice{min-height:4.8rem;padding:1.1rem 1.4rem;border:.1rem solid var(--patch-accent);border-radius:var(--border-radius-theme, .8rem);background:var(--patch-accent);color:rgb(var(--color-button-text, 255, 255, 255));font:inherit;font-size:1.45rem;font-weight:700;cursor:pointer}@keyframes patch-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes patch-dialog-in{0%{opacity:0;transform:translateY(1.2rem) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:479px){.patch-upsell__option{grid-template-columns:2rem 4.8rem minmax(0,1fr);gap:1rem;padding-inline:1rem}.patch-upsell__image{width:4.8rem;height:4.8rem}}@media(prefers-reduced-motion:reduce){.patch-upsell__chevron,.patch-upsell__option,.patch-upsell__checkmark svg,.patch-placement__backdrop,.patch-placement__dialog{animation:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/patch-upsell.css.map */