.ska-tool .search{position:relative}.ska-tool .search input{width:100%;font:inherit;font-size:16px;border:1px solid var(--line);border-radius:12px;padding:13px 14px 13px 42px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B6D71' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") 14px center/18px no-repeat}.ska-tool .search input:focus{outline:none;border-color:var(--ink)}.ska-tool .search ul{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 4px);margin:0;padding:6px;list-style:none;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 30px -12px #00000040;max-height:320px;overflow:auto}.ska-tool .search li{padding:9px 10px;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;gap:12px;font-size:15px}.ska-tool .search li small{color:var(--muted);white-space:nowrap}.ska-tool .search li:hover,.ska-tool .search li.act{background:var(--soft)}.ska-tool .search li.none{color:var(--muted);cursor:default}.ska-tool .car-picked{display:none;margin-top:12px;background:var(--soft);border-radius:12px;padding:12px 14px;font-size:14px;color:var(--graphit)}.ska-tool .car-picked.show{display:block}.ska-tool .car-picked b{color:var(--ink);font-size:15px}.ska-tool .car-picked button{float:right;border:0;background:none;color:var(--muted);cursor:pointer;font-size:13px;text-decoration:underline}.ska-tool .lz-sel{font:inherit;font-weight:500;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff;min-width:220px}.ska-tool .soc-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.ska-tool .soc-head .big{font-size:26px;font-weight:600}.ska-tool .soc-head .big span{color:var(--muted);font-weight:400;margin:0 6px}.ska-tool .soc-head .kwh{font-size:14px;color:var(--muted)}.ska-tool .battery{position:relative;height:44px;border:2px solid var(--ink);border-radius:10px;padding:3px;margin-right:8px}.ska-tool .battery:after{content:"";position:absolute;right:-9px;top:12px;width:5px;height:16px;background:var(--ink);border-radius:0 3px 3px 0}.ska-tool .battery .fill{position:absolute;top:3px;bottom:3px;border-radius:6px;transition:left .15s,width .15s}.ska-tool .battery .have{background:#c9cbce;left:3px}.ska-tool .battery .add{background:var(--ok);background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.25) 0 6px,transparent 6px 12px)}.ska-tool .dual{position:relative;height:34px;margin:6px 8px 0 0}.ska-tool .dual input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;margin:0;background:none;pointer-events:none;-webkit-appearance:none;appearance:none;height:34px}.ska-tool .dual input::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:26px;height:26px;border-radius:50%;background:#fff;border:2px solid var(--ink);box-shadow:0 1px 4px #0003;cursor:grab}.ska-tool .dual input::-moz-range-thumb{pointer-events:auto;width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid var(--ink);cursor:grab}.ska-tool .dual input::-webkit-slider-runnable-track{background:none}.ska-tool .soc-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.ska-tool .chip.sm{padding:6px 12px;font-size:13px}.ska-tool .src-label{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:16px 0 8px}.ska-tool .src-label:first-of-type{margin-top:0}.ska-tool .seg.wrap5{grid-auto-flow:row;grid-template-columns:repeat(5,1fr)}.ska-tool .seg.wrap3{grid-auto-flow:row;grid-template-columns:repeat(3,1fr)}.ska-tool .dc-field{display:none}.ska-tool .dc-field.show{display:flex}.ska-tool .num{font:inherit;font-weight:600;width:96px;border:1px solid var(--line);border-radius:10px;padding:9px 10px;text-align:right}.ska-tool .num[aria-invalid=true]{border-color:var(--bad);background:var(--bad-bg)}.ska-tool .field-help{font-size:13px;color:var(--muted);margin:6px 0 0}.ska-tool .verdict .time{font-size:34px;font-weight:700;line-height:1.05;margin-top:2px;letter-spacing:-.01em}.ska-tool .verdict .fit{display:inline-block;margin-top:8px;font-size:13px;font-weight:600;border-radius:99px;padding:3px 10px;background:#ffffffb3}.ska-tool .verdict.err .ico{background:var(--bad)}.ska-tool .verdict.err{background:var(--bad-bg)}.ska-tool .verdict.err .head{color:var(--bad);font-size:17px}.ska-tool .hbars{position:relative;margin-top:6px}.ska-tool .hb-group{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:12px 0 4px}.ska-tool .hb-group:first-child{margin-top:0}.ska-tool .hb-area,.ska-tool .hb-axis{--lab:104px}.ska-tool .hb{display:grid;grid-template-columns:var(--lab) 1fr;gap:10px;align-items:center;padding:3px 0;cursor:pointer;border-radius:6px}.ska-tool .hb:hover .hb-name{color:var(--ink)}.ska-tool .hb-name{font-size:13px;color:var(--graphit);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ska-tool .hb-track{position:relative;height:22px}.ska-tool .hb-bar{position:absolute;left:0;top:0;bottom:0;border-radius:0 5px 5px 0;background:#c9cbce;transition:width .35s ease;min-width:3px}.ska-tool .hb-bar.cut{border-radius:0;background-image:linear-gradient(90deg,transparent calc(100% - 10px),#fff calc(100% - 10px),#fff calc(100% - 7px),transparent calc(100% - 7px))}.ska-tool .hb-val{position:absolute;top:50%;transform:translateY(-50%);font-size:12.5px;font-weight:600;white-space:nowrap;transition:left .35s ease;z-index:3;background:#fff;padding:0 4px;border-radius:4px}.ska-tool .hb-val.in{background:none;color:var(--ink)}.ska-tool .hb.cur .hb-val.in{color:#fff}.ska-tool .hb.cur .hb-bar{background:var(--red)}.ska-tool .hb.cur .hb-name{color:var(--ink);font-weight:600}.ska-tool .hb.limited .hb-bar{background:#e3e4e6}.ska-tool .night{position:absolute;top:0;bottom:0;border-left:2px dashed var(--info);z-index:2;pointer-events:none;transition:left .35s ease}.ska-tool .night span{position:absolute;top:-20px;right:4px;font-size:11.5px;font-weight:600;color:var(--info);white-space:nowrap;background:#fff;padding:0 3px}.ska-tool .hb-area{position:relative;padding-top:22px}.ska-tool .hb-axis{display:grid;grid-template-columns:var(--lab) 1fr;gap:10px;font-size:11px;color:var(--muted);margin-top:4px}.ska-tool .hb-axis .ax{position:relative;height:14px}.ska-tool .hb-axis .ax span{position:absolute;transform:translate(-50%);white-space:nowrap}.ska-tool .legend i.night-key{width:16px;height:0;border-top:2px dashed var(--info);border-radius:0;vertical-align:3px}.ska-tool .legend i.limited-key{background:#e3e4e6}.ska-tool .note-box{margin-top:12px;font-size:14px;border-radius:10px;padding:10px 12px;background:var(--warn-bg);color:#7a4d00}.ska-tool .note-box.info{background:var(--info-bg);color:#1d4e82}.ska-tool .cta-text{font-size:14px;color:var(--graphit);margin:18px 0 0;border-top:1px solid var(--line);padding-top:16px}.ska-tool .content details.faq{border-top:1px solid var(--line);padding:14px 0}.ska-tool .content details.faq summary{cursor:pointer;font-weight:600;font-size:17px}.ska-tool .content details.faq p{margin:8px 0 0}.ska-tool .content ol.method-list{padding-left:20px;color:var(--graphit);font-size:15px}.ska-tool .content ol.method-list li{margin-bottom:8px}@media(max-width:640px){.ska-tool .seg.wrap5{grid-template-columns:repeat(3,1fr)}.ska-tool .hb-area,.ska-tool .hb-axis{--lab:96px}.ska-tool .hb-name{font-size:12px}.ska-tool .hb-axis{grid-template-columns:88px 1fr}.ska-tool .verdict .time{font-size:30px}.ska-tool .lz-sel{min-width:0;width:100%}.ska-tool .field-row .stepper,.ska-tool .field-row .num{margin-left:auto}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/ska-tool-e-auto-ladezeit-rechner.css.map */