.dilution-calc{display:block}.dilution-calc :is(button,input,select,a,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 4px var(--text)}.dilution-calc__card{border:var(--BORDER-WIDTH) solid var(--border);border-radius:var(--radius);padding:40px}@media only screen and (max-width:767px){.dilution-calc__card{padding:24px 20px}}.dilution-calc__grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.dilution-calc__grid>*,.dilution-calc__field{min-width:0}@media only screen and (max-width:1023px){.dilution-calc__grid{grid-template-columns:1fr;gap:32px}}.dilution-calc__tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.dilution-calc__tab{border:var(--BORDER-WIDTH) solid var(--COLOR-TEXT-ALPHA-50);border-radius:var(--radius-small);background:transparent;color:var(--text);padding:11px 20px;min-height:44px;letter-spacing:.05em;text-transform:uppercase;font-weight:var(--FONT-WEIGHT-BODY-BOLD);font-size:calc(1.35rem * var(--adjust-label));transition:border-color .2s ease,background .2s ease,color .2s ease}.dilution-calc__tab:hover{border-color:var(--text)}.dilution-calc__tab[aria-selected=true]{background:var(--text);border-color:var(--text);color:var(--bg)}.dilution-calc__intro{margin:0 0 24px}.dilution-calc__intro.rte p{margin:0;font-size:calc(1.5rem * var(--adjust-label));line-height:1.55}.dilution-calc__field{border:0;padding:0;margin:0}.dilution-calc__field+.dilution-calc__field{margin-top:32px}.dilution-calc__legend{display:block;width:100%;padding:0;margin:0 0 12px}.dilution-calc__hint{display:block;margin:12px 0 0;color:var(--text-alpha-60);font-size:calc(1.25rem * var(--adjust-label));line-height:1.5}.dilution-calc__presets{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:0;list-style:none}.dilution-calc__presets:empty{display:none}.dilution-calc__chip{border:var(--BORDER-WIDTH) solid var(--COLOR-TEXT-ALPHA-50);border-radius:var(--radius-small);background:transparent;color:var(--text);padding:9px 14px;min-height:44px;text-align:left;line-height:1.2;transition:border-color .2s ease,background .2s ease,color .2s ease}.dilution-calc__chip:hover{border-color:var(--text)}.dilution-calc__chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#000}.dilution-calc__chip-value{display:block;white-space:nowrap;font-weight:var(--FONT-WEIGHT-BODY-BOLD)}.dilution-calc__chip-label{display:block;margin-top:2px;font-size:calc(1.2rem * var(--adjust-label));opacity:.7}.dilution-calc__entry{display:flex;align-items:stretch;gap:8px}.dilution-calc__entry input,.dilution-calc__entry select{border-radius:var(--radius-small);margin:0;min-height:48px}.dilution-calc__entry input{flex:1 1 auto;width:100%}.dilution-calc__entry select{flex:0 0 auto;padding-right:20px}.dilution-calc__suffix{display:flex;align-items:center;flex:0 0 auto;white-space:nowrap;font-size:var(--FONT-SIZE-INPUT)}.dilution-calc__result{border:var(--BORDER-WIDTH) solid var(--border);border-radius:var(--radius);padding:32px;position:sticky;top:calc(var(--header-sticky-height, var(--header-height, 80px)) + 24px)}@media only screen and (max-width:1023px){.dilution-calc__result{position:static}}.dilution-calc__readout+.dilution-calc__readout{margin-top:24px;padding-top:24px;border-top:var(--BORDER-WIDTH) solid var(--border)}.dilution-calc__readout-label{display:block;margin:0 0 6px}.dilution-calc__readout-value{display:block;line-height:1.05;font-weight:var(--FONT-WEIGHT-BODY-BOLD);font-size:calc(3.6rem * var(--adjust-body))}@media only screen and (max-width:767px){.dilution-calc__readout-value{font-size:calc(3rem * var(--adjust-body))}}.dilution-calc__readout-alt{display:block;margin-top:6px;color:var(--text-alpha-60);font-size:calc(1.25rem * var(--adjust-label))}.dilution-calc__readout-alt:empty{display:none}.dilution-calc__summary{margin:24px 0 0;padding:14px 16px;border-radius:var(--radius-small);background:var(--accent);color:#000;font-size:calc(1.4rem * var(--adjust-label));line-height:1.45}.dilution-calc__summary:empty{display:none}.dilution-calc__note{margin:32px 0 0;padding-top:24px;border-top:var(--BORDER-WIDTH) solid var(--border);color:var(--text-alpha-60);font-size:calc(1.3rem * var(--adjust-label))}.dilution-calc__note p{margin:0}.dilution-calc__tip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;margin-left:8px;padding:0;vertical-align:middle;border:var(--BORDER-WIDTH) solid var(--COLOR-TEXT-ALPHA-50);border-radius:50%;background:transparent;color:var(--text);line-height:1;font-size:calc(1.25rem * var(--adjust-label));font-weight:var(--FONT-WEIGHT-BODY-BOLD);transition:border-color .2s ease,background .2s ease,color .2s ease}.dilution-calc__tip:after{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%)}.dilution-calc__tip:hover{border-color:var(--text)}.dilution-calc__tip[aria-expanded=true]{background:var(--accent);border-color:var(--accent);color:#000}.dilution-calc__hint[hidden]{display:none}.dilution-calc__hint{padding:12px 14px;border:var(--BORDER-WIDTH) solid var(--border);border-radius:var(--radius-small)}.dilution-calc__more{margin:0 0 24px}.dilution-calc__more:not(.is-open) [data-more-content]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dilution-calc__more-btn{position:relative;margin-top:8px;padding:0;border:0;background:transparent;color:var(--text);text-decoration:underline;text-underline-offset:3px;font-size:calc(1.3rem * var(--adjust-label))}.dilution-calc__more-btn:after{content:"";position:absolute;top:50%;left:0;right:0;height:44px;transform:translateY(-50%)}.dilution-calc__faq{--border-opacity: 1;--border-width: var(--BORDER-WIDTH);--MB: 0px;--padding-left: 0;margin-top:48px}.dilution-calc__faq-heading{margin:0 0 8px}.dilution-calc__faq-heading{font-size:calc(2.1rem * var(--adjust-heading))}.dilution-calc__accent{background:var(--accent);color:#000;padding:0 .12em}.dilution-calc__panel{counter-reset:dilution-step}.dilution-calc__legend:before{counter-increment:dilution-step;content:"#" counter(dilution-step);margin-right:8px;opacity:.45}.dilution-calc__slider{-webkit-appearance:none;appearance:none;display:block;width:100%;height:24px;margin:12px 0 0;padding:0;background:transparent;border:0}.dilution-calc__slider::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:var(--COLOR-TEXT-ALPHA-50)}.dilution-calc__slider::-moz-range-track{height:4px;border-radius:2px;background:var(--COLOR-TEXT-ALPHA-50)}.dilution-calc__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;margin-top:-10px;border:var(--BORDER-WIDTH) solid var(--text);border-radius:50%;background:var(--accent)}.dilution-calc__slider::-moz-range-thumb{width:24px;height:24px;border:var(--BORDER-WIDTH) solid var(--text);border-radius:50%;background:var(--accent)}.dilution-calc__more-btn[hidden]{display:none}.dilution-calc__result-body{display:flex;align-items:stretch;gap:24px}.dilution-calc__readouts{flex:1 1 auto;min-width:0}.dilution-calc__vessel{display:flex;flex-direction:column;flex:0 0 auto;align-self:stretch;width:72px;min-height:220px;border:var(--BORDER-WIDTH) solid var(--border);border-radius:var(--radius);overflow:hidden}@media only screen and (max-width:767px){.dilution-calc__vessel{width:56px;min-height:180px}}.dilution-calc__vessel-part{display:flex;align-items:center;justify-content:center;flex-basis:0;overflow:hidden}.dilution-calc__vessel-part--water{position:relative;background:#d6eaf6;color:#000}.dilution-calc__vessel-part--product{background:var(--accent);color:#000}.dilution-calc__vessel-figure{position:relative;padding:0 4px;text-align:center;line-height:1.1;white-space:nowrap;font-weight:var(--FONT-WEIGHT-BODY-BOLD);font-size:calc(1.25rem * var(--adjust-label))}.dilution-calc__vessel-part[data-too-small] .dilution-calc__vessel-figure{display:none}.dilution-calc__error{display:block;margin:8px 0 0;padding-left:22px;position:relative;color:var(--error-text);font-size:calc(1.25rem * var(--adjust-label));line-height:1.4}.dilution-calc__error:before{content:"!";position:absolute;left:0;top:0;width:16px;height:16px;border-radius:50%;background:var(--error-text);color:#fff;text-align:center;line-height:16px;font-size:11px;font-weight:var(--FONT-WEIGHT-BODY-BOLD)}.dilution-calc__error[hidden]{display:none}.dilution-calc__entry input[aria-invalid=true]{border-color:var(--error-text)}.dilution-calc__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:0 0 16px}.dilution-calc__bar .dilution-calc__tabs{margin:0}.dilution-calc__reset{margin-left:auto;padding:9px 18px;min-height:44px;border:var(--BORDER-WIDTH) solid var(--COLOR-TEXT-ALPHA-50);border-radius:999px;background:transparent;color:var(--text);line-height:1.2;font-size:calc(1.3rem * var(--adjust-label));transition:border-color .2s ease,background .2s ease}.dilution-calc__reset:hover{border-color:var(--text)}.dilution-calc__lookup{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;max-height:440px;margin:16px 0 0;padding:4px;overflow-y:auto;list-style:none}.dilution-calc__pick[hidden]{display:none}.dilution-calc__card-button{display:flex;flex-direction:column;align-items:stretch;width:100%;height:100%;padding:12px;border:var(--BORDER-WIDTH) solid var(--COLOR-TEXT-ALPHA-50);border-radius:var(--radius);background:transparent;color:var(--text);text-align:left;transition:border-color .15s ease,background .15s ease}.dilution-calc__card-button:hover{border-color:var(--text)}.dilution-calc__card-image{width:100%;height:92px;margin:0 0 10px;object-fit:contain;border-radius:var(--radius-small);background:#fff}.dilution-calc__card-image--empty{display:block;background:var(--border);opacity:.25}.dilution-calc__card-name{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:3.9em;margin:0 0 8px;line-height:1.3;font-size:calc(1.25rem * var(--adjust-label))}.dilution-calc__card-meta{display:flex;align-items:baseline;gap:6px;margin-top:auto}.dilution-calc__card-figure{white-space:nowrap;font-weight:var(--FONT-WEIGHT-BODY-BOLD);font-size:calc(1.4rem * var(--adjust-label))}.dilution-calc__card-more{white-space:nowrap;color:var(--text-alpha-60);font-size:calc(1.3rem * var(--adjust-label))}.dilution-calc__lookup-empty{margin:16px 0 0;color:var(--text-alpha-60);font-size:calc(1.3rem * var(--adjust-label))}.dilution-calc__lookup-empty[hidden]{display:none}.dilution-calc__chosen{display:flex;align-items:center;gap:16px;margin:0 0 32px;padding:12px 16px;border:var(--BORDER-WIDTH) solid var(--border);border-radius:var(--radius-small)}.dilution-calc__chosen[hidden]{display:none}.dilution-calc__chosen-image{flex:0 0 auto;width:56px;height:56px;object-fit:contain;border-radius:var(--radius-small);background:#fff}.dilution-calc__chosen-image[hidden]{display:none}.dilution-calc__chosen-text{flex:1 1 auto;min-width:0}.dilution-calc__chosen-label{display:block;margin:0 0 2px}.dilution-calc__chosen-name{position:relative;display:block;color:var(--text);line-height:1.25;font-weight:var(--FONT-WEIGHT-BODY-BOLD);font-size:calc(1.45rem * var(--adjust-label))}.dilution-calc__chosen-name:after{content:"";position:absolute;top:50%;left:0;right:0;height:44px;transform:translateY(-50%)}.dilution-calc__chosen-use{display:block;margin-top:2px;color:var(--text-alpha-60);font-size:calc(1.25rem * var(--adjust-label))}.dilution-calc__chosen-clear{flex:0 0 auto;min-height:44px;padding:0 8px;border:0;background:transparent;color:var(--text);text-decoration:underline;text-underline-offset:3px;font-size:calc(1.3rem * var(--adjust-label))}
/*# sourceMappingURL=/cdn/shop/t/15/assets/dilution-calculator.css.map */