.brand-compare-container{margin-top:5rem}.brand-compare-grid{display:flex;flex-direction:column;padding:3rem}@media screen and (min-width: 749px){.brand-compare-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:start}}.brand-compare-item--left{background-color:rgba(var(--color-accent))}.brand-compare-item--right{background:rgba(var(--color-foreground),.04)}.brand-compare-item{height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;padding:5rem 3rem;border-radius:1rem}.brand-compare-logo{width:100%;max-width:200px;min-height:60px;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center}.brand-compare-logo--small{max-width:150px}.brand-compare-logo--medium{max-width:200px}.brand-compare-logo--large{max-width:280px}.brand-compare-logo__img{width:100%;height:auto;display:block;object-fit:contain;max-height:80px}.brand-compare-logo__text{color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-size:2rem;text-align:center;text-transform:uppercase;display:flex;align-items:center;justify-content:center;width:100%}.brand-compare-name{font-size:1.5rem;font-weight:600;margin:0 0 1rem;color:rgb(var(--color-foreground))}.brand-compare-description{font-family:var(--font-heading-family);line-height:1.5;margin-bottom:1.5rem;color:rgba(var(--color-foreground),.75);width:100%}.brand-compare-description ul{text-align:left;list-style:none;padding:0;margin:0}.brand-compare-description li{margin-bottom:1rem}.brand-compare-description li:before{content:"\2714";position:absolute;right:3.5rem;font-size:1.2rem;color:rgb(var(--color-button-text));background:rgba(var(--color-button));border-radius:50%;padding:.2rem .6rem;margin-right:.5rem}.brand-compare-product-image{width:100%;max-width:250px;height:150px;margin-bottom:3rem;border-radius:var(--border-radius);overflow:hidden}.brand-compare-product-image__img{width:100%;height:100%;display:block;object-fit:contain;aspect-ratio:1}.brand-compare-stats{display:flex;flex-direction:column;gap:1.5rem;width:100%}.brand-compare-stat{color:var(--stat-text-color, rgb(var(--color-foreground)));background:var(--stat-background-color, transparent);border-radius:3rem;padding:1rem;display:flex;flex-direction:column;align-items:center}@media screen and (min-width: 750px){.brand-compare-stat{min-height:40px;padding:1rem 1.5rem;justify-content:center}}.brand-compare-stat__value{font-size:1.25rem;color:rgb(var(--color-foreground))}.brand-compare-stat__label{font-size:.8rem;color:rgba(var(--color-foreground),.6);text-transform:uppercase;letter-spacing:.05em}.brand-compare-vs-container{height:100%;padding:2rem 0}.brand-compare-vs-container .brand-compare-vs-inner{height:100%;display:flex;flex-direction:column;justify-content:space-between}.brand-compare-vs{display:flex;align-items:center;justify-content:center;padding:0 1rem}.brand-compare-vs__text{color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-size:5rem;font-weight:800;text-align:center;min-width:80px;min-height:80px;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:center}.brand-compare-labels{display:none;flex-direction:column;justify-content:center;gap:2.1rem;padding:0 1rem;min-height:200px}.brand-compare-label{color:rgba(var(--color-foreground),.8);font-family:var(--font-heading-family);font-size:1.8rem;font-weight:600;text-align:center;text-transform:uppercase;padding:.5rem 1rem;white-space:nowrap;min-width:120px}.brand-compare-footer{font-family:var(--font-heading-family);font-weight:600;width:100%;padding:0 3.5rem;display:flex;justify-content:space-between;align-items:center}.brand-compare-footer__label{font-size:1.8rem}.brand-compare-footer__text{font-size:2.5rem}.brand-compare-footer__text .brand-compare-footer__currency{margin-left:-.5rem}@media screen and (min-width: 750px){.brand-compare-vs-container{height:100%;padding:5rem 0 3rem}.brand-compare-vs{min-height:200px}.brand-compare-labels{display:flex}.brand-compare-item--left .brand-compare-stats{align-items:flex-end}.brand-compare-item--left .brand-compare-stat{border-radius:3rem 0 0 3rem}.brand-compare-item--right .brand-compare-stats{align-items:flex-start}.brand-compare-item--right .brand-compare-stat{border-radius:0 3rem 3rem 0}.brand-compare-description{font-size:1.8rem;padding:0 3.5rem}.brand-compare-footer{padding:0 3.5rem}}@media screen and (min-width: 750px){.brand-compare-item{padding:3rem 0}.brand-compare-product-image{height:150px;padding:0 2rem}.brand-compare-logo{padding:0 2rem}.brand-compare-logo__text{font-size:1.5rem}}@media screen and (min-width: 990px){.brand-compare-product-image{height:200px;padding:0 3rem}.brand-compare-grid{gap:.5rem}.brand-compare-vs__text{font-size:5rem;min-width:90px;min-height:90px}.brand-compare-logo{max-width:220px;padding:0 3rem}.brand-compare-logo--small{max-width:170px}.brand-compare-logo--medium{max-width:220px}.brand-compare-logo--large{max-width:300px}.brand-compare-logo__img{max-height:90px}.brand-compare-logo__text{font-size:2.4rem}.brand-compare-name{font-size:1.75rem}.brand-compare-stat__value{font-size:1.3rem}.brand-compare-stat__label{font-size:.85rem}}.brand-compare-stats .brand-compare-stat__value--icon-1:before,.brand-compare-stats .brand-compare-stat__value--icon-2:after{content:"\2605";font-size:1.5rem}.brand-compare-stats .brand-compare-stat__value--icon-1:before{margin-right:1rem}.brand-compare-stats .brand-compare-stat__value--icon-2:after{margin-left:1rem}@media screen and (min-width: 750px){.brand-compare-stats .brand-compare-1-stat{align-items:flex-start}.brand-compare-stats .brand-compare-2-stat{align-items:flex-end}}.brand-compare-button-container{display:flex;justify-content:center;margin-top:3rem;padding-top:2rem}@media screen and (min-width: 750px){.brand-compare-stat--width-10{width:30%}.brand-compare-stat--width-20{width:40%}.brand-compare-stat--width-30{width:50%}.brand-compare-stat--width-40{width:60%}.brand-compare-stat--width-50{width:70%}.brand-compare-stat--width-60{width:75%}.brand-compare-stat--width-70{width:80%}.brand-compare-stat--width-80{width:85%}.brand-compare-stat--width-90{width:90%}.brand-compare-stat--width-100{width:100%}}@media screen and (min-width: 990px){.brand-compare-stat--width-10{width:10%}.brand-compare-stat--width-20{width:20%}.brand-compare-stat--width-30{width:30%}.brand-compare-stat--width-40{width:40%}.brand-compare-stat--width-50{width:50%}.brand-compare-stat--width-60{width:60%}.brand-compare-stat--width-70{width:70%}.brand-compare-stat--width-80{width:80%}.brand-compare-stat--width-90{width:90%}.brand-compare-stat--width-100{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/83/assets/component-brand-compare.css.map */