.kk-tool{--kk-heat:var(--color-accent-500);--kk-heat-ink:var(--color-highlight);--kk-warm:var(--color-brand-400);--kk-cold:#9acbde;--kk-cold-ink:#1f5f78;--kk-stage:#f1efe8;--kk-gap:clamp(16px, 2.4vw, 28px);color:var(--color-ink);font-family:var(--font-body);min-width:0;font-size:16px;line-height:1.55}[data-theme=dark] .kk-tool{--kk-cold-ink:#9acbde;--kk-stage:#232321}.kk-tool *,.kk-tool :before,.kk-tool :after{box-sizing:border-box}.kk-stage{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--kk-stage);min-width:0;position:relative;overflow:hidden}.kk-stage canvas{touch-action:pan-y;width:100%;height:100%;display:block}.kk-panel{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface);min-width:0;padding:clamp(16px,2vw,24px)}.kk-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-label);font-size:12px;font-weight:500}.kk-data{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"zero" 0}.kk-figure{font-family:var(--font-display);letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-weight:500;line-height:1.1}.kk-note{color:var(--color-ink-muted);font-size:13px;line-height:1.5}.kk-seg{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface-tint);flex-wrap:wrap;gap:4px;max-width:100%;padding:4px;display:inline-flex}.kk-seg>label,.kk-seg>button{border-radius:var(--radius-sm);min-height:40px;color:var(--color-ink-muted);font:500 14px/1.2 var(--font-body);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);background:0 0;border:0;justify-content:center;align-items:center;padding:0 14px;display:inline-flex;position:relative}.kk-seg>label>input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.kk-seg>label:hover,.kk-seg>button:hover{color:var(--color-ink)}.kk-seg>button[aria-pressed=true]{background:var(--color-ink);color:var(--color-on-ink)}.kk-seg>label:has(input:checked){background:var(--color-ink);color:var(--color-on-ink)}.kk-seg>button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.kk-seg>label:has(input:focus-visible){outline:2px solid var(--color-focus);outline-offset:2px}.kk-range{appearance:none;cursor:pointer;--kk-fill:50%;background:0 0;width:100%;height:44px;margin:0}.kk-range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--color-ink) var(--kk-fill), var(--color-line-strong) var(--kk-fill));border-radius:999px;height:6px}.kk-range::-moz-range-track{background:var(--color-line-strong);border-radius:999px;height:6px}.kk-range::-moz-range-progress{background:var(--color-ink);border-radius:999px;height:6px}.kk-range::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--color-ink);background:var(--kk-warm);width:26px;height:26px;box-shadow:var(--shadow-sm);border-radius:50%;margin-top:-10px}.kk-range::-moz-range-thumb{border:3px solid var(--color-ink);background:var(--kk-warm);width:20px;height:20px;box-shadow:var(--shadow-sm);border-radius:50%}.kk-range:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px;border-radius:8px}.kk-veil{color:var(--color-ink-muted);font:500 13px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;pointer-events:none;transition:opacity var(--duration-enter) var(--ease-standard);place-items:center;display:grid;position:absolute;inset:0}[data-kk-state=ready] .kk-veil{opacity:0}@media (prefers-reduced-motion:reduce){.kk-tool *,.kk-tool :before,.kk-tool :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
.kk-hokamera{flex-direction:column;gap:clamp(40px,5vw,64px);width:100%;display:flex}.kk-hokamera__demo{flex-direction:column;gap:clamp(24px,3vw,40px);min-width:0;display:flex}.kk-hokamera__rig{grid-template-columns:minmax(0,1fr);gap:24px;min-width:0;display:grid}.kk-hokamera__main{flex-direction:column;gap:12px;min-width:0;display:flex;position:relative}.kk-hokamera__side{grid-template-columns:minmax(0,1fr);gap:24px;min-width:0;display:grid}@media (min-width:640px){.kk-hokamera__side{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:24px 40px}}@media (min-width:1024px){.kk-hokamera__rig{gap:var(--kk-gap);grid-template-columns:minmax(0,1fr) 208px;align-items:stretch}.kk-hokamera__side{flex-direction:column;gap:24px;display:flex}}.kk-hokamera .kk-note{max-width:none;margin:0}.kk-hokamera .kk-hokamera__stage{aspect-ratio:4/3;background:var(--color-band);width:100%;min-height:300px;max-height:min(60vh,640px);color:var(--color-on-band);touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}@media (min-width:640px){.kk-hokamera .kk-hokamera__stage{aspect-ratio:16/9}}.kk-hokamera[data-gl=on] .kk-hokamera__stage{cursor:ew-resize}.kk-hokamera__view{z-index:0;position:absolute;inset:0}.kk-hokamera__view canvas{opacity:0;width:100%;height:100%;transition:opacity var(--duration-enter) var(--ease-standard);display:block}.kk-hokamera[data-gl=on] .kk-hokamera__view canvas{opacity:1}.kk-hokamera__nogl{text-align:center;max-width:none;font:400 14px/1.6 var(--font-body);color:var(--color-on-band);margin:0;padding:24px;display:none}.kk-hokamera[data-gl=off] .kk-hokamera__nogl,.kk-hokamera[data-kk-state=error] .kk-hokamera__nogl{z-index:1;place-items:center;display:grid;position:relative}.kk-hokamera[data-gl=off] .kk-hokamera__stage,.kk-hokamera[data-kk-state=error] .kk-hokamera__stage{aspect-ratio:auto;min-height:0;max-height:none}.kk-hokamera[data-gl=off] .kk-hokamera__view,.kk-hokamera[data-gl=off] .kk-hokamera__hud,.kk-hokamera[data-gl=off] .kk-hokamera__split,.kk-hokamera[data-gl=off] .kk-hokamera__hint,.kk-hokamera[data-gl=off] .kk-hokamera__slider,.kk-hokamera[data-gl=off] .kk-hokamera__side,.kk-hokamera[data-kk-state=error] .kk-hokamera__view,.kk-hokamera[data-kk-state=error] .kk-hokamera__hud,.kk-hokamera[data-kk-state=error] .kk-hokamera__split,.kk-hokamera[data-kk-state=error] .kk-hokamera__hint,.kk-hokamera[data-kk-state=error] .kk-hokamera__slider,.kk-hokamera[data-kk-state=error] .kk-hokamera__side{display:none}.kk-hokamera[data-gl=off] .kk-hokamera__rig,.kk-hokamera[data-kk-state=error] .kk-hokamera__rig{grid-template-columns:minmax(0,1fr)}.kk-hokamera__hud{z-index:2;pointer-events:none;position:absolute;inset:0}.kk-hokamera__tag{border-radius:var(--radius-sm);background:var(--color-band);min-height:28px;color:var(--color-on-band);font:500 13px/1.2 var(--font-body);white-space:nowrap;transition:opacity var(--duration-fast) var(--ease-standard);align-items:center;gap:8px;padding:0 10px;display:inline-flex;position:absolute;top:12px}.kk-hokamera__tag:before{content:"";background:var(--kk-heat);border-radius:50%;flex:none;width:8px;height:8px}.kk-hokamera__tag--before{left:12px}.kk-hokamera__tag--after{right:12px}.kk-hokamera__tag--after:before{background:var(--kk-cold)}.kk-hokamera__tag[data-off]{opacity:0}.kk-hokamera__split{z-index:3;pointer-events:none;position:absolute;inset:0}.kk-hokamera__line{top:0;bottom:0;left:var(--kk-split,50%);background:var(--kk-warm);width:3px;box-shadow:0 0 0 1px var(--color-on-brand);margin-left:-1.5px;position:absolute}.kk-hokamera__grip{top:50%;left:clamp(25px, var(--kk-split,50%), calc(100% - 25px));border:2px solid var(--color-on-brand);background:var(--kk-warm);width:48px;height:48px;color:var(--color-on-brand);box-shadow:var(--shadow-md);border-radius:50%;place-items:center;margin:-24px 0 0 -24px;display:grid;position:absolute}.kk-hokamera__grip svg{width:24px;height:24px}.kk-hokamera__main:has(.kk-hokamera__range:focus-visible) .kk-hokamera__grip{outline:3px solid var(--color-focus-on-band);outline-offset:3px}.kk-hokamera__hint{z-index:3;top:calc(50% + 34px);left:clamp(56px, var(--kk-split,50%), calc(100% - 56px));border-radius:var(--radius-sm);background:var(--kk-warm);min-height:24px;color:var(--color-on-brand);font:500 12px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--duration-fast) var(--ease-standard);align-items:center;padding:0 10px;display:inline-flex;position:absolute;transform:translate(-50%)}.kk-hokamera__stage[data-fresh] .kk-hokamera__hint{opacity:1}.kk-hokamera__slider{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"before after""range range";align-items:center;column-gap:12px;display:grid}.kk-hokamera .kk-hokamera__end{font-size:13px}.kk-hokamera .kk-hokamera__end--before{color:var(--kk-heat-ink);grid-area:before;justify-self:start}.kk-hokamera .kk-hokamera__end--after{text-align:right;color:var(--kk-cold-ink);grid-area:after;justify-self:end}@media (min-width:640px){.kk-hokamera__slider{grid-template-columns:72px minmax(0,1fr) 72px;grid-template-areas:"before range after";column-gap:16px}}.kk-hokamera .kk-hokamera__range{min-width:0;height:56px;box-shadow:none;--kk-fill:50%;background:0 0;border:0;grid-area:range;padding:0;display:block}.kk-hokamera .kk-hokamera__range:focus{box-shadow:none;border:0}.kk-hokamera .kk-hokamera__range:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:8px}.kk-hokamera .kk-hokamera__range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--kk-heat) var(--kk-fill), var(--kk-cold-ink) var(--kk-fill));border-radius:999px;height:10px}.kk-hokamera .kk-hokamera__range::-moz-range-track{background:var(--kk-cold-ink);border-radius:999px;height:10px}.kk-hokamera .kk-hokamera__range::-moz-range-progress{background:var(--kk-heat);border-radius:999px;height:10px}.kk-hokamera .kk-hokamera__range::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--color-ink);background:var(--kk-warm);width:32px;height:32px;box-shadow:var(--shadow-sm);border-radius:50%;margin-top:-11px}.kk-hokamera .kk-hokamera__range::-moz-range-thumb{border:3px solid var(--color-ink);background:var(--kk-warm);width:26px;height:26px;box-shadow:var(--shadow-sm);border-radius:50%}.kk-hokamera__live{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.kk-hokamera__views{flex-direction:column;gap:8px;min-width:0;display:flex}.kk-hokamera .kk-hokamera__views .kk-seg{width:100%;display:flex}.kk-hokamera .kk-hokamera__views .kk-seg>button{flex:1 1 0;min-width:0;min-height:44px;padding:0 12px}@media (min-width:640px){.kk-hokamera .kk-hokamera__views .kk-seg{align-self:flex-start;width:auto;display:inline-flex}.kk-hokamera .kk-hokamera__views .kk-seg>button{flex:none;padding:0 16px}}@media (min-width:1024px){.kk-hokamera .kk-hokamera__views .kk-seg{flex-direction:column;width:100%;display:flex}.kk-hokamera .kk-hokamera__views .kk-seg>button{flex:none;justify-content:flex-start}}.kk-hokamera__scale{flex-direction:column;gap:12px;min-width:0;display:flex}.kk-hokamera__scale-head{align-items:center;gap:8px;display:flex}.kk-hokamera__chip{border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);color:var(--color-ink-muted);font:500 12px/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;padding:2px 8px}.kk-hokamera__scale-body{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"cold bar warm";align-items:center;gap:12px;display:grid}.kk-hokamera__cap--cold{grid-area:cold}.kk-hokamera__cap--warm{grid-area:warm}.kk-hokamera__bar{border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--kk-scale));grid-area:bar;height:16px}@media (min-width:1024px){.kk-hokamera__scale{flex:auto}.kk-hokamera__scale-body{flex:auto;grid-template:"bar warm""bar."1fr"bar cold"/24px minmax(0,1fr);align-items:start;gap:0 12px;min-height:160px}.kk-hokamera__cap--cold{align-self:end}.kk-hokamera__bar{background:linear-gradient(0deg, var(--kk-scale));height:auto;min-height:120px}}.kk-hokamera__notes{grid-template-columns:minmax(0,1fr);gap:24px;display:grid}@media (min-width:768px){.kk-hokamera__notes{gap:var(--kk-gap);grid-template-columns:repeat(2,minmax(0,1fr))}}.kk-hokamera__note{border-top:3px solid var(--kk-heat);min-width:0;padding-top:16px}.kk-hokamera__note--after{border-top-color:var(--kk-cold-ink)}.kk-hokamera__note-title{font-family:var(--font-display);letter-spacing:0;color:var(--color-ink);margin:0 0 8px;font-size:20px;font-weight:500;line-height:1.25}.kk-hokamera__note-text{max-width:56ch;color:var(--color-ink-muted);margin:0;font-size:16px;line-height:1.6}.kk-hokamera__tail,.kk-hokamera__steps{flex-direction:column;gap:24px;min-width:0;display:flex}.kk-hokamera__steps-title{max-width:40ch;font-family:var(--font-display);letter-spacing:0;color:var(--color-ink);margin:0;font-size:clamp(1.25rem,2.4vw,1.5rem);font-weight:500;line-height:1.2}.kk-hokamera__steplist{grid-template-columns:minmax(0,1fr);gap:24px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.kk-hokamera__steplist{gap:32px var(--kk-gap);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.kk-hokamera__steplist{grid-template-columns:repeat(4,minmax(0,1fr))}}.kk-hokamera__step{border-top:1px solid var(--color-line-strong);flex-direction:column;gap:8px;min-width:0;padding-top:16px;display:flex}.kk-hokamera__step-head{align-items:baseline;gap:12px;display:flex}.kk-hokamera__n{color:var(--color-ink);font-size:14px;font-weight:500}.kk-hokamera__step-name{font-family:var(--font-display);letter-spacing:0;color:var(--color-ink);margin:0;font-size:18px;font-weight:500;line-height:1.25}.kk-hokamera__step-text{max-width:none;color:var(--color-ink-muted);margin:0;font-size:15px;line-height:1.55}.kk-hokamera__price{border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);color:var(--color-ink);align-self:flex-start;margin-top:auto;padding:4px 10px;font-size:14px;font-weight:500;line-height:1.4}.kk-hokamera .kk-hokamera__footnote{max-width:72ch}
.kk-konfigurator{width:100%}.kk-konfigurator [hidden]{display:none!important}.kk-konfigurator__layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;display:grid}.kk-konfigurator__viewer{flex-direction:column;gap:12px;min-width:0;display:flex}.kk-konfigurator__controls{flex-direction:column;gap:24px;min-width:0;display:flex}@media (min-width:1024px){.kk-konfigurator__layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(32px,4vw,56px)}.kk-konfigurator__viewer{position:sticky;top:88px}}.kk-konfigurator .kk-note{max-width:none;margin:0}.kk-konfigurator__stage{aspect-ratio:4/3;touch-action:pan-y;width:100%;min-height:300px;max-height:min(60vh,640px)}.kk-konfigurator__scene{z-index:1;position:absolute;inset:0}.kk-konfigurator__scene:focus-visible{outline:2px solid var(--color-focus);outline-offset:-4px;border-radius:var(--radius-md)}.kk-konfigurator__canvas{cursor:grab;touch-action:pan-y;width:100%;height:100%;display:block}.kk-konfigurator__canvas:active{cursor:grabbing}.kk-konfigurator__veil{max-width:none;margin:0}.kk-konfigurator__nogl{z-index:1;text-align:center;max-width:none;font:400 14px/1.6 var(--font-body);color:var(--color-ink-muted);place-items:center;margin:0;padding:24px;display:none;position:absolute;inset:0}.kk-konfigurator__stage[data-gl=off] .kk-konfigurator__nogl,.kk-konfigurator[data-kk-state=error] .kk-konfigurator__nogl{display:grid}.kk-konfigurator__stage[data-gl=off] .kk-konfigurator__veil,.kk-konfigurator__stage[data-gl=off] .kk-konfigurator__views,.kk-konfigurator[data-kk-state=error] .kk-konfigurator__veil,.kk-konfigurator[data-kk-state=error] .kk-konfigurator__views{display:none}.kk-konfigurator .kk-konfigurator__views{z-index:3;background:var(--color-surface);box-shadow:var(--shadow-xs);gap:2px;padding:2px;position:absolute;top:12px;left:12px}.kk-konfigurator .kk-konfigurator__views>label{min-height:44px}.kk-konfigurator__hint{z-index:2;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);max-width:calc(100% - 24px);box-shadow:var(--shadow-xs);color:var(--color-ink-muted);font:500 12px/1.2 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;pointer-events:none;opacity:0;transition:opacity var(--duration-enter) var(--ease-standard);align-items:center;gap:8px;margin:0;padding:8px 12px;display:inline-flex;position:absolute;bottom:12px;left:12px}.kk-konfigurator__hint svg{flex:none;width:16px;height:16px}.kk-konfigurator__stage[data-gl=on] .kk-konfigurator__hint{opacity:1}.kk-konfigurator__stage[data-gl=on][data-used=true] .kk-konfigurator__hint{opacity:0}.kk-konfigurator__pins{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.kk-konfigurator__pin{opacity:0;pointer-events:none;will-change:transform;width:0;height:0;transition:opacity var(--duration-fast) var(--ease-standard);position:absolute;top:0;left:0}.kk-konfigurator__pin--on{opacity:1}.kk-konfigurator__pin>i{background:var(--color-brand-400);width:12px;height:12px;box-shadow:0 0 0 2px var(--color-ink);border-radius:50%;position:absolute;top:-6px;left:-6px}.kk-konfigurator__pin>span{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);box-shadow:var(--shadow-xs);color:var(--color-ink);font:500 12px/1.25 var(--font-body);white-space:nowrap;padding:4px 8px;position:absolute;top:0;left:16px;transform:translateY(-50%)}.kk-konfigurator__pin--flip>span{left:auto;right:16px}.kk-konfigurator__caption{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;display:flex}.kk-konfigurator__opts{border:0;min-width:0;margin:0;padding:0}.kk-konfigurator__legend{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.kk-konfigurator__optlist{flex-direction:column;gap:8px;display:flex}.kk-konfigurator__opt{min-height:var(--size-touch);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);grid-template-columns:24px minmax(0,1fr);align-items:start;gap:16px;padding:16px;display:grid;position:relative}.kk-konfigurator__opt:hover{border-color:var(--color-line-strong)}.kk-konfigurator__opt:has(input:checked){border-color:var(--color-ink);background:var(--color-selected)}.kk-konfigurator__opt:has(input:focus-visible){outline:2px solid var(--color-focus);outline-offset:2px}.kk-konfigurator__opt>input{border-radius:inherit;width:100%;height:100%;box-shadow:none;opacity:0;cursor:pointer;appearance:none;background:0 0;border:0;margin:0;padding:0;position:absolute;inset:0}.kk-konfigurator__box{border:1px solid var(--color-control-border);border-radius:var(--radius-sm);background:var(--color-surface);width:24px;height:24px;color:var(--color-on-ink);transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);place-items:center;display:grid}.kk-konfigurator__box svg{stroke-width:3px;opacity:0;width:16px;height:16px}.kk-konfigurator__opt:has(input:checked) .kk-konfigurator__box{border-color:var(--color-ink);background:var(--color-ink)}.kk-konfigurator__opt:has(input:checked) .kk-konfigurator__box svg{opacity:1}.kk-konfigurator__text{gap:4px;min-width:0;display:grid}.kk-konfigurator__name{font:500 17px/1.3 var(--font-display);color:var(--color-ink)}.kk-konfigurator__product{color:var(--color-ink-muted);font-size:13px;line-height:1.5}.kk-konfigurator__price{font:500 13px/1.4 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-ink);margin-top:4px}.kk-konfigurator__area{min-width:0;margin-top:-8px;padding:12px 16px 16px 56px;display:grid}.kk-konfigurator__area-head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.kk-konfigurator__area-value{color:var(--color-ink);font-size:28px}.kk-konfigurator__unit{font:500 14px/1 var(--font-body);letter-spacing:0;color:var(--color-ink-muted);margin-left:4px}.kk-konfigurator__area-ends{color:var(--color-ink-muted);justify-content:space-between;gap:16px;font-size:12px;line-height:1.3;display:flex}.kk-konfigurator .kk-range{border-radius:var(--radius-sm);box-shadow:none;background:0 0;border:0;padding:0}.kk-konfigurator .kk-range:focus{box-shadow:none;border:0}.kk-konfigurator__title{font:500 20px/1.25 var(--font-display);letter-spacing:0;color:var(--color-ink);text-wrap:balance;margin:0}.kk-konfigurator__slip{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-canvas);gap:16px;min-width:0;padding:24px;display:grid}.kk-konfigurator__slip-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;display:flex}.kk-konfigurator__rows{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.kk-konfigurator__row{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;padding:12px 0;display:grid}.kk-konfigurator__row:first-child{padding-top:0}.kk-konfigurator__row:last-child{padding-bottom:0}.kk-konfigurator__row+.kk-konfigurator__row{border-top:1px solid var(--color-line)}.kk-konfigurator__row--empty{color:var(--color-ink-muted);font-size:14px;line-height:1.5;display:block}.kk-konfigurator__row-main{gap:2px;min-width:0;display:grid}.kk-konfigurator__row-name{font:500 15px/1.35 var(--font-body);color:var(--color-ink)}.kk-konfigurator__row-sub{color:var(--color-ink-muted);font-size:13px;line-height:1.45}.kk-konfigurator__row-amount{color:var(--color-ink);white-space:nowrap;font-size:15px;font-weight:500;line-height:1.35}.kk-konfigurator__row-ask{max-width:9rem;color:var(--color-ink-muted);text-align:right;text-wrap:balance;font-size:13px;line-height:1.45}.kk-konfigurator__total{border-top:1px solid var(--color-line);gap:4px;padding-top:16px;display:grid}.kk-konfigurator__sum{word-spacing:.12em;color:var(--color-ink);overflow-wrap:anywhere;font-size:clamp(32px,4vw,44px)}.kk-konfigurator__sum[data-empty=true]{color:var(--color-ink-muted)}.kk-konfigurator__rolls{border-top:1px solid var(--color-line);gap:12px;padding-top:16px;display:grid}.kk-konfigurator__rolls-count{max-width:none;color:var(--color-ink-secondary);margin:0;font-size:14px;line-height:1.45}.kk-konfigurator__rolls-count strong{font:500 24px/1 var(--font-display);font-variant-numeric:tabular-nums;color:var(--color-ink);margin-right:4px}.kk-konfigurator__dots{flex-wrap:wrap;gap:3px;display:flex}.kk-konfigurator__dots>i{background:var(--color-ink);border-radius:2px;flex:none;width:6px;height:14px}.kk-konfigurator__cta{flex-wrap:wrap;gap:12px;display:flex}.kk-konfigurator__cta>a,.kk-konfigurator__cta>button{white-space:nowrap;flex:auto;min-width:0}.kk-konfigurator__chevron{width:18px;height:18px;transition:transform var(--duration-fast) var(--ease-standard);flex:none}.kk-konfigurator__cta>button[aria-expanded=true] .kk-konfigurator__chevron{transform:rotate(180deg)}.kk-konfigurator__summary{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-canvas);gap:16px;min-width:0;padding:24px;scroll-margin-top:96px;display:grid}.kk-konfigurator__summary:focus-visible{border-radius:var(--radius-lg)}.kk-konfigurator__textarea{border:1px solid var(--color-line-strong);border-radius:var(--radius-md);background:var(--color-surface);width:100%;max-width:none;min-height:220px;color:var(--color-ink);font:400 13px/1.6 var(--font-mono);resize:vertical;margin:0;padding:16px;display:block}.kk-konfigurator__textarea:focus{border-color:var(--color-ink);box-shadow:none}.kk-konfigurator__textarea:focus-visible{border-radius:var(--radius-md)}.kk-konfigurator__actions{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.kk-konfigurator__actions svg{flex:none;width:16px;height:16px}.kk-konfigurator__status{max-width:none;min-height:1.5em;font:500 13px/1.5 var(--font-body);color:var(--color-ink-muted);flex:12rem;margin:0}.kk-konfigurator__status[data-kind=ok]{color:var(--color-success-ink)}.kk-konfigurator__status[data-kind=warn]{color:var(--color-warning-ink)}.kk-konfigurator__foot{max-width:60ch}@media (max-width:479px){.kk-konfigurator__opt{gap:12px;padding:16px 12px}.kk-konfigurator__area{padding:12px 12px 16px 48px}.kk-konfigurator__slip,.kk-konfigurator__summary{padding:20px 16px}}
.kk-metro{--kk-green:var(--color-success);--kk-cas:color-mix(in srgb, var(--color-surface) 12%, #000);--kk-band:color-mix(in srgb, var(--color-ink) 5%, var(--kk-stage));--kk-share:color-mix(in srgb, var(--kk-heat-ink) 82%, var(--color-ink));gap:var(--kk-gap);flex-direction:column;width:100%;display:flex;container:kk-metro/inline-size}.kk-metro [data-line=teto],.kk-metro [data-line=lapos]{--kk-lc:var(--kk-heat)}.kk-metro [data-line=fal]{--kk-lc:var(--kk-warm)}.kk-metro [data-line=ablak]{--kk-lc:var(--kk-cold)}.kk-metro [data-line=padlo]{--kk-lc:var(--kk-green)}.kk-metro [data-line=szell]{--kk-lc:var(--color-ink)}.kk-metro__board{flex-direction:column;gap:12px;min-width:0;scroll-margin-top:112px;display:flex}.kk-metro__head{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.kk-metro .kk-metro__note{flex:1 0 100%}.kk-metro__hedge{border:1px solid var(--color-line-strong);border-radius:var(--radius-md);background:var(--color-surface);min-width:0;color:var(--color-ink-muted);flex:1 1 0;padding:6px 12px;font-size:13px;line-height:1.35}.kk-metro .kk-metro__pause{height:var(--size-touch);flex:none}.kk-metro .kk-metro__pause svg,.kk-metro .kk-metro__back svg{flex:none;width:16px;height:16px}@container kk-metro (min-width:600px){.kk-metro .kk-metro__note{flex:none}}@media (prefers-reduced-motion:reduce){.kk-metro .kk-metro__pause{display:none}}.kk-metro__svg{width:100%;height:auto;font-family:var(--font-body);touch-action:manipulation;-webkit-tap-highlight-color:transparent;margin-inline:auto;display:block;overflow:visible}.kk-metro__svg[data-variant=narrow]{max-width:420px}.kk-metro__svg[data-variant=wide]{max-width:1040px;display:none}@container kk-metro (min-width:840px){.kk-metro__svg[data-variant=wide]{display:block}.kk-metro__svg[data-variant=narrow],.kk-metro .kk-metro__back{display:none}}.kk-metro__band{fill:var(--kk-band)}.kk-metro__geo,.kk-metro__fleet,.kk-metro__slot{transition:opacity var(--duration-fast) var(--ease-standard)}.kk-metro__geo[data-state=rel],.kk-metro__fleet[data-state=rel],.kk-metro__slot[data-state=rel]{opacity:.62}.kk-metro__geo[data-state=off],.kk-metro__fleet[data-state=off],.kk-metro__slot[data-state=off]{opacity:.3}.kk-metro__geo,.kk-metro__lbl,.kk-metro__slot{cursor:pointer}.kk-metro__path-cas,.kk-metro__path-col,.kk-metro__path-hit{fill:none;stroke-linecap:round;stroke-linejoin:round}.kk-metro__path-cas{stroke:var(--kk-cas);stroke-width:13.5px;transition:stroke-width var(--duration-fast) var(--ease-standard)}.kk-metro__path-col{stroke:var(--kk-lc);stroke-width:10px;transition:stroke-width var(--duration-fast) var(--ease-standard)}.kk-metro__path-hit{stroke:#0000;stroke-width:34px;pointer-events:stroke}.kk-metro__geo[data-state=on] .kk-metro__path-cas{stroke-width:18px}.kk-metro__geo[data-state=on] .kk-metro__path-col{stroke-width:12.5px}@media (hover:hover){.kk-metro__geo:hover .kk-metro__path-col{stroke-width:11.5px}.kk-metro__geo[data-state=on]:hover .kk-metro__path-col{stroke-width:12.5px}}.kk-metro__stop-o{fill:var(--color-surface);stroke:var(--color-ink);stroke-width:3.5px}.kk-metro__stop-i{fill:var(--color-surface)}.kk-metro__stop[data-kind=f] .kk-metro__stop-o{fill:var(--color-ink)}.kk-metro__stop[data-kind=s] .kk-metro__stop-o{stroke-dasharray:3.4 2.6}.kk-metro__term-o{fill:var(--color-surface);stroke:var(--color-ink);stroke-width:4.5px}.kk-metro__term-i{fill:var(--kk-lc)}.kk-metro__capsule{fill:var(--color-surface);stroke:var(--color-ink);stroke-width:5px}.kk-metro__slot{fill:var(--kk-lc);stroke:var(--color-ink);stroke-width:2px}.kk-metro__trains{pointer-events:none}.kk-metro__train{opacity:0}.kk-metro__train-trail{fill:var(--kk-lc)}.kk-metro__train-body{fill:var(--kk-lc);stroke:var(--kk-cas);stroke-width:2.4px}.kk-metro__train-win{fill:var(--color-surface)}.kk-metro__zone,.kk-metro__hub-name,.kk-metro__hub-sub{pointer-events:none}.kk-metro__lbl,.kk-metro__zone,.kk-metro__hub-name,.kk-metro__hub-sub{-webkit-user-select:none;user-select:none}.kk-metro__zone{font-family:var(--font-mono);letter-spacing:.08em;fill:var(--color-label);font-weight:500}.kk-metro__hub-name,.kk-metro__hub-sub,.kk-metro__stop-name,.kk-metro__term-name,.kk-metro__term-share,.kk-metro__term-sub{paint-order:stroke;stroke-linejoin:round;stroke-width:4px}.kk-metro__stop-name{stroke:var(--kk-stage)}.kk-metro__hub-name,.kk-metro__hub-sub,.kk-metro__term-name,.kk-metro__term-share,.kk-metro__term-sub{stroke:var(--kk-band)}.kk-metro__hub-name[data-inside=true]{stroke:none}.kk-metro__hub-name{font-family:var(--font-display);fill:var(--color-ink);font-weight:500}.kk-metro__hub-sub{font-family:var(--font-body);fill:var(--color-ink-muted)}.kk-metro__stop-name{font-family:var(--font-body);fill:var(--color-ink-muted);font-weight:500}.kk-metro__term-name{font-family:var(--font-display);fill:var(--color-ink-muted);font-weight:500}.kk-metro__term-share{font-family:var(--font-mono);font-variant-numeric:tabular-nums;fill:var(--color-ink-muted);font-weight:500}.kk-metro__term-sub{font-family:var(--font-body);fill:var(--color-ink-muted)}.kk-metro__lbl[data-state=on] .kk-metro__stop-name,.kk-metro__lbl[data-state=on] .kk-metro__term-name{fill:var(--color-ink)}.kk-metro__lbl[data-state=on] .kk-metro__term-share{fill:var(--kk-share)}.kk-metro__choose{flex-direction:column;gap:16px;display:flex}.kk-metro__chooser{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}@container kk-metro (min-width:560px){.kk-metro__chooser{grid-template-columns:repeat(3,minmax(0,1fr))}}@container kk-metro (min-width:1100px){.kk-metro__chooser{grid-template-columns:repeat(6,minmax(0,1fr))}}.kk-metro .kk-metro__pick{min-width:0;min-height:var(--size-touch);border:1px solid var(--color-line-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink);font:inherit;text-align:start;cursor:pointer;transition:background var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);flex-direction:column;align-items:flex-start;gap:6px;padding:10px 12px;display:flex}.kk-metro .kk-metro__pick:hover{border-color:var(--color-ink-muted);background:var(--color-surface-tint)}.kk-metro .kk-metro__pick:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.kk-metro .kk-metro__pick[aria-pressed=true]{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-on-ink)}.kk-metro__swatch{box-sizing:content-box;border:2px solid var(--kk-cas);border-radius:var(--radius-full);background:var(--kk-lc);width:26px;height:8px;display:block}.kk-metro .kk-metro__pick[aria-pressed=true] .kk-metro__swatch{border-color:var(--color-on-ink)}.kk-metro__pick-name{font-family:var(--font-display);overflow-wrap:anywhere;font-size:15px;font-weight:500;line-height:1.25}.kk-metro__pick-meta{color:var(--color-ink-muted);font-size:12px;line-height:1.35}.kk-metro .kk-metro__pick[aria-pressed=true] .kk-metro__pick-meta{color:color-mix(in srgb, var(--color-on-ink) 80%, var(--color-ink))}.kk-metro__key{color:var(--color-ink-muted);flex-wrap:wrap;gap:8px 24px;margin:0;padding:0;font-size:13px;line-height:1.4;list-style:none;display:flex}.kk-metro__key li{align-items:center;gap:8px;display:inline-flex}.kk-metro__kicon{flex:none;width:20px;height:20px;display:block}.kk-metro__panel{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface);min-width:0;scroll-margin-top:112px}.kk-metro__sign{border-bottom:1px solid var(--color-line);border-radius:calc(var(--radius-lg) - 1px) calc(var(--radius-lg) - 1px) 0 0;background:var(--color-surface-tint);flex-wrap:wrap;align-items:center;gap:12px 16px;padding:16px clamp(16px,2vw,24px);display:flex}.kk-metro__bullet{border:4px solid var(--kk-cas);background:var(--kk-lc);border-radius:50%;flex:none;width:52px;height:52px;position:relative}.kk-metro__bullet:after{content:"";background:var(--color-surface);border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute;top:50%;left:50%}.kk-metro__sign-text{flex-direction:column;gap:2px;min-width:0;display:flex}.kk-metro .kk-metro__title{font-family:var(--font-display);letter-spacing:0;word-spacing:0;overflow-wrap:anywhere;margin:0;font-size:clamp(1.5rem,3vw,2rem);font-weight:500;line-height:1.1}.kk-metro__share{border:1px solid var(--color-line-strong);border-radius:var(--radius-md);background:var(--color-surface);flex-direction:column;gap:2px;margin-inline-start:auto;padding:6px 12px;display:flex}.kk-metro__share-v{font-size:20px}.kk-metro__share[data-branch=true] .kk-metro__share-v{font-size:17px}.kk-metro__share-n{color:var(--color-ink-muted);font-size:12px;line-height:1.35}.kk-metro__cols{grid-template-columns:minmax(0,1fr);display:grid}.kk-metro__col{min-width:0;padding:clamp(16px,2vw,24px)}@container kk-metro (min-width:700px){.kk-metro__cols{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.kk-metro__col--route{border-inline-end:1px solid var(--color-line)}}.kk-metro .kk-metro__h{letter-spacing:.08em;word-spacing:0;margin:0;line-height:1.3}.kk-metro .kk-metro__why,.kk-metro .kk-metro__fixtext{max-width:60ch;color:var(--color-ink-muted);margin:12px 0 0;font-size:16px;line-height:1.55}.kk-metro__route{isolation:isolate;margin:16px 0 0;padding:0;list-style:none;position:relative}.kk-metro__route li{flex-wrap:wrap;align-items:center;gap:4px 8px;min-height:40px;padding:8px 0 8px 40px;font-size:15px;font-weight:500;line-height:1.3;display:flex;position:relative}.kk-metro__route li:after{content:"";background:var(--kk-lc);width:8px;position:absolute;top:0;bottom:0;left:10px}.kk-metro__route li:first-child:after{border-radius:4px 4px 0 0;top:50%}.kk-metro__route li:last-child:after{border-radius:0 0 4px 4px;bottom:50%}.kk-metro__route li:before{content:"";z-index:1;border:3.5px solid var(--color-ink);background:var(--color-surface);border-radius:50%;width:20px;height:20px;margin-top:-10px;position:absolute;top:50%;left:4px}.kk-metro__route li[data-kind=o]:before{background:var(--color-ink);border-radius:5px}.kk-metro__route li[data-kind=f]:before{box-shadow:inset 0 0 0 3px var(--color-ink)}.kk-metro__route li[data-kind=s]:before{border-style:dashed}.kk-metro__route li[data-kind=e]:before{background:var(--kk-lc);border-width:4.5px}.kk-metro__tag{border-radius:var(--radius-sm);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;font-size:12px;font-weight:500;line-height:1}.kk-metro__tag[data-kind=f]{background:var(--color-ink);color:var(--color-on-ink)}.kk-metro__tag[data-kind=s]{border:1px dashed var(--color-ink-muted);color:var(--color-ink-muted)}.kk-metro__fixname{font-family:var(--font-display);overflow-wrap:anywhere;margin-top:12px;font-size:clamp(1.25rem,2.4vw,1.5rem);font-weight:500;line-height:1.2}.kk-metro__fixname+.kk-metro__fixtext{margin-top:8px}.kk-metro__price{border:1px solid var(--color-line-strong);border-radius:var(--radius-md);background:var(--color-surface-tint);flex-direction:column;gap:2px;margin-top:16px;padding:8px 14px;display:inline-flex}.kk-metro__price[data-quote=true]{background:0 0;border-style:dashed}.kk-metro__price-v{font-size:20px}.kk-metro__price-n{color:var(--color-ink-muted);font-size:13px;line-height:1.35}.kk-metro__actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;display:flex}.kk-metro .kk-metro__back{height:var(--size-touch)}.kk-metro__swap[data-fresh=true] .kk-metro__sign,.kk-metro__swap[data-fresh=true] .kk-metro__col{animation:kk-metro-rise .32s var(--ease-standard) both}@keyframes kk-metro-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.kk-metro__swap[data-fresh=true] .kk-metro__sign,.kk-metro__swap[data-fresh=true] .kk-metro__col{animation:none}}.kk-metro__status{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.kk-metro .kk-metro__fine{max-width:72ch;margin:0}