@property --sb-versus-clip-left{syntax: "<percentage>"; inherits: false; initial-value: 0%;}@property --sb-versus-clip-right{syntax: "<percentage>"; inherits: false; initial-value: 0%;}@property --sb-versus-view-left{syntax: "<percentage>"; inherits: true; initial-value: 0%;}@property --sb-versus-view-right{syntax: "<percentage>"; inherits: true; initial-value: 100%;}.sb-versus{--sb-versus-accent: rgb(var(--sb-theme-text-rgb, var(--sb-theme-rgb, var(--sb-amber-text-rgb))));position:relative;background:var(--sb-cream);color:rgb(var(--color-foreground));font-family:var(--font-body-family)}.sb-versus,.sb-versus *,.sb-versus *:before,.sb-versus *:after{box-sizing:border-box}.sb-versus button,.sb-versus a{font:inherit}.sb-versus__inner{--sb-q-outer: calc(var(--sb-gutter) + max(0px, (50vw - 2 * var(--sb-gutter) - 60rem) / 2));width:100%;margin:0 auto;padding:var(--sb-versus-pad-top, 6.4rem) var(--sb-q-outer) var(--sb-versus-pad-bottom, 7.6rem)}.sb-versus__head{max-width:72rem;margin:0 auto var(--sb-space-32);text-align:center}.sb-versus__teaser{margin:0 0 var(--sb-space-12);color:rgba(var(--color-foreground),.7);font-size:1.5rem}.sb-versus__eyebrow{display:inline-block;margin:0 0 var(--sb-space-16);color:var(--sb-amber-text);font-size:1.2rem;font-weight:var(--sb-fw-semibold);letter-spacing:.22em;text-transform:uppercase}.sb-versus__title{margin:0;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-size:clamp(3.4rem,4.8vw,5.6rem);font-weight:var(--sb-fw-medium);letter-spacing:-.025em;line-height:1.05;text-wrap:balance}.sb-versus__title em{display:block;font-style:italic;font-weight:var(--sb-fw-regular)}.sb-versus__typewrap{position:relative;display:inline-block;white-space:nowrap}.sb-versus__type-ghost{visibility:hidden}.sb-versus__typed{position:absolute;top:0;left:0;white-space:pre}.sb-versus__typed:after{content:"";display:inline-block;width:.05em;height:.72em;margin-left:.08em;background:currentColor;opacity:0}.sb-versus__typewrap.is-typing .sb-versus__typed:after{opacity:1}.sb-versus__typewrap.is-done .sb-versus__typed:after{animation:sb-versus-caret .9s step-end 3;opacity:0}@keyframes sb-versus-caret{0%,49%{opacity:1}50%,to{opacity:0}}.sb-versus__subline{max-width:56rem;margin:var(--sb-space-16) auto 0;color:rgba(var(--color-foreground),.7);font-size:1.7rem;line-height:1.6}.sb-versus__tabs-shell{position:relative;margin:0 0 var(--sb-space-24)}.sb-versus__tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sb-space-04);padding:0 var(--sb-space-08)}@media screen and (min-width:1440px){.sb-versus__tabs{position:relative;padding:var(--sb-space-06)}.sb-versus .sb-versus__pill-tag{display:block}.sb-versus .sb-versus__pill:has(.sb-versus__pill-tag) .sb-versus__pill-name{display:none}.sb-versus__tabs:before{position:absolute;z-index:1;top:0;left:0;width:var(--sb-versus-ind-w, 0px);height:var(--sb-versus-ind-h, 0px);border-radius:var(--sb-radius-pill);background:rgba(var(--sb-white-rgb),.85);box-shadow:var(--sb-shadow-xs);content:"";pointer-events:none;transform:translate(var(--sb-versus-ind-x, 0px),var(--sb-versus-ind-y, 0px));transition:transform .6s var(--sb-ease),width .4s var(--sb-ease),height .4s var(--sb-ease)}}.sb-versus__tabs::-webkit-scrollbar{display:none}.sb-versus .sb-versus__pill{flex:0 0 auto;margin:0;padding:var(--sb-space-04) var(--sb-space-08);-webkit-appearance:none;appearance:none;border:0;border-radius:var(--sb-radius-pill);background-color:transparent;box-shadow:none;color:rgba(var(--color-foreground),.7);cursor:pointer;font-size:1.1rem;font-weight:var(--sb-fw-medium);letter-spacing:.06em;line-height:1.2;text-transform:uppercase;transition:background-color .25s var(--sb-ease),color .25s var(--sb-ease);white-space:nowrap}.sb-versus__pill:hover{background-color:rgba(var(--color-foreground),.06);color:rgba(var(--color-foreground),.85)}.sb-versus__pill[aria-selected=true],.sb-versus__pill.is-active{color:rgb(var(--color-foreground));font-weight:var(--sb-fw-semibold)}@media screen and (max-width:1439px){.sb-versus__pill[aria-selected=true],.sb-versus__pill.is-active{background-color:var(--sb-forest);color:var(--sb-on-forest);font-weight:var(--sb-fw-medium)}}.sb-versus__pill:focus-visible{outline:var(--sb-border-w-2) solid var(--sb-amber-deep);outline-offset:2px}.sb-versus__pill-tag{display:none}@media screen and (min-width:981px)and (max-width:1439px){.sb-versus__tabs-shell{margin:0 0 var(--sb-space-16)}.sb-versus .sb-versus__pill{padding:var(--sb-space-08) var(--sb-space-16);font-size:1.2rem}.sb-versus .sb-versus__deck{grid-template-columns:1fr;min-height:0}.sb-versus .sb-versus__media{order:1;min-height:30rem}.sb-versus .sb-versus__proof{order:2;padding:var(--sb-space-24) var(--sb-space-32)}.sb-versus .sb-versus__product-title{margin-bottom:var(--sb-space-16)}.sb-versus .sb-versus__matrix-row{min-height:4.4rem}.sb-versus .sb-versus__proof-footer{margin-top:var(--sb-space-16);padding-top:var(--sb-space-16)}.sb-versus .sb-versus__media{transition:--sb-versus-view-left .85s var(--sb-ease),--sb-versus-view-right .85s var(--sb-ease)}.sb-versus .sb-versus__pan{transition:transform .85s var(--sb-ease),--sb-versus-clip-left .85s var(--sb-ease),--sb-versus-clip-right .85s var(--sb-ease);-webkit-mask-image:linear-gradient(90deg,transparent calc(var(--sb-versus-clip-left, 0%) - 2%),rgb(var(--sb-black-rgb)) calc(var(--sb-versus-clip-left, 0%) + 1%),rgb(var(--sb-black-rgb)) calc(100% - var(--sb-versus-clip-right, 0%) - 1%),transparent calc(100% - var(--sb-versus-clip-right, 0%) + 2%));mask-image:linear-gradient(90deg,transparent calc(var(--sb-versus-clip-left, 0%) - 2%),rgb(var(--sb-black-rgb)) calc(var(--sb-versus-clip-left, 0%) + 1%),rgb(var(--sb-black-rgb)) calc(100% - var(--sb-versus-clip-right, 0%) - 1%),transparent calc(100% - var(--sb-versus-clip-right, 0%) + 2%))}.sb-versus .sb-versus__pan--blur{display:block;transition:transform .85s var(--sb-ease),transform-origin .85s var(--sb-ease),--sb-versus-clip-left .85s var(--sb-ease),--sb-versus-clip-right .85s var(--sb-ease);--sb-versus-flank-scale: .94;filter:saturate(.96) contrast(1.03) brightness(1.05) sepia(.02) blur(7px);-webkit-mask-image:linear-gradient(90deg,transparent var(--sb-versus-view-left, 0%),rgb(var(--sb-black-rgb)) calc(var(--sb-versus-view-left, 0%) + 4%),rgb(var(--sb-black-rgb)) calc(var(--sb-versus-clip-left, 0%) - 2%),transparent calc(var(--sb-versus-clip-left, 0%) + 1%),transparent calc(100% - var(--sb-versus-clip-right, 0%) - 1%),rgb(var(--sb-black-rgb)) calc(100% - var(--sb-versus-clip-right, 0%) + 2%),rgb(var(--sb-black-rgb)) calc(var(--sb-versus-view-right, 100%) - 4%),transparent var(--sb-versus-view-right, 100%));mask-image:linear-gradient(90deg,transparent var(--sb-versus-view-left, 0%),rgb(var(--sb-black-rgb)) calc(var(--sb-versus-view-left, 0%) + 4%),rgb(var(--sb-black-rgb)) calc(var(--sb-versus-clip-left, 0%) - 2%),transparent calc(var(--sb-versus-clip-left, 0%) + 1%),transparent calc(100% - var(--sb-versus-clip-right, 0%) - 1%),rgb(var(--sb-black-rgb)) calc(100% - var(--sb-versus-clip-right, 0%) + 2%),rgb(var(--sb-black-rgb)) calc(var(--sb-versus-view-right, 100%) - 4%),transparent var(--sb-versus-view-right, 100%))}}@media screen and (min-width:1440px){.sb-versus__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(28rem,44rem);gap:clamp(3.2rem,4vw,7.2rem);align-items:start}.sb-versus__rail{grid-row:1;grid-column:2}.sb-versus .sb-versus__deck{grid-row:1;grid-column:1}.sb-versus__head{max-width:none;margin:0;text-align:left}.sb-versus__head .sb-versus__title{font-size:clamp(3.2rem,3vw,4.8rem)}.sb-versus__subline{margin:var(--sb-space-16) 0 0}.sb-versus__tabs-shell{display:none}.sb-versus__tabs{flex-direction:column;align-items:stretch;gap:0;padding:0}.sb-versus__tabs:before{top:0;left:.4rem;right:auto;width:3.6rem;height:3.6rem;border-radius:50%;transform:translateY(calc(var(--sb-versus-ind-y, .6rem) + (var(--sb-versus-ind-h, 4.8rem) - 3.6rem) / 2));transition:transform .6s var(--sb-ease)}.sb-versus__tabs:after{position:absolute;z-index:0;top:0;bottom:0;left:0;width:4.4rem;border-radius:var(--sb-radius-pill);background:var(--sb-cream-deep);content:"";pointer-events:none}.sb-versus .sb-versus__pill{position:relative;z-index:2;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:var(--sb-space-24);width:100%;min-height:4.8rem;padding:var(--sb-space-12) var(--sb-space-20) var(--sb-space-12) var(--sb-space-18);border-radius:var(--sb-radius-pill);background-color:transparent;color:rgba(var(--color-foreground),.7);font-size:1.35rem;letter-spacing:.01em;text-align:left;text-transform:none}.sb-versus .sb-versus__pill:before{flex:0 0 auto;width:.7rem;height:.7rem;border-radius:50%;background:rgb(var(--sb-theme-rgb, var(--sb-amber-rgb)));content:"";opacity:0;transition:opacity .4s var(--sb-ease)}.sb-versus .sb-versus__pill:hover{background-color:transparent;color:rgb(var(--color-foreground))}.sb-versus .sb-versus__pill[aria-selected=true],.sb-versus .sb-versus__pill.is-active{background-color:transparent;color:rgb(var(--color-foreground));font-weight:var(--sb-fw-semibold)}.sb-versus .sb-versus__pill[aria-selected=true]:before,.sb-versus .sb-versus__pill.is-active:before{opacity:1;transition:opacity .5s var(--sb-ease) .3s}.sb-versus .sb-versus__deck{height:54rem;grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr)}.sb-versus .sb-versus__media{grid-row:1;grid-column:1}.sb-versus .sb-versus__proof{grid-row:1;grid-column:2}.sb-versus .sb-versus__product-title{font-size:clamp(2.2rem,1.65vw,3.2rem)}}.sb-versus__deck{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);min-height:50rem;overflow:hidden;border:var(--sb-border-w) solid rgba(var(--color-foreground),.12);border-radius:var(--sb-radius-lg);background:var(--sb-cream-deep)}.sb-versus__proof{position:relative;z-index:2;display:flex;min-width:0;flex-direction:column;justify-content:center;padding:clamp(3rem,4.2vw,5.4rem);background:var(--sb-cream-deep);color:rgb(var(--color-foreground))}.sb-versus__panel{min-width:0}.sb-versus__panel.is-active{display:block}.sb-versus__panel[hidden],.sb-versus__panel[aria-hidden=true]{display:none}.sb-versus__product-title{margin:0 0 var(--sb-space-24);color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-size:clamp(2.6rem,2.2vw,3.6rem);font-weight:var(--sb-fw-medium);letter-spacing:-.015em;line-height:1.1;text-wrap:balance}.sb-versus__product-title em{font-style:italic;font-weight:var(--sb-fw-regular);font-size:.85em}.sb-versus__matrix{position:relative;isolation:isolate}.sb-versus__matrix:before{position:absolute;z-index:-1;top:-.8rem;right:calc(12rem + var(--sb-space-12));bottom:-.8rem;width:6rem;border-radius:var(--sb-radius-pill);background:rgba(var(--sb-theme-rgb, var(--sb-amber-rgb)),.09);content:"";pointer-events:none}.sb-versus__matrix-head,.sb-versus__matrix-row{display:grid;grid-template-columns:minmax(0,1fr) 6rem 12rem;align-items:center;column-gap:var(--sb-space-12)}.sb-versus__matrix-head{padding-bottom:var(--sb-space-12);border-bottom:var(--sb-border-w) solid rgba(var(--color-foreground),.2)}.sb-versus__brand-label{display:grid;place-items:center}.sb-versus__brand-label img{display:block;width:2.6rem;height:auto;opacity:.8}.sb-versus__them-label{color:rgba(var(--color-foreground),.7);font-size:1.1rem;font-weight:var(--sb-fw-semibold);letter-spacing:.12em;line-height:1.3;text-align:center;text-transform:uppercase}.sb-versus__matrix-row{min-height:4.8rem;border-bottom:var(--sb-border-w) solid rgba(var(--color-foreground),.08)}.sb-versus__matrix-row:last-child{border-bottom:0}.sb-versus__criterion{min-width:0;padding-right:var(--sb-space-12);color:rgba(var(--color-foreground),.85);font-size:1.5rem;font-weight:var(--sb-fw-medium);line-height:1.4}.sb-versus__check{display:grid;margin:0 auto;place-items:center;color:var(--sb-versus-accent)}.sb-versus__check svg{display:block;width:1.8rem;height:auto;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.sb-versus__check--empty:before{width:1.2rem;height:var(--sb-border-w);background:rgba(var(--color-foreground),.3);content:""}.sb-versus__competitor{min-width:0;color:rgba(var(--color-foreground),.7);font-size:1.35rem;line-height:1.35;text-align:center}.sb-versus__proof-footer{margin-top:var(--sb-space-24);padding-top:var(--sb-space-20);border-top:var(--sb-border-w) solid rgba(var(--color-foreground),.12)}.sb-versus .sb-versus__cta{display:inline-block;padding-bottom:.2rem;border-bottom:var(--sb-border-w) solid rgba(var(--color-foreground),.4);color:rgb(var(--color-foreground));font-size:1.5rem;font-weight:var(--sb-fw-medium);text-decoration:none;transition:border-color .25s var(--sb-ease);white-space:nowrap}.sb-versus__cta:after{content:" \2192"}.sb-versus__cta:visited{color:rgb(var(--color-foreground))}.sb-versus__cta:hover{border-bottom-color:rgb(var(--color-foreground))}.sb-versus__media{position:relative;min-width:0;overflow:hidden;background:radial-gradient(circle at 85% 88%,rgba(99,76,55,.07),transparent 36%),linear-gradient(140deg,#ede4d8,#dbd0c3 52%,#c6bcae);isolation:isolate;touch-action:pan-y}.sb-versus__media:focus-visible{outline:var(--sb-border-w-2) solid rgba(var(--color-foreground),.72);outline-offset:-4px}.sb-versus__status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.sb-versus__media:before{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(var(--sb-ink-warm-rgb),.03),transparent 22%,transparent 68%,rgba(var(--sb-ink-warm-rgb),.1));content:"";pointer-events:none}.sb-versus__pan{position:absolute;z-index:1;top:0;bottom:0;left:0;width:auto;max-width:none;height:100%;opacity:1;filter:saturate(.96) contrast(1.03) brightness(1.05) sepia(.02);mix-blend-mode:multiply;transform:translateZ(0);transition:transform .85s var(--sb-ease);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.sb-versus__pan--labels{opacity:.64;filter:none;mix-blend-mode:normal;pointer-events:none}.sb-versus__pan--blur{display:none}.sb-versus__media-key{position:absolute;z-index:3;right:var(--sb-space-24);bottom:var(--sb-space-24);left:var(--sb-space-24);display:flex;justify-content:space-between;color:rgba(var(--color-foreground),.72);font-size:1.05rem;font-weight:var(--sb-fw-semibold);letter-spacing:.12em;text-transform:uppercase}.sb-versus__media-key span{display:inline-flex;align-items:center;gap:.7rem}.sb-versus__media-key i{display:inline-block;width:.6rem;height:.6rem;border-radius:50%;background:var(--sb-versus-accent);transition:background .28s var(--sb-ease)}.sb-versus__media-key span:last-child i{background:rgba(var(--color-foreground),.35)}.sb-versus__arrows{position:absolute;z-index:4;top:50%;right:1.5rem;left:1.5rem;display:flex;justify-content:space-between;pointer-events:none;transform:translateY(-50%)}.sb-versus__arrow{display:grid;width:4.2rem;height:4.2rem;margin:0;padding:0;-webkit-appearance:none;appearance:none;place-items:center;border:var(--sb-border-w) solid rgba(var(--color-foreground),.12);border-radius:50%;background:rgba(var(--sb-cream-rgb),.78);box-shadow:none;color:rgb(var(--color-foreground));cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .2s var(--sb-ease),opacity .2s var(--sb-ease),transform .2s var(--sb-ease)}.sb-versus__arrow:hover{background:var(--sb-cream);transform:scale(1.04)}.sb-versus__arrow:disabled{opacity:0;pointer-events:none}.sb-versus__arrow svg{display:block;width:1.7rem;height:auto;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.sb-versus__empty{margin:var(--sb-space-32) auto;color:rgba(var(--color-foreground),.7);font-size:1.5rem;text-align:center}.sb-versus__disclaimer{max-width:76rem;margin:var(--sb-space-24) auto 0;color:rgba(var(--color-foreground),.7);font-size:1.2rem;line-height:1.5;text-align:center}@media screen and (max-width:980px){.sb-versus__inner{width:min(100% - 2.8rem,72rem);padding:var(--sb-space-48) 0 var(--sb-space-48)}.sb-versus__head{margin-bottom:var(--sb-space-24)}.sb-versus__tabs{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;margin-inline:-1.4rem;padding-inline:1.4rem;scrollbar-width:none}.sb-versus__deck{grid-template-columns:1fr;min-height:0}.sb-versus__media{order:1;min-height:33rem}.sb-versus__pan{clip-path:inset(0 var(--sb-versus-clip-right, 0%) 0 var(--sb-versus-clip-left, 0%))}.sb-versus__proof{order:2;padding:var(--sb-space-32) var(--sb-space-32) var(--sb-space-24)}}@media screen and (max-width:520px){.sb-versus__inner{width:min(100% - 1.8rem,48rem);padding-top:var(--sb-space-32)}.sb-versus__tabs{margin-inline:-.9rem;padding-inline:.9rem}.sb-versus__head{padding:0 var(--sb-space-12)}.sb-versus__media{min-height:25rem}.sb-versus__media-key{right:var(--sb-space-16);bottom:var(--sb-space-16);left:var(--sb-space-16);font-size:.95rem}.sb-versus__arrows{right:1rem;left:1rem}.sb-versus__proof{padding:var(--sb-space-24) var(--sb-space-20) var(--sb-space-20)}.sb-versus__product-title{font-size:2.4rem}.sb-versus__matrix-head,.sb-versus__matrix-row{grid-template-columns:minmax(0,1fr) 4rem 9.6rem;column-gap:.4rem}.sb-versus__matrix:before{right:10rem;width:4rem}.sb-versus__brand-label img{width:2.2rem}.sb-versus__them-label{font-size:1rem;letter-spacing:.08em}.sb-versus__criterion{padding-right:.7rem;font-size:1.35rem}.sb-versus__competitor{font-size:1.2rem}.sb-versus__matrix-row{min-height:4.4rem}.sb-versus__proof-footer{text-align:center}}@media screen and (max-width:350px){.sb-versus__inner{width:calc(100% - 1.2rem)}.sb-versus__tabs{margin-inline:-.6rem;padding-inline:.6rem}.sb-versus__proof{padding-inline:var(--sb-space-12)}.sb-versus__product-title{font-size:2.2rem}.sb-versus__matrix-head,.sb-versus__matrix-row{grid-template-columns:minmax(0,1fr) 3.6rem 8.4rem;column-gap:.3rem}.sb-versus__matrix:before{right:8.7rem;width:3.6rem}.sb-versus__brand-label img{width:2rem}.sb-versus__criterion{padding-right:.4rem;font-size:1.25rem}.sb-versus__competitor{font-size:1.1rem}}@media(prefers-reduced-motion:reduce){.sb-versus,.sb-versus *,.sb-versus *:before,.sb-versus *:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-versus.css.map */