.bc-comparison{padding-top:var(--bc-comp-pt, var(--bc-space-12));padding-bottom:var(--bc-comp-pb, var(--bc-space-12))}.bc-comparison__container{display:flex;flex-direction:column;align-items:center;gap:var(--bc-space-8)}.bc-comparison__header{text-align:center;max-width:52rem}.bc-comparison__eyebrow{display:block;font-family:var(--bc-font-body);font-size:var(--bc-text-10);font-weight:600;letter-spacing:var(--bc-tracking-widest);text-transform:uppercase;color:var(--bc-color-on-surface-variant);margin-bottom:var(--bc-space-2)}.bc-comparison__title{font-family:var(--bc-font-display);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:var(--bc-text-48);line-height:calc(1 + .3/max(1,var(--font-heading-scale)));letter-spacing:var(--bc-tracking-tightest);color:var(--bc-color-on-surface);margin:0}.bc-comparison__subtitle{margin-top:var(--bc-space-2);font-size:var(--bc-text-16);line-height:1.6;color:var(--bc-color-on-surface-variant)}.bc-comparison__subtitle p{margin:0}.bc-comparison__grid{display:grid;grid-template-columns:1fr;grid-template-areas:"right" "divider" "left";width:100%;max-width:96rem}@media screen and (min-width:750px){.bc-comparison__grid{grid-template-columns:1fr auto 1fr;grid-template-areas:"left divider right";align-items:stretch}}.bc-comparison__card{--bc-comp-card-bg: var(--bc-color-surface-dim);background:var(--bc-comp-card-bg);padding:var(--bc-space-6) var(--bc-space-5);display:flex;flex-direction:column;gap:var(--bc-space-4);position:relative;transition:transform var(--bc-transition-slow),box-shadow var(--bc-transition-slow)}.bc-comparison__card:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(var(--color-shadow),.08)}.bc-comparison__card--before{grid-area:left;border-radius:var(--bc-radius-card) 0 0 var(--bc-radius-card)}.bc-comparison__card--after{grid-area:right;border-radius:0 var(--bc-radius-card) var(--bc-radius-card) 0;border:1.5px solid rgba(var(--color-foreground),.12);border-left:none}.bc-comparison__ribbon{position:absolute;top:-1.4rem;left:50%;transform:translate(-50%);background:var(--bc-color-primary);color:var(--bc-color-on-primary);font-family:var(--bc-font-body);font-size:var(--bc-text-10);font-weight:700;letter-spacing:var(--bc-tracking-wider);text-transform:uppercase;padding:.5rem 1.4rem;border-radius:var(--bc-radius-pill);white-space:nowrap}.bc-comparison__card-header{display:flex;flex-direction:column;gap:var(--bc-space-2)}.bc-comparison__badge{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--bc-font-body);font-size:var(--bc-text-10);font-weight:700;letter-spacing:var(--bc-tracking-wider);text-transform:uppercase;padding:.6rem 1.2rem;border-radius:var(--bc-radius-pill);width:fit-content}.bc-comparison__badge--before{background:rgba(var(--color-foreground),.07);color:var(--bc-color-on-surface-variant)}.bc-comparison__badge--after{background:rgba(var(--color-foreground),.07);color:var(--bc-color-on-surface)}.bc-comparison__badge svg{width:1.2rem;height:1.2rem;flex-shrink:0}.bc-comparison__card-heading{font-family:var(--bc-font-display);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:var(--bc-text-24);line-height:calc(1 + .3/max(1,var(--font-heading-scale)));letter-spacing:var(--bc-tracking-tightest);margin:0}.bc-comparison__card--before .bc-comparison__card-heading{color:var(--bc-color-on-surface-variant)}.bc-comparison__card--after .bc-comparison__card-heading{color:var(--bc-color-on-surface)}.bc-comparison__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--bc-space-1)}.bc-comparison__item{display:flex;align-items:flex-start;gap:var(--bc-space-2);padding:var(--bc-space-2);border-radius:calc(var(--bc-radius-card) / 2);background:rgba(var(--color-background),.45);transition:background var(--bc-transition-fast)}.bc-comparison__item:hover{background:rgba(var(--color-background),.75)}.bc-comparison__icon{flex-shrink:0;width:2.4rem;height:2.4rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.bc-comparison__icon--x{background:rgba(var(--color-foreground),.08);color:var(--bc-color-on-surface-variant)}.bc-comparison__icon--check{background:rgba(var(--color-foreground),.12);color:var(--bc-color-on-surface)}.bc-comparison__icon svg{width:1.3rem;height:1.3rem}.bc-comparison__item-text{font-size:var(--bc-text-14);line-height:1.55}.bc-comparison__card--before .bc-comparison__item-text{color:var(--bc-color-on-surface-variant)}.bc-comparison__card--after .bc-comparison__item-text{color:var(--bc-color-on-surface)}.bc-comparison__divider{grid-area:divider;display:flex;align-items:center;justify-content:center;z-index:2}@media screen and (min-width:750px){.bc-comparison__divider{margin:0 -2rem}}.bc-comparison__vs{width:5.2rem;height:5.2rem;border-radius:50%;background:var(--bc-color-surface);border:1.5px solid var(--bc-color-outline);display:flex;align-items:center;justify-content:center;font-size:var(--bc-text-10);font-weight:700;letter-spacing:var(--bc-tracking-wide);color:var(--bc-color-on-surface-variant);box-shadow:0 2px 8px rgba(var(--color-shadow),.08)}.bc-comparison__cta{display:flex;flex-direction:column;align-items:center;gap:var(--bc-space-2)}@media screen and (max-width:749px){.bc-comparison__card{padding:var(--bc-space-4) var(--bc-space-3)}.bc-comparison__card-header{align-items:center;text-align:center}.bc-comparison__item{align-items:center}.bc-comparison__divider{order:1;padding:var(--bc-space-2) 0}.bc-comparison__card--before{border-radius:var(--bc-radius-card);order:2}.bc-comparison__card--after{border-radius:var(--bc-radius-card);border-left:1.5px solid rgba(var(--color-foreground),.12);order:0}}@media screen and (max-width:749px){.bc-comparison__grid--mobile-2col{grid-template-columns:1fr 1fr;grid-template-areas:"right left" "divider divider"}.bc-comparison__grid--mobile-2col .bc-comparison__card--before,.bc-comparison__grid--mobile-2col .bc-comparison__card--after{order:unset}.bc-comparison__grid--mobile-2col .bc-comparison__card--before{border-radius:0 var(--bc-radius-card) var(--bc-radius-card) 0;border-left:1.5px solid rgba(var(--color-foreground),.12)}.bc-comparison__grid--mobile-2col .bc-comparison__card--after{border-radius:var(--bc-radius-card) 0 0 var(--bc-radius-card);border-left:none}.bc-comparison__grid--mobile-2col .bc-comparison__divider{order:unset;margin:0 -2rem;padding:0}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/bc-comparison.css.map */