.bonst-up{border:1px solid rgba(var(--color-foreground),.12);border-radius:1.2rem;background:#f5f1e6;padding:2rem;color:rgb(var(--color-foreground))}.bonst-up__heading{margin:0 0 1.2rem;font-size:1.2rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600}.bonst-up__text{margin:-.6rem 0 1.2rem;font-size:1.4rem;color:rgba(var(--color-foreground),.75)}.bonst-up__text:empty{display:none}.bonst-up__list{list-style:none;margin:0;padding:0;display:grid;gap:1rem}.bonst-up__item{display:grid;grid-template-columns:6.4rem 1fr auto;gap:1.2rem;align-items:center;background:rgb(var(--color-background));padding:1rem 1.2rem 1rem 1rem;border:1px solid rgba(18,18,18,.08);border-radius:1rem}.bonst-up__media img{width:6.4rem;height:6.4rem;object-fit:contain;display:block;mix-blend-mode:multiply;border-radius:.8rem}.bonst-up__info{display:flex;flex-direction:column;gap:.4rem;min-width:0}.bonst-up__title{font-size:1.4rem;font-weight:600;color:inherit;text-decoration:none;line-height:1.3}.bonst-up__title:hover{text-decoration:underline}.bonst-up__price{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem .6rem;font-size:1.35rem;font-weight:600}.bonst-up__price s{color:rgba(var(--color-foreground),.5);font-weight:400;font-size:1.2rem}.bonst-up__price em{font-style:normal;font-size:1.05rem;font-weight:600;letter-spacing:.04em;padding:.15rem .5rem;border-radius:.4rem;background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.bonst-up__select{font:inherit;font-size:1.25rem;line-height:1.2;color:inherit;width:fit-content;cursor:pointer;padding:.4rem 2.4rem .4rem .9rem;border:1px solid rgba(18,18,18,.2);border-radius:.8rem;-webkit-appearance:none;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23121212' stroke-width='1.4'%3E%3Cpath d='M3 4.5l3 3 3-3'/%3E%3C/svg%3E") right .7rem center / 1rem no-repeat}.bonst-up__add{width:5.6rem;height:5.6rem;padding:0;cursor:pointer;border-radius:1rem!important;border:1px solid rgba(18,18,18,.25);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23121212' stroke-width='1.4'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center / 2.4rem no-repeat;transition:background-color .2s ease,border-color .2s ease}.bonst-up__add:hover{border-color:rgb(var(--color-foreground))}.bonst-up__add.loading{opacity:.5}.bonst-up__add.is-added{border-color:rgb(var(--color-foreground));background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23121212' stroke-width='1.6'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}.bonst-up__item.is-added{opacity:.6}.bonst-up--compact{padding:1.4rem;margin:0 0 1.6rem}.bonst-up--compact .bonst-up__item{grid-template-columns:4.8rem 1fr auto;padding:.8rem}.bonst-up--compact .bonst-up__media img{width:4.8rem;height:4.8rem}.bonst-up--compact .bonst-up__title{font-size:1.3rem}.bonst-up--compact .bonst-up__add{width:4.4rem;height:4.4rem;background-size:2rem}[data-bonst-upsell-inline]:not(:empty){max-width:72rem;margin:0 0 2.4rem auto}.bonst-up-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.6rem}.bonst-up-modal .bonst-up-modal__backdrop{display:block}.bonst-up-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;opacity:0;transition:opacity .25s ease}.bonst-up-modal__panel{position:relative;width:100%;max-width:52rem;max-height:calc(100vh - 3.2rem);overflow:auto;background:rgb(var(--color-background));padding:2.4rem;transform:translateY(1.6rem);opacity:0;transition:transform .25s ease,opacity .25s ease}.bonst-up-modal.is-open .bonst-up-modal__backdrop{opacity:1}.bonst-up-modal.is-open .bonst-up-modal__panel{transform:none;opacity:1}.bonst-up-modal__close{position:absolute;top:.6rem;right:.8rem;background:none;border:0;font-size:2.8rem;line-height:1;cursor:pointer;color:rgb(var(--color-foreground));padding:.4rem .8rem}.bonst-up-modal .bonst-up{border:0;margin-top:1.2rem}.bonst-up-modal__skip{display:block;margin:1.6rem auto 0;background:none;border:0;font:inherit;font-size:1.4rem;text-decoration:underline;text-underline-offset:.3rem;cursor:pointer;color:rgba(var(--color-foreground),.75)}@media screen and (max-width:749px){.bonst-up{padding:1.6rem}.bonst-up__item{grid-template-columns:5.2rem 1fr auto;gap:1rem}.bonst-up__media img{width:5.2rem;height:5.2rem}.bonst-up__add{width:4.4rem;height:4.4rem;background-size:2rem}.bonst-up-modal{align-items:flex-end;padding:0}.bonst-up-modal__panel{max-width:none;padding:2rem 1.6rem 2.4rem}}@media(prefers-reduced-motion:reduce){.bonst-up-modal__backdrop,.bonst-up-modal__panel{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/bonst-upsell.css.map */
