body.hk-relaunch .hk-tools{min-width:0;padding:var(--hk-space-4) 0 var(--hk-space-8);color:var(--hk-ink)}body.hk-relaunch .hk-tools__header{display:grid;max-width:var(--hk-measure);gap:var(--hk-space-1);margin-bottom:var(--hk-space-4)}body.hk-relaunch .hk-tools__eyebrow,body.hk-relaunch .hk-tools-result__eyebrow{margin:0;color:var(--hk-ink-3);font-size:var(--hk-fs-s);font-weight:var(--hk-fw-medium);line-height:var(--hk-lh-s)}body.hk-relaunch .hk-tools__title{margin:0;font-size:var(--hk-fs-display);font-weight:var(--hk-fw-medium);line-height:var(--hk-lh-display);letter-spacing:var(--hk-tracking-tight);overflow-wrap:anywhere}body.hk-relaunch .hk-tools__intro,body.hk-relaunch .hk-tools-result__copy{margin:0;color:var(--hk-ink-2);font-size:var(--hk-fs-m);line-height:var(--hk-lh-m);overflow-wrap:anywhere}body.hk-relaunch .hk-tools__form{min-width:0}body.hk-relaunch .hk-tools-progress{position:relative;display:grid;min-width:0;margin:0;padding:0 0 var(--hk-space-2);grid-template-columns:repeat(3, minmax(0, 1fr));gap:var(--hk-space-1);list-style:none}body.hk-relaunch .hk-tools-progress::before{position:absolute;z-index:0;top:15px;right:calc(50% / 3);left:calc(50% / 3);height:2px;background:var(--hk-line);content:""}body.hk-relaunch .hk-tools--mixmate .hk-tools-progress{grid-template-columns:repeat(5, minmax(0, 1fr))}body.hk-relaunch .hk-tools--mixmate .hk-tools-progress::before{right:calc(50% / 5);left:calc(50% / 5)}body.hk-relaunch .hk-tools-progress__step{position:relative;z-index:1;display:flex;min-width:0;align-items:center;gap:var(--hk-space-1);color:var(--hk-ink-3);font-size:var(--hk-fs-xs);font-weight:var(--hk-fw-bold);line-height:var(--hk-lh-xs);overflow-wrap:anywhere}body.hk-relaunch .hk-tools-progress__step.is-current{color:var(--hk-ink)}body.hk-relaunch .hk-tools-progress__step.is-current .hk-tools-step__number{border-color:var(--hk-ink);background:var(--hk-ink);color:var(--hk-paper)}body.hk-relaunch .hk-tools-progress__step.is-current .hk-tools-progress__label{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}body.hk-relaunch .hk-tools-steps{min-width:0}body.hk-relaunch .hk-tools-step,body.hk-relaunch .hk-tools-step__fieldset{min-width:0}body.hk-relaunch .hk-tools-step__fieldset{height:100%;margin:0;padding:var(--hk-space-2);border:var(--hk-border);background:var(--hk-paper)}body.hk-relaunch .hk-tools-step__legend{display:flex;width:100%;min-width:0;margin:0 0 var(--hk-space-2);padding:0;flex-wrap:wrap;align-items:center;gap:var(--hk-space-05) var(--hk-space-1);font-size:var(--hk-fs-s);font-weight:var(--hk-fw-bold);line-height:var(--hk-lh-s);overflow-wrap:anywhere}body.hk-relaunch .hk-tools-step__count{flex:1 1 100%;order:-1;margin:0;color:var(--hk-ink-3);font-size:var(--hk-fs-s);font-weight:var(--hk-fw-medium);line-height:var(--hk-lh-s)}body.hk-relaunch .hk-tools-step__number{display:grid;width:28px;height:28px;flex:none;place-items:center;border:var(--hk-border-strong);border-radius:50%;background:var(--hk-surface);font-variant-numeric:var(--hk-nums)}body.hk-relaunch .hk-tools-step__choices{display:flex;min-width:0;flex-wrap:wrap;gap:var(--hk-space-1)}body.hk-relaunch .hk-tools-choice{position:relative;display:inline-flex;min-width:0;min-height:var(--hk-tap);margin:0;padding:0 var(--hk-space-2) 0 var(--hk-space-1);align-items:center;gap:var(--hk-space-1);border:var(--hk-border-width) solid var(--hk-line-strong);border-radius:var(--hk-radius-pill);background:var(--hk-paper);color:var(--hk-ink);cursor:pointer;transition:border-color var(--hk-duration) var(--hk-ease), box-shadow var(--hk-duration) var(--hk-ease)}body.hk-relaunch .hk-tools-choice:hover{border-color:var(--hk-ink)}body.hk-relaunch .hk-tools-choice:has(.hk-tools-choice__input:checked){border-color:var(--hk-ink);background:var(--hk-ink);color:var(--hk-paper);box-shadow:inset 0 0 0 2px var(--hk-paper), inset 0 0 0 3px var(--hk-ink)}body.hk-relaunch .hk-tools-choice:has(.hk-tools-choice__input:checked):hover{border-color:var(--hk-ink)}body.hk-relaunch .hk-tools-choice:has(.hk-tools-choice__input:focus-visible){outline:var(--hk-focus-ring);outline-offset:2px}body.hk-relaunch .hk-tools-choice__input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}body.hk-relaunch .hk-tools-choice__input:disabled~.hk-tools-choice__label{color:var(--hk-disabled-fg)}body.hk-relaunch .hk-tools-choice__label{min-width:0;overflow-wrap:anywhere}body.hk-relaunch .hk-tools-choice:has(.hk-tools-choice__input:disabled){border-style:dashed;background:var(--hk-disabled-bg);cursor:not-allowed}body.hk-relaunch .hk-tools__submit{min-height:var(--hk-control-lg);margin-top:var(--hk-space-3)}body.hk-relaunch .hk-tools-result{min-width:0;margin-top:var(--hk-space-4);padding:var(--hk-space-3);border:2px solid var(--hk-ink)}body.hk-relaunch .hk-tools-result--empty{display:grid;justify-items:start;gap:var(--hk-space-1);border:var(--hk-border);background:var(--hk-surface);text-align:left}body.hk-relaunch .hk-tools-result--empty::before{width:40px;height:40px;border:1px dashed var(--hk-line-strong);border-radius:50%;content:""}body.hk-relaunch .hk-tools-result__header{margin-bottom:var(--hk-space-2)}body.hk-relaunch .hk-tools-result__title{margin:var(--hk-space-05) 0 0;font-size:var(--hk-fs-2xl);font-weight:var(--hk-fw-medium);line-height:var(--hk-lh-2xl);overflow-wrap:anywhere}body.hk-relaunch .hk-tools-products{display:grid;min-width:0;grid-template-columns:repeat(3, minmax(0, 1fr));gap:var(--hk-space-2)}body.hk-relaunch .hk-tools-mix{display:grid;margin-bottom:var(--hk-space-3);place-items:center}body.hk-relaunch .hk-tools-mix__chart{display:block;width:144px;height:144px;border:var(--hk-border-strong);border-radius:50%;background:var(--hk-tools-mix);box-shadow:inset 0 0 0 2px var(--hk-paper)}body.hk-relaunch .hk-tools-product{display:grid;min-width:0;padding:var(--hk-space-2);grid-template-columns:96px minmax(0, 1fr);align-items:center;gap:var(--hk-space-2);border:var(--hk-border);background:var(--hk-paper);transition:box-shadow var(--hk-duration) var(--hk-ease), transform var(--hk-duration) var(--hk-ease)}body.hk-relaunch .hk-tools-product:has(.hk-tools-product__action):hover{box-shadow:var(--hk-elev-1);transform:translateY(-2px)}body.hk-relaunch .hk-tools-product__media{display:grid;width:96px;height:96px;place-items:center;border:1px dashed var(--hk-line-strong);background:var(--hk-surface)}body.hk-relaunch .hk-tools-product__media span{width:24px;height:24px;border:var(--hk-border-strong);border-radius:50%}body.hk-relaunch .hk-tools-product__image{width:100%;height:100%;object-fit:contain}body.hk-relaunch .hk-tools-product__body{min-width:0}body.hk-relaunch .hk-tools-product__name{margin:0;font-size:var(--hk-fs-m);line-height:var(--hk-lh-m);overflow-wrap:anywhere}body.hk-relaunch .hk-tools-product__meta,body.hk-relaunch .hk-tools-product__ratio{display:flex;min-width:0;flex-wrap:wrap;align-items:baseline;gap:var(--hk-space-05) var(--hk-space-1)}body.hk-relaunch .hk-tools-product__meta{margin-top:var(--hk-space-05);color:var(--hk-ink-2);font-size:var(--hk-fs-xs);line-height:var(--hk-lh-xs)}body.hk-relaunch .hk-tools-product__ratio strong,body.hk-relaunch .hk-tools-product__price{font-variant-numeric:var(--hk-nums)}body.hk-relaunch .hk-tools-product__availability.hk-badge{background:var(--hk-surface);color:var(--hk-ink-3)}body.hk-relaunch .hk-tools-product__availability.hk-badge.is-available{background:var(--hk-success-bg);color:var(--hk-success-text)}body.hk-relaunch .hk-tools-product__price{margin:var(--hk-space-1) 0 0;font-size:var(--hk-fs-l);font-weight:var(--hk-fw-bold);line-height:var(--hk-lh-l)}body.hk-relaunch .hk-tools-product__action{margin-top:var(--hk-space-2)}body.hk-relaunch .hk-tools-product__action .btn{min-height:var(--hk-tap);white-space:normal}body.hk-relaunch .hk-tools-sections{display:grid;min-width:0;margin-top:var(--hk-space-3);grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--hk-space-2)}body.hk-relaunch .hk-tools-section{min-width:0;padding:var(--hk-space-2);border:var(--hk-border);background:var(--hk-surface)}body.hk-relaunch .hk-tools-section--notice{border-left:3px solid var(--hk-warning-strong)}body.hk-relaunch .hk-tools-section__title{margin:0 0 var(--hk-space-1);font-size:var(--hk-fs-m);line-height:var(--hk-lh-m);overflow-wrap:anywhere}body.hk-relaunch .hk-tools-section__items{display:grid;margin:0;padding:0 0 0 var(--hk-space-2);gap:var(--hk-space-1)}body.hk-relaunch .hk-tools-section__item{min-width:0}body.hk-relaunch .hk-tools-section__item strong,body.hk-relaunch .hk-tools-section__item span{display:block;overflow-wrap:anywhere}body.hk-relaunch .hk-tools-section__item span{color:var(--hk-ink-2);font-size:var(--hk-fs-s);line-height:var(--hk-lh-s)}@media (max-width:991.98px){body.hk-relaunch .hk-tools--mixmate .hk-tools-progress,body.hk-relaunch .hk-tools-progress,body.hk-relaunch .hk-tools-products{grid-template-columns:repeat(2, minmax(0, 1fr))}body.hk-relaunch .hk-tools-product{grid-template-columns:72px minmax(0, 1fr)}body.hk-relaunch .hk-tools-product__media{width:72px;height:72px}}@media (max-width:575.98px){body.hk-relaunch .hk-tools{padding:var(--hk-space-3) 0 var(--hk-space-6)}body.hk-relaunch .hk-tools__title{font-size:var(--hk-fs-display-m);line-height:var(--hk-lh-display-m)}body.hk-relaunch .hk-tools--mixmate .hk-tools-progress,body.hk-relaunch .hk-tools-progress{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}body.hk-relaunch .hk-tools-progress::before{display:none}body.hk-relaunch .hk-tools-progress__step{min-width:128px;scroll-snap-align:start}body.hk-relaunch .hk-tools-products,body.hk-relaunch .hk-tools-sections{grid-template-columns:minmax(0, 1fr)}body.hk-relaunch .hk-tools-result{padding:var(--hk-space-2)}body.hk-relaunch .hk-tools-product{grid-template-columns:56px minmax(0, 1fr)}body.hk-relaunch .hk-tools-product__media{width:56px;height:56px}body.hk-relaunch .hk-tools-step__choices{gap:var(--hk-space-05)}body.hk-relaunch .hk-tools__submit{width:100%}}@media (prefers-reduced-motion:reduce){body.hk-relaunch .hk-tools-progress{scroll-behavior:auto}body.hk-relaunch .hk-tools-product,body.hk-relaunch .hk-tools-choice{transition:none}}body.hk-relaunch .hk-tools-page{display:grid;min-width:0;gap:var(--hk-space-3);padding-top:var(--hk-space-3);padding-bottom:var(--hk-space-8);color:var(--hk-ink)}body.hk-relaunch .hk-tools-page>*,body.hk-relaunch .hk-tools-page__main>*{min-width:0}body.hk-relaunch .hk-tools-page__crumb ol{display:flex;flex-wrap:wrap;gap:var(--hk-space-05) var(--hk-space-1);margin:0;padding:0;color:var(--hk-ink-2);font-size:var(--hk-fs-s);line-height:var(--hk-lh-s);list-style:none}body.hk-relaunch .hk-tools-page__crumb li+li::before{margin-right:var(--hk-space-1);content:"/"}body.hk-relaunch .hk-tools-page__crumb a{color:var(--hk-ink-2)}body.hk-relaunch .hk-tools-page__hero{display:grid;max-width:var(--hk-measure);gap:var(--hk-space-1);padding:var(--hk-space-2) 0}body.hk-relaunch .hk-tools-page__title{margin:0;font-size:var(--hk-fs-3xl);font-weight:var(--hk-fw-medium);line-height:var(--hk-lh-3xl);letter-spacing:var(--hk-tracking-tight);overflow-wrap:anywhere}body.hk-relaunch .hk-tools-page__intro{margin:0;color:var(--hk-ink-2);font-size:var(--hk-fs-m);line-height:var(--hk-lh-m)}body.hk-relaunch .hk-tools-page__testdata{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hk-space-05) var(--hk-space-1);margin:var(--hk-space-1) 0 0;padding:var(--hk-space-1) var(--hk-space-2);border-left:3px solid var(--hk-warning-strong);background:var(--hk-warning-bg);color:var(--hk-warning-text);font-size:var(--hk-fs-s);line-height:var(--hk-lh-s)}body.hk-relaunch .hk-tools-page__testbadge.hk-badge{width:fit-content;background:var(--hk-warning-strong);color:var(--hk-on-warning-strong);font-weight:var(--hk-fw-bold)}body.hk-relaunch .hk-tools-page__main:focus{outline:none}body.hk-relaunch .hk-tools-page__main:focus-visible{outline:var(--hk-focus-ring);outline-offset:4px}body.hk-relaunch .hk-tools-page__main{scroll-margin-top:var(--hk-space-4)}body.hk-relaunch .hk-tools-page__status,body.hk-relaunch .hk-tools-page__result--empty{display:grid;justify-items:start;gap:var(--hk-space-1);padding:var(--hk-space-3);border:var(--hk-border);background:var(--hk-surface)}body.hk-relaunch .hk-tools-page__status p,body.hk-relaunch .hk-tools-page__result--empty p{margin:0;color:var(--hk-ink-2)}body.hk-relaunch .hk-tools-page__status-title{margin:0;font-size:var(--hk-fs-xl);font-weight:var(--hk-fw-medium);line-height:var(--hk-lh-xl)}body.hk-relaunch .hk-tools-page__progress{display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));gap:var(--hk-space-1);margin:0 0 var(--hk-space-4);padding:var(--hk-space-2) 0 0;border-top:1px solid var(--hk-line);list-style:none}body.hk-relaunch .hk-tools-page__progress-step{min-width:0;border-bottom:2px solid var(--hk-line)}body.hk-relaunch .hk-tools-page__progress-step.is-done,body.hk-relaunch .hk-tools-page__progress-step.is-current{border-bottom-color:var(--hk-ink)}body.hk-relaunch .hk-tools-page__progress-btn{display:flex;width:100%;min-width:0;min-height:var(--hk-tap);align-items:center;gap:var(--hk-space-1);padding:0;border:0;background:transparent;color:var(--hk-ink-3);font-size:var(--hk-fs-s);font-weight:var(--hk-fw-medium);line-height:var(--hk-lh-s);text-align:left}body.hk-relaunch button.hk-tools-page__progress-btn{cursor:pointer}body.hk-relaunch button.hk-tools-page__progress-btn:hover,body.hk-relaunch .is-done .hk-tools-page__progress-btn,body.hk-relaunch .is-current .hk-tools-page__progress-btn{color:var(--hk-ink)}body.hk-relaunch button.hk-tools-page__progress-btn:focus-visible{outline:var(--hk-focus-ring);outline-offset:2px}body.hk-relaunch .hk-tools-page__progress-nr{display:inline-grid;width:24px;height:24px;flex:none;place-items:center;border:1px solid var(--hk-line-strong);font-variant-numeric:var(--hk-nums);letter-spacing:0}body.hk-relaunch .is-current .hk-tools-page__progress-nr{border-color:var(--hk-ink);background:var(--hk-ink);color:var(--hk-paper)}body.hk-relaunch .hk-tools-page__progress-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.hk-relaunch .hk-tools-page__notice,body.hk-relaunch .hk-tools-page__error{margin:0 0 var(--hk-space-2);padding:var(--hk-space-1) var(--hk-space-2);border-left:3px solid var(--hk-error);background:var(--hk-error-bg);color:var(--hk-error-text);font-size:var(--hk-fs-s);line-height:var(--hk-lh-s)}body.hk-relaunch .hk-tools-page__error{margin:var(--hk-space-05) 0 0}body.hk-relaunch .hk-tools-page__form{display:grid;min-width:0;gap:var(--hk-space-3)}body.hk-relaunch .hk-tools-page__step{display:grid;min-width:0;gap:var(--hk-space-2);margin:0;padding:0;border:0}body.hk-relaunch .hk-tools-page__legend{display:grid;gap:var(--hk-space-05);margin:0 0 var(--hk-space-2);padding:0;float:none;font-size:var(--hk-fs-2xl);font-weight:var(--hk-fw-medium);line-height:var(--hk-lh-2xl);overflow-wrap:anywhere}body.hk-relaunch .hk-tools-page__count{color:var(--hk-ink-3);font-size:var(--hk-fs-s);font-weight:var(--hk-fw-medium);line-height:var(--hk-lh-s)}body.hk-relaunch .hk-tools-page__hint{margin:0;color:var(--hk-ink-2);font-size:var(--hk-fs-s);font-weight:var(--hk-fw-regular);line-height:var(--hk-lh-s)}body.hk-relaunch .hk-tools-page__chips{display:flex;min-width:0;flex-wrap:wrap;gap:var(--hk-space-1)}body.hk-relaunch .hk-tools-page__field{display:grid;max-width:240px;gap:var(--hk-space-05)}body.hk-relaunch .hk-tools-page__field .form-control{min-height:var(--hk-tap);font-variant-numeric:var(--hk-nums)}body.hk-relaunch .hk-tools-page__nav{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hk-space-1);padding-top:var(--hk-space-2)}body.hk-relaunch .hk-tools-page__nav .btn{min-height:var(--hk-tap)}body.hk-relaunch .hk-tools-page__back{order:-1}body.hk-relaunch .hk-tools-page__restart{margin-left:auto}body.hk-relaunch .hk-tools-page--head-finder .hk-tools-page__form{grid-template-columns:repeat(3, minmax(0, 1fr));gap:var(--hk-space-2)}body.hk-relaunch .hk-tools-page--head-finder .hk-tools-page__step,body.hk-relaunch .hk-tools-page--session-advice .hk-tools-page__form,body.hk-relaunch .hk-tools-page__panel{align-content:start;padding:var(--hk-space-3);border:1px solid var(--hk-line);background:var(--hk-paper);box-shadow:var(--hk-elev-1)}body.hk-relaunch .hk-tools-page--head-finder .hk-tools-page__legend{font-size:var(--hk-fs-xl);line-height:var(--hk-lh-xl)}body.hk-relaunch .hk-tools-page--head-finder .hk-tools-page__nav{grid-column:1 / -1;justify-content:flex-end}body.hk-relaunch .hk-tools-page--session-advice .hk-tools-page__wizard,body.hk-relaunch .hk-tools-page__calc{display:grid;grid-template-columns:400px minmax(0, 1fr);align-items:start;gap:var(--hk-space-3)}body.hk-relaunch .hk-tools-page--session-advice .hk-tools-page__wizard:not(:has(.hk-tools-page__result)){grid-template-columns:minmax(0, 640px)}body.hk-relaunch .hk-tools-page--session-advice .hk-tools-page__notice{grid-column:1 / -1}body.hk-relaunch .hk-tools-page--session-advice .hk-tools-page__legend,body.hk-relaunch .hk-tools-page__calc .hk-tools-page__legend{margin-bottom:var(--hk-space-1);font-size:var(--hk-fs-s);font-weight:var(--hk-fw-bold);line-height:var(--hk-lh-s)}body.hk-relaunch .hk-tools-page__panel{display:grid;min-width:0;gap:var(--hk-space-3)}body.hk-relaunch .hk-tools-page__panel-title,body.hk-relaunch .hk-tools-page__result-title,body.hk-relaunch .hk-tools-page__section-title{margin:0;font-size:var(--hk-fs-2xl);font-weight:var(--hk-fw-medium);line-height:var(--hk-lh-2xl);overflow-wrap:anywhere}body.hk-relaunch .hk-tools-page__section-title{font-size:var(--hk-fs-l);line-height:var(--hk-lh-l)}body.hk-relaunch .hk-tools-page__result,body.hk-relaunch .hk-tools-page__output{display:grid;min-width:0;gap:var(--hk-space-3);margin-top:var(--hk-space-3);padding:var(--hk-space-3);border:2px solid var(--hk-ink)}body.hk-relaunch .hk-tools-page--session-advice .hk-tools-page__result,body.hk-relaunch .hk-tools-page__output{margin-top:0}body.hk-relaunch .hk-tools-page__result-head,body.hk-relaunch .hk-tools-page__output-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--hk-space-2)}body.hk-relaunch .hk-tools-page__ratio{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hk-space-4)}body.hk-relaunch .hk-tools-page__donut{display:block;width:176px;height:176px;flex:none;border-radius:50%;background:var(--hk-tools-mix);-webkit-mask:radial-gradient(circle, transparent 38%, #000 39%);mask:radial-gradient(circle, transparent 38%, #000 39%)}body.hk-relaunch .hk-tools-page__legend-list{display:grid;min-width:0;flex:1 1 200px;gap:var(--hk-space-1);margin:0;padding:0;list-style:none}body.hk-relaunch .hk-tools-page__legend-list li{display:flex;min-width:0;align-items:center;gap:var(--hk-space-1);font-size:var(--hk-fs-m);line-height:var(--hk-lh-m)}body.hk-relaunch .hk-tools-page__dot{width:10px;height:10px;flex:none;border-radius:50%;background:var(--hk-tools-seg);box-shadow:0 0 0 1px var(--hk-line-strong)}body.hk-relaunch .hk-tools-page__legend-name{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.hk-relaunch .hk-tools-page__products{display:grid;margin:0;padding:0;list-style:none}body.hk-relaunch .hk-tools-page__product{display:grid;grid-template-columns:96px minmax(0, 1fr) auto;align-items:center;gap:var(--hk-space-2);padding:var(--hk-space-2) 0;border-top:1px solid var(--hk-line)}body.hk-relaunch .hk-tools-page__product:first-child{border-top:0}body.hk-relaunch .hk-tools-page__product-media{display:grid;width:96px;height:96px;place-items:center;overflow:hidden;background:var(--hk-surface)}body.hk-relaunch .hk-tools-page__product-img{width:100%;height:100%;object-fit:contain}body.hk-relaunch .hk-tools-page__product-body,body.hk-relaunch .hk-tools-page__product-side{display:grid;min-width:0;gap:var(--hk-space-05)}body.hk-relaunch .hk-tools-page__product-side{justify-items:end;text-align:right}body.hk-relaunch .hk-tools-page__product-share{color:var(--hk-ink-2);font-size:var(--hk-fs-xs);font-weight:var(--hk-fw-bold);line-height:var(--hk-lh-xs);letter-spacing:var(--hk-tracking-caps);font-variant-numeric:var(--hk-nums)}body.hk-relaunch .hk-tools-page__product-name{color:var(--hk-ink);font-size:var(--hk-fs-l);font-weight:var(--hk-fw-medium);line-height:var(--hk-lh-l);overflow-wrap:anywhere}body.hk-relaunch a.hk-tools-page__product-name:hover{text-decoration:underline;text-underline-offset:4px}body.hk-relaunch .hk-tools-page__product-stock{color:var(--hk-ink-3);font-size:var(--hk-fs-s);line-height:var(--hk-lh-s)}body.hk-relaunch .hk-tools-page__product-stock.is-available{color:var(--hk-success-text)}body.hk-relaunch .hk-tools-page__product-price{font-size:var(--hk-fs-preis-kachel);font-weight:var(--hk-fw-bold);line-height:var(--hk-lh-preis-kachel);font-variant-numeric:var(--hk-nums);white-space:nowrap}body.hk-relaunch .hk-tools-page__product-link{min-height:var(--hk-tap);white-space:normal}body.hk-relaunch .hk-tools-page__foot,body.hk-relaunch .hk-tools-page__age{margin:0;color:var(--hk-ink-2);font-size:var(--hk-fs-s);line-height:var(--hk-lh-s)}body.hk-relaunch .hk-tools-page__warn{margin:0;padding:var(--hk-space-1) var(--hk-space-2);border:2px solid var(--hk-ink);font-weight:var(--hk-fw-bold);text-align:center}body.hk-relaunch .hk-tools-page__section{display:grid;min-width:0;gap:var(--hk-space-2)}body.hk-relaunch .hk-tools-page__section--notice{padding:var(--hk-space-2);border-left:3px solid var(--hk-warning-strong);background:var(--hk-surface)}body.hk-relaunch .hk-tools-page__facts{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));margin:0;border-top:1px solid var(--hk-line)}body.hk-relaunch .hk-tools-page__facts div{display:grid;min-width:0;gap:2px;padding:var(--hk-space-1) 0;border-bottom:1px solid var(--hk-line)}body.hk-relaunch .hk-tools-page__facts div:nth-child(odd){padding-right:var(--hk-space-2)}body.hk-relaunch .hk-tools-page__facts div:nth-child(even){padding-left:var(--hk-space-2);border-left:1px solid var(--hk-line)}body.hk-relaunch .hk-tools-page__facts dt{color:var(--hk-ink-2);font-size:var(--hk-fs-s);font-weight:var(--hk-fw-medium);line-height:var(--hk-lh-s)}body.hk-relaunch .hk-tools-page__facts dd{margin:0;font-size:var(--hk-fs-m);line-height:var(--hk-lh-m);overflow-wrap:anywhere}body.hk-relaunch .hk-tools-page__timeline{position:relative;display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:var(--hk-space-2);margin:0;padding:var(--hk-space-2) 0 0;list-style:none}body.hk-relaunch .hk-tools-page__timeline::before{position:absolute;top:calc(var(--hk-space-2) + 5px);right:6px;left:6px;height:2px;background:var(--hk-line-strong);content:""}body.hk-relaunch .hk-tools-page__timeline li{position:relative;display:grid;min-width:0;gap:var(--hk-space-05)}body.hk-relaunch .hk-tools-page__timeline span:last-child{color:var(--hk-ink-2);font-size:var(--hk-fs-s);line-height:var(--hk-lh-s)}body.hk-relaunch .hk-tools-page__timeline-dot{width:12px;height:12px;border-radius:var(--hk-radius-pill);background:var(--hk-ink)}body.hk-relaunch .hk-tools-page__list{display:grid;gap:var(--hk-space-1);margin:0;padding:0;list-style:none}body.hk-relaunch .hk-tools-page__list li{font-size:var(--hk-fs-s);line-height:var(--hk-lh-s)}body.hk-relaunch .hk-tools-page__list span{color:var(--hk-ink-2)}body.hk-relaunch .hk-tools-page__per-gram{margin:0;color:var(--hk-ink-2);font-size:var(--hk-fs-l);font-weight:var(--hk-fw-bold);line-height:var(--hk-lh-l);font-variant-numeric:var(--hk-nums)}body.hk-relaunch .hk-tools-page__stack{display:flex;width:100%;height:32px;gap:2px}body.hk-relaunch .hk-tools-page__seg{display:block;height:100%;flex:none}body.hk-relaunch .hk-tools-page__seg--base{background:var(--hk-ink)}body.hk-relaunch .hk-tools-page__seg--additional{background:var(--hk-ink-2)}body.hk-relaunch .hk-tools-page__seg--vat{background:var(--hk-ink-3)}body.hk-relaunch .hk-tools-page__seg--rest{background:var(--hk-line-strong)}body.hk-relaunch .hk-tools-page__stack-legend{display:flex;flex-wrap:wrap;gap:var(--hk-space-2);margin:0;padding:0;color:var(--hk-ink-2);font-size:var(--hk-fs-s);line-height:var(--hk-lh-s);list-style:none}body.hk-relaunch .hk-tools-page__stack-legend li{display:inline-flex;align-items:center;gap:var(--hk-space-05)}body.hk-relaunch .hk-tools-page__seg-dot{display:block;width:10px;height:10px}body.hk-relaunch .hk-tools-page__rows{display:grid;margin:0;border-top:1px solid var(--hk-line)}body.hk-relaunch .hk-tools-page__row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--hk-space-2);padding:12px 0;border-bottom:1px solid var(--hk-line)}body.hk-relaunch .hk-tools-page__row dt{display:grid;min-width:0;gap:2px;font-size:var(--hk-fs-m);font-weight:var(--hk-fw-regular);line-height:var(--hk-lh-m)}body.hk-relaunch .hk-tools-page__row dt span{color:var(--hk-ink-2);font-size:var(--hk-fs-s);line-height:var(--hk-lh-s)}body.hk-relaunch .hk-tools-page__row dd{margin:0;font-size:var(--hk-fs-l);font-weight:var(--hk-fw-bold);line-height:var(--hk-lh-l);font-variant-numeric:var(--hk-nums);white-space:nowrap}body.hk-relaunch .hk-tools-page__row--sum{border-bottom-color:var(--hk-line-strong)}body.hk-relaunch .hk-tools-page__row--sum dd{font-size:var(--hk-fs-preis-pdp);line-height:var(--hk-lh-preis-pdp)}body.hk-relaunch .hk-tools-page__row--rest dd{color:var(--hk-green-text)}body.hk-relaunch .hk-tools-page__row--rest.is-negative dd{color:var(--hk-error-text)}body.hk-relaunch .hk-tools-page__formula{display:grid;gap:var(--hk-space-1);padding:var(--hk-space-2);background:var(--hk-surface)}body.hk-relaunch .hk-tools-page__formula p{margin:0}body.hk-relaunch .hk-tools-links--cross{display:grid;gap:var(--hk-space-3);padding-top:var(--hk-space-4);border-top:1px solid var(--hk-line)}body.hk-relaunch .hk-tools-links__title{margin:0;font-size:var(--hk-fs-2xl);font-weight:var(--hk-fw-medium);line-height:var(--hk-lh-2xl)}body.hk-relaunch .hk-tools-links__grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:var(--hk-space-3);margin:0;padding:0;list-style:none}body.hk-relaunch .hk-tools-links__tile{display:grid;height:100%;min-width:0;align-content:start;gap:var(--hk-space-1);padding:var(--hk-space-3);border-radius:var(--hk-radius-s);background:var(--hk-surface);box-shadow:var(--hk-elev-1);color:var(--hk-ink);text-decoration:none;transition:box-shadow var(--hk-duration) var(--hk-ease), transform var(--hk-duration) var(--hk-ease)}body.hk-relaunch .hk-tools-links__tile:hover{box-shadow:var(--hk-elev-2);color:var(--hk-ink);transform:translateY(-2px)}body.hk-relaunch .hk-tools-links__tile:focus-visible{outline:var(--hk-focus-ring);outline-offset:2px}body.hk-relaunch .hk-tools-links__tile .icon{width:40px;height:40px;top:0}body.hk-relaunch .hk-tools-links__name{font-size:var(--hk-fs-xl);font-weight:var(--hk-fw-medium);line-height:var(--hk-lh-xl);overflow-wrap:anywhere}body.hk-relaunch .hk-tools-links__text{color:var(--hk-ink-2);font-size:var(--hk-fs-s);line-height:var(--hk-lh-s)}@media (max-width:991.98px){body.hk-relaunch .hk-tools-page--head-finder .hk-tools-page__form,body.hk-relaunch .hk-tools-page--session-advice .hk-tools-page__wizard,body.hk-relaunch .hk-tools-page__calc{grid-template-columns:minmax(0, 1fr)}body.hk-relaunch .hk-tools-page__timeline{grid-template-columns:repeat(2, minmax(0, 1fr))}body.hk-relaunch .hk-tools-page__timeline::before{display:none}body.hk-relaunch .hk-tools-links__grid{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media (max-width:767.98px){body.hk-relaunch .hk-tools-page__title{font-size:var(--hk-fs-2xl);line-height:var(--hk-lh-2xl)}body.hk-relaunch .hk-tools-page__legend,body.hk-relaunch .hk-tools-page__panel-title,body.hk-relaunch .hk-tools-page__result-title{font-size:var(--hk-fs-xl);line-height:var(--hk-lh-xl)}body.hk-relaunch .hk-tools-page__progress{display:flex;overflow-x:auto;padding-bottom:var(--hk-space-1);scroll-snap-type:x proximity}body.hk-relaunch .hk-tools-page__progress-step{min-width:128px;flex:0 0 auto;scroll-snap-align:start}body.hk-relaunch .hk-tools-page__result,body.hk-relaunch .hk-tools-page__output,body.hk-relaunch .hk-tools-page__panel,body.hk-relaunch .hk-tools-page--head-finder .hk-tools-page__step,body.hk-relaunch .hk-tools-page--session-advice .hk-tools-page__form{padding:var(--hk-space-2)}body.hk-relaunch .hk-tools-page__nav .btn{flex:1 1 auto}body.hk-relaunch .hk-tools-page__restart{margin-left:0}body.hk-relaunch .hk-tools-page__field{max-width:100%}body.hk-relaunch .hk-tools-page__donut{width:132px;height:132px}body.hk-relaunch .hk-tools-page__product{grid-template-columns:72px minmax(0, 1fr)}body.hk-relaunch .hk-tools-page__product-media{width:72px;height:72px}body.hk-relaunch .hk-tools-page__product-side{grid-column:1 / -1;justify-items:start;text-align:left}body.hk-relaunch .hk-tools-page__facts,body.hk-relaunch .hk-tools-page__timeline,body.hk-relaunch .hk-tools-links__grid{grid-template-columns:minmax(0, 1fr)}body.hk-relaunch .hk-tools-page__facts div:nth-child(odd){padding-right:0}body.hk-relaunch .hk-tools-page__facts div:nth-child(even){padding-left:0;border-left:0}body.hk-relaunch .hk-tools-page__row{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){body.hk-relaunch .hk-tools-links__tile{transition:none}body.hk-relaunch .hk-tools-links__tile:hover{transform:none}body.hk-relaunch .hk-tools-page__progress{scroll-behavior:auto}}body.hk-relaunch .hk-tools-page--mixmate{padding-bottom:var(--hk-space-8)}body.hk-relaunch .hk-tools-page--mixmate .hk-werkzeug-sprite{position:absolute;width:0;height:0;overflow:hidden}body.hk-relaunch .hk-tools-page--mixmate .hk-werkzeug,body.hk-relaunch .hk-tools-page--mixmate .hk-werkzeug>*{min-width:0}body.hk-relaunch .hk-tools-page--mixmate .hk-h1{margin:0;font:500 var(--hk-fs-3xl)/var(--hk-lh-3xl) var(--hk-font);letter-spacing:var(--hk-tracking-tight)}body.hk-relaunch .hk-tools-page--mixmate .hk-h2{margin:0;font:500 var(--hk-fs-2xl)/var(--hk-lh-2xl) var(--hk-font);letter-spacing:var(--hk-tracking-tight)}body.hk-relaunch .hk-tools-page--mixmate .hk-h3{margin:0;font:500 var(--hk-fs-xl)/var(--hk-lh-xl) var(--hk-font);letter-spacing:var(--hk-tracking-tight)}body.hk-relaunch .hk-tools-page--mixmate .hk-h4{margin:0;font:500 var(--hk-fs-l)/var(--hk-lh-l) var(--hk-font)}body.hk-relaunch .hk-tools-page--mixmate .hk-text{margin:0;font:400 var(--hk-fs-m)/var(--hk-lh-m) var(--hk-font)}body.hk-relaunch .hk-tools-page--mixmate .hk-small,body.hk-relaunch .hk-tools-page--mixmate .hk-foot{margin:0;font:400 var(--hk-fs-s)/var(--hk-lh-s) var(--hk-font)}body.hk-relaunch .hk-tools-page--mixmate .hk-label,body.hk-relaunch .hk-tools-page--mixmate .hk-eyebrow{margin:0;font:var(--hk-font-label);color:var(--hk-ink-2)}body.hk-relaunch .hk-tools-page--mixmate .hk-measure{max-width:var(--hk-measure)}body.hk-relaunch .hk-tools-page--mixmate .hk-nums{font-variant-numeric:tabular-nums}body.hk-relaunch .hk-tools-page--mixmate .hk-ink-2{color:var(--hk-ink-2)}body.hk-relaunch .hk-tools-page--mixmate .hk-ink-3{color:var(--hk-ink-3)}body.hk-relaunch .hk-tools-page--mixmate .hk-icon{width:var(--hk-icon);height:var(--hk-icon);flex:none;fill:none;stroke:currentColor;stroke-width:var(--hk-icon-stroke);stroke-linecap:round;stroke-linejoin:round}body.hk-relaunch .hk-tools-page--mixmate .hk-icon--sm{width:20px;height:20px}body.hk-relaunch .hk-tools-page--mixmate .hk-icon--xs{width:16px;height:16px}body.hk-relaunch .hk-tools-page--mixmate .hk-coin{width:16px;height:16px;flex:none}body.hk-relaunch .hk-tools-page--mixmate .btn .hk-icon{width:20px;height:20px}body.hk-relaunch .hk-tools-page--mixmate .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--hk-space-1)}body.hk-relaunch .hk-tools-page--mixmate .hk-werkzeug-hero{display:grid;grid-template-columns:minmax(0, 1fr) 320px;gap:var(--hk-space-6);align-items:start;padding:var(--hk-space-4) 0}body.hk-relaunch .hk-tools-page--mixmate .hk-werkzeug-hero__text{display:grid;gap:var(--hk-space-2);min-width:0}body.hk-relaunch .hk-tools-page--mixmate .hk-werkzeug-hero__fakten{list-style:none;margin:0;padding:var(--hk-space-2) 0 0;display:grid;gap:var(--hk-space-2);border-top:2px solid var(--hk-ink)}body.hk-relaunch .hk-tools-page--mixmate .hk-werkzeug-hero__fakten li{display:grid;gap:2px}body.hk-relaunch .hk-tools-page--mixmate .hk-werkzeug-hero__zahl{font:500 var(--hk-fs-2xl)/var(--hk-lh-2xl) var(--hk-font);letter-spacing:var(--hk-tracking-tight);color:var(--hk-ink)}body.hk-relaunch .hk-tools-page--mixmate .hk-werkzeug-hero__intro{display:flex;align-items:center;gap:var(--hk-space-2);padding-bottom:var(--hk-space-1);flex-wrap:wrap}body.hk-relaunch .hk-tools-page--mixmate .hk-werkzeug-mask{display:flex;align-items:center;gap:var(--hk-space-2);min-width:0}body.hk-relaunch .hk-tools-page--mixmate .hk-werkzeug-mask__bild{position:relative;flex:none;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:1px dashed var(--hk-line-strong);border-radius:50%;background:var(--hk-surface);overflow:hidden}body.hk-relaunch .hk-tools-page--mixmate .hk-werkzeug-mask__bild img{width:100%;height:100%;object-fit:cover;display:block}body.hk-relaunch .hk-tools-page--mixmate .hk-werkzeug-mask__blase{position:relative;margin:0;padding:var(--hk-space-1) var(--hk-space-2);border:1px solid var(--hk-line);border-radius:var(--hk-radius-s);background:var(--hk-surface);font:500 var(--hk-fs-s)/var(--hk-lh-s) var(--hk-font);color:var(--hk-ink);max-width:260px;min-width:0}body.hk-relaunch .hk-tools-page--mixmate .hk-werkzeug-mask__blase::before,body.hk-relaunch .hk-tools-page--mixmate .hk-werkzeug-mask__blase::after{content:"";position:absolute;left:-7px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent}body.hk-relaunch .hk-tools-page--mixmate .hk-werkzeug-mask__blase::before{border-right:7px solid var(--hk-line)}body.hk-relaunch .hk-tools-page--mixmate .hk-werkzeug-mask__blase::after{left:-6px;border-right:6px solid var(--hk-surface)}body.hk-relaunch .hk-tools-page--mixmate .hk-tools-page__crumb{padding-top:var(--hk-space-2)}body.hk-relaunch .hk-tools-page--mixmate .hk-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hk-space-05);margin:0;padding:0;list-style:none;font:400 var(--hk-fs-s)/var(--hk-lh-s) var(--hk-font);color:var(--hk-ink-2)}body.hk-relaunch .hk-tools-page--mixmate .hk-crumb li{display:inline-flex;align-items:center;gap:var(--hk-space-05)}body.hk-relaunch .hk-tools-page--mixmate .hk-crumb li+li::before{content:none}body.hk-relaunch .hk-tools-page--mixmate .hk-crumb a{color:var(--hk-ink-2);text-decoration:none}body.hk-relaunch .hk-tools-page--mixmate .hk-crumb a:hover{color:var(--hk-ink);text-decoration:underline;text-underline-offset:4px}body.hk-relaunch .hk-tools-page--mixmate .hk-crumb [aria-current]{color:var(--hk-ink)}body.hk-relaunch .hk-tools-page--mixmate .hk-crumb__sep{width:16px;height:16px;color:var(--hk-ink-3)}body.hk-relaunch .hk-tools-page--mixmate .hk-balken{position:relative;height:8px;border-radius:var(--hk-radius-pill);background:var(--hk-line);overflow:hidden}body.hk-relaunch .hk-tools-page--mixmate .hk-balken__fuellung{position:absolute;left:0;top:0;bottom:0;width:var(--wert, 0%);border-radius:var(--hk-radius-pill);background:var(--hk-green-strong);transition:width var(--hk-dur-bar) var(--hk-ease-out)}body.hk-relaunch .hk-tools-page--mixmate .hk-balken.is-faellt .hk-balken__fuellung{animation:hk-werkzeug-fuellen var(--hk-dur-bar) var(--hk-ease-out) 1}body.hk-relaunch .hk-tools-page--mixmate .hk-balken__fuellung::after{content:"";position:absolute;inset:0;background-image:var(--hk-stripe);background-size:22.7px 22.7px;animation:hk-werkzeug-stripe 1s linear infinite}body.hk-relaunch .hk-tools-page--mixmate .hk-werkzeug-step{display:grid;gap:var(--hk-space-3);padding-bottom:var(--hk-space-6)}body.hk-relaunch .hk-tools-page--mixmate .hk-werkzeug-step[hidden]{display:none}body.hk-relaunch .hk-tools-page--mixmate .hk-werkzeug-step__kopf{display:grid;gap:var(--hk-space-1)}body.hk-relaunch .hk-tools-page--mixmate .hk-werkzeug-chips{display:flex;flex-wrap:wrap;gap:var(--hk-space-1)}body.hk-relaunch .hk-tools-page--mixmate .hk-chip{position:static;display:inline-flex;align-items:center;gap:var(--hk-space-1);height:var(--hk-control);min-height:0;margin:0;padding:0 14px;border-radius:var(--hk-radius-pill);border:1px solid var(--hk-line-strong);background:transparent;color:var(--hk-ink);font:400 var(--hk-fs-m)/var(--hk-lh-m) var(--hk-font);white-space:nowrap;cursor:pointer;box-shadow:none;transition:background-color var(--hk-duration) var(--hk-ease), border-color var(--hk-duration) var(--hk-ease)}body.hk-relaunch .hk-tools-page--mixmate .hk-chip:hover{border-color:var(--hk-ink)}body.hk-relaunch .hk-tools-page--mixmate .hk-chip--aroma{height:24px;padding:0 8px 0 2px;gap:4px;border-color:var(--hk-line);color:var(--hk-ink-2);font-size:var(--hk-fs-xs);line-height:var(--hk-lh-xs);cursor:default}body.hk-relaunch .hk-tools-page--mixmate .hk-chip__zahl{color:var(--hk-ink-3);font-variant-numeric:tabular-nums;transition:color var(--hk-duration) var(--hk-ease)}body.hk-relaunch .hk-tools-page--mixmate .hk-chip--facette{--hk-fam-neutral: var(--hk-surface);height:32px;padding:0 10px 0 8px;gap:6px;border:1px solid transparent;background:var(--hk-fam-flaeche, var(--hk-surface));color:var(--hk-ink);font-size:var(--hk-fs-m);line-height:var(--hk-lh-m)}body.hk-relaunch .hk-tools-page--mixmate .hk-chip--facette .hk-chip__zahl{color:var(--hk-ink-2)}body.hk-relaunch .hk-tools-page--mixmate .hk-chip--aroma{--hk-fam-flaeche: var(--hk-fam-neutral);--hk-fam-voll: var(--hk-ink);--hk-fam-auf: var(--hk-paper);border-color:var(--hk-line)}body.hk-relaunch .hk-tools-page--mixmate .hk-chip--grundtabak{--hk-fam-flaeche: var(--hk-fam-neutral);--hk-fam-voll: var(--hk-ink);--hk-fam-auf: var(--hk-paper);border-color:var(--hk-line)}body.hk-relaunch .hk-tools-page--mixmate .hk-chip--facette:hover{background:var(--hk-fam-voll);border-color:var(--hk-fam-voll);color:var(--hk-fam-auf)}body.hk-relaunch .hk-tools-page--mixmate .hk-chip--facette:hover .hk-chip__zahl{color:var(--hk-fam-auf);font-weight:700}body.hk-relaunch .hk-tools-page--mixmate .hk-vars{display:grid;grid-template-columns:repeat(auto-fill, minmax(120px, 1fr));gap:var(--hk-space-1);min-width:0;width:100%}body.hk-relaunch .hk-tools-page--mixmate .hk-var{position:relative;display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;min-height:var(--hk-tap);min-width:80px;margin:0;padding:var(--hk-space-05) var(--hk-space-1);border-radius:var(--hk-radius-s);border:1px solid var(--hk-line-strong);background:transparent;color:var(--hk-ink);font:400 var(--hk-fs-m)/var(--hk-lh-m) var(--hk-font);text-align:left;cursor:pointer;transition:border-color var(--hk-duration) var(--hk-ease), background-color var(--hk-duration) var(--hk-ease)}body.hk-relaunch .hk-tools-page--mixmate .hk-var:hover{border-color:var(--hk-ink)}body.hk-relaunch .hk-tools-page--mixmate .hk-check{display:flex;gap:12px;align-items:flex-start;margin:0;font:400 var(--hk-fs-s)/var(--hk-lh-s) var(--hk-font);min-height:24px;cursor:pointer}body.hk-relaunch .hk-tools-page--mixmate .hk-check input{appearance:none;width:var(--hk-check-groesse);height:var(--hk-check-groesse);flex:none;margin:0;border:1px solid var(--hk-ink);border-radius:var(--hk-radius-s);background:var(--hk-paper);display:grid;place-items:center;cursor:pointer}body.hk-relaunch .hk-tools-page--mixmate .hk-check input:checked{background:var(--hk-ink)}body.hk-relaunch .hk-tools-page--mixmate .hk-check input:checked::after{content:"";width:10px;height:6px;border:2px solid var(--hk-paper);border-top:0;border-right:0;transform:translateY(-1px) rotate(-45deg)}body.hk-relaunch .hk-tools-page--mixmate .hk-check input:focus-visible{outline:var(--hk-focus-ring);outline-offset:2px}body.hk-relaunch .hk-tools-page--mixmate .hk-feld{display:grid;gap:var(--hk-space-05);min-width:0}body.hk-relaunch .hk-tools-page--mixmate .hk-select{position:relative;display:block}body.hk-relaunch .hk-tools-page--mixmate .hk-select select{appearance:none;height:var(--hk-control);width:100%;padding:0 44px 0 12px;border:1px solid var(--hk-line-strong);border-radius:var(--hk-radius-s);background:var(--hk-paper);color:var(--hk-ink);font:400 var(--hk-fs-m)/var(--hk-lh-m) var(--hk-font);cursor:pointer}body.hk-relaunch .hk-tools-page--mixmate .hk-select select:focus-visible{border-color:var(--hk-ink);outline:var(--hk-focus-ring);outline-offset:2px}body.hk-relaunch .hk-tools-page--mixmate .hk-select .hk-icon{position:absolute;right:12px;top:10px;pointer-events:none;color:var(--hk-ink-2)}body.hk-relaunch .hk-tools-page--mixmate .hk-lauf{position:relative;overflow:hidden;min-width:0;max-width:100%;mask:linear-gradient(90deg, #000 0, #000 calc(100% - 24px), transparent 100%)}body.hk-relaunch .hk-tools-page--mixmate .hk-grundpreis{margin:0;font:400 var(--hk-fs-s)/var(--hk-lh-s) var(--hk-font);color:var(--hk-ink-2);font-variant-numeric:tabular-nums}body.hk-relaunch .hk-tools-page--mixmate .hk-preis{display:inline-flex;align-items:baseline;gap:var(--hk-space-1);flex-wrap:wrap;font:700 var(--hk-fs-preis-pdp)/var(--hk-lh-preis-pdp) var(--hk-font);font-variant-numeric:tabular-nums;color:var(--hk-ink)}body.hk-relaunch .hk-tools-page--mixmate .hk-preis--kachel{font-size:var(--hk-fs-preis-kachel);line-height:var(--hk-lh-preis-kachel)}body.hk-relaunch .hk-tools-page--mixmate .hk-status{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 var(--hk-space-1) 0 6px;border-radius:var(--hk-radius-s);font:500 var(--hk-fs-xs)/var(--hk-lh-xs) var(--hk-font);white-space:nowrap;background:var(--hk-surface);color:var(--hk-ink-3)}body.hk-relaunch .hk-tools-page--mixmate .hk-status__punkt{width:8px;height:8px;border-radius:50%;background:var(--hk-ink-3);flex:none}body.hk-relaunch .hk-tools-page--mixmate .hk-status--lieferbar{background:var(--hk-success-bg);color:var(--hk-success-text)}body.hk-relaunch .hk-tools-page--mixmate .hk-status--lieferbar .hk-status__punkt{background:var(--hk-success)}body.hk-relaunch .hk-tools-page--mixmate .hk-vip-pille{display:inline-flex;align-items:center;gap:var(--hk-space-05);color:var(--hk-vip-text);font:500 var(--hk-fs-xs)/var(--hk-lh-xs) var(--hk-font);white-space:nowrap;--hk-coin: var(--hk-vip-text);--hk-coin-mark: var(--hk-paper)}body.hk-relaunch .hk-tools-page--mixmate .hk-kaufleiste{background:var(--hk-paper);border-bottom:1px solid var(--hk-line);box-shadow:var(--hk-elev-2)}body.hk-relaunch .hk-tools-page--mixmate .hk-kaufleiste__in{display:grid;grid-template-columns:40px minmax(0, 1fr) auto auto auto;align-items:center;gap:var(--hk-space-2);height:56px;padding:0 var(--hk-space-2)}body.hk-relaunch .hk-tools-page--mixmate .hk-kaufleiste__bild{width:40px;height:40px;background:var(--hk-surface);border-radius:var(--hk-radius-s);overflow:hidden}body.hk-relaunch .hk-tools-page--mixmate .hk-kaufleiste__bild img{width:100%;height:100%;object-fit:contain;padding:4px}body.hk-relaunch .hk-tools-page--mixmate .hk-kaufleiste__name{display:grid;gap:0;min-width:0}body.hk-relaunch .hk-tools-page--mixmate .hk-kaufleiste__titel{font:500 var(--hk-fs-s)/var(--hk-lh-s) var(--hk-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.hk-relaunch .hk-tools-page--mixmate .hk-kaufleiste__var{font:400 var(--hk-fs-xs)/var(--hk-lh-xs) var(--hk-font);color:var(--hk-ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.hk-relaunch .hk-tools-page--mixmate .hk-stepper{display:inline-grid;grid-template-columns:36px 44px 36px;height:var(--hk-control);border:1px solid var(--hk-line-strong);border-radius:var(--hk-radius-s);background:var(--hk-paper);font:700 var(--hk-fs-m)/var(--hk-lh-m) var(--hk-font);font-variant-numeric:tabular-nums}body.hk-relaunch .hk-tools-page--mixmate .hk-stepper__btn{display:grid;place-items:center;padding:0;border:0;background:transparent;color:var(--hk-ink)}body.hk-relaunch .hk-tools-page--mixmate .hk-stepper__btn[disabled]{color:var(--hk-disabled-fg)}body.hk-relaunch .hk-tools-page--mixmate .hk-stepper__wert{width:100%;height:100%;padding:0;border:0;border-left:1px solid var(--hk-line);border-right:1px solid var(--hk-line);background:transparent;color:var(--hk-ink);font:inherit;text-align:center;-moz-appearance:textfield}body.hk-relaunch .hk-tools-page--mixmate .hk-stepper__wert::-webkit-outer-spin-button,body.hk-relaunch .hk-tools-page--mixmate .hk-stepper__wert::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}body.hk-relaunch .hk-tools-page--mixmate .hk-alert{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:var(--hk-radius-s);background:var(--hk-info-bg);color:var(--hk-ink)}body.hk-relaunch .hk-tools-page--mixmate .hk-alert__icon{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font:700 11px/12px var(--hk-font);flex:none;background:var(--hk-info);color:var(--hk-on-info)}body.hk-relaunch .hk-tools-page--mixmate .hk-alert__body{display:grid;gap:2px;min-width:0;flex:1}body.hk-relaunch .hk-tools-page--mixmate .hk-alert__titel{margin:0;font:500 var(--hk-fs-m)/20px var(--hk-font);color:var(--hk-info-text)}body.hk-relaunch .hk-tools-page--mixmate .hk-warn{margin:0;border:1px solid var(--hk-ink);padding:12px;font:500 var(--hk-fs-m)/var(--hk-lh-m) var(--hk-font);border-radius:var(--hk-radius-s)}body.hk-relaunch .hk-tools-page--mixmate .hk-werkzeug-sektion{padding:var(--hk-space-4) 0;border-top:1px solid var(--hk-line)}body.hk-relaunch .hk-tools-page--mixmate .hk-werkzeug-sektion:first-of-type{border-top:0}body.hk-relaunch .hk-tools-page--mixmate .hk-ico{display:inline-block;position:relative;width:48px;height:48px;flex:none}body.hk-relaunch .hk-tools-page--mixmate .hk-ico img{display:block;width:100%;height:100%;object-fit:contain}body.hk-relaunch .hk-tools-page--mixmate .hk-ico__d{display:none !important}body.hk-relaunch .hk-tools-page--mixmate .hk-sektion__kopf{display:grid;gap:var(--hk-space-05);margin-bottom:var(--hk-space-3)}body.hk-relaunch .hk-tools-page--mixmate .hk-sektion__eyebrow{color:var(--hk-welt-text)}body.hk-relaunch .hk-tools-page--mixmate .hk-sektion__body{display:grid;gap:var(--hk-space-3)}body.hk-relaunch .hk-tools-page--mixmate .hk-werkzeug-erklaer{display:grid;gap:var(--hk-space-1);align-content:start;min-width:0}body.hk-relaunch .hk-tools-page--mixmate .hk-akk{border-bottom:1px solid var(--hk-line)}body.hk-relaunch .hk-tools-page--mixmate .hk-akk:first-of-type{border-top:1px solid var(--hk-line)}body.hk-relaunch .hk-tools-page--mixmate .hk-akk__kopf{display:flex;align-items:center;justify-content:space-between;gap:var(--hk-space-2);min-height:48px;padding:12px 0;font:500 var(--hk-fs-m)/var(--hk-lh-m) var(--hk-font);cursor:pointer;list-style:none}body.hk-relaunch .hk-tools-page--mixmate .hk-akk__kopf::-webkit-details-marker{display:none}body.hk-relaunch .hk-tools-page--mixmate .hk-akk__kopf .hk-icon{transition:transform var(--hk-duration) var(--hk-ease);color:var(--hk-ink-2)}body.hk-relaunch .hk-tools-page--mixmate .hk-akk[open]>.hk-akk__kopf .hk-icon{transform:rotate(180deg)}body.hk-relaunch .hk-tools-page--mixmate .hk-akk__body{padding:0 0 var(--hk-space-2)}@media (max-width:991.98px){body.hk-relaunch .hk-tools-page--mixmate .hk-werkzeug-hero{grid-template-columns:minmax(0, 1fr);gap:var(--hk-space-3)}}@media (max-width:767.98px){body.hk-relaunch .hk-tools-page--mixmate .hk-h1{font-size:var(--hk-fs-2xl);line-height:var(--hk-lh-2xl)}body.hk-relaunch .hk-tools-page--mixmate .hk-h2{font-size:var(--hk-fs-xl);line-height:var(--hk-lh-xl)}body.hk-relaunch .hk-tools-page--mixmate .hk-werkzeug-hero__fakten{grid-template-columns:repeat(3, minmax(0, 1fr));gap:var(--hk-space-1)}body.hk-relaunch .hk-tools-page--mixmate .hk-werkzeug-hero__zahl{font-size:var(--hk-fs-xl);line-height:var(--hk-lh-xl)}body.hk-relaunch .hk-tools-page--mixmate .hk-werkzeug-mask__blase{max-width:200px}body.hk-relaunch .hk-tools-page--mixmate .hk-kaufleiste__in{grid-template-columns:40px minmax(0, 1fr) auto auto;gap:var(--hk-space-1);padding:0 var(--hk-space-1)}body.hk-relaunch .hk-tools-page--mixmate .hk-kaufleiste__stepper{display:none}body.hk-relaunch .hk-tools-page--mixmate .hk-kaufleiste__in .btn{width:var(--hk-tap);padding:0}body.hk-relaunch .hk-tools-page--mixmate .hk-kaufleiste__in .btn>span{display:none}body.hk-relaunch .hk-tools-page--mixmate .hk-werkzeug-sektion{padding:var(--hk-space-3) 0}}@media (prefers-reduced-motion:reduce){body.hk-relaunch .hk-tools-page--mixmate .hk-balken__fuellung{transition:none}body.hk-relaunch .hk-tools-page--mixmate .hk-balken.is-faellt .hk-balken__fuellung,body.hk-relaunch .hk-tools-page--mixmate .hk-balken__fuellung::after{animation:none}body.hk-relaunch .hk-tools-page--mixmate .hk-akk__kopf .hk-icon{transition:none}}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body.hk-relaunch .hk-tools-page--mixmate .hk-ico__l{display:none !important}:root:not([data-theme="light"]) body.hk-relaunch .hk-tools-page--mixmate .hk-ico__d{display:block !important}}:root[data-theme="dark"] body.hk-relaunch .hk-tools-page--mixmate .hk-ico__l{display:none !important}:root[data-theme="dark"] body.hk-relaunch .hk-tools-page--mixmate .hk-ico__d{display:block !important}@keyframes hk-werkzeug-fuellen{from{width:0}to{width:var(--wert, 0%)}}@keyframes hk-werkzeug-stripe{from{background-position:0 0}to{background-position:22.7px 0}}body.hk-relaunch .hk-tools-page--mixmate .hk-mm{--mm-akzent: var(--hk-welt-akzent, var(--hk-brand));--mm-ruhe: color-mix(in srgb, var(--hk-hover-2) 50%, var(--hk-surface));--mm-gewaehlt: color-mix(in srgb, var(--mm-akzent) 13%, transparent);--mm-haken: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 5.2l2 2 4-4.4' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");display:grid;gap:var(--hk-space-3);padding-top:var(--hk-space-2);color:var(--hk-ink);font:400 var(--hk-fs-m)/var(--hk-lh-m) var(--hk-font)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-klein{margin:0;font:400 var(--hk-fs-s)/var(--hk-lh-s) var(--hk-font);color:var(--hk-ink-3)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-link{display:inline-flex;align-items:center;min-height:var(--hk-tap);padding:0;border:0;background:none;color:var(--hk-ink);font:500 var(--hk-fs-m)/var(--hk-lh-m) var(--hk-font);text-decoration:underline;text-underline-offset:3px;cursor:pointer}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-kopf{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 400px);gap:var(--hk-space-3);align-items:center}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-kopf__text{display:grid;gap:var(--hk-space-1);min-width:0}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-helfer{display:flex;align-items:center;gap:var(--hk-space-1);min-width:0}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-helfer__bild{width:56px;height:auto;flex:none}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-blase{margin:0;display:grid;padding:var(--hk-space-1) var(--hk-space-2);font-size:var(--hk-fs-s);line-height:var(--hk-lh-s);border-radius:var(--hk-stufe-radius, 12px) var(--hk-stufe-radius, 12px) var(--hk-stufe-radius, 12px) var(--hk-radius-s);background:var(--hk-surface)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-blase__name{font:var(--hk-font-label);color:var(--hk-ink-2)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-testdaten{margin:0}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-geteilt{margin:0;padding:var(--hk-space-2);border-radius:var(--hk-radius-btn);background:var(--hk-green-bg);color:var(--hk-green-text);font-weight:500}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-haupt{display:grid;grid-template-columns:minmax(0, 7fr) minmax(0, 5fr);gap:var(--hk-space-4);align-items:start}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-wahl{display:grid;gap:var(--hk-space-4);min-width:0}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-frage{margin:0;padding:0;border:0;display:grid;min-width:0}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-frage__block{margin:0;padding:0;border:0;display:grid;gap:var(--hk-space-2);min-width:0}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-frage__kopf{display:flex;align-items:center;gap:var(--hk-space-1);width:100%;margin:0 0 var(--hk-space-2);padding:0;float:none}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-frage__hinweis{margin-left:auto}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-nr{display:inline-grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:var(--hk-ink);color:var(--hk-paper);font:var(--hk-fw-bold) var(--hk-fs-xs)/1 var(--hk-font)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-kacheln{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:var(--hk-space-1)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-kachel,body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-pille{position:relative;background:var(--mm-ruhe);color:var(--hk-ink);cursor:pointer}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-kachel{display:grid;grid-template-columns:36px minmax(0, 1fr);grid-template-rows:auto auto;column-gap:var(--hk-space-1);align-items:center;min-height:60px;padding:var(--hk-space-1);border-radius:var(--hk-stufe-radius, 12px)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-pille{display:inline-flex;align-items:center;gap:var(--hk-space-1);min-height:44px;padding:var(--hk-space-05) var(--hk-space-2);border-radius:var(--hk-radius-pill)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-pille input,body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-kachel__wahl{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-kachel:hover:not(.is-grau),body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-pille:hover:not(.is-grau){background:var(--hk-hover-2)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-kachel:has(:focus-visible),body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-pille:has(:focus-visible){outline:var(--hk-focus-ring);outline-offset:2px}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-kachel.hk-mm-kachel:has(:checked){padding-right:var(--hk-space-4);background:var(--mm-haken) right 11px center / 10px 10px no-repeat, radial-gradient(circle at calc(100% - 16px) 50%, var(--mm-akzent) 0 8px, transparent 8.5px), var(--mm-gewaehlt)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-pille.hk-mm-pille:has(:checked){background:var(--mm-haken) right 13px center / 8px 8px no-repeat, radial-gradient(circle at calc(100% - 17px) 50%, var(--mm-akzent) 0 7px, transparent 7.5px), var(--mm-gewaehlt)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-pillen--raster .hk-mm-pille{padding-right:var(--hk-space-4)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-pillen--segment .hk-mm-pille:has(:checked){background:var(--mm-gewaehlt);box-shadow:inset 0 0 0 2px var(--mm-akzent)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-pille--nogo:has(:checked){text-decoration:line-through}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-kachel.is-grau,body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-pille.is-grau{background:var(--hk-disabled-bg);color:var(--hk-disabled-fg);cursor:not-allowed}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-kachel.is-grau svg{opacity:0.4}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-kachel__kopf{grid-row:1 / span 2;display:flex;align-items:center}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-kachel__gesicht{width:36px;height:36px;flex:none}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-kachel__name{align-self:end;min-width:0;font:500 var(--hk-fs-m)/var(--hk-lh-s) var(--hk-font);overflow-wrap:anywhere}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-kachel__grund{align-self:start;min-width:0;font:400 var(--hk-fs-xs)/var(--hk-lh-xs) var(--hk-font);color:var(--hk-ink-2)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-pillen{display:flex;flex-wrap:wrap;gap:var(--hk-space-1)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-pillen--raster{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr))}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-pillen--segment{display:grid;grid-template-columns:repeat(var(--anzahl, 3), minmax(0, 1fr))}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-pillen--segment .hk-mm-pille{justify-content:center;text-align:center;padding-inline:var(--hk-space-1)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-pille__blatt{width:24px;height:24px;flex:none}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-pille__text{display:grid;min-width:0}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-pille__haupt{font-weight:500}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-pille__neben{font:400 var(--hk-fs-s)/var(--hk-lh-s) var(--hk-font);color:var(--hk-ink-2)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-pille img{width:20px;height:20px;image-rendering:pixelated}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-fein__inhalt{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--hk-space-3) var(--hk-space-3)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-fein__inhalt>.hk-mm-feld--breit,body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-fein__inhalt>.hk-mm-haken{grid-column:1 / -1}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-feld{margin:0;padding:0;border:0;display:grid;min-width:0}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-feld__titel{margin:0 0 var(--hk-space-1);padding:0;float:none;font:var(--hk-font-label);color:var(--hk-ink-2)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-pille--klein{min-height:36px;padding:var(--hk-space-05) var(--hk-space-2);font-size:var(--hk-fs-s);line-height:var(--hk-lh-s)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-pillen--segment .hk-mm-pille--klein{flex-direction:column;gap:0}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-haken{display:flex;align-items:center;gap:var(--hk-space-1);min-height:var(--hk-tap)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-haken input{width:20px;height:20px;accent-color:var(--hk-ink)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-los{justify-self:start}body.hk-relaunch .hk-tools-page--mixmate .hk-mm.is-js .hk-mm-los{display:none}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-start{display:flex;align-items:center;gap:var(--hk-space-2);padding:var(--hk-space-1) var(--hk-space-2);border-radius:var(--hk-stufe-radius, 12px);background:var(--hk-surface)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-start__bild img{width:48px;height:48px;object-fit:contain}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-start__text{display:grid;flex:1;min-width:0}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-mix{position:sticky;top:var(--hk-space-3);display:grid;gap:var(--hk-space-2);padding:var(--hk-space-3);border:1px solid var(--hk-line);border-radius:var(--hk-stufe-radius, 12px);background:var(--hk-paper);min-width:0;scroll-margin-top:var(--hk-space-3)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-mix__kopf{display:grid;gap:var(--hk-space-05)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-mix__titel{overflow-wrap:anywhere}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-plus{color:var(--hk-ink-3)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-mix__mitte{display:grid;grid-template-columns:132px minmax(0, 1fr);gap:var(--hk-space-3);align-items:center}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-kreis svg{width:132px;height:132px}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-kreis svg{display:block}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-kreis__stueck{stroke:var(--hk-paper);stroke-width:2}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-kreis__loch{fill:var(--hk-paper)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-kreis__zahl{font:var(--hk-fw-bold) 13px/1 var(--hk-font);text-anchor:middle}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-bowl{margin:0;padding:0;border:0;display:grid;min-width:0}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-bowl legend{float:none;padding:0}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-sorten{margin:0;padding:0;list-style:none;display:grid;gap:var(--hk-space-1)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-sorte{position:relative;display:grid;grid-template-columns:56px minmax(0, 1fr) auto;gap:var(--hk-space-2);align-items:center;padding-top:var(--hk-space-1);border-top:1px solid var(--hk-line)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-sorte__bild{position:relative;display:grid;place-items:center;width:56px;height:56px;overflow:hidden;border-radius:var(--hk-radius-btn);background:var(--hk-surface)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-sorte__bild::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--sorte-farbe)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-sorte__bild img{width:48px;height:48px;object-fit:contain}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-sorte__text{display:grid;min-width:0;font-size:var(--hk-fs-s);line-height:var(--hk-lh-s)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-sorte__name{font:500 var(--hk-fs-m)/var(--hk-lh-m) var(--hk-font);color:var(--hk-ink);text-decoration:none;overflow-wrap:anywhere}body.hk-relaunch .hk-tools-page--mixmate .hk-mm a.hk-mm-sorte__name::after{content:"";position:absolute;inset:0}body.hk-relaunch .hk-tools-page--mixmate .hk-mm a.hk-mm-sorte__name:hover{text-decoration:underline}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-sorte__marke{color:var(--hk-ink-2)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-grundpreis{font:400 var(--hk-fs-s)/var(--hk-lh-s) var(--hk-font);color:var(--hk-ink-2)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-aromen{display:flex;flex-wrap:wrap;gap:var(--hk-space-05)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-aroma{display:inline-flex;align-items:center;gap:var(--hk-space-05);padding:0 var(--hk-space-1) 0 0;border-radius:var(--hk-radius-pill);background:var(--hk-surface);font:400 var(--hk-fs-s)/var(--hk-lh-s) var(--hk-font)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-aroma img{width:18px;height:18px;image-rendering:pixelated}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-sorte__zahl{display:grid;justify-items:end;gap:var(--hk-space-05)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-sorte__zahl strong{font:500 var(--hk-fs-l)/var(--hk-lh-l) var(--hk-font)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-sorte__zahl span{font:400 var(--hk-fs-s)/var(--hk-lh-s) var(--hk-font);color:var(--hk-ink-2)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-atlas{display:grid;gap:var(--hk-space-1);padding:var(--hk-space-2);border-radius:var(--hk-stufe-radius, 12px);background:var(--hk-surface)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-atlas__neu{margin:0;display:flex;align-items:center;gap:var(--hk-space-1);font-weight:500}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-atlas__reihen{margin:0;padding:0;list-style:none;display:grid;gap:var(--hk-space-05)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-atlas__reihen span{color:var(--hk-ink-2)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-atlas__balken{display:block;height:4px;border-radius:var(--hk-radius-pill);background:linear-gradient(90deg, var(--hk-green-strong) var(--wert), var(--hk-line) var(--wert))}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-kauf{display:grid;gap:var(--hk-space-1)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-kauf__knopf{width:100%}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-kauf__info{text-align:center}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-teilen{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:var(--hk-space-1)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-teilen__status:empty{display:none}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-variante{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--hk-space-1);padding-top:var(--hk-space-2);border-top:1px solid var(--hk-line)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-tipp{display:grid;grid-template-columns:48px minmax(0, 1fr);gap:var(--hk-space-1) var(--hk-space-2);align-items:center;padding:var(--hk-space-2);font-size:var(--hk-fs-s);line-height:var(--hk-lh-s);border-radius:var(--hk-stufe-radius, 12px);background:var(--hk-surface)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-tipp__bild{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:50% 12%;background:var(--hk-paper);image-rendering:pixelated}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-tipp__text{margin:0}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-kopfwahl{position:relative;grid-column:1 / -1;display:grid;grid-template-columns:56px minmax(0, 1fr);gap:var(--hk-space-2);align-items:center;padding-top:var(--hk-space-1);border-top:1px solid var(--hk-line)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-tipp>.btn{grid-column:1 / -1}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-tipp__titel{display:block;font:var(--hk-font-label);color:var(--hk-ink-2)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-tipp .hk-mm-link{display:inline;padding-block:var(--hk-space-1)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-warn{margin:0;padding:0;border:0;display:flex;align-items:center;gap:var(--hk-space-1);font:500 var(--hk-fs-s)/var(--hk-lh-s) var(--hk-font)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-warn__badge{display:grid;flex:0 0 28px;width:28px;height:28px;place-items:center;border-radius:50%;background:var(--hk-ink);color:var(--hk-paper);font:var(--hk-fw-bold) var(--hk-fs-xs)/var(--hk-lh-xs) var(--hk-font)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-leer{display:grid;justify-items:center;gap:var(--hk-space-1);padding:var(--hk-space-4) var(--hk-space-2);text-align:center;color:var(--hk-ink-2)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-leer p{margin:0}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-leer .hk-mm-mix__titel{color:var(--hk-ink)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-leer__kreis{width:140px;height:140px}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-leer__kreis circle{fill:none;stroke:var(--hk-line);stroke-width:22;stroke-dasharray:6 6}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-ausweich{display:grid;gap:var(--hk-space-1);width:100%}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-dialog{width:min(480px, calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:var(--hk-space-3);border:2px solid var(--hk-ink);background:var(--hk-paper);color:var(--hk-ink)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-dialog[open]{display:grid;gap:var(--hk-space-2)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-dialog::backdrop{background:var(--hk-overlay)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-karte{display:block;width:100%;height:auto;border-radius:var(--hk-radius-btn)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-karte-text{margin:0;padding:0;list-style:none;display:grid;gap:var(--hk-space-1)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-leiste{display:none}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-faq{display:grid;gap:var(--hk-space-2);max-width:760px}@media (max-width:1199.98px){body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-kacheln{grid-template-columns:repeat(3, minmax(0, 1fr))}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-fein__inhalt{grid-template-columns:minmax(0, 1fr)}}@media (max-width:991.98px){body.hk-relaunch .hk-tools-page--mixmate .hk-mm{gap:var(--hk-space-3);padding-bottom:var(--hk-space-12)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-kopf,body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-haupt{grid-template-columns:minmax(0, 1fr)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-helfer__bild{width:44px}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-wahl{gap:var(--hk-space-3)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-kacheln{grid-template-columns:repeat(2, minmax(0, 1fr))}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-kachel{grid-template-columns:32px minmax(0, 1fr);min-height:56px}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-kachel__gesicht{width:32px;height:32px}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-pillen--raster{grid-template-columns:minmax(0, 1fr)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-mix{position:relative;top:0;padding:var(--hk-space-2)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-sorte{grid-template-columns:48px minmax(0, 1fr) auto}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-sorte__bild{width:48px;height:48px}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-leiste{position:fixed;left:0;right:0;bottom:0;z-index:1030;display:flex;align-items:center;gap:var(--hk-space-2);padding:var(--hk-space-1) var(--hk-space-2) calc(var(--hk-space-1) + env(safe-area-inset-bottom));border-top:1px solid var(--hk-line);background:var(--hk-paper);transform:translateY(110%);transition:transform var(--hk-dur-2) var(--hk-ease-out)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-leiste.is-an{transform:none}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-leiste__kreis svg{display:block}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-leiste__text{display:grid;flex:1;min-width:0;font:400 var(--hk-fs-s)/var(--hk-lh-s) var(--hk-font);color:var(--hk-ink-2)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-leiste__text strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:500 var(--hk-fs-m)/var(--hk-lh-m) var(--hk-font);color:var(--hk-ink)}}@media (max-width:575.98px){body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-teilen{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr)}body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-teilen>:last-child{grid-column:1 / -1}}@media (prefers-reduced-motion:reduce){body.hk-relaunch .hk-tools-page--mixmate .hk-mm .hk-mm-leiste{transition:none}}