.value-comparison{--vc-bar-height: 5.6rem}.value-comparison__inner{max-width:64rem;margin:0 auto}.value-comparison__subheading{font-size:var(--text-h6);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.4rem;opacity:.5}.value-comparison__headline{font-size:var(--text-h4);font-weight:var(--font-bold);margin-bottom:.8rem;line-height:1.2}.value-comparison__desc{font-size:1.4rem;opacity:.65;max-width:48rem;line-height:1.5;margin-bottom:3.2rem}.value-comparison__bars{display:flex;flex-direction:column;gap:2.4rem}.value-comparison__row{display:flex;flex-direction:column;gap:.6rem}.value-comparison__row-label{display:flex;align-items:baseline;gap:.6rem;font-size:1.1rem;font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.06em}.value-comparison__row-label span{font-size:1.5rem;font-weight:var(--font-bold);letter-spacing:0;text-transform:none}.value-comparison__bar{display:flex;height:var(--vc-bar-height);border-radius:.4rem;overflow:hidden;border:1px solid rgba(var(--color-foreground),.1)}.value-comparison__row--bruno .value-comparison__bar{width:73.3%}.value-comparison__row--comp .value-comparison__bar{width:100%}.value-comparison__segment{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:0 .6rem;font-weight:var(--font-medium);letter-spacing:.02em;white-space:nowrap;overflow:hidden;position:relative;min-width:0;cursor:pointer;flex:var(--seg-w) 1 0%;transition:flex-grow .35s ease}.value-comparison__segment-amount{font-weight:var(--font-bold);font-size:1.1rem;flex-shrink:0}.value-comparison__segment-name{font-size:.95rem;opacity:0;max-width:0;overflow:hidden;text-transform:uppercase;letter-spacing:.04em;transition:max-width .35s ease,opacity .25s ease .08s}@media(hover:hover){.value-comparison__segment:hover{flex-grow:max(calc(var(--seg-w) * 3),18)}.value-comparison__segment:hover .value-comparison__segment-name{max-width:10rem;opacity:.8}}.value-comparison__segment.is-active{flex-grow:max(calc(var(--seg-w) * 3),18)}.value-comparison__segment.is-active .value-comparison__segment-name{max-width:10rem;opacity:.8}.value-comparison__segment--wine{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.value-comparison__segment--packaging{background-color:rgba(var(--color-foreground),.82);color:rgb(var(--color-background));box-shadow:inset 1px 0 rgba(var(--color-background),.15)}.value-comparison__segment--delivery{background-color:rgba(var(--color-foreground),.6);color:rgb(var(--color-background));box-shadow:inset 1px 0 rgba(var(--color-background),.15)}.value-comparison__segment--margin-ours{background-color:rgba(var(--color-foreground),.38);color:rgb(var(--color-foreground));box-shadow:inset 1px 0 rgba(var(--color-background),.1)}.value-comparison__segment--comp-wine{background-color:rgba(var(--color-foreground),.48);color:rgb(var(--color-background))}.value-comparison__segment--comp-packaging{background-color:rgba(var(--color-foreground),.4);color:rgb(var(--color-background));box-shadow:inset 1px 0 rgba(var(--color-background),.12)}.value-comparison__segment--comp-margin{background-color:rgba(var(--color-foreground),.32);color:rgb(var(--color-background));box-shadow:inset 1px 0 rgba(var(--color-background),.1)}.value-comparison__segment--comp-broker{background-color:rgba(var(--color-foreground),.25);color:rgb(var(--color-foreground));box-shadow:inset 1px 0 rgba(var(--color-foreground),.1)}.value-comparison__segment--comp-distributor{background-color:rgba(var(--color-foreground),.19);color:rgb(var(--color-foreground));box-shadow:inset 1px 0 rgba(var(--color-foreground),.1)}.value-comparison__segment--comp-retailer{background-color:rgba(var(--color-foreground),.13);color:rgb(var(--color-foreground));box-shadow:inset 1px 0 rgba(var(--color-foreground),.1)}.value-comparison__footnote{margin-top:2rem;font-size:1.1rem;opacity:.4;font-style:italic}@media screen and (min-width:750px){.value-comparison{--vc-bar-height: 6.4rem}.value-comparison__segment-amount{font-size:1.2rem}.value-comparison__segment-name{font-size:.95rem}.value-comparison__headline{font-size:var(--text-h3)}}@media screen and (max-width:480px){.value-comparison__segment{padding:0 .3rem;gap:.3rem}.value-comparison__segment-amount{font-size:1rem}.value-comparison{--vc-bar-height: 4.6rem}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/section-value-comparison.css.map */