.b-ai-compare{--b-aic-text: var(--b-text);--b-aic-card-bg: var(--b-surface);--b-aic-card-border: var(--b-surface-border);--b-aic-pill-border: var(--b-line);--b-aic-pill-text: var(--b-text);--b-aic-pill-bg: var(--b-surface);--b-aic-hl-ink: var(--b-heading);--b-aic-glyph: var(--b-text);--b-aic-glyph-border: var(--b-muted);padding-top:clamp(calc(var(--b-pt) * .6px),calc(var(--b-pt) * .05208vw),calc(var(--b-pt) * 1px));padding-bottom:clamp(calc(var(--b-pb) * .6px),calc(var(--b-pb) * .05208vw),calc(var(--b-pb) * 1px));content-visibility:auto;contain-intrinsic-size:auto 700px}html[data-theme=dark] .b-ai-compare{--b-aic-text: var(--b-muted);--b-aic-card-bg: #040404;--b-aic-card-border: #1c1c1c;--b-aic-pill-border: #464646;--b-aic-pill-text: var(--b-muted);--b-aic-pill-bg: #040404;--b-aic-hl-ink: var(--b-accent);--b-aic-glyph: #464646;--b-aic-glyph-border: var(--b-muted)}.b-ai-compare__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(32px,3.125vw,60px);align-items:start}.b-ai-compare__copy{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}.b-ai-compare__text{margin-top:6px;font-size:clamp(17px,1.0417vw,20px);line-height:1.2;letter-spacing:-.03em;color:var(--b-aic-text)}.b-ai-compare__text p+p{margin-top:18px}.b-ai-compare__text :is(strong,b){font-weight:700;color:var(--b-heading)}.b-ai-compare__flows{display:flex;flex-direction:column;gap:30px;min-width:0}.b-ai-compare__card{position:relative;display:flex;flex-direction:column;gap:24px;padding:clamp(22px,1.6667vw,32px);border:1px solid var(--b-aic-card-border);border-radius:16px;background:var(--b-aic-card-bg);overflow:hidden}.b-ai-compare__card--big{min-height:192px;justify-content:space-between}.b-ai-compare__card--highlight{border:2px solid var(--b-accent);padding-block:clamp(30px,2.2vw,42px)}.b-ai-compare__badge{position:absolute;top:0;right:0;padding:8px 16px;border-bottom-left-radius:12px;background:var(--b-accent);font-weight:700;font-size:clamp(15px,1.0417vw,20px);line-height:1;letter-spacing:-.03em;text-transform:uppercase;color:#0a0a0a}.b-ai-compare__head{display:flex;align-items:center;gap:12px;min-width:0}.b-ai-compare__glyph{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:2px solid var(--b-aic-glyph-border);border-radius:50%;font-weight:700;font-size:12px;line-height:1;color:var(--b-aic-glyph)}.b-ai-compare__titles{display:flex;flex-direction:column;gap:5px;min-width:0}.b-ai-compare__label{font-weight:700;font-size:16px;line-height:20px;letter-spacing:-.03em;text-transform:uppercase;color:var(--b-aic-text)}.b-ai-compare__subtitle{font-size:14px;line-height:16px;letter-spacing:-.03em;color:var(--b-aic-text)}.b-ai-compare__card--highlight .b-ai-compare__label{color:var(--b-aic-hl-ink)}.b-ai-compare__card--highlight .b-ai-compare__glyph{border-color:var(--b-accent);color:var(--b-aic-hl-ink)}html:not([data-theme=dark]) .b-ai-compare__card--highlight .b-ai-compare__glyph{background:var(--b-accent);color:#000}.b-ai-compare__steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));align-items:center;gap:8px 5px}.b-ai-compare__step{display:flex;align-items:center;gap:5px;min-width:0}.b-ai-compare__pill{position:relative;flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-height:42px;padding:12px clamp(10px,1.0417vw,20px);border:1px solid var(--b-aic-pill-border);border-radius:12px;background:var(--b-aic-pill-bg);font-weight:500;font-size:12px;line-height:16px;letter-spacing:-.03em;text-align:center;white-space:nowrap;color:var(--b-aic-pill-text)}.b-ai-compare__pill:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid var(--b-accent);border-radius:inherit;box-shadow:0 0 14px #bbef3647;opacity:0;pointer-events:none}.b-ai-compare__arrow{flex:0 0 auto;display:inline-flex;color:var(--b-accent)}.b-ai-compare__arrow .b-icon{width:30px;height:30px}.b-ai-compare__card--big .b-ai-compare__steps{display:flex;gap:12px}.b-ai-compare__card--big .b-ai-compare__step{flex:1 1 0;gap:12px}.b-ai-compare__card--big .b-ai-compare__step:has(>.b-ai-compare__arrow){flex-basis:62px}.b-ai-compare__card--big .b-ai-compare__pill{min-height:46px;font-size:14px;line-height:20px}.b-ai-compare__card--big .b-ai-compare__arrow .b-icon{width:50px;height:50px}.b-ai-compare__note{align-self:flex-start;margin-top:-4px;padding:8px 12px;border:1px solid var(--b-accent);border-radius:8px;background:#bbef3633;font-weight:500;font-size:14px;line-height:16px;letter-spacing:-.03em;color:var(--b-aic-hl-ink)}@media(prefers-reduced-motion:no-preference){html.b-js .b-ai-compare__card .b-ai-compare__pill,html.b-js .b-ai-compare__card .b-ai-compare__arrow{transition:opacity .6s var(--b-ease),transform .6s var(--b-ease);transition-delay:calc(var(--i, 0) * .07s + .35s)}html.b-js .b-ai-compare__card:not(.is-revealed) .b-ai-compare__pill,html.b-js .b-ai-compare__card:not(.is-revealed) .b-ai-compare__arrow{opacity:0;transform:translate(-14px)}.b-ai-compare__card--highlight.is-revealed .b-ai-compare__pill:after{animation:b-aic-ring calc(var(--n, 12) * .2s + 1.4s) linear infinite;animation-delay:calc(var(--i, 0) * .2s + 1.2s)}.b-ai-compare__card--highlight.is-revealed .b-ai-compare__arrow .b-icon{animation:b-aic-arrow calc(var(--n, 12) * .2s + 1.4s) linear infinite;animation-delay:calc(var(--i, 0) * .2s + 1.2s)}html.shopify-design-mode .b-ai-compare__card .b-ai-compare__pill,html.shopify-design-mode .b-ai-compare__card .b-ai-compare__arrow{opacity:1;transform:none}}@keyframes b-aic-ring{0%{opacity:0}4%{opacity:1}14%{opacity:0}to{opacity:0}}@keyframes b-aic-arrow{0%{opacity:1;transform:translate(0)}4%{opacity:1;transform:translate(4px) scale(1.12)}12%{opacity:1;transform:translate(0)}to{opacity:1;transform:translate(0)}}@media(max-width:1023px){.b-ai-compare__grid{grid-template-columns:minmax(0,1fr);row-gap:48px}}@media(max-width:749px){.b-ai-compare__flows{gap:20px}.b-ai-compare__card--highlight{padding-top:56px}.b-ai-compare__card--big .b-ai-compare__step,.b-ai-compare__card--big .b-ai-compare__steps{gap:8px}.b-ai-compare__card--big .b-ai-compare__arrow .b-icon{width:36px;height:36px}.b-ai-compare__card--big .b-ai-compare__step:has(>.b-ai-compare__arrow){flex-basis:44px}.b-ai-compare__arrow .b-icon{width:24px;height:24px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/bristm-ai-compare.css.map */