.g-vs__panel{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "pair" "table" "cta";row-gap:2.4rem;padding:3.2rem 1.6rem 2.4rem}.g-vs__head{grid-area:head;display:grid;gap:1.2rem;padding:0 .8rem}.g-vs__eyebrow{margin:0}.g-vs__title{font-size:clamp(3.6rem,4.4vw,6.4rem);line-height:.95;letter-spacing:-.025em}.g-vs__lede{max-width:44rem}.g-vs__pair{grid-area:pair;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:0}.g-vs__fig{position:relative;margin:0;min-width:0}.g-vs__fig .g-arch{border-radius:var(--g-radius-card)}.g-vs__chip{position:absolute;left:50%;bottom:1rem;z-index:2;transform:translate(-50%);max-width:calc(100% - 1.6rem);padding:.6rem 1.2rem;border-radius:var(--g-pill);font-weight:700;font-size:1.2rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.g-vs__chip--them{background:var(--g-white);color:#50273bbf}.g-vs__chip--us{background:var(--g-cherry);color:var(--g-white)}.g-vs__fig--us .g-arch{box-shadow:0 0 0 .3rem var(--g-cherry)}.g-vs__note{grid-column:1 / -1;margin:.4rem 0 0;font-size:1.3rem;line-height:1.4;text-align:center;color:rgba(var(--color-foreground),.7)}.g-vs__table-wrap{grid-area:table;min-width:0}.g-vs__table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.g-vs__corner{width:auto}.g-vs__col{width:9.6rem;padding:1.4rem .6rem 1rem;font-family:var(--font-body-family);font-weight:700;font-size:1.2rem;line-height:1.2;text-align:center;vertical-align:bottom}.g-vs__col--us{border-radius:2rem 2rem 0 0;background:var(--g-cherry);color:var(--g-white)}.g-vs__col--them{color:rgba(var(--color-foreground),.7)}.g-vs__label,.g-vs__cell{padding:1.2rem .6rem;border-top:.1rem solid rgba(var(--color-foreground),.14);vertical-align:middle}.g-vs__label{padding-left:.4rem;padding-right:1.2rem;font-family:var(--font-body-family);font-weight:700;font-size:1.4rem;line-height:1.3;text-align:left;color:rgb(var(--color-foreground))}.g-vs__cell{text-align:center}.g-vs__cell--us{background:var(--g-cherry);border-top-color:#fffaf829;color:var(--g-white)}.g-vs__row:last-child .g-vs__cell--us{border-radius:0 0 2rem 2rem}.g-vs__mark{display:inline-grid;place-items:center;width:3rem;height:3rem;border-radius:50%;vertical-align:middle}.g-vs__mark .g-icon{width:1.6rem;height:1.6rem}.g-vs__mark--yes{background:var(--g-pink);color:var(--g-cherry)}.g-vs__cell--them .g-vs__mark--yes{background:rgba(var(--color-foreground),.12);color:rgb(var(--color-foreground))}.g-vs__mark--no{box-shadow:inset 0 0 0 .15rem rgba(var(--color-foreground),.35);color:rgba(var(--color-foreground),.55)}.g-vs__cell--us .g-vs__mark--no{box-shadow:inset 0 0 0 .15rem #fffaf880;color:var(--g-white)}.g-vs__value{display:block;font-size:1.2rem;font-weight:700;line-height:1.25}.g-vs__mark+.g-vs__value{margin-top:.4rem}.g-vs__cell--them .g-vs__value{color:rgba(var(--color-foreground),.75)}.g-vs__cta{grid-area:cta;display:flex;justify-content:center}@media screen and (min-width:750px){.g-vs__panel{row-gap:3.2rem;padding:4.8rem}.g-vs__head{padding:0}.g-vs__pair{gap:1.6rem}.g-vs__chip{bottom:1.6rem;padding:.8rem 1.6rem;font-size:1.4rem}.g-vs__note{font-size:1.4rem}.g-vs__col{width:14rem;font-size:1.4rem}.g-vs__label{font-size:1.6rem}.g-vs__label,.g-vs__cell{padding-top:1.5rem;padding-bottom:1.5rem}.g-vs__mark{width:3.4rem;height:3.4rem}.g-vs__value{font-size:1.3rem}}@media screen and (min-width:990px){.g-vs__panel:not(.g-vs__panel--text){grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-rows:auto auto 1fr;grid-template-areas:"head head" "pair table" "pair cta";column-gap:clamp(4rem,5vw,7.2rem);row-gap:3.2rem;align-items:start;padding:clamp(4.8rem,4.45vw,6.4rem) clamp(4.8rem,5vw,7.2rem)}.g-vs__panel:not(.g-vs__panel--text) .g-vs__head{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);column-gap:clamp(4rem,5vw,7.2rem);align-items:end}.g-vs__panel:not(.g-vs__panel--text) .g-vs__eyebrow,.g-vs__panel:not(.g-vs__panel--text) .g-vs__title{grid-column:1}.g-vs__panel:not(.g-vs__panel--text) .g-vs__lede{grid-column:2;grid-row:2}.g-vs__panel--text{padding:clamp(4.8rem,4.45vw,6.4rem) clamp(4.8rem,5vw,7.2rem)}.g-vs__panel:not(.g-vs__panel--text) .g-vs__cta{justify-content:flex-start}.g-vs__col{width:12.4rem}}@media screen and (min-width:1440px){.g-vs__panel{border-radius:5.6rem}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/glooty-versus.css.map */
