.bve-px-mix{--mix-green:#17683e;--mix-ink:#18392a;--mix-line:#d8e7dd;clear:both;margin:18px 0 22px;border:1px solid var(--mix-line);border-radius:16px;background:#fff;color:var(--mix-ink);font:inherit;box-sizing:border-box;overflow:hidden}
.bve-px-mix *{box-sizing:border-box}.bve-px-mix [hidden]{display:none!important}
.bve-px-mix>button.bve-px-mix-toggle{display:flex;align-items:center;gap:12px;min-height:76px;padding:16px 18px;list-style:none;cursor:pointer;background:#f5faf6;color:var(--mix-ink)}
.bve-px-mix>button.bve-px-mix-toggle::-webkit-details-marker{display:none}.bve-px-mix>button.bve-px-mix-toggle strong{display:block;font-size:17px;line-height:1.4}.bve-px-mix-subtitle{display:block;font-size:13px;line-height:1.5;color:#476351}.bve-px-mix-symbol{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:12px;background:#e1f0e5;color:var(--mix-green);font-size:20px;font-weight:700}.bve-px-mix-chevron{margin-left:auto;font-size:24px;line-height:1}.bve-px-mix-toggle[aria-expanded=true] .bve-px-mix-chevron{transform:rotate(180deg)}
.bve-px-mix-body{padding:18px}.bve-px-mix p{margin:0 0 14px}.bve-px-mix-intro{font-size:14px;line-height:1.6;color:#486050}.bve-px-mix-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:20px 0 8px}.bve-px-mix-heading label{font-size:14px;font-weight:700;margin:0}.bve-px-mix-heading label span{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:5px;border-radius:50%;background:#e7f2e9;color:var(--mix-green);font-size:12px}.bve-px-mix-heading output{font-size:24px;line-height:1.25;font-weight:750;color:var(--mix-green);font-variant-numeric:tabular-nums}
.bve-px-mix input[type=range]{display:block;width:100%;height:44px;min-height:44px;margin:0;padding:0;border:0;box-shadow:none;background:transparent;appearance:none;-webkit-appearance:none;cursor:pointer;touch-action:pan-y;accent-color:var(--mix-green)}
.bve-px-mix input[type=range]::-webkit-slider-runnable-track{height:7px;border-radius:10px;background:linear-gradient(to right,var(--mix-green) 0 var(--mix-fill,0%),#dce7df var(--mix-fill,0%) 100%)}
.bve-px-mix input[type=range]::-moz-range-track{height:7px;border-radius:10px;background:#dce7df}.bve-px-mix input[type=range]::-moz-range-progress{height:7px;border-radius:10px;background:var(--mix-green)}
.bve-px-mix input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:27px;height:27px;margin-top:-10px;background:#fff;border:6px solid var(--mix-green);border-radius:50%;box-shadow:0 2px 5px #123c2526}
.bve-px-mix input[type=range]::-moz-range-thumb{width:17px;height:17px;background:#fff;border:5px solid var(--mix-green);border-radius:50%;box-shadow:0 2px 5px #123c2526}
.bve-px-mix-scale{display:flex;justify-content:space-between;color:#56695c;font-size:12px;margin:-2px 0 12px}.bve-px-mix-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:14px}
.bve-px-mix button{font:inherit;text-transform:none;letter-spacing:normal;cursor:pointer;box-shadow:none}.bve-px-mix-presets button{display:block;width:100%;min-height:44px;padding:8px 4px;border:1px solid #c9dbce;border-radius:9px;background:#fff;color:var(--mix-ink);font-size:14px;line-height:1.3;font-weight:650}.bve-px-mix-presets button[aria-pressed=true]{background:#e8f4eb;border-color:var(--mix-green);color:var(--mix-green);box-shadow:inset 0 0 0 1px var(--mix-green)}
.bve-px-mix-exact{display:flex;flex-wrap:wrap;gap:7px 10px;align-items:center;font-size:13px}.bve-px-mix-exact label{margin:0;font-weight:600}.bve-px-mix-exact input{width:112px!important;min-height:44px!important;padding:8px 10px!important;border:1px solid #b8cec0!important;border-radius:8px!important;background:#fff!important;color:var(--mix-ink)!important;font:inherit!important;font-size:16px!important;box-shadow:none!important}.bve-px-mix-exact>span{color:#56695c;font-size:12px}
.bve-px-mix .bve-px-mix-strength{margin-top:25px}.bve-px-mix .bve-px-mix-normal{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:4px 0 7px;font-size:12px;color:var(--mix-green);line-height:1.5}.bve-px-mix-dot{width:7px;height:7px;border-radius:50%;background:var(--mix-green)}.bve-px-mix-normal button{min-height:44px;padding:5px 0;border:0;background:transparent;color:var(--mix-green);text-decoration:underline;font-size:12px}.bve-px-mix-normal button:disabled{opacity:.5;cursor:default;text-decoration:none}.bve-px-mix-help{font-size:13px;line-height:1.6;color:#486050}
.bve-px-mix-result{margin-top:18px;padding:17px;border:1px solid #cce3d1;border-radius:12px;background:#eff8f1}.bve-px-mix .bve-px-mix-result-title{margin-bottom:12px;font-size:12px;font-weight:700;color:#45634e;text-transform:uppercase;letter-spacing:.06em}.bve-px-mix-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bve-px-mix-result-grid>div{min-width:0}.bve-px-mix-result-grid span{display:block;font-size:13px;line-height:1.4;overflow-wrap:anywhere}.bve-px-mix-result-grid strong{display:block;margin-top:5px;font-size:clamp(20px,3vw,29px);line-height:1.3;letter-spacing:-.03em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;color:var(--mix-green)}.bve-px-mix-result-grid>div+div{border-left:1px solid #cddfd1;padding-left:12px}.bve-px-mix-bar{height:9px;overflow:hidden;border-radius:9px;background:#b9d9e4;margin:17px 0 10px}.bve-px-mix-bar span{display:block;height:100%;background:var(--mix-green)}.bve-px-mix-result p:last-child{margin:0;font-size:13px;line-height:1.5}
.bve-px-mix .bve-px-mix-footnote{margin:12px 0 0;font-size:12px;line-height:1.6;color:#56695c}.bve-px-mix .bve-px-mix-note{margin:14px 0 0;padding-top:12px;border-top:1px solid #e2ebe4;font-size:12px;line-height:1.6;color:#486050}.bve-px-mix .bve-px-mix-error{margin:8px 0;color:#9c241f;font-size:13px}.bve-px-mix :focus-visible{outline:3px solid #23744e!important;outline-offset:4px}.bve-px-mix-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:380px){.bve-px-mix-body{padding:14px}.bve-px-mix>button.bve-px-mix-toggle{padding:14px}.bve-px-mix-heading output{font-size:22px}.bve-px-mix-result{padding:13px}.bve-px-mix-heading label{font-size:13px}}
/* The dark tick marks the recommended strength on the track. */
.bve-px-mix input.bve-px-mix-marked::-webkit-slider-runnable-track{background:linear-gradient(to right,transparent calc(var(--mix-normal) - 1px),#18392a calc(var(--mix-normal) - 1px),#18392a calc(var(--mix-normal) + 1px),transparent calc(var(--mix-normal) + 1px)),linear-gradient(to right,var(--mix-green) 0 var(--mix-fill,0%),#dce7df var(--mix-fill,0%) 100%)}
.bve-px-mix input.bve-px-mix-marked::-moz-range-track{background:linear-gradient(to right,transparent calc(var(--mix-normal) - 1px),#18392a calc(var(--mix-normal) - 1px),#18392a calc(var(--mix-normal) + 1px),transparent calc(var(--mix-normal) + 1px)),#dce7df}

/* Isolate the toggle from theme-wide button and accordion rules. */
.bve-px-mix>button.bve-px-mix-toggle{display:flex!important;width:100%!important;max-width:none!important;float:none!important;position:relative!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-align:left!important;font:inherit!important;font-weight:400!important;text-transform:none!important;letter-spacing:normal!important;line-height:1.4!important;white-space:normal!important;touch-action:manipulation}
.bve-px-mix>button.bve-px-mix-toggle:hover,.bve-px-mix>button.bve-px-mix-toggle:active{background:#edf6ef!important;color:var(--mix-ink)!important}