.how.how--ijs{background:var(--kleur-ijsblauw-licht)}.how.how--paper{background:var(--paper)}.how.how--zand{background:var(--kleur-zand-licht)}.how.how--salie{background:var(--kleur-salie-extralicht)}bob-day-flow{display:block}.day-panel{background:var(--paper);color:var(--tekst);border-radius:var(--r-xl);padding:clamp(24px,3.2vw,44px);box-shadow:0 34px 70px -52px #08141299}.day-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 22px;margin-bottom:clamp(18px,2vw,26px)}.day-time{font-family:var(--font-kop);font-weight:700;letter-spacing:-1px;font-size:clamp(2rem,4.6vw,3rem);line-height:1;font-variant-numeric:tabular-nums}.day-phase{background:var(--kleur-zand-licht);border-radius:var(--r-pill);padding:7px 16px;font-size:.75rem;font-weight:700;letter-spacing:.02em}.day-soc{margin-left:auto;display:flex;align-items:center;gap:12px}.day-soc-bar{width:clamp(80px,12vw,130px);height:12px;border-radius:var(--r-pill);background:var(--kleur-zand-licht);overflow:hidden}.day-soc-fill{display:block;height:100%;width:0;border-radius:var(--r-pill);background:var(--cta);transition:width .18s linear}.day-soc-val{font-size:.875rem;font-weight:700;font-variant-numeric:tabular-nums;min-width:3.4rem}@media(max-width:620px){.day-soc{margin-left:0;width:100%}}.day-plot{position:relative}.day-svg{display:block;width:100%;height:clamp(180px,24vw,260px);overflow:visible}.day-grid-line{stroke:#0814121a;stroke-width:1}.day-area-soc{fill:var(--cta);fill-opacity:.14}.day-line-soc{fill:none;stroke:var(--cta);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.day-line-zon{fill:none;stroke:var(--kleur-diepgroen);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.day-line-huis{fill:none;stroke:var(--kleur-mosgroen);stroke-width:2.5;stroke-dasharray:5 6;stroke-linejoin:round;stroke-linecap:round}.day-marker{stroke:#08141259;stroke-width:1.5}.day-svg path,.day-svg line{vector-effect:non-scaling-stroke}.day-cursor{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--cta);border:3px solid var(--paper);box-shadow:0 0 0 1px #0814121f;transform:translate(-50%,-50%);pointer-events:none;left:0;top:0}.day-hours{display:flex;justify-content:space-between;margin:6px 0 0;font-size:.6875rem;font-weight:600;color:var(--tekst-70)}.day-legend{display:flex;flex-wrap:wrap;gap:10px clamp(14px,1.8vw,26px);margin:18px 0 0;padding:0;list-style:none}.day-legend li{display:inline-flex;align-items:center;gap:10px;font-size:.8125rem;color:var(--tekst-70)}.day-ico{flex:none;width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:var(--kleur-zand-licht)}.day-ico--zon{color:var(--kleur-diepgroen)}.day-ico--huis{color:var(--kleur-mosgroen)}.day-ico--soc{color:var(--cta)}.day-legend b{display:block;font-weight:700;color:var(--kleur-inkt)}.day-key{display:block;width:26px;height:3px;border-radius:2px;margin-top:4px}.day-key--zon{background:var(--kleur-diepgroen)}.day-key--huis{background:repeating-linear-gradient(to right,var(--kleur-mosgroen) 0 4px,transparent 4px 8px)}.day-key--soc{background:var(--cta)}.day-scrub{width:100%;margin:22px 0 0;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}.day-scrub:focus-visible{outline:2px solid var(--cta);outline-offset:6px}.day-scrub::-webkit-slider-runnable-track{height:6px;border-radius:var(--r-pill);background:var(--kleur-zand)}.day-scrub::-moz-range-track{height:6px;border-radius:var(--r-pill);background:var(--kleur-zand)}.day-scrub::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-9px;width:24px;height:24px;border-radius:50%;background:var(--cta);border:3px solid var(--paper);box-shadow:0 0 0 4px #ff693340}.day-scrub::-moz-range-thumb{width:24px;height:24px;border-radius:50%;border:3px solid var(--paper);background:var(--cta);box-shadow:0 0 0 4px #ff693340}.day-story{display:flex;gap:14px;align-items:flex-start;background:var(--kleur-zand-licht);border-radius:var(--r-lg);padding:18px 22px;margin-top:20px;min-height:92px}.day-story p{margin:0;font-size:.9375rem;line-height:1.6;color:var(--tekst-70)}.day-story p b{color:var(--kleur-inkt);font-weight:700}.day-jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.day-jump button{display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;font-family:var(--font-body);background:var(--kleur-zand-licht);color:var(--tekst-70);border-radius:var(--r-pill);padding:8px 16px 8px 12px;font-size:.75rem;font-weight:700;transition:background-color .2s ease,color .2s ease}.day-jump button svg{flex:none;opacity:.85}.day-jump button:hover,.day-jump button.is-active{background:var(--cta);color:var(--paper)}.day-caption{margin:18px 0 0;font-size:.75rem;line-height:1.6;color:var(--tekst-70)}.flow{margin-top:clamp(40px,5vw,64px)}.flow-steps{position:relative;display:grid;grid-template-columns:repeat(var(--flow-cols, 4),1fr);gap:clamp(14px,1.8vw,22px)}@media(max-width:900px){.flow-steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.flow-steps{grid-template-columns:1fr}}.flow-step{position:relative;background:var(--paper);border-radius:var(--r-lg);padding:clamp(20px,2.2vw,28px);display:flex;flex-direction:column;gap:10px;transition:transform .3s cubic-bezier(.2,.7,.3,1)}.flow-step:hover{transform:translateY(-5px)}.flow-step:after{content:"";position:absolute;top:46px;left:100%;width:clamp(14px,1.8vw,22px);border-top:2px dashed var(--kleur-salie)}.flow-step:last-child:after,.flow-step:nth-child(4n):after{display:none}@media(max-width:900px){.flow-step:after{display:none}}.flow-num{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--kleur-ijsblauw-licht);color:var(--kleur-inkt);font-size:.875rem;font-weight:700;transition:background-color .25s ease,color .25s ease}.flow-step:hover .flow-num{background:var(--cta);color:var(--paper)}.flow-step h5{font-size:1rem;letter-spacing:-.4px}.flow-step p{margin:0;font-size:.875rem;line-height:1.6;color:var(--tekst-70)}@media(prefers-reduced-motion:reduce){.flow-step{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/bob-day-flow.css.map */