.bundle-upsell-modal{opacity:0;position:fixed;visibility:hidden;z-index:-1;margin:0 auto;top:0;left:0;width:100%;height:100%;background:rgba(var(--color-foreground),.5);overflow:auto;transition:opacity var(--duration-default) ease,visibility var(--duration-default) ease}.bundle-upsell-modal[open]{opacity:1;visibility:visible;z-index:1001}.bundle-upsell-modal__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgb(var(--color-background));border-radius:16px;padding:2rem 1.5rem;width:92%;max-width:460px;max-height:90vh;overflow:hidden;box-shadow:0 .5rem 2rem #00000026;border:var(--popup-border-width, 0) solid rgba(var(--color-foreground),var(--popup-border-opacity, .1));text-align:center}@media screen and (min-width: 750px){.bundle-upsell-modal__content{padding:2.5rem 2rem;max-width:480px}}.bundle-upsell-modal__close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;color:rgb(var(--color-foreground));z-index:2}.bundle-upsell-modal__close .icon{width:1.6rem;height:1.6rem}.bundle-upsell-modal__title{font-size:1.6rem;margin:0 0 .5rem;font-weight:700;line-height:1.3}@media screen and (min-width: 750px){.bundle-upsell-modal__title{font-size:1.8rem}}.bundle-upsell-modal__subtitle{font-size:1.4rem;margin:0 0 1.5rem;color:rgba(var(--color-foreground),.7)}.bundle-upsell-modal__options{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem}.bundle-upsell-modal__option{display:flex;flex-direction:column;align-items:center;position:relative;border:2px solid #E8E8E8;border-radius:12px;padding:1rem .5rem .75rem;cursor:pointer;transition:border-color var(--duration-short) ease,background-color var(--duration-short) ease}.bundle-upsell-modal__option:has(input[type=radio]:checked){border-color:rgb(var(--color-button));background-color:rgba(var(--color-button),.08)}.bundle-upsell-modal__option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.bundle-upsell-modal__tag{position:absolute;top:-.6rem;right:-.4rem;background:linear-gradient(11deg,#ff4500,#ff4500,orange);padding:.25rem .5rem;font-size:small;font-weight:600;color:#fff;border-radius:5px;z-index:1;filter:drop-shadow(1px 3px 3px #00000055);white-space:nowrap}.bundle-upsell-modal__images{display:grid;grid-template:"single";justify-content:center;align-items:center;margin-bottom:.5rem;min-height:60px}.bundle-upsell-modal__images img{grid-area:single;width:50px;height:50px;object-fit:contain;border-radius:6px}@media screen and (min-width: 750px){.bundle-upsell-modal__images img{width:65px;height:65px}}.bundle-upsell-modal__images--2 img:nth-child(1){transform:translate(-10px);z-index:2}.bundle-upsell-modal__images--2 img:nth-child(2){transform:translate(10px,-4px);opacity:.85;z-index:1}.bundle-upsell-modal__images--3 img:nth-child(1){transform:translate(-18px);z-index:3}.bundle-upsell-modal__images--3 img:nth-child(2){transform:translateY(-4px);z-index:2}.bundle-upsell-modal__images--3 img:nth-child(3){transform:translate(14px,-7px);opacity:.8;z-index:1}.bundle-upsell-modal__option-text{font-size:1.4rem;font-weight:600;text-align:center}.bundle-upsell-modal__price{margin-top:.25rem;font-size:1.3rem;line-height:1.4}.bundle-upsell-modal__price-regular{text-decoration:line-through;color:rgba(var(--color-foreground),.55);margin-right:.25rem}.bundle-upsell-modal__price-sale{color:#ff4500;font-weight:700}.bundle-upsell-modal__actions{display:flex;flex-direction:row;gap:.75rem;align-items:stretch}.bundle-upsell-modal__reject,.bundle-upsell-modal__accept{flex:1 1 0;min-height:48px;font-size:1.5rem;border-radius:8px;cursor:pointer;--buttons-radius: 8px;--buttons-radius-outset: 8px}.bundle-upsell-modal__accept{font-weight:600}.bundle-upsell-modal__reject{background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.25);color:rgb(var(--color-foreground));transition:background-color var(--duration-short) ease,border-color var(--duration-short) ease}.bundle-upsell-modal__reject:hover{border-color:rgba(var(--color-foreground),.5);background-color:rgba(var(--color-foreground),.04)}
/*# sourceMappingURL=/cdn/shop/t/168/assets/component-bundle-upsell-modal.css.map */
