.ob-compare{padding:32px 16px;background:var(--ob-compare-bg, var(--ob-bg));color:var(--ob-ink);overflow-wrap:break-word}.ob-compare :where(h1,h2,h3,.ob-h2,.ob-lead,.ob-kicker){overflow-wrap:anywhere}.ob-compare__inner{max-width:calc(var(--ob-page, 1400px) - 200px);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:16px}.ob-compare__title{font-size:calc(34px * var(--ob-ts, 1));line-height:var(--ob-tlh, 1.1);font-weight:var(--ob-tw, var(--ob-heading-weight));letter-spacing:calc(-.03em + var(--ob-track, 0em));text-align:var(--ob-ta, center);align-self:var(--ob-tj, auto);text-wrap:balance;margin-bottom:8px}.ob-compare__subtitle{max-width:640px;margin-top:-8px;margin-bottom:8px;font-size:calc(16px * var(--ob-fs, 1));line-height:calc(24px * var(--ob-fs, 1));color:var(--ob-muted);text-align:var(--ob-ta, center);align-self:var(--ob-tj, auto)}.ob-compare__track{display:flex;gap:calc(12px * var(--ob-gap, 1));width:100%;overflow-x:auto;scroll-snap-type:x mandatory}.ob-compare__card{position:relative;flex:0 0 var(--ob-compare-cw, 76%);display:flex;flex-direction:column;justify-content:flex-start;aspect-ratio:433 / 673;border-radius:var(--ob-radius);overflow:hidden;scroll-snap-align:start;background:linear-gradient(165deg,var(--ob-compare-c1, color-mix(in srgb, var(--ob-dark, var(--ob-ink)) 79%, var(--ob-light, var(--ob-bg)))) 0%,var(--ob-compare-c2, var(--ob-dark, var(--ob-ink))) 78%);color:var(--ob-compare-fg, var(--ob-light, var(--ob-on-accent)))}.ob-compare__card.is-highlight{background:linear-gradient(165deg,color-mix(in srgb,var(--ob-compare-h, var(--ob-accent)) 82%,#fff) 0%,var(--ob-compare-h, var(--ob-accent)) 45%,color-mix(in srgb,var(--ob-compare-h, var(--ob-accent)) 59%,#000) 100%);color:var(--ob-compare-fg, var(--ob-on-accent))}.ob-compare__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.ob-compare__img{width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform .9s var(--ob-ease)}.ob-compare__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#00000080,#00000038 30%,#0000 52%);pointer-events:none}.ob-compare__body{position:relative;z-index:1;display:flex;flex-direction:column;gap:10px;padding:22px 20px}.ob-compare__tag{align-self:flex-start;padding:3px 10px;border-radius:var(--ob-pill);background:color-mix(in srgb,currentColor 16%,transparent);font-size:calc(11px * var(--ob-fs, 1));line-height:calc(16px * var(--ob-fs, 1));font-weight:600;letter-spacing:.08em;text-transform:uppercase}.ob-compare__card.is-highlight .ob-compare__tag{background:var(--ob-gold);color:var(--ob-ink)}.ob-compare__card-title{font-size:calc(24px * var(--ob-fs, 1));line-height:calc(29px * var(--ob-fs, 1));font-weight:500;letter-spacing:calc(-.02em + var(--ob-track, 0em));color:inherit}.ob-compare__link{color:inherit}.ob-compare__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.ob-compare__bullets{display:flex;flex-direction:column;gap:calc(6px * var(--ob-gap, 1))}.ob-compare__bullet{display:flex;align-items:flex-start;gap:8px;font-size:calc(16px * var(--ob-fs, 1));line-height:calc(21px * var(--ob-fs, 1));opacity:.86}.ob-compare__bullet svg{flex:0 0 auto;width:16px;height:16px;margin-top:3px;opacity:.8}.ob-compare__card.is-highlight .ob-compare__bullet{opacity:1}.ob-compare__card.is-highlight .ob-compare__bullet svg{opacity:1;color:var(--ob-gold)}.ob-compare__cta{align-self:flex-start;max-width:100%;margin-top:6px}.ob-compare__cta.ob-btn{white-space:normal}.ob-compare__ph{position:absolute;left:0;right:0;bottom:18%;display:flex;justify-content:center;color:rgba(var(--ob-light-rgb, 250, 247, 241),.22);pointer-events:none}.ob-compare__ph svg{width:48px;height:48px}.ob-compare__nav{display:flex;justify-content:center;width:100%;margin-top:4px}.ob-compare__dots{display:inline-flex;align-items:center;gap:16px}.ob-compare__dot{position:relative;width:8px;height:8px;border-radius:4px;background:color-mix(in srgb,var(--ob-ink) 18%,transparent);transition:background .2s,width .24s}.ob-compare__dot:after{content:"";position:absolute;top:-18px;right:-8px;bottom:-18px;left:-8px}.ob-compare__dot.is-active{width:24px;background:var(--ob-ink)}ob-scroller.ob-compare__inner:not(.is-overflowing) .ob-compare__nav{display:none}@media(max-width:1023px){.ob-compare__track{width:calc(100% + 32px);margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px}}@media(min-width:750px)and (max-width:1023px){.ob-compare__card{flex-basis:44%;aspect-ratio:auto;min-height:420px}}@media(min-width:1024px){.ob-compare{padding:48px var(--ob-gutter)}.ob-compare__inner{gap:20px}.ob-compare__title{font-size:calc(48px * var(--ob-ts, 1));letter-spacing:calc(-.035em + var(--ob-track, 0em));margin-bottom:42px}.ob-compare__subtitle{margin-top:-38px;margin-bottom:34px;font-size:calc(18px * var(--ob-fs, 1));line-height:calc(28px * var(--ob-fs, 1))}.ob-compare__track{gap:calc(16px * var(--ob-gap, 1))}.ob-compare__card{flex:1 1 0;min-width:0}.ob-compare__body{padding:40px;gap:14px}.ob-compare__card-title{font-size:calc(32px * var(--ob-fs, 1));line-height:calc(38px * var(--ob-fs, 1));letter-spacing:calc(-.02em + var(--ob-track, 0em))}.ob-compare__bullets{gap:calc(8px * var(--ob-gap, 1))}.ob-compare__bullet{font-size:calc(19px * var(--ob-fs, 1));line-height:calc(27px * var(--ob-fs, 1));gap:10px}.ob-compare__bullet svg{width:18px;height:18px;margin-top:5px}}@media(hover:hover){.ob-compare__card:hover .ob-compare__img{transform:scale(1.06)}}@media(prefers-reduced-motion:reduce){.ob-compare__img,.ob-compare__dot{transition:none}}.ob-compare.ob-kit--ink .ob-btn--light{color:var(--ob-kit-ink0, var(--ob-ink))}.ob-compare__hint{padding:16px var(--ob-gutter)}.ob-compare__hint p{padding:28px 20px;border:1px dashed var(--ob-mist);border-radius:var(--ob-radius);font-size:calc(14px * var(--ob-fs, 1));line-height:calc(20px * var(--ob-fs, 1));color:var(--ob-mist);text-align:center}
/*# sourceMappingURL=/cdn/shop/t/36/assets/ob-s-comparison.css.map */