.compression-badge{--compression-badge-knob-size: 11px;position:absolute;z-index:2;display:flex;flex-direction:column;gap:8px;background-color:rgba(var(--color-background),.9);pointer-events:none;display:none}.compression-badge--card{left:7px;bottom:7px;padding:6px 5px;border-radius:4px}.compression-badge--gallery{--compression-badge-knob-size: 10px;right:14px;bottom:14px;padding:12px;border-radius:8px}.compression-badge__track{position:relative;display:block;height:4px;border-radius:100px;background-color:rgb(var(--color-background))}.compression-badge--gallery .compression-badge__track{height:3px}.compression-badge__fill{position:relative;display:block;width:calc((100% - var(--compression-badge-knob-size)) * var(--compression-badge-position) + 3px);height:100%;border-radius:100px;background-color:#8e9677}.compression-badge__fill:after{content:"";position:absolute;top:50%;right:calc(3px - var(--compression-badge-knob-size));width:var(--compression-badge-knob-size);height:var(--compression-badge-knob-size);border-radius:50%;background-color:#8e9677;transform:translateY(-50%)}.compression-badge__fill--low{--compression-badge-position: .0922}.compression-badge__fill--medium{--compression-badge-position: .5106}.compression-badge__fill--high{--compression-badge-position: 1}.compression-badge__label{margin:0;font-family:Poppins,sans-serif;font-size:11px;font-weight:400;line-height:.8;letter-spacing:.5px;text-align:center;white-space:nowrap;color:rgb(var(--color-foreground))}.compression-badge--gallery .compression-badge__label{font-size:14px}.compression-badge__level{font-weight:600}@media screen and (min-width:990px){.compression-badge--card{left:12px;right:auto;bottom:12px;min-width:162px}.compression-badge--card .compression-badge__label{font-size:13px}.compression-badge--gallery{top:20px;right:20px;bottom:auto}}
/*# sourceMappingURL=/cdn/shop/t/88/assets/component-compression-badge.css.map */