.package-upsell{--modal-width: 86rem;--package-upsell-pink: #e90fab;--package-upsell-purple: #9540ff;--package-upsell-green: #ebffdd;--package-upsell-tag: #ffdfc7;--package-upsell-ink: #1a1a33}.package-upsell .package-upsell__inner{position:relative;border-radius:2.4rem;max-height:calc(100vh - 4rem);overflow:hidden auto}.package-upsell__close{z-index:2;--drawer-close-btn-size: 4.4rem}.package-upsell__body{padding:3.2rem 2.4rem 2.4rem}.package-upsell__layout{display:grid;gap:2.4rem}.package-upsell__media{display:none}.package-upsell__media img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.package-upsell__title{margin:0 0 2rem;padding-inline-end:3.2rem;font-size:2rem;line-height:1.25;font-weight:700;text-align:center;color:var(--package-upsell-ink)}.package-upsell__options{display:grid;gap:.8rem}.package-upsell__option{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"radio title unit" "radio discount tag";align-items:center;gap:.4rem 1.2rem;width:100%;height:auto;min-height:0;margin:0;padding:1.2rem 1.6rem;border:0;border-radius:2.4rem;background:transparent;font-family:inherit;line-height:1.35;text-align:start;cursor:pointer;transition:background-color .2s ease}.package-upsell__option:hover,.package-upsell__option--active{background:var(--package-upsell-green)}.package-upsell__radio{grid-area:radio;position:relative;width:2.3rem;height:2.3rem;flex:none}.package-upsell__radio:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--package-upsell-ink);border-radius:50%}.package-upsell__radio:after{content:"";position:absolute;top:.5rem;left:.5rem;width:1.3rem;height:1.3rem;border-radius:50%;background:transparent}.package-upsell__option--active .package-upsell__radio:before{border-color:var(--package-upsell-pink)}.package-upsell__option--active .package-upsell__radio:after{background:var(--package-upsell-pink)}.package-upsell__option-title{grid-area:title;font-size:1.4rem;font-weight:700;color:var(--package-upsell-ink)}.package-upsell__option-unit-price{grid-area:unit;font-size:1.3rem;font-weight:400;text-align:end;white-space:nowrap;color:var(--package-upsell-ink)}.package-upsell__option-discount{grid-area:discount;justify-self:start;padding:.6rem 1rem;border-radius:10rem;background:var(--package-upsell-purple);color:#fff;font-size:1.3rem;font-weight:600;white-space:nowrap}.package-upsell__option-tag{grid-area:tag;justify-self:end;padding:.6rem 1.2rem;border-radius:10rem;background:var(--package-upsell-tag);color:var(--package-upsell-ink);font-size:1.3rem;font-weight:500;white-space:nowrap}.package-upsell__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:1.2rem;margin-top:2rem}.package-upsell__price-current{font-size:2.8rem;font-weight:700;color:var(--package-upsell-pink)}.package-upsell__price-compare{font-size:2rem;font-weight:500;color:rgba(var(--color-foreground),.5)}.package-upsell__price-compare[hidden]{display:none}.package-upsell__error{margin-top:1.2rem}.package-upsell__error[hidden]{display:none}.package-upsell__submit{position:relative;display:flex;align-items:center;justify-content:center;gap:1.2rem;width:100%;height:auto;margin-top:1.6rem;padding:1.6rem 2.4rem;border:0;border-radius:10rem;background:var(--background, #c6f222);color:var(--package-upsell-ink);font-size:1.6rem;font-weight:700;line-height:1.4;cursor:pointer;transition:filter .2s ease}.package-upsell__submit:hover{filter:brightness(.94)}.package-upsell__submit[aria-disabled=true]{pointer-events:none;opacity:.7}@media(min-width:768px){.package-upsell__body{padding:4rem 3.2rem 3.2rem}.package-upsell__title{font-size:2.2rem;margin-bottom:3.2rem}.package-upsell__layout{grid-template-columns:33rem minmax(0,1fr);gap:0 3.2rem;align-items:start}.package-upsell__layout:not(:has(.package-upsell__media)){grid-template-columns:minmax(0,1fr)}.package-upsell__title{grid-column:1 / -1}.package-upsell__media{display:block;align-self:stretch;padding:2.4rem;border-radius:1.6rem;background:#fff5ec}.package-upsell__option{grid-template-columns:auto minmax(0,1fr) 11rem 13rem;grid-template-areas:"radio title discount tag" "radio unit discount tag";gap:0 1.2rem}.package-upsell__option-unit-price{text-align:start}.package-upsell__option-discount,.package-upsell__option-tag{justify-self:stretch;grid-row:1 / span 2;align-self:center;text-align:center}.package-upsell__submit{padding:1.8rem 3.2rem}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/package-upsell.css.map */