:export{tabletLandscape:"max-width: 1279px";tabletPortrait:"max-width: 992px";phone:"max-width: 576px"}.product-segment{position:relative;display:flex;align-items:flex-start;justify-content:flex-end;height:15rem;white-space:nowrap}.product-segment.pointer{cursor:pointer}.product-segment:hover .popover{opacity:1;visibility:visible}.product-segment .segment{z-index:2;line-height:0}.product-segment .segment svg{width:30rem}.product-segment .segment svg path{fill:var(--color-grey-300)}.product-segment .segment svg.class-1 path:nth-of-type(-n+1),.product-segment .segment svg.class-2 path:nth-of-type(-n+2),.product-segment .segment svg.class-3 path:nth-of-type(-n+3),.product-segment .segment svg.class-4 path:nth-of-type(-n+4),.product-segment .segment svg.class-5 path:nth-of-type(-n+5){fill:var(--color-black)}.product-segment .text{margin-left:8rem;font-size:12rem;color:var(--color-grey-500)}.product-segment.text-position-left .segment{order:2;margin-right:0;margin-left:8rem}.product-segment.text-position-left .text{order:1}.product-segment .popover{position:absolute;z-index:1;top:-10rem;right:-10rem;opacity:0;border:1rem solid var(--color-grey-300);border-radius:20rem;padding:10rem 50rem 10rem 10rem;background:var(--color-grey-100);font-size:14rem;font-weight:var(--font-weight-medium);line-height:16rem;transition:all .2s ease;visibility:hidden;text-transform:capitalize}.product-segment .popover.disabled{display:none}.product-segment .popover.-opened-by-tap{opacity:1;visibility:visible;white-space:normal;max-width:200rem}
