:root #sijl-matcha-lab-widget{--hulp-accent: var(--brand, #62825d);--hulp-vlak: #f1f4ef}:root #sijl-coffee-extraction-widget{--hulp-accent: var(--orange, #cf6114);--hulp-vlak: #f5f0e8}:root :is(#sijl-matcha-lab-widget,#sijl-coffee-extraction-widget){--line: #e0e0e0;border:1px solid #e0e0e0;border-radius:8px;color:#111;font-family:var(--font-body--family, Montserrat, sans-serif)}:root :is(#sijl-matcha-lab-widget,#sijl-coffee-extraction-widget) .hero-panel{border-right-color:#e0e0e0}:root :is(#sijl-matcha-lab-widget,#sijl-coffee-extraction-widget) .results-inner{border:0;border-radius:8px;background:var(--hulp-vlak)}:root :is(#sijl-matcha-lab-widget,#sijl-coffee-extraction-widget) :is(.eyebrow,.section-label,.control-label,.control-label-compact,.stat-card strong,.metric-card strong,.slider-value-compact strong,.balance-chip,.time-value span){font-size:12px;font-weight:700;letter-spacing:.04em}:root :is(#sijl-matcha-lab-widget,#sijl-coffee-extraction-widget) .eyebrow{padding:0;border:0;background:none;color:var(--hulp-accent);letter-spacing:.08em}:root :is(#sijl-matcha-lab-widget,#sijl-coffee-extraction-widget) .widget-title{max-width:16ch;margin:8px 0 10px;font-family:var(--font-heading--family, Montserrat, sans-serif);font-size:clamp(26px,3.2vw,38px);font-weight:800;line-height:1.08;letter-spacing:-.01em;color:#111}:root :is(#sijl-matcha-lab-widget,#sijl-coffee-extraction-widget) .hero-copy{line-height:1.6;color:#444}:root :is(#sijl-matcha-lab-widget,#sijl-coffee-extraction-widget) .preset-btn{padding:12px 8px;border:1px solid #e0e0e0;border-radius:5px;font-weight:700;letter-spacing:.02em;transform:none}:root :is(#sijl-matcha-lab-widget,#sijl-coffee-extraction-widget) .preset-btn:is(:hover,.is-active){border-color:var(--hulp-accent);background:color-mix(in srgb,var(--hulp-accent) 10%,#fff)}:root :is(#sijl-matcha-lab-widget,#sijl-coffee-extraction-widget) .stat-card{border:1px solid #e0e0e0;border-radius:5px}:root :is(#sijl-matcha-lab-widget,#sijl-coffee-extraction-widget) .stat-card strong{color:#444}:root :is(#sijl-matcha-lab-widget,#sijl-coffee-extraction-widget) :is(.stat-card .big,.metric-value,.time-value strong){font-weight:800}:root :is(#sijl-matcha-lab-widget,#sijl-coffee-extraction-widget) .controls-accordion{border:1px solid #e0e0e0;border-radius:5px;overflow:hidden}:root :is(#sijl-matcha-lab-widget,#sijl-coffee-extraction-widget) .accordion-header{border-bottom-color:#e0e0e0;font-weight:700;letter-spacing:.02em}:root :is(#sijl-matcha-lab-widget,#sijl-coffee-extraction-widget) .accordion-header:hover{background:color-mix(in srgb,var(--hulp-accent) 6%,#fff)}:root :is(#sijl-matcha-lab-widget,#sijl-coffee-extraction-widget) .accordion-body{border-bottom-color:#e0e0e0}:root :is(#sijl-matcha-lab-widget,#sijl-coffee-extraction-widget) input[type=range]::-webkit-slider-runnable-track{border-radius:999px;background:linear-gradient(90deg,#e0e0e0,var(--hulp-accent))}:root :is(#sijl-matcha-lab-widget,#sijl-coffee-extraction-widget) input[type=range]::-moz-range-track{border-radius:999px;background:linear-gradient(90deg,#e0e0e0,var(--hulp-accent))}:root :is(#sijl-matcha-lab-widget,#sijl-coffee-extraction-widget) input[type=range]::-webkit-slider-thumb{width:22px;height:22px;margin-top:-8px;border:3px solid #fff;border-radius:50%;background:#111;box-shadow:0 1px 4px #0000004d}:root :is(#sijl-matcha-lab-widget,#sijl-coffee-extraction-widget) input[type=range]::-moz-range-thumb{width:16px;height:16px;border:3px solid #fff;border-radius:50%;background:#111;box-shadow:0 1px 4px #0000004d}:root :is(#sijl-matcha-lab-widget,#sijl-coffee-extraction-widget) .control-row{grid-template-columns:90px minmax(0,1fr) 88px}:root :is(#sijl-matcha-lab-widget,#sijl-coffee-extraction-widget) .slider-value-compact{font-size:13px;font-weight:700}:root :is(#sijl-matcha-lab-widget,#sijl-coffee-extraction-widget) .accordion-header span[data-ui]{font-size:12px!important;font-weight:700;letter-spacing:.04em}:root :is(#sijl-matcha-lab-widget,#sijl-coffee-extraction-widget) .advice-title{font-family:var(--font-heading--family, Montserrat, sans-serif);font-size:22px;font-weight:800;line-height:1.12}:root :is(#sijl-matcha-lab-widget,#sijl-coffee-extraction-widget) .copy{line-height:1.6;color:#333}:root :is(#sijl-matcha-lab-widget,#sijl-coffee-extraction-widget) .results-title-row{grid-template-columns:minmax(0,1fr);gap:12px}:root :is(#sijl-matcha-lab-widget,#sijl-coffee-extraction-widget) .time-block{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:none;padding:12px 14px;border:1px solid #e0e0e0;border-radius:5px}:root :is(#sijl-matcha-lab-widget,#sijl-coffee-extraction-widget) .time-value{margin-bottom:0}:root :is(#sijl-matcha-lab-widget,#sijl-coffee-extraction-widget) .balance-chip{padding:6px 12px;border-radius:999px}:root #sijl-coffee-extraction-widget .spectrum{height:12px;border:0;border-radius:999px;overflow:visible}:root #sijl-coffee-extraction-widget .spectrum div:nth-child(1){border-radius:999px 0 0 999px}:root #sijl-coffee-extraction-widget .spectrum div:nth-child(3){border-radius:0 999px 999px 0;background:#111}:root #sijl-coffee-extraction-widget .indicator{top:-5px;bottom:-5px;width:6px;border:2px solid #fff;border-radius:3px;box-shadow:0 1px 3px #00000059}:root :is(#sijl-matcha-lab-widget,#sijl-coffee-extraction-widget) :is(.advice-card,.recipe-card){border:1px solid #e0e0e0;border-radius:5px}:root :is(#sijl-matcha-lab-widget,#sijl-coffee-extraction-widget) .metrics-grid{grid-template-columns:minmax(0,1fr);gap:6px}:root :is(#sijl-matcha-lab-widget,#sijl-coffee-extraction-widget) .metric-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border:1px solid color-mix(in srgb,var(--hulp-accent) 28%,transparent);border-radius:5px;background:color-mix(in srgb,var(--hulp-accent) 5%,#fff);text-align:left}:root :is(#sijl-matcha-lab-widget,#sijl-coffee-extraction-widget) .metric-card strong{margin:0}:root :is(#sijl-matcha-lab-widget,#sijl-coffee-extraction-widget) .metric-value{font-size:15px;text-align:right}:root #sijl-coffee-extraction-widget .mobile-live-bar{border-top:1px solid #e0e0e0;border-radius:12px 12px 0 0;box-shadow:0 -4px 16px #00000014}:root #sijl-coffee-extraction-widget :is(.mobile-live-label,.mobile-live-time span){font-size:12px;font-weight:700;letter-spacing:.04em}@media(max-width:980px){:root :is(#sijl-matcha-lab-widget,#sijl-coffee-extraction-widget) .hero-panel{border-bottom-color:#e0e0e0}:root :is(#sijl-matcha-lab-widget,#sijl-coffee-extraction-widget) .widget-title{max-width:100%;font-size:clamp(24px,6.5vw,34px)}}@media(max-width:760px){:root :is(#sijl-matcha-lab-widget,#sijl-coffee-extraction-widget){border:1px solid #e0e0e0;border-radius:8px}:root :is(#sijl-matcha-lab-widget,#sijl-coffee-extraction-widget) .preset-btn{padding:11px 6px;font-size:12px;letter-spacing:0}:root :is(#sijl-matcha-lab-widget,#sijl-coffee-extraction-widget) .control-row{grid-template-columns:64px minmax(0,1fr) 84px}:root :is(#sijl-matcha-lab-widget,#sijl-coffee-extraction-widget) .control-label-compact{font-size:12px;letter-spacing:0}:root :is(#sijl-matcha-lab-widget,#sijl-coffee-extraction-widget) .slider-value-compact{font-size:12px}:root #sijl-coffee-extraction-widget .mobile-live-meta{font-size:12px}}@media(max-width:440px){:root :is(#sijl-matcha-lab-widget,#sijl-coffee-extraction-widget) .control-row{grid-template-columns:58px minmax(0,1fr) 80px}}:root :is(#sijl-cb-water,input[name=sijl-cb-stijl]){accent-color:#cf6114!important}:root a[style*="background:#3a2e25"]{background:#cf6114!important;color:#fff!important}:root a[style*="background:#3a2e25"]:hover{background:#b8540f!important}
/*# sourceMappingURL=/cdn/shop/t/79/assets/sijl-hulptools.css.map */