.upsell-popup{display:block;z-index:100}body:has(.upsell-popup[open]){overflow:hidden}.upsell-popup__title{font-weight:500}.upsell-popup{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;padding:0}.upsell-popup__close{position:absolute;top:1.5rem;right:1.5rem}.upsell-popup__close:focus-visible{outline:none;box-shadow:none}.upsell-popup[open]{display:block}.upsell-popup__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;animation:fadeIn .3s ease-out}.upsell-popup__content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:0;border-radius:1rem;max-width:450px;width:90%;max-height:90vh;animation:slideIn .3s ease-out;box-shadow:0 4px 24px #0000001a;display:flex;flex-direction:column}.upsell-popup__header{padding:1.5rem;border-bottom:1px solid #e5e5e5}.upsell-popup__body{padding:1.5rem;overflow-y:auto;flex:1}.upsell-popup__footer{padding:1.5rem;border-top:1px solid #e5e5e5}.upsell-product{margin-bottom:1.5rem;background:#f2f2f2;border-radius:var(--rounded-sm);overflow:hidden}.upsell-product:last-child{margin-bottom:0}.upsell-product__main{display:grid;grid-template-columns:80px 1fr;gap:1rem;align-items:start;padding:var(--spacing-4)}.upsell-product__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.upsell-product__image{width:80px;height:80px;object-fit:cover;border-radius:var(--rounded-sm)}.upsell-product__price{display:flex;gap:.5rem;align-items:center;margin-top:.25rem;font-size:14px}.upsell-product__price-current{color:rgb(var(--on-sale-text))}.upsell-product__price-current:not(:only-child){color:#d1a52c;font-weight:500}.upsell-product__price-compare{text-decoration:line-through;color:rgb(var(--text-subdued))}.upsell-product__toggle-button{white-space:nowrap}.upsell-product__toggle-button.btn.btn--tertiary{padding:8px;font-size:14px;min-width:80px}.upsell-product__toggle-button[data-added=true]{background:#00613d;color:var(--color-text-button);border-color:#00613d}.upsell-product__toggle-button.btn.btn--tertiary:hover:not([disabled]){border-color:#00613d}.upsell-product__toggle-button .added-text,.upsell-product__toggle-button .add-text{display:inline-flex;align-items:center;justify-content:center;width:100%}.upsell-product__toggle-button .added-text,.upsell-product__toggle-button[data-added=true] .add-text{display:none}.upsell-product__toggle-button[data-added=true] .added-text{display:inline-flex}.upsell-product__option{padding:0 var(--spacing-4) var(--spacing-4)}.upsell-product__option:not(:last-child){margin-bottom:0}.upsell-option__label{font-size:14px;font-weight:500;margin-bottom:10px;display:block;color:rgb(var(--text-primary))}.upsell-product__variant-picker{display:flex;flex-wrap:wrap;gap:8px}.upsell-product__variant-option{position:relative;min-width:45px;height:45px;border:1px solid #e5e5e5;border-radius:25px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 16px;font-size:14px;background:#fff;transition:all .2s ease;font-weight:500;color:rgb(var(--text-primary))}.upsell-product__variant-option:hover:not([disabled]){border-color:rgb(var(--text-primary))}.upsell-product__variant-option.selected{border-color:rgb(var(--text-primary))}.upsell-product__variant-option[data-selected=true]{border:2px solid rgb(var(--text-primary));background:rgb(var(--text-primary));color:rgb(var(--background-primary));font-weight:600;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.upsell-popup__buttons{display:flex;flex-direction:column;gap:.5rem}.upsell-product__title{font-size:14px;font-weight:500;line-height:1.2}.upsell-popup__skip-button{width:100%;padding:.75rem;background:none;border:none;cursor:pointer;font-size:.875rem;transition:color .2s;text-align:center;padding-bottom:0}body.upsell-popup-open{overflow:hidden}.upsell-product__variant-option[data-color]{width:45px;padding:0;border-radius:50%}.upsell-product__variant-option[data-color][data-selected=true]{border:2px solid rgb(var(--text-primary));box-shadow:0 0 0 2px #fff,0 0 0 4px rgb(var(--text-primary))}.upsell-popup__add-button:disabled{opacity:.7}@media screen and (min-width: 700px){.upsell-popup__content{max-width:500px}.upsell-product__main{grid-template-columns:100px 1fr}.upsell-product__image{width:100px;height:100px}}@media (max-width: 460px){.upsell-product__header{display:block}.upsell-product__price{margin-bottom:5px}}@media (max-width: 399px){.upsell-popup__title{text-align:left;font-size:14px}.upsell-popup__close{right:.75rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/upsell-popup.css.map */