.product-meters{width:100%;margin:var(--spacing-4xl) 0;padding:var(--spacing-4xl) 0}.product-meters__container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-2xl)}.product-meter{display:flex;flex-direction:column;gap:var(--spacing-md)}.product-meter__label{font-size:1.8rem;font-weight:700;text-transform:uppercase;color:rgb(var(--color-foreground));min-width:150px;flex-shrink:0;text-align:center;width:100%}.product-meter__track-wrapper{position:relative;width:100%;margin-top:var(--spacing-lg)}.product-meter__track{position:relative;width:100%;height:5px;background-color:rgba(var(--color-foreground),.1);border-radius:4px;overflow:visible}.product-meter--categorical .product-meter__track{display:flex;background-color:transparent;gap:12px}.product-meter--categorical .product-meter__section{position:relative;flex:1;height:5px;background-color:rgba(var(--color-foreground),.1);border-radius:4px}.product-meter--categorical .product-meter__section .product-meter__fill{position:absolute;top:0;left:0;height:100%;width:0%;border-radius:inherit;transition:width 1s ease-out;z-index:1}.product-meter__fill{position:absolute;top:0;left:0;height:100%;background-color:var(--meter-color, var(--primary-color));border-radius:4px;transition:width 1s ease-out;z-index:1}.product-meter__marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:50px;height:50px;z-index:2;transition:left 1s ease-out}.product-meter__marker:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--meter-color, var(--primary-color));-webkit-mask-image:var(--x-icon-url);mask-image:var(--x-icon-url);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.product-meter__options{display:flex;justify-content:space-between;margin-top:2rem;font-size:1.2rem;color:rgba(var(--color-foreground),.5);pointer-events:none}.product-meter__option{flex:1;text-align:center;text-transform:uppercase}.product-meter--progressive .product-meter__option:first-child{text-align:left}.product-meter--progressive .product-meter__option:last-child{text-align:right}.product-meter--categorical .product-meter__option{text-align:center}.product-meter__option--active{color:var(--primary-color);font-weight:600}@media (min-width: 990px){.product-meter{flex-direction:row;align-items:flex-start;gap:var(--spacing-2xl)}.product-meter__label{font-size:2rem;min-width:180px;text-align:left;width:auto}.product-meter__track-wrapper{flex:1}.product-meter__track{margin-top:var(--spacing-xs)}.product-meter__options{font-size:1.4rem}}@media (max-width: 989px){.product-meters{margin:0}}
/*# sourceMappingURL=/cdn/shop/t/221/assets/product-meters.css.map */