.comparison{--comparison-pad: 2.4rem;--comparison-product-width: 12rem;--comparison-product-height: calc(var(--comparison-product-width) / var(--comparison-product-ratio, 1));--comparison-peek: calc(var(--comparison-product-height) * .55);--comparison-recede: 1.6rem;--comparison-us-pad-block: var(--comparison-pad);padding-block:4.8rem;color:rgb(var(--color-foreground))}@media screen and (min-width:750px){.comparison{--comparison-pad: 3.2rem;--comparison-product-width: 14rem;padding-block:8rem}}@media screen and (min-width:990px){.comparison{--comparison-product-width: clamp(14rem, 11vw, 20rem)}}.comparison__grid{display:grid;gap:4rem}@media screen and (min-width:990px){.comparison__intro{max-width:72rem}}@media screen and (min-width:1200px){.comparison__intro{max-width:none}.comparison__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(3.2rem,5vw,8rem)}.comparison--icons .comparison__grid{grid-template-columns:minmax(0,4fr) minmax(0,7fr)}}.comparison__intro{display:flex;flex-direction:column;gap:1.6rem}.comparison__intro .stay-eyebrow{margin:0}.comparison__heading{color:inherit}.comparison__cards{display:grid;gap:1.6rem}.comparison__cards--product{padding-top:var(--comparison-peek)}.comparison__card{position:relative;display:flex;flex-direction:column;gap:2rem;padding:var(--comparison-pad);border-radius:var(--stay-radius-l);background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.comparison__label{margin:0;font-family:var(--font-body-family);font-size:1.4rem;font-weight:600;line-height:1.2;letter-spacing:.06em;text-transform:uppercase;color:inherit}.comparison__card--us .comparison__label{font-family:var(--font-heading-family);font-size:clamp(2.4rem,2rem + .5vw,2.8rem);letter-spacing:-.01em}.comparison__product{position:absolute;top:calc(-1 * var(--comparison-peek));left:calc(var(--comparison-pad) - .8rem);width:var(--comparison-product-width);aspect-ratio:var(--comparison-product-ratio, 1);pointer-events:none}.comparison__product img{display:block;width:100%;height:100%;object-fit:contain}.comparison__cards--product .comparison__card--us .comparison__label{display:flex;align-items:flex-end;min-height:calc(var(--comparison-product-height) - var(--comparison-peek) - var(--comparison-us-pad-block));padding-left:calc(var(--comparison-product-width) + .8rem)}.comparison__rows{display:flex;flex-direction:column;gap:2rem;margin:0;padding:0;list-style:none}.comparison__row{display:flex;align-items:center;gap:1.6rem}.comparison__card--us .comparison__row{font-size:clamp(2rem,1.6rem + .5vw,2.4rem);font-weight:600;line-height:1.25;letter-spacing:-.02em}.comparison__card--them .comparison__row{gap:1.2rem;font-size:1.6rem;line-height:1.4;color:rgba(var(--color-foreground),.72)}.comparison__mark{display:flex;flex:none;align-items:center;justify-content:center;border-radius:50%;color:rgb(var(--stay-color-depth))}.comparison__mark--yes{width:3.2rem;height:3.2rem;background:rgb(var(--stay-color-warmth))}.comparison__mark--yes svg{width:1.4rem;height:1.4rem}.comparison__mark--no{width:2.4rem;height:2.4rem;background:rgb(var(--stay-color-cream))}.comparison__mark--no svg{width:1rem;height:1rem}@media screen and (min-width:990px){.comparison__cards{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-rows:auto repeat(var(--comparison-rows),auto);column-gap:1.6rem;row-gap:2.4rem}.comparison__card{display:grid;grid-row:1 / -1;grid-template-rows:subgrid}.comparison__label{align-self:end}.comparison__rows{display:grid;grid-row:2 / -1;grid-template-rows:subgrid}.comparison--versus .comparison__card--them{margin-block:var(--comparison-recede)}.comparison--versus .comparison__card--us{--comparison-us-pad-block: calc(var(--comparison-pad) + var(--comparison-recede));padding-block:var(--comparison-us-pad-block)}}.comparison--icons{--comparison-tuck: calc(2 * var(--stay-radius-l));--comparison-picture-height: 5.6rem}@media screen and (min-width:750px){.comparison--icons{--comparison-picture-height: 6.4rem}}@media screen and (max-width:1199px){.comparison--icons .comparison__grid{gap:3.2rem}}.comparison--icons .comparison__cards{gap:0}.comparison--icons .comparison__card--us{z-index:1;box-shadow:0 .8rem 2.4rem rgba(var(--stay-color-depth),.12),0 3.2rem 6.4rem -1.6rem rgba(var(--stay-color-depth),.4)}.comparison--icons .comparison__card--them{margin-top:calc(-1 * var(--comparison-tuck));padding-top:calc(var(--comparison-pad) + var(--comparison-tuck))}.comparison__head{display:flex;align-items:center;gap:1.6rem;margin-bottom:.8rem}.comparison__picture{display:block;flex:none;height:var(--comparison-picture-height)}.comparison__picture img{display:block;width:auto;height:100%}.comparison__icon{display:flex;flex:none;width:3.2rem;height:3.2rem}.comparison__icon svg{width:100%;height:100%}.comparison__card--us .comparison__icon{color:rgb(var(--stay-color-warmth))}.comparison__card--them .comparison__icon{color:rgb(var(--color-foreground))}.comparison--icons .comparison__card--them .comparison__row{gap:1.6rem}@media screen and (min-width:990px){.comparison__head{align-self:end}.comparison--icons .comparison__cards{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.comparison--icons .comparison__head{align-self:start}.comparison--icons .comparison__card--us{margin-right:calc(-.5 * var(--comparison-tuck))}.comparison--icons .comparison__card--them{margin:0 0 0 calc(-.5 * var(--comparison-tuck));padding:var(--comparison-pad) var(--comparison-pad) var(--comparison-pad) calc(var(--comparison-pad) + var(--comparison-tuck))}}.comparison__row{--comparison-delay: calc(.24s + var(--comparison-pair, 0) * var(--stay-motion-stagger))}html.stay-motion .comparison__card--them[data-stay-reveal]:not(.is-settled){transition-delay:.12s}html.stay-motion :is(.comparison__product,.comparison__picture)[data-stay-reveal]:not(.is-settled),html.stay-motion :is(.comparison__product,.comparison__picture)[data-stay-reveal]:not(.is-settled) img{transition-delay:.16s}html.stay-motion .comparison__row[data-stay-reveal]:not(.is-settled){transition-delay:var(--comparison-delay)}html.stay-motion .comparison__row[data-stay-reveal]:not(.is-settled) [data-stay-pop]{transition-delay:calc(var(--comparison-delay) + var(--stay-pop-delay, .2s))}
/*# sourceMappingURL=/cdn/shop/t/27/assets/section-comparison-table.css.map */
