.qvg-batch{--qbp-u:10px;--qbp-type-u:calc(.8 * var(--qbp-u));--qbp-main:calc(45.3333 * var(--qbp-u));--qbp-side:calc(43 * var(--qbp-u));--qbp-gap:calc(.8 * var(--qbp-u));--qbp-ink:#233137;--qbp-muted:#6f7f84;--qbp-blue:#9aaeb5;position:relative;isolation:isolate;overflow:hidden;padding:0 calc(4 * var(--qbp-u));background:#fff;color:var(--qbp-ink);font-family:Neue Montreal,Arial,sans-serif;line-height:1.2;scroll-margin-top:90px}.qvg-batch *,.qvg-batch *:before,.qvg-batch *:after{box-sizing:border-box}.qvg-batch :where(p,h2,button){margin:0}.qvg-batch button{font-family:inherit;color:inherit;cursor:pointer;text-align:left;letter-spacing:normal;-webkit-tap-highlight-color:transparent}.qvg-batch button:focus-visible,.qvg-batch__viewport:focus-visible{outline:2px solid #5d767e;outline-offset:4px}.qvg-batch__wrapper{display:flex;flex-direction:column;gap:calc(3.2 * var(--qbp-u));width:100%;max-width:calc(136 * var(--qbp-u));margin:0 auto;padding:calc(4 * var(--qbp-u)) 0;border-inline:1px solid #f2f2f2}.qvg-batch__header{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;padding:0 24px}.qvg-batch .qvg-batch__eyebrow{display:inline-block;padding:8px 16px;border:1px solid #23313724;border-radius:999px;font-size:11px;font-weight:400;letter-spacing:.16em;line-height:1;color:var(--qbp-muted)}.qvg-batch__header h2{font-family:inherit;font-size:clamp(26px,3.4vw,38px);font-weight:300;letter-spacing:-.01em;line-height:1.14;color:var(--qbp-ink)}.qvg-batch__header h2 strong{display:block;font-weight:400;color:var(--qbp-blue)}.qvg-batch .qvg-batch__subtitle{max-width:580px;font-size:14px;line-height:1.4;letter-spacing:.6px;color:var(--qbp-muted)}.qvg-batch__viewport{width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;outline:none}.qvg-batch__viewport::-webkit-scrollbar{display:none}.qvg-batch__board{display:flex;justify-content:center;align-items:flex-end;gap:var(--qbp-gap);width:max-content;min-width:100%;padding:0 calc(1.2 * var(--qbp-u)) 24px}.qvg-batch__column{display:flex;flex:0 0 var(--qbp-side);flex-direction:column;gap:calc(.8805 * var(--qbp-u));width:var(--qbp-side);margin-bottom:calc(2.4 * var(--qbp-u))}.qvg-batch__card{display:flex;flex-direction:column;flex:none;gap:calc(2.9352 * var(--qbp-u));width:100%;height:calc(18.785 * var(--qbp-u));padding:calc(.8805 * var(--qbp-u));background:#fff;border:.734px solid #f2f2f2;border-radius:calc(.8805 * var(--qbp-u));box-shadow:0 7.338px 11.741px #0000000a;transition:border-color .25s,box-shadow .25s,background .25s;touch-action:pan-x pan-y}.qvg-batch__score{display:flex;flex-direction:column;justify-content:space-between;flex-shrink:0;width:100%;height:calc(11.7406 * var(--qbp-u));padding:calc(.8805 * var(--qbp-u));background:#fafafa;border:.734px solid #f2f2f2;border-radius:calc(.587 * var(--qbp-u));transition:background .3s,border-color .3s}.qvg-batch__card-heading{display:flex;align-items:center;justify-content:space-between;gap:calc(1.1741 * var(--qbp-u));min-width:0}.qvg-batch__card-title{font-size:calc(1.4676 * var(--qbp-type-u));font-weight:500;line-height:1.2}.qvg-batch__badge{display:inline-flex;align-items:center;flex-shrink:0;padding:calc(.2201 * var(--qbp-u)) calc(.8805 * var(--qbp-u));border-radius:99px;color:#0c6826;background:#f3f7f4;font-size:calc(1.0273 * var(--qbp-u));font-weight:400;line-height:1.43}.qvg-batch__value-row{display:flex;align-items:flex-start;gap:calc(.587 * var(--qbp-u))}.qvg-batch__value{color:#2d3b41;font-size:calc(2.4 * var(--qbp-u));font-weight:400;line-height:1.0625;letter-spacing:-.015em;white-space:nowrap}.qvg-batch__unit{font-family:Qvg Zagma,monospace;font-size:calc(.8805 * var(--qbp-u));font-weight:400;letter-spacing:-.044px;line-height:1.17;text-transform:uppercase;color:#758084;padding-top:calc(.3 * var(--qbp-u))}.qvg-batch__gauge{display:flex;flex-direction:column;gap:calc(.587 * var(--qbp-u));width:100%}.qvg-batch__track{position:relative;display:block;width:100%;height:calc(.7338 * var(--qbp-u));border-radius:calc(.587 * var(--qbp-u));background:#f2f5f5}.qvg-batch__target{position:absolute;top:0;right:0;bottom:0;left:74%;background:#cddbe1;border-radius:inherit}.qvg-batch__card--precision .qvg-batch__target{top:0;right:20%;bottom:0;left:20%}.qvg-batch__card--identity .qvg-batch__target,.qvg-batch__card--traceability .qvg-batch__target{left:82%}.qvg-batch__card--homogeneity .qvg-batch__target{top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#e7eef0,#bdcfd6,#e7eef0)}.qvg-batch__card--testing .qvg-batch__target{top:0;right:0;bottom:0;left:0;background:#dbe6e9}.qvg-batch__marker{position:absolute;top:50%;left:var(--qbp-marker);width:calc(.65 * var(--qbp-u));height:calc(1.1741 * var(--qbp-u));transform:translate(-50%,-50%);background:#fff}.qvg-batch__marker:after{content:"";position:absolute;inset:0 calc(.225 * var(--qbp-u));background:#233137}.qvg-batch__marker>span{position:absolute;left:50%;bottom:calc(1.7 * var(--qbp-u));transform:translate(-50%);color:#233137;font-family:Qvg Zagma,monospace;font-size:calc(.8805 * var(--qbp-u));font-weight:400;line-height:1.17;white-space:nowrap}.qvg-batch__check{position:absolute;top:50%;width:calc(.6 * var(--qbp-u));height:calc(.6 * var(--qbp-u));transform:translate(-50%,-50%);border-radius:50%;background:#7c99a3;box-shadow:0 0 0 2px #fff}.qvg-batch__check--first{left:3%}.qvg-batch__check--last{left:97%}.qvg-batch__gauge-labels{display:flex;align-items:center;justify-content:space-between;color:#758084;font-family:Qvg Zagma,monospace;font-size:calc(.8805 * var(--qbp-u));line-height:1.17;text-transform:uppercase;white-space:nowrap}.qvg-batch__card[aria-pressed=true]{border-color:#9aaeb5;box-shadow:0 8px 24px #758e981c}.qvg-batch__card[aria-pressed=true] .qvg-batch__score{background:#f1f5f6;border-color:#dce6e9}.qvg-batch__card[aria-pressed=true] .qvg-batch__marker:after{background:#5d767e}.qvg-batch__main{display:flex;flex:0 0 var(--qbp-main);flex-direction:column;align-items:center;gap:calc(1.2 * var(--qbp-u));width:var(--qbp-main);padding:calc(1.2 * var(--qbp-u));background:#fff;border:.75px solid #f2f2f2;border-radius:calc(1.2 * var(--qbp-u));box-shadow:0 40px 60px #9aaeb51a}.qvg-batch__vial-stage{position:relative;isolation:isolate;flex:none;width:100%;aspect-ratio:43/25;overflow:hidden;border-radius:calc(1.1069 * var(--qbp-u));background:radial-gradient(ellipse at 50% 30%,#d3dfe2,#a7bac1 48%,#879da6);padding:calc(1.2 * var(--qbp-u))}.qvg-batch__stage-title{position:relative;z-index:2;font-size:calc(2.4 * var(--qbp-type-u));font-weight:400;line-height:1.1667;letter-spacing:-.025em;color:#fff}.qvg-batch__stage-caption{position:relative;z-index:2;display:block;font-size:calc(.88 * var(--qbp-u));line-height:1.4;letter-spacing:.06em;color:#f3f7f7;margin-top:calc(.3 * var(--qbp-u));text-transform:uppercase}.qvg-batch__vials{position:absolute;inset:calc(4.2 * var(--qbp-u)) calc(1.6 * var(--qbp-u)) calc(.6 * var(--qbp-u));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(.6 * var(--qbp-u))}.qvg-batch__vial{position:relative;display:flex;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0;border:0;border-radius:calc(.8 * var(--qbp-u));background:transparent;isolation:isolate;overflow:hidden}.qvg-batch__vial:before{content:"";position:absolute;top:10%;right:1%;bottom:16%;left:1%;border-radius:50%;background:radial-gradient(ellipse,#edf5f7a8,transparent 70%);opacity:0;transition:opacity .3s}.qvg-batch__vial img{position:absolute;top:0;left:50%;height:100%;width:auto;max-width:none;transform:translate(-50%);filter:drop-shadow(0 5px 5px #344f5a24);opacity:.8;transition:opacity .3s,filter .3s}.qvg-batch__vial>span{position:absolute;z-index:1;bottom:0;left:0;right:0;text-align:center;color:#fff;font-size:calc(1.15 * var(--qbp-u));font-weight:400;line-height:1.4}.qvg-batch__vial[aria-pressed=true]:before{opacity:1}.qvg-batch__vial[aria-pressed=true] img{opacity:1;filter:drop-shadow(0 5px 5px #344f5a24) drop-shadow(0 0 5px #f2f8fa77)}.qvg-batch__vial:focus-visible{outline-offset:-3px;outline-color:#fff}.qvg-batch__plot{position:relative;width:100%;aspect-ratio:430/383}.qvg-batch__plot svg{display:block;width:100%;height:100%;overflow:visible}.qvg-batch__plot-heading{fill:#6f7f84;font-family:Qvg Zagma,monospace;font-size:8px;letter-spacing:.3px;text-transform:uppercase}.qvg-batch__legend text{font-family:Neue Montreal,Arial,sans-serif;font-size:8px;fill:#52676f}.qvg-batch__axis-labels{font-family:Qvg Zagma,monospace;font-size:10px;fill:#758084}.qvg-batch__plot-point{opacity:.5;transition:opacity .3s}.qvg-batch__plot-point.is-active{opacity:1}.qvg-batch__popover{transition:transform .4s cubic-bezier(.215,.61,.355,1)}.qvg-batch__popover text{fill:#fff;font-family:Qvg Zagma,monospace;font-size:10px}.qvg-batch__point-hit{position:absolute;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;transform:translate(-50%,-50%)}.qvg-batch__point-hit[data-batch-point="0"]{left:12.5581%;top:44.9086%}.qvg-batch__point-hit[data-batch-point="1"]{left:50%;top:44.1253%}.qvg-batch__point-hit[data-batch-point="2"]{left:87.4419%;top:45.1697%}.qvg-batch__footer{display:flex;flex-direction:column;align-items:center;gap:7px;padding:0 24px 8px;text-align:center;margin-top:-24px}.qvg-batch .qvg-batch__detail{min-height:2.8em;max-width:650px;font-size:13px;line-height:1.4;letter-spacing:.15px;color:#52676f}.qvg-batch .qvg-batch__caption{font-size:11px;line-height:1.4;letter-spacing:.1px;color:#758084}.qvg-batch .qvg-batch__swipe-hint{display:none;font-size:11px;line-height:1.4;color:#758084}.qvg-batch__sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.qvg-batch.is-visible .qvg-batch__card{animation:qbp-reveal .65s both;animation-delay:calc(var(--qbp-order) * 65ms)}.qvg-batch.is-visible .qvg-batch__profile{animation:qbp-draw 1.2s .2s both}@keyframes qbp-reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes qbp-draw{0%{stroke-dasharray:1;stroke-dashoffset:1}to{stroke-dasharray:1;stroke-dashoffset:0}}@media(min-width:1100px)and (max-width:1440px){.qvg-batch{--qbp-u:.69444444vw}}@media(min-width:768px)and (max-width:1099px){.qvg-batch{--qbp-side:206.4px;--qbp-main:453px;padding:0 16px}.qvg-batch__board{padding-inline:16px}.qvg-batch__card-heading{gap:6px}.qvg-batch__badge{padding-inline:6px}.qvg-batch__value{font-size:22px}.qvg-batch.has-overflow .qvg-batch__swipe-hint{display:block}}@media(max-width:767px){.qvg-batch{--qbp-u:4.8px;--qbp-type-u:var(--qbp-u);--qbp-main:217.6px;--qbp-side:206.4px;--qbp-gap:8px;padding:0}.qvg-batch__wrapper{border:0;max-width:none;gap:0;padding:0 0 32px}.qvg-batch__header{padding:56px 20px 24px}.qvg-batch__board{padding:16px 16px 24px}.qvg-batch__viewport{border-top:1px solid #f2f2f2}.qvg-batch__column{margin-bottom:8.56px}.qvg-batch__card{border-width:.352px;box-shadow:0 3.522px 5.635px #0000000a}.qvg-batch__score{border-width:.352px}.qvg-batch__value{font-size:18px}.qvg-batch__card-title{font-size:10px}.qvg-batch__badge{font-size:8px;padding:1px 5px}.qvg-batch__unit{font-size:6px}.qvg-batch__marker>span,.qvg-batch__gauge-labels{font-size:6px}.qvg-batch__footer{margin-top:0;padding:0 24px;gap:8px}.qvg-batch__vial>span{font-size:7px}.qvg-batch .qvg-batch__detail{font-size:12px;min-height:4.2em}.qvg-batch .qvg-batch__caption{font-size:10px}.qvg-batch.has-overflow .qvg-batch__swipe-hint{display:block}}@media(max-width:749px){.qvg-batch__header h2{font-size:clamp(23px,7vw,30px)}.qvg-batch .qvg-batch__subtitle{max-width:325px}}@media(prefers-reduced-motion:reduce){.qvg-batch *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.qvg-batch__film{display:none;position:absolute;top:0;left:50%;height:100%;width:auto;max-width:none;transform:translate(-50%);filter:drop-shadow(0 5px 5px #344f5a24);pointer-events:none}.qvg-batch__vial.has-frame .qvg-batch__film{display:block}.qvg-batch__vial img,.qvg-batch__film{opacity:1;filter:drop-shadow(0 5px 5px #344f5a24);transition:none}.qvg-batch__vial.has-frame img{opacity:0}.qvg-batch__axis-hit,.qvg-batch__popover-hit{position:absolute;padding:0;border:0;border-radius:6px;background:transparent;transform:translate(-50%,-50%)}.qvg-batch__axis-hit{top:94%;width:29%;height:44px}.qvg-batch__axis-hit[data-batch-point="0"]{left:12.5581%}.qvg-batch__axis-hit[data-batch-point="1"]{left:50%}.qvg-batch__axis-hit[data-batch-point="2"]{left:87.4419%}.qvg-batch__popover-hit{left:50%;top:34.7258%;width:20.4651%;min-width:44px;height:9%;min-height:28px;transition:left .4s cubic-bezier(.215,.61,.355,1),top .4s cubic-bezier(.215,.61,.355,1)}@media(prefers-reduced-motion:reduce){.qvg-batch__popover-hit{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/qvg-batch.css.map */