.xo-compatible-bundle-products{--xo-compatible-bundle-radius: .8rem;--xo-compatible-bundle-border: color-mix(in srgb, rgba(var(--color-foreground)) 10%, transparent);--xo-compatible-bundle-border-strong: color-mix(in srgb, rgba(var(--color-foreground)) 24%, transparent);--xo-compatible-bundle-surface: color-mix(in srgb, rgba(var(--color-background)) 98%, rgba(var(--color-foreground)) 2%);--xo-compatible-bundle-surface-soft: color-mix(in srgb, rgba(var(--color-foreground)) 4%, transparent);--xo-compatible-bundle-text: color-mix(in srgb, rgba(var(--color-foreground)) 90%, transparent);--xo-compatible-bundle-muted: color-mix(in srgb, rgba(var(--color-foreground)) 58%, transparent);--xo-compatible-bundle-faint: color-mix(in srgb, rgba(var(--color-foreground)) 42%, transparent);display:block;margin-block:1.4rem}.xo-compatible-bundle-products__inner{border:.1rem solid var(--xo-compatible-bundle-border);border-radius:var(--xo-compatible-bundle-radius);background:var(--xo-compatible-bundle-surface);padding:1.2rem}.xo-compatible-bundle-products__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.2rem;margin-block-end:1rem}.xo-compatible-bundle-products__header-content{display:grid;gap:.2rem;min-width:0}.xo-compatible-bundle-products__heading{color:var(--xo-compatible-bundle-text);font-size:1.4rem;font-weight:650;letter-spacing:0;line-height:1.25}.xo-compatible-bundle-products__subheading,.xo-compatible-bundle-products__count,.xo-compatible-bundle-products__summary{color:var(--xo-compatible-bundle-muted);font-size:1.15rem;line-height:1.35}.xo-compatible-bundle-products__count{flex:0 0 auto;border-radius:999rem;background:var(--xo-compatible-bundle-surface-soft);padding:.35rem .7rem;white-space:nowrap}.xo-compatible-bundle-products__list{display:grid;gap:.7rem}.xo-compatible-bundle-products__item{position:relative;display:grid;grid-template-columns:2.2rem 5.4rem minmax(0,1fr) auto;align-items:center;gap:.9rem;min-height:6.8rem;padding:.7rem .8rem;border:.1rem solid color-mix(in srgb,rgba(var(--color-foreground)) 8%,transparent);border-radius:.7rem;background:color-mix(in srgb,rgba(var(--color-background)) 100%,transparent);cursor:pointer;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.xo-compatible-bundle-products__item:hover{border-color:var(--xo-compatible-bundle-border-strong);background:color-mix(in srgb,rgba(var(--color-background)) 96%,rgba(var(--color-foreground)) 4%);transform:translateY(-.1rem)}.xo-compatible-bundle-products__item.is-selected{border-color:color-mix(in srgb,rgba(var(--color-foreground)) 34%,transparent);background:color-mix(in srgb,rgba(var(--color-background)) 92%,rgba(var(--color-foreground)) 8%)}.xo-compatible-bundle-products__item:has(.xo-compatible-bundle-products__input:checked){border-color:color-mix(in srgb,rgba(var(--color-foreground)) 34%,transparent);background:color-mix(in srgb,rgba(var(--color-background)) 92%,rgba(var(--color-foreground)) 8%)}.xo-compatible-bundle-products__check{display:inline-flex;align-items:center;justify-content:center}.xo-compatible-bundle-products__input{position:absolute;width:.1rem;height:.1rem;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.xo-compatible-bundle-products__box{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border:.1rem solid color-mix(in srgb,rgba(var(--color-foreground)) 30%,transparent);border-radius:50%;color:color-mix(in srgb,rgba(var(--color-background)) 100%,transparent);background:transparent;transform:scale(1);transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.xo-compatible-bundle-products__box svg{width:1.2rem;height:1.2rem;opacity:0;transform:scale(.65);transition:opacity .16s ease,transform .18s ease}.xo-compatible-bundle-products__input:focus-visible+.xo-compatible-bundle-products__box{outline:.2rem solid color-mix(in srgb,rgba(var(--color-foreground)) 38%,transparent);outline-offset:.25rem}.xo-compatible-bundle-products__input:checked+.xo-compatible-bundle-products__box{border-color:var(--xo-compatible-bundle-text);background:var(--xo-compatible-bundle-text);transform:scale(1.04)}.xo-compatible-bundle-products__input:checked+.xo-compatible-bundle-products__box svg{opacity:1;transform:scale(1)}.xo-compatible-bundle-products__media{display:block;width:5.4rem;height:5.4rem;overflow:hidden;border-radius:.6rem;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;transition:transform .22s ease}.xo-compatible-bundle-products__item:hover .xo-compatible-bundle-products__media img{transform:scale(1.035)}.xo-compatible-bundle-products__content{display:grid;gap:.3rem;min-width:0}.xo-compatible-bundle-products__title{color:var(--xo-compatible-bundle-text);font-size:1.25rem;font-weight:560;line-height:1.35}.xo-compatible-bundle-products__price{display:flex;flex-wrap:wrap;gap:.55rem;color:color-mix(in srgb,rgba(var(--color-foreground)) 76%,transparent);font-size:1.2rem;line-height:1.3}.xo-compatible-bundle-products__compare{color:var(--xo-compatible-bundle-faint);text-decoration:line-through}.xo-compatible-bundle-products__status{justify-self:end;min-width:4.2rem;border-radius:999rem;background:transparent;color:var(--xo-compatible-bundle-muted);font-size:1.1rem;line-height:1;padding:.55rem .7rem;text-align:center;transition:background-color .18s ease,color .18s ease}.xo-compatible-bundle-products__item.is-selected .xo-compatible-bundle-products__status{background:color-mix(in srgb,rgba(var(--color-foreground)) 10%,transparent);color:var(--xo-compatible-bundle-text)}.xo-compatible-bundle-products__item:has(.xo-compatible-bundle-products__input:checked) .xo-compatible-bundle-products__status{background:color-mix(in srgb,rgba(var(--color-foreground)) 10%,transparent);color:var(--xo-compatible-bundle-text)}.xo-compatible-bundle-products__footer{display:grid;gap:.9rem;margin-block-start:1rem;padding-block-start:1rem;border-block-start:.1rem solid color-mix(in srgb,rgba(var(--color-foreground)) 8%,transparent)}.xo-compatible-bundle-products__summary{min-height:1.6rem}.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.15rem;line-height:1.35}.xo-compatible-bundle-products__total-row span:last-child{color:color-mix(in srgb,rgba(var(--color-foreground)) 76%,transparent);font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap}.xo-compatible-bundle-products__total-row--final{margin-block-start:.1rem;color:var(--xo-compatible-bundle-text);font-size:1.3rem;font-weight:650}.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}@media(max-width:575px){.xo-compatible-bundle-products__inner{padding:1rem}.xo-compatible-bundle-products__header{display:grid;gap:.7rem}.xo-compatible-bundle-products__count{justify-self:start}.xo-compatible-bundle-products__item{grid-template-columns:2.2rem 5rem minmax(0,1fr);gap:.8rem;min-height:6.6rem;padding:.75rem}.xo-compatible-bundle-products__media{width:5rem;height:5rem}.xo-compatible-bundle-products__status{grid-column:3;justify-self:start;margin-block-start:.15rem;min-width:0;padding:0;background:transparent;color:var(--xo-compatible-bundle-faint);text-align:start}.xo-compatible-bundle-products__item.is-selected .xo-compatible-bundle-products__status{background:transparent}.xo-compatible-bundle-products__item:has(.xo-compatible-bundle-products__input:checked) .xo-compatible-bundle-products__status{background:transparent}}@media(prefers-reduced-motion:reduce){.xo-compatible-bundle-products__item,.xo-compatible-bundle-products__box,.xo-compatible-bundle-products__box svg,.xo-compatible-bundle-products__media img,.xo-compatible-bundle-products__status{transition:none}.xo-compatible-bundle-products__item:hover,.xo-compatible-bundle-products__item:hover .xo-compatible-bundle-products__media img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/compatible-bundle-products.css.map */