*,:after,:before{border:none;box-sizing:border-box;color:inherit;font-size:100%;font:inherit;list-style-type:none;margin:0;padding:0;text-decoration:none}body,html{height:100%;width:100%}button{background:transparent}html{font-family:var(--font-sans);font-weight:480;scroll-behavior:smooth}:root{--radius-sm:0.25rem;--text-xs:0.75rem;--lh-xs:1.33333;--text-sm:0.875rem;--lh-sm:1.42857;--text-base:1rem;--lh-base:1.5;--text-lg:1.125rem;--lh-lg:1.55556;--text-xl:1.25rem;--lh-xl:1.4;--text-2xl:1.5rem;--lh-2xl:1.33333;--text-5xl:3rem;--lh-5xl:1;--font-semibold:600;--font-bold:700;--font-black:900;--shadow-sm:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--color-red-200:oklch(0.885 0.062 18.334);--color-red-700:oklch(0.505 0.213 27.518);--color-amber-50:oklch(0.987 0.022 95.277);--color-amber-100:oklch(0.962 0.059 95.617);--color-amber-200:oklch(0.924 0.12 95.746);--color-amber-700:oklch(0.555 0.163 48.998);--color-green-200:oklch(0.925 0.084 155.995);--color-green-700:oklch(0.527 0.154 150.069);--color-stone-50:oklch(0.985 0.001 106.423);--color-stone-100:oklch(0.97 0.001 106.424);--color-stone-200:oklch(0.923 0.003 48.717);--color-stone-300:oklch(0.869 0.005 56.366);--color-stone-400:oklch(0.709 0.01 56.259);--color-stone-500:oklch(0.553 0.013 58.071);--color-stone-600:oklch(0.444 0.011 73.639);--color-stone-700:oklch(0.374 0.01 67.558);--color-stone-800:oklch(0.268 0.007 34.298);--color-stone-900:oklch(0.216 0.006 56.043);--color-stone-950:oklch(0.147 0.004 49.25);--color-melanie-50:#fbf4f8;--color-melanie-100:#f7ecf3;--color-melanie-200:#f1d9e8;--color-melanie-300:#eac2da;--color-melanie-400:#d78fb9;--color-melanie-500:#c86c9e;--color-melanie-600:#b34f81;--color-melanie-700:#993d68;--color-melanie-800:#803457;--color-melanie-900:#6b304b;--color-melanie-950:#401729;--max-width:68rem;--button-shadow:var(--shadow-md);--button-shadow-sm:var(--shadow-sm);--color-ok:var(--color-green-700);--color-warn-1:var(--color-amber-700);--color-warn-2:var(--color-amber-700);--color-warn-3:var(--color-amber-700);--color-warn-4:var(--color-red-700);--color-warn-5:var(--color-red-700)}body{background-color:var(--color-stone-50);color:var(--color-stone-600);display:flex;flex-direction:column;font-size:var(--text-base);line-height:var(--lh-base);min-height:100%;width:100%}::selection{background-color:color-mix(in srgb,var(--color-stone-600) 30%,transparent)}main{flex-grow:1}.lucide{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#cookie-notice{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;transition-property:opacity scale display;z-index:3;&.dismissed{display:none;opacity:0;transform:scale(.98)}p{align-items:center;background:#fff;border:1px solid #999;border-radius:.25rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);color:#444;column-gap:.5rem;display:flex;flex-wrap:wrap;margin:.5rem;padding:.375rem .75rem;row-gap:.25rem;button{background-color:#444;border-radius:.125rem;color:#fff;cursor:pointer;display:flex;line-height:1;padding:0 .25rem;.icon{height:1.125rem;width:1.125rem}}}@media print{display:none}}header{line-height:1;width:100%;nav{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin:0 auto;max-width:var(--max-width);padding:1rem;>a,>h1 a{align-items:center;display:flex;text-decoration:none;&:before{background-image:url(/assets/images/hlbcalc-logo-34mmnmf0b7998.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;height:1.25rem;margin-right:.25rem;width:1.25rem}}div{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}}a{display:block;font-weight:var(--font-bold);text-decoration:underline}}footer{align-items:center;background:var(--color-stone-100);display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;padding:1rem;text-align:center;a{text-decoration:underline}>a{display:block}}.start-calculating-button{display:flex;a{background-color:var(--color-melanie-700);border-radius:var(--radius-sm);box-shadow:var(--button-shadow);color:#fff;cursor:pointer;display:block;font-weight:var(--font-semibold);padding:.5rem 1rem;&:hover{background-color:var(--color-melanie-800)}&:active{background-color:var(--color-melanie-900);box-shadow:none}}}.hlb-explanation{display:flex;flex-direction:column;font-size:var(--text-sm);line-height:var(--lh-sm);row-gap:1rem;h2{font-weight:var(--font-bold)}}.print-header{align-items:center;background-color:#fff;display:flex;justify-content:space-between;@media screen{display:none}}.checkbox{cursor:pointer;display:flex;gap:.375rem;.checkboxes &{border-radius:var(--radius-sm);margin:0 .375rem;padding:.125rem .375rem}&:hover{background-color:var(--color-stone-100)}input{align-items:center;appearance:none;display:flex;height:1lh;justify-content:center;width:1rem;&:focus-visible{outline:none}&:after{background-color:#fff;border:1px solid;border-radius:var(--radius-sm);box-shadow:inset 0 0 0 2px #fff;content:" ";height:1rem;width:1rem}&:checked:after{background-color:var(--color-stone-700)}&:focus-visible:after{border-color:var(--color-melanie-700);box-shadow:0 0 0 2px inset #fff,0 0 0 1px var(--color-melanie-700)}&:checked:focus-visible:after{background-color:var(--color-melanie-700)}}}dialog{&::backdrop{background-color:color-mix(in srgb,var(--color-stone-800) 60%,transparent)}form{align-items:center;display:flex;flex-direction:column;inset:0;overflow:auto;padding:2rem;position:fixed;.content{align-items:center;display:flex;flex-grow:1;.body{background-color:#fff;border-radius:var(--radius-sm);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-width:36rem;padding:.75rem 1.25rem 1rem;row-gap:1rem;.title{align-items:center;display:flex;justify-content:space-between;h2{align-items:center;column-gap:.25rem;display:flex;font-size:var(--text-xl);line-height:1;.icon{height:1.25rem;width:1.25rem}}.close-button{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;padding:.25rem;&:focus-visible{box-shadow:0 0 0 2px inset var(--color-melanie-700);color:var(--color-melanie-700);outline:none}}}.sub-content{display:flex;flex-direction:column;row-gap:1rem}h3{font-weight:var(--font-bold)}ul{display:flex;flex-direction:column}}.buttons{align-items:center;display:flex;gap:.5rem;justify-content:end;button{align-items:center;border:1px solid;border-radius:var(--radius-sm);box-shadow:var(--button-shadow-sm),0 0 0 1px inset #fff;cursor:pointer;display:flex;padding:.25rem .75rem;&:focus-visible{border-color:var(--color-melanie-700);box-shadow:0 0 0 1px inset var(--color-melanie-700);color:var(--color-melanie-700);outline:none}&:hover{background-color:var(--color-stone-100)}&:active{box-shadow:none}}}}}}#share-dialog{input{background-color:var(--color-stone-50);border:1px solid color-mix(in srgb,var(--color-stone-400) 50%,transparent);border-radius:var(--radius-sm);color:var(--color-stone-500);padding:calc(.375rem - 1px) calc(.625rem - 1px);&:focus{background-color:#fff;border-color:var(--color-melanie-700);box-shadow:0 0 0 1px inset var(--color-melanie-700);outline:none}}}#breakdown-dialog{&[data-state=full] .body{max-width:46rem}h3{font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:var(--lh-lg)}h4{align-items:center;background-color:var(--color-stone-200);column-gap:.5rem;display:flex;font-weight:var(--font-bold);justify-content:space-between;padding:.25rem .5rem}.other-names,h4{font-size:var(--text-sm);line-height:var(--lh-sm)}.other-names{margin-top:-.125rem}table{border-collapse:collapse;width:100%}tr{border-bottom:1px solid var(--color-stone-200);&:last-child{border-bottom:none}&.small{display:none}&.large{display:table-row}@media (width < 46rem){&.small{display:table-row;&.name td{border-bottom:1px solid #fff;padding-bottom:0}}&.large{display:none}}}th{border-bottom:1px solid var(--color-stone-400);font-weight:var(--font-semibold);padding:.25rem .5rem .25rem 0;text-align:left;white-space:nowrap;&:last-child{padding-right:.5rem}&.name{align-items:center;display:flex;.icon{height:1rem;margin-right:.125rem;width:1rem}}}td{padding:.25rem 0;vertical-align:top;&:first-child{padding-right:.5rem}}.value{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;width:1px}.sign{display:inline-block;text-align:center;width:1rem}.total td{border-bottom:none;border-top:1px solid var(--color-stone-400);font-weight:var(--font-semibold);padding-bottom:0;&.value{padding-right:1rem}}.diagnostics{li{align-items:baseline;column-gap:.375rem;display:grid;grid-template-columns:minmax(0,auto) 1fr;&:before{background-color:var(--color-stone-300);border-radius:100%;content:" ";display:block;height:.5rem;transform:translateY(-.125rem);width:.5rem}}.advice{display:block;font-size:var(--text-sm);line-height:var(--lh-sm);margin-top:.25rem;em{color:var(--color-stone-900);font-style:normal;font-weight:var(--font-semibold)}.badge{background-color:var(--color-stone-700);border-radius:var(--radius-sm);color:#fff;font-size:var(--text-xs);font-weight:var(--font-bold);line-height:var(--lh-xs);padding:0 .25rem}.how{cursor:pointer;text-decoration:underline;.badge{margin-right:.25rem}}.method{display:none}}}.warn-1{color:var(--color-warn-1)}.warn-1,.warn-2{font-weight:var(--font-semibold)}.warn-2{color:var(--color-warn-2)}.warn-3{color:var(--color-warn-3)}.warn-3,.warn-4{font-weight:var(--font-semibold)}.warn-4{color:var(--color-warn-4)}.warn-5{color:var(--color-warn-5);font-weight:var(--font-semibold)}}.document{background-color:#fff;flex-grow:1;width:100%;.contents{display:flex;flex-direction:column;margin:0 auto;max-width:68rem;padding:1rem;row-gap:1rem;h1{font-size:var(--text-2xl);line-height:var(--lh-2xl)}h1,h2{font-weight:var(--font-bold)}h2{font-size:var(--text-xl);line-height:var(--lh-xl)}h3{font-weight:var(--font-bold)}}}.page-index{display:grid;grid-template-columns:1fr 1fr;height:100%;@media (width < 80rem){display:flex;.image-pane{display:none}}.text-pane{align-items:start;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:46rem;padding:1.5rem;@media print{padding-bottom:0;padding-left:0;padding-right:0;padding-top:0}row-gap:1rem;h1{font-size:var(--text-5xl);font-weight:var(--font-black);line-height:var(--lh-5xl);&:before{background-image:url(/assets/images/hlbcalc-logo-34mmnmf0b7998.svg);background-position:bottom;background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;height:2.5rem;margin-right:.5rem;width:2.5rem;@media (width < 46rem){display:block;margin-bottom:.5rem}}+p{font-size:var(--text-xl);line-height:var(--lh-xl)}}.or-see-list{margin-top:-.25rem;a{text-decoration:underline}}.hlb-explanation{color:var(--color-stone-600);margin-top:1rem}}.image-pane{background-image:url(/assets/images/screenshot-6ed3vmh7p702t.jpg);background-position:100% 100%;background-size:cover;display:block}}.page-calc{display:flex;flex-direction:column;margin:0 auto;max-width:var(--max-width);padding:0 1rem;.calc{--pad-x:0.625rem;--pad-y:0.375rem;--gap-x:0.5rem;--header-height:5.5rem;--table-header-height:2rem;@media (width <= 46rem){--header-height:7rem}background-color:#fff;border:2px solid var(--color-melanie-700);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);display:flex;flex-direction:column;flex-grow:1}#emulsifiers,#oils{scroll-margin-top:var(--header-height)}[data-material]{scroll-margin-top:calc(var(--header-height) + var(--table-header-height) - 1px)}.calc-header{background-color:#fff;border-top-left-radius:calc(var(--radius-sm)/2);border-top-right-radius:calc(var(--radius-sm)/2);height:var(--header-height);position:sticky;top:0;z-index:2;.top-bar{align-items:center;column-gap:.5rem;display:flex;padding:var(--pad-x);.search{align-items:center;display:flex;flex-grow:1;position:relative;.search-input{background-color:var(--color-stone-50);border:1px solid color-mix(in srgb,var(--color-stone-400) 50%,transparent);border-radius:var(--radius-sm);flex-grow:1;padding:calc(.25rem - 1px) calc(2rem - 1px);width:1px;&::placeholder{color:var(--color-stone-300)}&:focus,&:hover{background-color:#fff}&:focus{border-color:var(--color-melanie-700);box-shadow:0 0 0 1px inset var(--color-melanie-700);outline:none}}.search-icon{height:1.25rem;left:.5rem;position:absolute;top:50%;transform:translateY(-50%);width:1.25rem}.clear-button{border-radius:var(--radius-sm);cursor:pointer;display:flex;opacity:1;padding:.25rem;position:absolute;right:calc(.25rem + 2px);top:calc(50% - .25rem);transform:translateY(calc(-50% + .25rem));&:focus-visible{box-shadow:0 0 0 2px inset var(--color-melanie-700);outline:none}@starting-style{opacity:0}}.search-input:placeholder-shown+.clear-button{display:none;opacity:0}.clear-icon{height:1.25rem;width:1.25rem}}.buttons{align-items:center;column-gap:.5rem;display:flex;line-height:1;white-space:nowrap;button{align-items:center;border:1px solid;border-radius:var(--radius-sm);box-shadow:var(--button-shadow-sm),0 0 0 1px inset #fff;column-gap:.25rem;cursor:pointer;display:flex;padding:calc(.375rem + 1px) .75rem;& .icon{height:1rem;width:1rem}&:focus-visible{border-color:var(--color-melanie-700);box-shadow:0 0 0 1px inset var(--color-melanie-700);color:var(--color-melanie-700);outline:none}&:hover{background-color:var(--color-stone-100)}&:active{box-shadow:none}}.text{@media (width < 28rem){display:none}}}}.calc-output{font-variant-numeric:tabular-nums;&.large{display:none;@media (width > 46rem){display:grid}column-gap:1rem;grid-template-columns:1fr 1fr;padding:0 .5rem;.block{align-items:center;column-gap:.5rem;display:grid;grid-template-columns:auto 1fr auto}.value{padding:.125rem .5rem;&.hlb{width:5.5rem}&.usage{width:7rem}}}&.small{display:none;@media (width <= 46rem){display:flex}column-gap:1rem;justify-content:space-between;padding:0 .5rem;.column{display:grid;gap:.25rem;grid-template-rows:1fr 1fr;.block{align-items:center;column-gap:.5rem;display:flex;justify-content:space-between}}.value{padding:0 .25rem;width:6.5rem}.required-abbr{display:none}@media (width < 32rem){.proposed,.required-full{display:none}.required-abbr{display:block}}a{text-decoration:underline}}&.large .value,&.small .value{align-items:center;border:1px solid #0000;border-radius:var(--radius-sm);box-shadow:var(--button-shadow-sm),0 0 0 1px inset #fff;column-gap:.25rem;cursor:pointer;display:inline-flex;font-weight:var(--font-semibold);justify-content:space-between;transition-duration:96ms;transition-property:background-color color;transition-timing-function:ease-in-out;&:active{box-shadow:none}.icon{height:1rem;width:1rem}&[data-state=zero]{background-color:var(--color-stone-100);box-shadow:none;color:var(--color-stone-400)}&[data-state=normal]{background-color:var(--color-stone-200);border-color:var(--color-stone-400)}&[data-state=ok]{background-color:var(--color-green-200);border-color:var(--color-green-700);color:var(--color-ok)}&[data-state=warn-1]{background-color:color-mix(in srgb,var(--color-amber-200) 50%,transparent);border-color:var(--color-amber-700);color:var(--color-warn-1)}&[data-state=warn-2]{background-color:color-mix(in srgb,var(--color-amber-200) 70%,transparent);border-color:var(--color-amber-700);color:var(--color-warn-2)}&[data-state=warn-3]{background-color:color-mix(in srgb,var(--color-amber-200) 90%,transparent);border-color:var(--color-amber-700);color:var(--color-warn-3)}&[data-state=warn-4]{background-color:color-mix(in srgb,var(--color-red-200) 80%,transparent);border-color:var(--color-warn-4);color:var(--color-red-700)}&[data-state=warn-5]{background-color:var(--color-red-200);border-color:var(--color-warn-5);color:var(--color-red-700)}&:focus-visible{border-color:var(--color-melanie-700);box-shadow:var(--button-shadow-sm),0 0 0 1px inset var(--color-melanie-700);outline:none}}&.print{display:none;@media print{display:flex}align-items:center;column-gap:1rem;justify-content:space-between;margin-bottom:1rem;.block{column-gap:.25rem;display:grid;grid-template-columns:repeat(4,auto);.value{font-weight:var(--font-bold)}}.icon{display:none}}}}.material-list{display:grid;flex-grow:1;grid-template-columns:1fr 1fr;.item-list:first-child{border-right:1px solid var(--color-stone-300)}@media (width < 50rem){display:block;.item-list:first-child{border-right:none}}@media print{display:block;.item-list:first-child{border-right:none}}.table-header{background-color:var(--color-melanie-700);box-shadow:var(--shadow-md);color:#fff;display:grid;grid-template-columns:auto 1px 5.5rem 1px 6.25rem;height:var(--table-header-height);position:sticky;top:var(--header-height);z-index:1;.border-line{background-color:var(--color-melanie-500);height:100%;position:absolute;right:-1px;top:0;width:1px;@media (width < 50rem){display:none}}.separator{background-color:var(--color-melanie-500)}button{align-items:center;border:4px solid transparent;column-gap:.5rem;cursor:pointer;display:flex;padding:calc(var(--pad-y)/2 - 4px) calc(var(--pad-x) - 4px);&.hlb,&.usage{justify-content:space-between;padding-left:calc(var(--pad-x) + .25rem - 4px);padding-right:calc(var(--pad-x) + .25rem - 4px);text-align:right}.with-icon{align-items:center;display:flex}&:hover{background-color:var(--color-melanie-800)}&:focus-visible{border-radius:calc(var(--radius-sm)*2);box-shadow:inset 0 0 0 2px #fff;outline:none}.sort{align-items:center;background:#fff3;border-radius:var(--radius-sm);display:flex;justify-content:center;min-height:1rem;min-width:1rem}.icon,.sort{height:1rem;width:1rem}.text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}&[data-state^=sort] .sort{background:#fff;.icon{color:var(--color-melanie-700)}}&[data-state=sort-down] .sort .icon.down,&[data-state=sort-up] .sort .icon.up{display:block!important}}}li{align-items:baseline;background-color:#fff;border-bottom:1px solid var(--color-stone-200);display:grid;grid-template-columns:auto 6.5rem;&[data-highlight=true]{background-color:var(--color-amber-200);.details .inputs .usage-input,.usage input{background-color:var(--color-amber-100)}.details .inputs .usage-slider{&::-webkit-slider-thumb{background-color:var(--color-amber-100)}&::-moz-range-thumb{background-color:var(--color-amber-100)}}}&[data-highlight=false]:hover{background-color:var(--color-stone-100)}.disclosure-icon{align-items:center;display:inline-block;justify-content:center;margin-left:-.5rem;padding-left:.25rem;.icon{height:1rem;transform:translateY(.125rem);transition:transform 96ms ease-in-out;width:1rem}}&[data-state=open]{.disclosure-icon .icon{transform:translateY(.125rem) rotate(90deg)}}.main{align-items:baseline;border:4px solid transparent;border-radius:calc(var(--radius-sm)*2);column-gap:var(--gap-x);cursor:pointer;display:flex;display:grid;grid-template-columns:minmax(0,auto) 4.5rem;padding:calc(var(--pad-y) - 4px) 0 calc(var(--pad-y) - 4px) calc(var(--pad-x) - 4px);text-align:left;width:100%;&:focus-visible{box-shadow:0 0 0 2px inset var(--color-melanie-700);outline:none}.body{display:block;.other-names{color:color-mix(in srgb,var(--color-melanie-700) 80%,#fff);display:block;font-size:var(--text-sm);line-height:var(--lh-sm)}}.hlb{font-variant-numeric:tabular-nums;padding-right:calc(var(--pad-x) - 2px);text-align:right}}.usage{margin:0 calc(var(--pad-x) - 2px);position:relative;input{background-color:var(--color-stone-50);border:1px solid color-mix(in srgb,var(--color-stone-400) 50%,transparent);border-radius:var(--radius-sm);font-variant-numeric:tabular-nums;margin-bottom:calc(.25rem - 2px);padding:calc(.125rem - 1px) calc(1.5rem - 1px) calc(.125rem - 1px) 0;text-align:right;width:100%;&::placeholder{color:var(--color-stone-300)}&:focus,&:hover{background-color:#fff}&:focus{border-color:var(--color-melanie-700);box-shadow:0 0 0 1px inset var(--color-melanie-700);outline:none}+span{color:var(--color-stone-300);pointer-events:none;position:absolute;right:.5rem;top:calc(50% - .125rem + 1px);transform:translateY(-50%)}&:not(:placeholder-shown){+span{color:inherit}&:not(:focus-visible){background-color:var(--color-stone-600);border-color:transparent;color:#fff;+span{color:#fff}}}}}.details{overflow:hidden;transition-behavior:allow-discrete;transition-duration:96ms;transition-property:height display;transition-timing-function:ease-in-out}&[data-state=closed] .details{display:none;height:0}&[data-state=open] .details{display:grid;height:2.25rem;@starting-style{height:0}}.details{background-color:color-mix(in srgb,var(--color-stone-200) 45%,transparent);column-gap:.5rem;font-size:var(--text-sm);grid-column:span 2;grid-template-columns:minmax(0,auto) max-content;line-height:var(--lh-sm);.inputs{align-items:center;column-gap:.5rem;display:grid;grid-template-columns:4.75rem minmax(0,auto) 4.75rem;padding:var(--pad-y) 0 var(--pad-y) var(--pad-x);label{position:relative}.usage-input{background-color:var(--color-stone-50);border:1px solid color-mix(in srgb,var(--color-stone-400) 50%,transparent);border-radius:var(--radius-sm);font-variant-numeric:tabular-nums;padding:calc(.125rem - 1px) calc(1.25rem - 1px) calc(.125rem - 1px) 0;text-align:right;width:100%;&:focus,&:hover{background-color:#fff}&:focus{border-color:var(--color-melanie-700);box-shadow:0 0 0 1px inset var(--color-melanie-700);outline:none}+span{pointer-events:none;position:absolute;right:calc(.25rem + 2px);top:calc(50% + 1px);transform:translateY(-50%)}}.usage-slider{appearance:none;background-color:var(--color-stone-300);cursor:pointer;height:1px;&::-webkit-slider-thumb{appearance:none;background-color:var(--color-stone-50);border:none;border:2px solid var(--color-stone-600);border-radius:var(--radius-sm);box-shadow:inset 0 0 0 .25rem var(--color-stone-50),inset .32rem 0 0 0 var(--color-stone-50),inset calc(.32rem + 2px) 0 0 0 var(--color-stone-600),inset calc(.32rem + 4px) 0 0 0 var(--color-stone-50),inset calc(.32rem + 6px) 0 0 0 var(--color-stone-600),inset calc(.32rem + 8px) 0 0 0 var(--color-stone-50);box-sizing:border-box;display:block;height:1.25rem;width:1.25rem}&::-moz-range-thumb{appearance:none;background-color:var(--color-stone-50);border:none;border:2px solid var(--color-stone-600);border-radius:var(--radius-sm);box-shadow:inset 0 0 0 .25rem var(--color-stone-50),inset .32rem 0 0 0 var(--color-stone-50),inset calc(.32rem + 2px) 0 0 0 var(--color-stone-600),inset calc(.32rem + 4px) 0 0 0 var(--color-stone-50),inset calc(.32rem + 6px) 0 0 0 var(--color-stone-600),inset calc(.32rem + 8px) 0 0 0 var(--color-stone-50);box-sizing:border-box;display:block;height:1.25rem;width:1.25rem}}}.buttons{align-items:center;display:grid;grid-template-columns:repeat(6,1fr);padding:var(--pad-y) var(--pad-x) var(--pad-y) 0;button{border-radius:var(--radius-sm);cursor:pointer;display:flex;padding:.125rem;&.step-md{color:color-mix(in srgb,var(--color-stone-600) 35%,transparent)}&.step-sm{color:color-mix(in srgb,var(--color-stone-600) 15%,transparent)}&:hover{background-color:var(--color-stone-600);color:#fff}&:focus-visible{background-color:var(--color-melanie-700);color:#fff;outline:none}.icon{height:1rem;width:1rem}}}}}.search-results-text{align-items:center;background-color:var(--color-stone-200);border-bottom:1px solid var(--color-stone-300);border-top:1px solid var(--color-stone-500);display:flex;flex-wrap:wrap;gap:.25rem;justify-content:space-between;padding:var(--pad-y) var(--pad-x);position:sticky;top:calc(var(--header-height) + var(--table-header-height));transform:translateY(-1px);.buttons{align-items:center;display:flex;font-size:var(--text-xs);font-weight:var(--font-bold);gap:.25rem;line-height:var(--lh-xs);text-transform:uppercase;a{align-items:center;background-color:#fff;border-radius:var(--radius-sm);display:flex;gap:.25rem;padding:.25rem .75rem .25rem .5rem;&:hover{background-color:var(--color-stone-100)}.icon{height:1rem;width:1rem}}}}.not-listed-text{padding:var(--pad-y) var(--pad-x);a{text-decoration:underline}}}.hlb-explanation{margin:1rem 0 2rem}}.page-calc .usage-slider:focus-visible{outline:none}.page-calc li .details .inputs .usage-slider:focus-visible::-webkit-slider-thumb{background-color:var(--color-stone-300);border-color:var(--color-melanie-700);box-shadow:inset 0 0 0 .25rem var(--color-stone-300),inset .32rem 0 0 0 var(--color-stone-300),inset calc(.32rem + 2px) 0 0 0 var(--color-melanie-700),inset calc(.32rem + 4px) 0 0 0 var(--color-stone-300),inset calc(.32rem + 6px) 0 0 0 var(--color-melanie-700),inset calc(.32rem + 8px) 0 0 0 var(--color-stone-300);outline:none}.page-calc li .details .inputs .usage-slider:focus-visible::-moz-range-thumb{background-color:var(--color-stone-300);border-color:var(--color-melanie-700);box-shadow:inset 0 0 0 .25rem var(--color-stone-300),inset .32rem 0 0 0 var(--color-stone-300),inset calc(.32rem + 2px) 0 0 0 var(--color-melanie-700),inset calc(.32rem + 4px) 0 0 0 var(--color-stone-300),inset calc(.32rem + 6px) 0 0 0 var(--color-melanie-700),inset calc(.32rem + 8px) 0 0 0 var(--color-stone-300);outline:none}.page-calc li .details .inputs .usage-slider:hover::-webkit-slider-thumb{background-color:#fff;box-shadow:inset 0 0 0 .25rem #fff,inset .32rem 0 0 0 #fff,inset calc(.32rem + 2px) 0 0 0 var(--color-stone-600),inset calc(.32rem + 4px) 0 0 0 #fff,inset calc(.32rem + 6px) 0 0 0 var(--color-stone-600),inset calc(.32rem + 8px) 0 0 0 #fff}.page-calc li .details .inputs .usage-slider:hover::-moz-range-thumb{background-color:#fff;box-shadow:inset 0 0 0 .25rem #fff,inset .32rem 0 0 0 #fff,inset calc(.32rem + 2px) 0 0 0 var(--color-stone-600),inset calc(.32rem + 4px) 0 0 0 #fff,inset calc(.32rem + 6px) 0 0 0 var(--color-stone-600),inset calc(.32rem + 8px) 0 0 0 #fff}.page-materials{.contents{display:flex;flex-direction:column;row-gap:1rem;.section{&:before{background-color:var(--color-stone-300);border-radius:var(--radius-sm);content:" ";display:block;height:.25rem;margin:.5rem 0}}p:not(.start-calculating-button){a{text-decoration:underline}}ul{display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);@media (width < 48rem){grid-template-columns:repeat(2,1fr)}@media (width < 46rem){grid-template-columns:1fr}--pad-x:0.75rem;--pad-y:0.5rem;li{background-color:var(--color-stone-100);border-radius:var(--radius-sm);display:flex;flex-direction:column;.name{padding:var(--pad-y) var(--pad-x) 0 var(--pad-x)}.other-names{font-size:var(--text-xs);line-height:var(--lh-xs);padding:0 var(--pad-x)}.hlb{padding:0 var(--pad-x);em{font-weight:var(--font-bold)}}.launch{align-items:end;display:flex;flex-grow:1;font-size:var(--text-xs);line-height:var(--lh-xs);padding:.25rem;span{padding:.25rem .5rem;text-decoration:underline}&:hover span{background-color:var(--color-melanie-700);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);color:#fff;text-decoration:none}&:active span{background-color:var(--color-melanie-800);box-shadow:none}}}}}}.page-document{.contents{ul{display:flex;flex-direction:column;gap:.5rem;padding-inline-start:1rem}li{padding:0 0 0 .5rem;&:before{background-color:var(--color-stone-300);border-radius:100%;content:" ";display:inline-block;height:.5rem;margin:0 .5rem 0 -1rem;transform:translateY(-.125rem);width:.5rem}}em{font-style:italic}}}@media print{*{background-color:transparent;color:#000}.or-see-list,.start-calculating-button,dialog,footer,header{display:none}.page-index{display:block;height:auto;margin-top:3rem;h1:before{display:none!important}}.page-materials{.section:before{display:none!important}ul{grid-template-columns:repeat(2,1fr)!important;li{border:1px solid #000;padding:.5rem;*{padding:0!important}.launch{display:none!important}}}}.page-document{.contents li:before{background-color:transparent;content:"•"}}.page-calc{display:block;margin:0;max-width:100%;padding:0;width:100%;.calc{border:none;box-shadow:none;--header-height:auto;--table-header-height:auto}[data-print-emulsifiers=false] & #emulsifiers,[data-print-oils=false] & #oils{display:none}.calc-header{position:static;.top-bar{padding:0;.search{margin:.25rem 0;[data-print-search-terms=false] &{display:none}.search-input{border-color:#000}&:has(.search-input:placeholder-shown){display:none}.clear-button{display:none}}.buttons{display:none}}.calc-output.large,.calc-output.small{display:none}}.material-list{.table-header{border-bottom:3px double #000;box-shadow:none;grid-template-columns:auto 5rem 5rem;position:static;.separator{display:none}button{background-color:#fff;display:block;font-weight:var(--font-bold);padding:0!important;.icon{margin-left:-.25rem;margin-right:.125rem}.sort{display:none}}}.item-list{margin-bottom:1rem;&:last-child{margin-bottom:0}}.search-results-text{border-bottom:none;padding:.5rem 0;.buttons,[data-print-search-terms=false] &{display:none}}li{border-color:#000;grid-template-columns:auto 5rem;[data-print-unused=false] &:has(.usage input:placeholder-shown){display:none}.disclosure-icon{display:none}.main{border:none;padding:.25rem 0;.body{.other-names{color:#000;[data-print-other-names=false] &{display:none}}}}.usage{input{background-color:#fff!important;border:none;color:#000!important;margin:0;padding:0 1rem 0 0;&::placeholder{color:#000}+span{color:#000!important;right:0;top:50%}}}.details{display:none!important}}}.hlb-explanation,.not-listed-text{display:none}}}