.bundle-upsell{display:block;width:100%;box-sizing:border-box;margin:0 0 1.6rem;padding:1.6rem;border:.1rem solid rgb(var(--color-border));border-radius:var(--border-radius-main);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}.bundle-upsell__header{display:grid;gap:.6rem;margin-bottom:1.2rem}.bundle-upsell__title,.bundle-upsell__description,.bundle-upsell__product-title,.bundle-upsell__modal-title{margin:0}.bundle-upsell__description{color:rgb(var(--color-foreground-secondary))}.bundle-upsell__toggle{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;width:100%;margin:0 0 1.2rem;padding:1.2rem;border:.1rem solid rgb(var(--color-border));border-radius:min(var(--border-radius-main),1.2rem);background-color:rgb(var(--color-background-secondary));cursor:pointer;transition:border-color var(--duration-default),background-color var(--duration-default)}.bundle-upsell__toggle.is-active{border-color:rgb(var(--color-accent));background-color:rgba(var(--color-accent),.08)}.bundle-upsell__toggle-input{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0,0,0,0)}.bundle-upsell__checkbox{position:relative;inline-size:2rem;block-size:2rem;border:.1rem solid rgb(var(--color-border));border-radius:.4rem;background-color:rgb(var(--color-background));transition:border-color var(--duration-default),background-color var(--duration-default)}.bundle-upsell__checkbox:after{content:"";position:absolute;top:50%;left:50%;inline-size:1.6rem;block-size:1.6rem;background-color:rgb(var(--color-button-text));opacity:0;transform:translate(-50%,-50%);-webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7' fill='none' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7' fill='none' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat}.bundle-upsell__toggle-input:checked+.bundle-upsell__checkbox{border-color:rgb(var(--color-accent));background-color:rgb(var(--color-accent))}.bundle-upsell__toggle-input:checked+.bundle-upsell__checkbox:after{opacity:1}.bundle-upsell__toggle-input:focus-visible+.bundle-upsell__checkbox{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.bundle-upsell__toggle-label{min-width:0;font-family:var(--font-button-family);font-weight:var(--font-button-weight);line-height:var(--font-body-line-height)}.bundle-upsell__badge,.bundle-upsell__modal-product-badge{display:inline-flex;align-items:center;justify-content:center;min-height:2.8rem;padding:.4rem .9rem;border-radius:var(--border-radius-badge);background-color:rgb(var(--color-accent));color:rgb(var(--color-button-text));font-family:var(--font-badge-family);font-size:calc(var(--font-badge-scale) * 1rem);font-style:var(--font-badge-style);font-weight:var(--font-badge-weight);line-height:1.2;text-transform:var(--font-badge-text-transform);white-space:nowrap}.bundle-upsell__items{display:grid;gap:1rem}.bundle-upsell__product-row{display:grid;grid-template-columns:7.2rem minmax(0,1fr) auto;align-items:center;gap:1.2rem}.bundle-upsell__media,.bundle-upsell__modal-product-image{display:block;overflow:hidden;aspect-ratio:1;border-radius:min(var(--border-radius-main),1rem);background-color:rgb(var(--color-background-secondary))}.bundle-upsell__image,.bundle-upsell__image-placeholder{display:block;width:100%;height:100%}.bundle-upsell__image{object-fit:cover}.bundle-upsell__image-placeholder{background-color:rgb(var(--color-background-tertiary))}.bundle-upsell__product-content{display:grid;min-width:0;gap:.8rem}.bundle-upsell__product-title{overflow-wrap:anywhere}.bundle-upsell__product-price{align-self:start;color:rgb(var(--color-foreground));font-weight:var(--font-heading-weight);white-space:nowrap}.bundle-upsell__variant-picker{max-width:100%}.bundle-upsell__variant-picker .product-form__controls{margin:0}.bundle-upsell__variant-picker .product-form__controls+.product-form__controls{margin-top:.8rem}.bundle-upsell__variant-picker .dropdown-select__current{min-height:4.4rem}.bundle-upsell__plus{display:inline-flex;align-items:center;justify-content:center;justify-self:center;inline-size:3.2rem;block-size:3.2rem;border:.1rem solid rgb(var(--color-border));border-radius:50%;color:rgb(var(--color-accent));font-size:2rem;line-height:1}.bundle-upsell__switch-button{display:inline-flex;align-items:center;justify-content:start;gap:.6rem;width:fit-content;padding:0;border:0;background:none;color:rgb(var(--color-accent));font-family:var(--font-button-family);font-size:calc(var(--font-button-scale) * 1.3rem);font-style:var(--font-button-style);font-weight:var(--font-button-weight);line-height:var(--font-body-line-height);text-transform:var(--font-button-text-transform);cursor:pointer}.bundle-upsell__switch-icon{display:block;inline-size:2rem;block-size:2rem;object-fit:contain;flex-shrink:0}.bundle-upsell__switch-button:hover{color:rgb(var(--color-foreground))}.bundle-upsell__addon-picker{display:grid;gap:.5rem}.bundle-upsell__variant-label{color:rgb(var(--color-foreground-secondary))}.bundle-upsell__select-wrapper{position:relative}.bundle-upsell__select{-webkit-appearance:none;appearance:none;width:100%;min-height:4.4rem;padding-inline:1.4rem 4rem;border:.1rem solid rgb(var(--color-border));border-radius:min(var(--border-radius-input),.8rem);background-color:rgb(var(--color-background));background-image:none;color:rgb(var(--color-foreground));font-family:var(--font-body-family)}.bundle-upsell__select::-ms-expand{display:none}.bundle-upsell__select:hover,.bundle-upsell__select:focus{border-color:rgb(var(--color-foreground))}.bundle-upsell__select-wrapper .icon-caret{position:absolute;top:50%;right:1.2rem;inline-size:2rem;block-size:2rem;pointer-events:none;transform:translateY(-50%)}.bundle-upsell__summary{display:flex;align-items:flex-start;justify-content:space-between;gap:1.2rem;margin-top:1.4rem;padding-top:1.4rem;border-top:.1rem solid rgb(var(--color-border))}.bundle-upsell__summary-label{color:rgb(var(--color-foreground-secondary))}.bundle-upsell__summary-prices{display:grid;justify-items:end;gap:.2rem;text-align:end}.bundle-upsell__summary-compare{color:rgb(var(--color-foreground-secondary))}.bundle-upsell__summary-final{color:rgb(var(--color-foreground));font-size:calc(var(--font-heading-h5-scale) * 1.8rem);line-height:var(--font-heading-line-height)}.bundle-upsell__summary-savings{color:rgb(var(--color-accent));font-weight:var(--font-button-weight)}.bundle-upsell__error{margin-top:1.2rem;color:rgb(var(--color-error))}.bundle-upsell__actions{display:flex;justify-content:center;width:100%;margin-top:1.4rem}.bundle-upsell__button-wrapper.button_wrapper,.bundle-upsell__submit{width:100%;max-width:100%}.bundle-upsell[data-active=false] .bundle-upsell__plus,.bundle-upsell[data-active=false] .bundle-upsell__product-row--addon,.bundle-upsell[data-active=false] .bundle-upsell__summary-compare,.bundle-upsell[data-active=false] .bundle-upsell__summary-savings{display:none}.bundle-upsell__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:2rem;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);line-height:var(--font-body-line-height)}.bundle-upsell__modal[hidden]{display:none}.bundle-upsell__modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(var(--color-overlay),.55)}.bundle-upsell__modal-dialog{position:relative;z-index:1;display:grid;gap:1.4rem;width:min(56rem,100%);max-height:calc(100vh - 4rem);padding:2rem;overflow:auto;border:.1rem solid rgb(var(--color-border));border-radius:var(--border-radius-main);background-color:rgb(var(--color-background));box-shadow:0 2rem 6rem rgba(var(--color-overlay),.2)}.bundle-upsell__modal-close{position:absolute;top:1rem;right:1rem;display:inline-flex;align-items:center;justify-content:center;inline-size:4rem;block-size:4rem;padding:0;border:0;border-radius:50%;background:transparent;color:rgb(var(--color-foreground));font-family:var(--font-button-family);font-style:var(--font-button-style);font-weight:var(--font-button-weight);cursor:pointer}.bundle-upsell__modal-close .icon{inline-size:2.4rem;block-size:2.4rem}.bundle-upsell__modal-title{padding-right:4rem;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);line-height:var(--font-heading-line-height)}.bundle-upsell__modal-list{display:grid;gap:.8rem}.bundle-upsell__modal-product{display:grid;grid-template-columns:7rem minmax(0,1fr) auto;align-items:center;gap:1rem;width:100%;padding:1rem;border:.1rem solid rgb(var(--color-border));border-radius:min(var(--border-radius-main),1rem);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);line-height:var(--font-body-line-height);text-align:start;cursor:pointer;transition:border-color var(--duration-default),background-color var(--duration-default)}.bundle-upsell__modal-product:hover,.bundle-upsell__modal-product.is-selected{border-color:rgb(var(--color-accent));background-color:rgba(var(--color-accent),.08)}.bundle-upsell__modal-product-content{display:grid;min-width:0;gap:.3rem}.bundle-upsell__modal-product-title{overflow-wrap:anywhere;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);line-height:var(--font-heading-line-height)}.bundle-upsell__modal-product-price{color:rgb(var(--color-foreground-secondary))}@media screen and (max-width:749px){.bundle-upsell{padding:1.2rem}.bundle-upsell__toggle{grid-template-columns:auto minmax(0,1fr);position:relative;overflow:visible;padding-block-start:2rem}.bundle-upsell__badge{position:absolute;top:-1rem;right:1rem;z-index:1}.bundle-upsell__product-row{grid-template-columns:5.6rem minmax(0,1fr);align-items:start;gap:1rem}.bundle-upsell__product-price{grid-column:2;justify-self:start}.bundle-upsell__summary{display:grid}.bundle-upsell__summary-prices{justify-items:start;text-align:start}.bundle-upsell__modal{align-items:end;padding:1rem}.bundle-upsell__modal-dialog{width:100%;max-height:calc(100vh - 2rem);padding:1.6rem}.bundle-upsell__modal-product{grid-template-columns:5.6rem minmax(0,1fr)}.bundle-upsell__modal-product-badge{grid-column:2;justify-self:start}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-bundle-upsell.css.map */