.xo-compatible-bundle-products{--xo-compatible-bundle-radius: 1.2rem;--xo-compatible-bundle-accent: rgb(var(--color-accent));--xo-compatible-bundle-accent-soft: color-mix(in srgb, rgba(var(--color-accent)) 10%, transparent);--xo-compatible-bundle-accent-mid: color-mix(in srgb, rgba(var(--color-accent)) 22%, transparent);--xo-compatible-bundle-border: color-mix(in srgb, rgba(var(--color-border)) 100%, transparent);--xo-compatible-bundle-border-soft: color-mix(in srgb, rgba(var(--color-foreground)) 10%, transparent);--xo-compatible-bundle-surface: color-mix(in srgb, rgba(var(--color-background)) 100%, transparent);--xo-compatible-bundle-surface-soft: color-mix(in srgb, rgba(var(--color-layer)) 100%, rgba(var(--color-foreground)) 3%);--xo-compatible-bundle-text: color-mix(in srgb, rgba(var(--color-foreground)) 94%, transparent);--xo-compatible-bundle-muted: color-mix(in srgb, rgba(var(--color-foreground)) 62%, transparent);--xo-compatible-bundle-faint: color-mix(in srgb, rgba(var(--color-foreground)) 42%, transparent);display:block;margin-block:1.6rem}.xo-compatible-bundle-products__inner{overflow:hidden;border:.1rem solid var(--xo-compatible-bundle-border);border-radius:var(--xo-compatible-bundle-radius);background:var(--xo-compatible-bundle-surface)}.xo-compatible-bundle-products__header{display:block;padding:2rem 1.8rem 1.35rem}.xo-compatible-bundle-products__header-content{display:grid;gap:.65rem;min-width:0}.xo-compatible-bundle-products__heading{display:flex;flex-wrap:wrap;column-gap:.45rem;row-gap:.1rem;margin:0;color:var(--xo-compatible-bundle-text);font-size:2rem;font-weight:800;letter-spacing:0;line-height:1.12}.xo-compatible-bundle-products__subheading,.xo-compatible-bundle-products__summary{color:var(--xo-compatible-bundle-muted);font-size:1.34rem;font-weight:600;line-height:1.38}.xo-compatible-bundle-products__subheading{margin:0}.xo-compatible-bundle-products__highlight{color:var(--xo-compatible-bundle-accent);font-weight:800}.xo-compatible-bundle-products__progress{display:grid;gap:1rem;padding:.45rem 1.8rem 1.85rem}.xo-compatible-bundle-products__progress-track{position:relative;height:.9rem;overflow:hidden;border-radius:999rem;background:color-mix(in srgb,rgba(var(--color-foreground)) 11%,transparent);box-shadow:inset 0 0 0 .1rem color-mix(in srgb,rgba(var(--color-foreground)) 5%,transparent)}.xo-compatible-bundle-products__progress-fill{position:absolute;inset-block:0;inset-inline-start:0;width:0;border-radius:inherit;background:var(--xo-compatible-bundle-accent);transition:width .22s ease}.xo-compatible-bundle-products__milestones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.xo-compatible-bundle-products__milestones span{color:var(--xo-compatible-bundle-faint);font-size:1.2rem;font-weight:700;line-height:1.25;text-align:center;transition:color .18s ease}.xo-compatible-bundle-products__milestones span:first-child{text-align:start}.xo-compatible-bundle-products__milestones span:last-child{text-align:end}.xo-compatible-bundle-products__milestones span.is-achieved{color:var(--xo-compatible-bundle-accent);font-weight:800}.xo-compatible-bundle-products__list{display:grid;gap:.85rem;padding:1.4rem 1.8rem;border-block-start:.1rem solid var(--xo-compatible-bundle-border-soft)}.xo-compatible-bundle-products__item{position:relative;display:grid;grid-template-columns:7.2rem minmax(0,1fr) auto;align-items:center;gap:1.2rem;min-height:9rem;padding:1rem;border:.1rem solid var(--xo-compatible-bundle-border-soft);border-radius:.9rem;background:var(--xo-compatible-bundle-surface);transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.xo-compatible-bundle-products__item:hover{border-color:color-mix(in srgb,rgba(var(--color-foreground)) 24%,transparent);background:color-mix(in srgb,rgba(var(--color-background)) 96%,rgba(var(--color-foreground)) 4%)}.xo-compatible-bundle-products__item.is-selected{border-color:var(--xo-compatible-bundle-accent);background:var(--xo-compatible-bundle-accent-soft);box-shadow:inset 0 0 0 .1rem var(--xo-compatible-bundle-accent-mid)}.xo-compatible-bundle-products__media{display:block;width:7.2rem;height:7.2rem;overflow:hidden;border-radius:.8rem;background:var(--xo-compatible-bundle-surface-soft)}.xo-compatible-bundle-products__media img,.xo-compatible-bundle-products__media-placeholder{display:block;width:100%;height:100%;object-fit:cover}.xo-compatible-bundle-products__content{display:grid;gap:.35rem;min-width:0}.xo-compatible-bundle-products__title{color:var(--xo-compatible-bundle-text);font-size:1.34rem;font-weight:650;line-height:1.32}.xo-compatible-bundle-products__variant{color:var(--xo-compatible-bundle-muted);font-size:1.14rem;line-height:1.3}.xo-compatible-bundle-products__price{display:flex;flex-wrap:wrap;gap:.55rem;color:var(--xo-compatible-bundle-text);font-size:1.24rem;font-weight:600;line-height:1.3}.xo-compatible-bundle-products__compare{color:var(--xo-compatible-bundle-faint);font-weight:500;text-decoration:line-through}.xo-compatible-bundle-products__quantity{display:inline-grid;grid-template-columns:3.2rem 3.2rem 3.2rem;align-items:center;overflow:hidden;border:.1rem solid var(--xo-compatible-bundle-border-soft);border-radius:999rem;background:var(--xo-compatible-bundle-surface)}.xo-compatible-bundle-products__quantity-button{display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border:0;border-radius:999rem;background:transparent;color:var(--xo-compatible-bundle-text);cursor:pointer;transition:background-color .16s ease,color .16s ease,opacity .16s ease}.xo-compatible-bundle-products__quantity-button:hover:not(:disabled),.xo-compatible-bundle-products__quantity-button:focus-visible{background:var(--xo-compatible-bundle-accent);color:rgb(var(--color-background))}.xo-compatible-bundle-products__quantity-button:focus-visible{outline:.2rem solid var(--xo-compatible-bundle-accent);outline-offset:.2rem}.xo-compatible-bundle-products__quantity-button:disabled{cursor:not-allowed;opacity:.35}.xo-compatible-bundle-products__quantity-button svg{width:1.4rem;height:1.4rem}.xo-compatible-bundle-products__input{width:3.2rem;height:3.2rem;border:0;background:transparent;color:var(--xo-compatible-bundle-text);font:inherit;font-size:1.28rem;font-weight:700;line-height:1;text-align:center}.xo-compatible-bundle-products__input:focus-visible{outline:.2rem solid var(--xo-compatible-bundle-accent);outline-offset:-.2rem}.xo-compatible-bundle-products__footer{display:grid;gap:.9rem;padding:1.4rem 1.8rem 1.6rem;border-block-start:.1rem solid var(--xo-compatible-bundle-border-soft);background:color-mix(in srgb,rgba(var(--color-layer)) 60%,transparent)}.xo-compatible-bundle-products__summary{min-height:1.7rem}.xo-compatible-bundle-products__totals{display:grid;gap:.45rem}.xo-compatible-bundle-products__total-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;color:var(--xo-compatible-bundle-muted);font-size:1.16rem;line-height:1.35}.xo-compatible-bundle-products__total-row span:last-child{color:color-mix(in srgb,rgba(var(--color-foreground)) 78%,transparent);font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap}.xo-compatible-bundle-products__total-row--final{margin-block-start:.15rem;color:var(--xo-compatible-bundle-text);font-size:1.32rem;font-weight:700}.xo-compatible-bundle-products__total-row--final span:last-child{color:var(--xo-compatible-bundle-text)}.xo-compatible-bundle-products.is-loading .xo-compatible-bundle-products__item{pointer-events:none}.xo-compatible-bundle-products.is-loading .xo-compatible-bundle-products__item:not(.is-selected){opacity:.62}.xo-product-info-content__buy-now[data-compatible-bundle-buy-now-loading]{pointer-events:none;opacity:.72}.xo-product-info-content__buy-now[data-compatible-bundle-buy-now-loading] .shopify-payment-button__button{cursor:wait}@media(max-width:575px){.xo-compatible-bundle-products{--xo-compatible-bundle-radius: 1rem;margin-block:1.3rem}.xo-compatible-bundle-products__header{padding:1.55rem 1.2rem 1.05rem}.xo-compatible-bundle-products__heading{column-gap:.35rem;font-size:1.72rem;line-height:1.15}.xo-compatible-bundle-products__subheading,.xo-compatible-bundle-products__summary{font-size:1.22rem}.xo-compatible-bundle-products__progress{gap:.85rem;padding:.35rem 1.2rem 1.45rem}.xo-compatible-bundle-products__milestones{gap:.45rem}.xo-compatible-bundle-products__milestones span{font-size:1.08rem}.xo-compatible-bundle-products__list{gap:.75rem;padding:1.1rem 1.2rem}.xo-compatible-bundle-products__item{grid-template-columns:6.2rem minmax(0,1fr);gap:.9rem;min-height:8.2rem;padding:.85rem}.xo-compatible-bundle-products__media{width:6.2rem;height:6.2rem}.xo-compatible-bundle-products__quantity{grid-column:2;justify-self:start;margin-block-start:.25rem}.xo-compatible-bundle-products__footer{padding:1.2rem}}@media(max-width:374px){.xo-compatible-bundle-products__item{grid-template-columns:5.6rem minmax(0,1fr)}.xo-compatible-bundle-products__media{width:5.6rem;height:5.6rem}}@media(prefers-reduced-motion:reduce){.xo-compatible-bundle-products__progress-fill,.xo-compatible-bundle-products__milestones span,.xo-compatible-bundle-products__item,.xo-compatible-bundle-products__quantity-button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/compatible-bundle-products.css.map */