.kb{--kb-ink: var(--l2k-ink, #0a1033);--kb-navy: var(--l2k-navy, #0c166f);--kb-cyan: var(--l2k-cyan, #4bb7e8);--kb-line: var(--l2k-line, rgba(10, 16, 51, .1));--kb-muted: rgba(10, 16, 51, .64);--kb-faint: rgba(10, 16, 51, .42);--kb-wash: #f3f5f8;--kb-mono: var(--l2k-mono, ui-monospace, SFMono-Regular, Menlo, monospace);--kb-num: var(--l2k-num, var(--kb-mono));--kb-display: var(--l2k-display, var(--font-heading-family));--kb-hh: 0px;--kb-top: 0px;max-width:144rem;margin:0 auto;padding:2.4rem 2rem 6rem;color:var(--kb-ink)}@media screen and (min-width:750px){.kb{padding:3.6rem 5rem 8rem}}.kb :where(button:not(.button)){font:inherit;color:inherit}.kb [hidden]{display:none!important}.kb-head{grid-area:head;max-width:76rem}.kb-eyebrow{margin:0 0 1rem;font:500 1.2rem/1 var(--kb-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--kb-cyan)}.kb-title{margin:0;font-family:var(--kb-display);font-size:clamp(3.2rem,3.4vw,4.6rem);line-height:1.02;letter-spacing:-.02em;text-wrap:balance}.kb-lede{margin:1.2rem 0 0;max-width:60rem;font-size:1.6rem;line-height:1.5;color:var(--kb-muted)}.kb-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "stage" "panel";gap:2rem}.kb-panel{grid-area:panel;min-width:0}@media screen and (min-width:990px){.kb-grid{grid-template-columns:minmax(0,1.45fr) minmax(38rem,1fr);grid-template-areas:"stage head" "stage panel";grid-template-rows:auto 1fr;column-gap:5.6rem;row-gap:2.4rem;align-items:start}}.kb-stage{grid-area:stage;position:sticky;top:var(--kb-top);z-index:3;background:#fff;transition:top .25s ease;min-width:0}@media screen and (min-width:990px){.kb-stage{display:flex;flex-direction:column;height:calc(100vh - var(--kb-hh) - 5.6rem);min-height:52rem;max-height:96rem}}.kb-viewer{position:relative;flex:1 1 auto;min-height:0;border-radius:1.6rem;background:#fff;overflow:hidden;touch-action:none}@media screen and (max-width:989px){.kb-stage{margin-inline:-2rem;padding-inline:2rem;border-bottom:1px solid var(--kb-line)}.kb-viewer{height:42vh;min-height:26rem;max-height:46rem;border-radius:0}}.kb-viewer canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:grab;outline:none}.kb-viewer canvas:active{cursor:grabbing}.kb-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:1rem;font-size:1.4rem;color:var(--kb-muted);background:#fff}.kb-spin{width:1.6rem;height:1.6rem;border-radius:50%;border:2px solid var(--kb-line);border-top-color:var(--kb-navy);animation:kb-spin .8s linear infinite}@keyframes kb-spin{to{transform:rotate(360deg)}}.kb-views{position:absolute;left:1.2rem;top:1.2rem;display:inline-flex;gap:.2rem;padding:.3rem;border-radius:4rem;background:#ffffffe0;border:1px solid var(--kb-line);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.kb-views button{border:0;background:none;padding:.7rem 1.2rem;border-radius:4rem;font-size:1.3rem;font-weight:500;cursor:pointer;color:var(--kb-muted)}.kb-views button:hover{color:var(--kb-ink)}.kb-views button[aria-pressed=true]{background:var(--kb-ink);color:#fff}.kb-compare{position:absolute;right:1.2rem;top:1.2rem;border:1px solid var(--kb-line);background:#ffffffe0;border-radius:4rem;padding:1rem 1.4rem;font-size:1.3rem;line-height:1;font-weight:500;cursor:pointer;color:var(--kb-muted);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.kb-compare:hover{color:var(--kb-ink)}.kb-compare[aria-pressed=true]{border-color:var(--kb-cyan);color:var(--kb-navy);box-shadow:inset 0 0 0 1px var(--kb-cyan)}.kb-badge{position:absolute;right:1.2rem;top:5.6rem;max-width:60%;margin:0;padding:.7rem 1rem;border-radius:1rem;background:#fff;border:1px solid var(--kb-line);font:500 1.2rem/1.35 var(--kb-num);color:var(--kb-navy)}.kb-hint{position:absolute;left:50%;bottom:1.2rem;transform:translate(-50%);margin:0;font-size:1.25rem;color:var(--kb-faint);white-space:nowrap;pointer-events:none;transition:opacity .6s ease}.kb-viewer.is-used .kb-hint{opacity:0}.kb-totm{display:none}@media screen and (max-width:989px){.kb-compare{top:auto;bottom:1rem;right:1rem;padding:.6rem 1.1rem;font-size:1.2rem}.kb-badge{top:auto;bottom:4.4rem;right:1rem;max-width:80%}.kb-views{left:1rem;top:1rem}.kb-views button{padding:.6rem 1rem;font-size:1.2rem}.kb-hint{display:none}.kb-totm{display:block;position:absolute;right:1rem;top:1rem;margin:0;padding:.7rem 1.2rem;border-radius:4rem;background:var(--kb-ink);color:#fff;font:600 1.4rem/1 var(--kb-num);letter-spacing:-.02em}}.kb-specs{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:1rem 2.8rem;margin:1.6rem 0 0;padding:1.6rem .4rem 0;border-top:1px solid var(--kb-line)}.kb-specs div{min-width:0}.kb-specs dt{font:500 1.1rem/1 var(--kb-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--kb-faint);margin-bottom:.6rem}.kb-specs dd{margin:0;font:600 1.8rem/1.1 var(--kb-display);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.kb-buy{display:flex;align-items:center;justify-content:flex-end;gap:2.4rem;flex-wrap:wrap;padding:1.8rem .4rem .4rem}.kb-total{margin:0;display:flex;flex-direction:column;align-items:flex-end;gap:.4rem}.kb-total__value{font:600 2.8rem/1 var(--kb-num);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.kb-total__note{font-size:1.3rem;color:var(--kb-muted)}.kb-buy .kb-add{min-width:22rem}@media screen and (max-width:989px){.kb-specs,.kb-buy{display:none}}.kb-rider{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.6rem;padding:1.6rem 1.8rem;border-radius:1.6rem;background:var(--kb-wash)}.kb-rider__label{font-weight:600;font-size:1.5rem}.kb-rider__field{display:inline-flex;align-items:center;gap:.8rem}.kb-rider input{width:9rem;height:4.2rem;padding:0 1.2rem;border:1px solid var(--kb-line);border-radius:1rem;background:#fff;font:600 1.7rem var(--kb-num);color:var(--kb-ink);-moz-appearance:textfield}.kb-rider input::-webkit-outer-spin-button,.kb-rider input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.kb-rider input::placeholder{color:var(--kb-faint);font-weight:500}.kb-unit{display:inline-flex;padding:.3rem;border-radius:4rem;background:#fff;border:1px solid var(--kb-line)}.kb-unit button{border:0;background:none;padding:.6rem 1.1rem;border-radius:4rem;font:500 1.3rem var(--kb-mono);cursor:pointer;color:var(--kb-muted)}.kb-unit button[aria-pressed=true]{background:var(--kb-ink);color:#fff}.kb-rider__note{flex:1 1 100%;margin:0;font-size:1.35rem;line-height:1.45;color:var(--kb-muted)}.kb-dot,.kb-size.is-fit:after{display:inline-block;width:.8rem;height:.8rem;border-radius:50%;background:var(--kb-cyan);box-shadow:0 0 0 2px #fff;vertical-align:.1rem}.kb-steps{list-style:none;margin:2.4rem 0 0;padding:0;border-top:1px solid var(--kb-line)}.kb-step{border-bottom:1px solid var(--kb-line);scroll-margin-top:calc(var(--kb-hh) + 1.6rem)}@media screen and (max-width:989px){.kb-step{scroll-margin-top:calc(42vh + 2rem)}}.kb-step__head{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"top chev" "pick price";align-items:baseline;gap:.8rem 1.6rem;width:100%;padding:2rem 0;border:0;background:none;text-align:left;cursor:pointer}.kb-step__top{grid-area:top;font:500 1.2rem/1 var(--kb-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--kb-muted)}.kb-step__n{color:var(--kb-cyan);margin-right:1rem}.kb-step__n:after{content:" /"}.kb-chev{grid-area:chev;justify-self:end;width:1.2rem;height:.8rem;fill:none;stroke:var(--kb-muted);stroke-width:1.6;transition:transform .2s ease}.kb-step.is-open .kb-chev{transform:rotate(180deg)}.kb-step__pick{grid-area:pick;font:600 2rem/1.2 var(--kb-display);letter-spacing:-.01em;min-width:0}.kb-step__price{grid-area:price;font:600 1.6rem/1 var(--kb-num);letter-spacing:-.02em;white-space:nowrap}.kb-step__head:hover .kb-step__pick{color:var(--kb-navy)}.kb-muted{color:var(--kb-muted);font-weight:500}.kb-step__body{padding:0 0 2.4rem}.kb-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.8rem}.kb-tile{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;padding:1.2rem 1.3rem;border:1px solid var(--kb-line);border-radius:1.2rem;background:#fff;text-align:left;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;min-width:0}.kb-tile:hover{border-color:#0c166f59}.kb-tile[aria-checked=true]{border-color:var(--kb-navy);box-shadow:inset 0 0 0 1px var(--kb-navy)}.kb-plan{display:block;width:100%;height:3.4rem;margin-bottom:.6rem;fill:var(--kb-ink)}.kb-tile[aria-checked=true] .kb-plan{fill:var(--kb-navy)}.kb-tile__name{font:600 1.6rem/1.2 var(--kb-display);letter-spacing:-.01em}.kb-tile__meta{font-size:1.25rem;line-height:1.35;color:var(--kb-muted)}.kb-tile__use{display:block}.kb-tile--sw{flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:1rem}.kb-tile--sw .kb-tile__meta{flex:1 1 100%}.kb-tile--word{justify-content:center;min-height:5.2rem}.kb-tile--more{justify-content:center;align-items:center;border-style:dashed;color:var(--kb-navy);font-weight:600;font-size:1.4rem;background:transparent}.kb-tiles--words{grid-template-columns:repeat(auto-fill,minmax(13rem,1fr))}.kb-sw{width:2.8rem;height:2.8rem;border-radius:.8rem;flex:none;box-shadow:inset 0 0 0 1px #ffffff1f,0 0 0 1px var(--kb-line)}.kb-sw--carbon{background-color:#17181c;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.09) 0 3px,transparent 3px 6px),repeating-linear-gradient(-45deg,rgba(0,0,0,.35) 0 3px,transparent 3px 6px)}.kb-sw--black{background:linear-gradient(160deg,#2a2c31,#08090b)}.kb-sw--red{background:linear-gradient(160deg,#e1323a,#8f0a12)}.kb-sw--ti{background:linear-gradient(160deg,#c9c2b6,#8f8679 55%,#b9b1a4)}.kb-sizes{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.6rem}.kb-size{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:6.4rem;min-height:4.4rem;padding:.8rem 1.4rem;border:1px solid var(--kb-line);border-radius:4rem;background:#fff;font:500 1.4rem/1.1 var(--kb-num);letter-spacing:-.01em;font-variant-numeric:tabular-nums;cursor:pointer;transition:border-color .15s ease}.kb-size small{font:500 1rem/1.2 var(--font-body-family, sans-serif);letter-spacing:.04em;text-transform:uppercase;color:var(--kb-muted);margin-top:.2rem}.kb-size:hover{border-color:#0c166f73}.kb-size[aria-checked=true]{background:var(--kb-ink);border-color:var(--kb-ink);color:#fff}.kb-size[aria-checked=true] small{color:#ffffffb3}.kb-size.is-out{color:var(--kb-faint);text-decoration:line-through}.kb-size.is-fit:after{content:"";position:absolute;top:-.2rem;right:-.1rem}.kb-sizes--words .kb-size{font-family:var(--font-body-family, sans-serif);font-weight:500;font-size:1.35rem}.kb-detail{margin:1.6rem 0 0;font-size:1.4rem;line-height:1.5;color:var(--kb-muted)}.kb-detail b{color:var(--kb-ink);font-weight:600;font-family:var(--kb-num);letter-spacing:-.02em}.kb-riders{margin-top:1.4rem}.kb-riders__bar{position:relative;height:.8rem;border-radius:.4rem;background:#e9edf2}.kb-riders__band{position:absolute;top:0;bottom:0;border-radius:.4rem;background:#0c166f4d}.kb-riders__mid{position:absolute;top:-.3rem;bottom:-.3rem;width:2px;margin-left:-1px;background:var(--kb-navy)}.kb-riders__you{position:absolute;top:50%;width:1.4rem;height:1.4rem;margin:-.7rem 0 0 -.7rem;border-radius:50%;background:var(--kb-cyan);box-shadow:0 0 0 2px #fff,0 0 0 3px #0c166f40}.kb-riders__axis{display:flex;justify-content:space-between;margin-top:.5rem;font:500 1.1rem/1 var(--kb-mono);color:var(--kb-faint)}.kb-riders__txt{margin:.8rem 0 0;font-size:1.35rem;line-height:1.45;color:var(--kb-muted)}.kb-riders__txt b{color:var(--kb-ink);font-weight:600}.kb-note{margin:1.4rem 0 0;padding:1.1rem 1.3rem;border-radius:1rem;background:var(--kb-wash);font-size:1.35rem;line-height:1.45}.kb-note--warn{background:#fff4e6;color:#7a4100}.kb-sub{margin-top:1.8rem}.kb-sub__label{margin:1.8rem 0 0;font:500 1.2rem/1 var(--kb-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--kb-muted)}.kb-sub .kb-sub__label{margin-top:0}.kb-have-note{margin:0;font-size:1.4rem;line-height:1.5;color:var(--kb-muted)}.kb-step__foot{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;margin-top:2rem}.kb-link{border:0;background:none;padding:0;font-size:1.35rem;color:var(--kb-muted);text-decoration:underline;text-underline-offset:.3rem;cursor:pointer}.kb-link:hover{color:var(--kb-ink)}.kb-next{border:0;background:none;padding:.6rem 0;font:600 1.5rem var(--kb-display);color:var(--kb-navy);cursor:pointer;white-space:nowrap}.kb-next:after{content:"\a0\2192";display:inline-block;transition:transform .2s ease}.kb-next:hover:after{transform:translate(.4rem)}.kb-summary{margin-top:3.2rem;padding:2.4rem 2.4rem 2.8rem;border:1px solid var(--kb-line);border-radius:1.6rem;background-color:#fff;background-image:var(--l2k-grid, none);background-size:32px 32px;background-position:-1px -1px;scroll-margin-top:calc(var(--kb-hh) + 1.6rem)}@media screen and (max-width:989px){.kb-summary{scroll-margin-top:calc(42vh + 2rem);padding:2rem 1.6rem 2.4rem}}.kb-summary__title{margin:0 0 1.6rem;font:700 2.4rem/1.1 var(--kb-display);letter-spacing:-.02em}.kb-lines{list-style:none;margin:0;padding:0}.kb-line{display:grid;grid-template-columns:5.6rem minmax(0,1fr) auto;gap:1.4rem;align-items:start;padding:1.2rem 0;border-top:1px dashed var(--kb-line)}.kb-line:first-child{border-top:0;padding-top:0}.kb-line img,.kb-line__noimg{width:5.6rem;height:5.6rem;border-radius:.8rem;object-fit:contain;background:#fff;box-shadow:0 0 0 1px var(--kb-line)}.kb-line__text{display:flex;flex-direction:column;gap:.2rem;min-width:0}.kb-line__name{font-weight:600;font-size:1.5rem;line-height:1.3}.kb-line__name a{color:inherit;text-decoration:none}.kb-line__name a:hover{text-decoration:underline;text-underline-offset:.3rem}.kb-line__sub{font:500 1.1rem/1.3 var(--kb-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--kb-faint)}.kb-line__ship{font-size:1.3rem;line-height:1.4;color:var(--kb-muted);margin-top:.2rem}.kb-line__ship:before{content:"";display:inline-block;width:.7rem;height:.7rem;border-radius:50%;background:#1f9d55;margin-right:.6rem;vertical-align:.1rem}.kb-line__ship.is-pre:before{background:#d98a00}.kb-line__ship.is-out:before{background:#b42318}.kb-line__price{font:600 1.5rem/1.3 var(--kb-num);letter-spacing:-.02em;white-space:nowrap}.kb-pkg{margin:1.6rem 0 0;padding:1.6rem 1.8rem 1.8rem;border-radius:1.2rem;color:#fff;background:radial-gradient(40rem 20rem at 90% 0%,rgba(75,183,232,.28),transparent 60%),linear-gradient(160deg,#0a1033,#0c166f)}.kb-pkg__eyebrow{margin:0;font:500 1.1rem/1 var(--kb-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--kb-cyan)}.kb-pkg__title{margin:.8rem 0 0;font:600 1.8rem/1.2 var(--kb-display)}.kb-pkg__title a{color:#fff;text-decoration:none}.kb-pkg__title a:hover{text-decoration:underline;text-underline-offset:.3rem}.kb-pkg__text{margin:.6rem 0 0;font-size:1.4rem;line-height:1.5;color:#fffc}.kb-pkg__text b{color:#fff;font-family:var(--kb-num)}.kb-pkg__add{margin-top:1.4rem;padding:1.1rem 2rem;border:1px solid rgba(255,255,255,.55);border-radius:4rem;background:transparent;color:#fff;font:600 1.4rem/1 var(--kb-display);cursor:pointer;transition:background .15s ease,border-color .15s ease}.kb-pkg__add:hover{background:#ffffff1a;border-color:#fff}.kb-pkg__add[disabled]{opacity:.5;cursor:default}.kb-summary__total{display:flex;align-items:baseline;justify-content:space-between;gap:1.6rem;margin:2rem 0 1.6rem;padding-top:1.6rem;border-top:1px solid var(--kb-ink)}.kb-summary__total span{font:500 1.2rem/1 var(--kb-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--kb-muted)}.kb-summary__total b{font:600 2.8rem/1 var(--kb-num);letter-spacing:-.03em}.kb-summary .kb-add{width:100%}.kb-small{margin:1.6rem 0 0;font-size:1.25rem;line-height:1.5;color:var(--kb-faint)}.kb-summary .kb-small{margin-top:1.2rem}.kb-toast{position:fixed;left:50%;bottom:2.4rem;transform:translate(-50%);z-index:50;margin:0;max-width:min(92vw,56rem);padding:1.2rem 1.6rem;border-radius:1.2rem;background:var(--kb-ink);color:#fff;font-size:1.4rem;line-height:1.45;box-shadow:0 1.6rem 3.2rem -1.6rem #0a103380}.kb button:focus-visible,.kb input:focus-visible,.kb a:focus-visible{outline:2px solid var(--kb-cyan);outline-offset:2px}@media(prefers-reduced-motion:reduce){.kb-stage,.kb-chev,.kb-tile,.kb-size,.kb-hint,.kb-next:after{transition:none}.kb-spin{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/l2k-kit-builder.css.map */