.km-length-converter{--km-lc-red: #ff4859;--km-lc-ink: #262c35;--km-lc-muted: #717988;font-size:14px;line-height:1.55;color:var(--km-lc-ink);width:100%;max-width:100%}.km-length-converter *,.km-length-converter *:before,.km-length-converter *:after{box-sizing:border-box}.km-length-converter .km-lc__header{margin-bottom:20px}.km-length-converter .km-lc__eyebrow{display:inline-block;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#f04457;margin-bottom:4px}.km-length-converter .km-lc__header h2{color:#202530;font-size:clamp(19px,2vw,24px);font-weight:750;line-height:1.3;letter-spacing:-.45px;margin:0 0 6px}.km-length-converter .km-lc__header p{color:#717988;font-size:13px;line-height:1.65;margin:0;max-width:650px}.km-length-converter .km-lc__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:18px}.km-length-converter .km-lc__calculator,.km-length-converter .km-lc__visual{background:#f9fafb;border:1px solid #e9ebef;border-radius:13px;padding:20px;min-width:0}.km-length-converter .km-lc__field-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.km-length-converter .km-lc__field{display:flex;flex-direction:column;gap:7px;min-width:0;margin:0}.km-length-converter .km-lc__field>span{display:block;color:#464d58;font-weight:650;font-size:12px;line-height:1.5}.km-length-converter .km-lc__field :is(input,select){-webkit-appearance:none;appearance:none;display:block;width:100%;height:44px;min-width:0;border:1px solid #d8dce3;background:#fff;border-radius:9px;color:#252b35;font:inherit;font-size:15px;padding:0 13px;box-shadow:none;outline:0}.km-length-converter .km-lc__field input{font-weight:700;font-variant-numeric:tabular-nums}.km-length-converter .km-lc__field select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%23515a68' stroke-width='1.5' viewBox='0 0 14 14'%3E%3Cpath d='m2 5 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:28px}.km-length-converter .km-lc__field :is(input,select):focus-visible{border-color:var(--km-lc-red);box-shadow:0 0 0 3px #ff48591a}.km-length-converter .km-lc__help{color:#8a909a;font-size:11px;line-height:1.55;margin:9px 0 0}.km-length-converter .km-lc__help strong{font-weight:700;color:#747c88}.km-length-converter .km-lc__error{font-size:12px;color:#b22336;margin:9px 0 0}.km-length-converter .km-lc__error[hidden]{display:none!important}.km-length-converter .km-lc__result{margin-top:19px;border-radius:10px;background:#fff;border:1px solid #e5e8ed;padding:15px 17px;min-height:105px}.km-length-converter .km-lc__result-label{display:block;color:#77808b;font-size:11px;font-weight:650;letter-spacing:.15px;margin-bottom:1px}.km-length-converter .km-lc__result-main{display:block;color:#1c2530;font-size:31px;line-height:1.25;font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:-.7px;margin:0}.km-length-converter .km-lc__result-main small{color:#f04457;font-size:16px;font-weight:750}.km-length-converter .km-lc__result-alternates{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:#737b86;font-size:12px;margin-top:4px;font-variant-numeric:tabular-nums}.km-length-converter .km-lc__result-separator{width:1px;height:12px;background:#d8dce2}.km-length-converter .km-lc__visual{display:flex;flex-direction:column;justify-content:center}.km-length-converter .km-lc__visual-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.km-length-converter .km-lc__visual-header strong{color:#343b45;font-size:13px;font-weight:700;line-height:1.4}.km-length-converter .km-lc__visual-header>span{color:#9299a2;font-size:11px;text-align:right;white-space:nowrap}.km-length-converter .km-lc__axis{margin:28px 0 14px}.km-length-converter .km-lc__blade-track{position:relative;height:28px;border-bottom:2px solid #d7dce4;background:repeating-linear-gradient(90deg,rgba(130,142,155,.13) 0 1px,transparent 1px calc(100% / 12))}.km-length-converter .km-lc__blade{height:16px;max-width:100%;min-width:0;background:linear-gradient(90deg,#515c6a,#252c36);clip-path:polygon(0 15%,90% 15%,100% 50%,90% 85%,0 85%);border-radius:2px 0 0 2px;transition:width .17s ease}.km-length-converter .km-lc__axis-ticks{display:flex;justify-content:space-between;align-items:flex-start;font-size:11px;color:#9299a2;font-variant-numeric:tabular-nums;margin-top:5px}.km-length-converter .km-lc__visual-figure{font-size:16px;font-weight:750;font-variant-numeric:tabular-nums;color:#313a47;letter-spacing:-.2px;margin-bottom:7px}.km-length-converter .km-lc__visual-note{margin:0;color:#9299a2;font-size:11px;line-height:1.6}.km-length-converter .km-lc__examples{margin-top:19px}.km-length-converter .km-lc__examples-label{display:block;font-size:12px;font-weight:700;color:#48515e;margin-bottom:9px}.km-length-converter .km-lc__presets{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.km-length-converter .km-lc__preset{display:inline-flex;align-items:center;justify-content:center;min-width:52px;min-height:36px;border:1px solid #e1e4e9;border-radius:8px;background:#fff;color:#434c58;font-family:inherit;font-size:12px;font-weight:650;cursor:pointer;padding:6px 10px;line-height:1.2;box-shadow:none}.km-length-converter .km-lc__preset:is(:hover,:focus-visible){border-color:#ff8691;color:#ed364b}.km-length-converter .km-lc__preset.is-selected{background:#fff1f3;border-color:#ff8994;color:#e63449}.km-length-converter .km-lc__preset:focus-visible,.km-length-converter .km-lc__original summary:focus-visible{outline:2px solid #ff4859;outline-offset:3px}.km-length-converter .km-lc__disclaimer{display:flex;align-items:flex-start;gap:8px;margin:20px 0 0;background:#f7f8fa;border-radius:9px;padding:11px 13px;font-size:11px;color:#7a828d;line-height:1.6}.km-length-converter .km-lc__disclaimer svg{width:17px;height:17px;flex:none;color:#7e8894}.km-length-converter .km-lc__original{border-top:1px solid #eceef2;margin-top:17px;padding-top:15px}.km-length-converter .km-lc__original summary{cursor:pointer;color:#697382;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:650}.km-length-converter .km-lc__original summary::-webkit-details-marker{display:none}.km-length-converter .km-lc__original summary::marker{content:""}.km-length-converter .km-lc__original summary svg{width:16px;height:16px;flex:none;transition:transform .2s ease}.km-length-converter .km-lc__original[open] summary svg{transform:rotate(180deg)}.km-length-converter .km-lc__original-content{background:#fff;border:1px solid #edf0f2;border-radius:10px;padding:12px;overflow-x:auto;margin-top:12px}.km-length-converter .km-lc__original-content img{width:auto;max-width:100%;height:auto;display:block;margin:0 auto}.template-product .km-product-info__panel--equivalences{padding:22px 25px 24px}@media(max-width:850px){.km-length-converter .km-lc__layout{grid-template-columns:1fr;gap:12px}}@media(max-width:767px){.km-length-converter .km-lc__header{margin-bottom:16px}.km-length-converter .km-lc__header h2{font-size:19px}.km-length-converter .km-lc__header p{font-size:12px}.km-length-converter .km-lc__calculator,.km-length-converter .km-lc__visual{padding:15px;border-radius:10px}.km-length-converter .km-lc__field-row{grid-template-columns:1fr 1fr}.km-length-converter .km-lc__field :is(input,select){font-size:14px;padding-left:10px;padding-right:9px}.km-length-converter .km-lc__field select{padding-right:25px;background-position:right 7px center}.km-length-converter .km-lc__result-main{font-size:28px}.km-length-converter .km-lc__visual-header>span{white-space:normal}.km-length-converter .km-lc__presets{gap:7px}.km-length-converter .km-lc__preset{min-width:47px}.template-product .km-product-info__panel--equivalences{padding:18px 15px 21px}}@media(max-width:360px){.km-length-converter .km-lc__field-row{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.km-length-converter .km-lc__blade,.km-length-converter .km-lc__original summary svg{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/km-length-converter.css.map */