.tpp-km{--km-bg: #121616;--km-ink: #F4F6F2;--km-dim: rgb(244 246 242 / .56);--km-line: rgb(244 246 242 / .12);--km-accent: #E2F27F;--km-energy: 0;--km-ease: cubic-bezier(.2, .7, .2, 1);position:relative;overflow:hidden;isolation:isolate;background:var(--km-bg);color:var(--km-ink);padding:clamp(64px,9vw,128px) 0 clamp(40px,5vw,64px)}.tpp-km__glow{position:absolute;z-index:-1;width:min(1100px,140vw);aspect-ratio:1;right:max(-260px,calc(50% - 760px));top:50%;transform:translateY(-50%) scale(calc(.82 + var(--km-energy) * .18));background:radial-gradient(closest-side,rgb(226 242 127 / .26),rgb(226 242 127 / .08) 45%,transparent 72%);opacity:calc(.45 + var(--km-energy) * .55);transition:transform 1.2s var(--km-ease),opacity 1.2s var(--km-ease);pointer-events:none}.tpp-km__inner{width:100%;max-width:1320px;margin:0 auto;padding:0 clamp(20px,4vw,40px);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"copy stage" "controls stage" "specs specs";column-gap:clamp(24px,5vw,80px);align-items:center}.tpp-km__copy{grid-area:copy;align-self:end}.tpp-km__stage{grid-area:stage}.tpp-km__controls{grid-area:controls;align-self:start}.tpp-km__specs{grid-area:specs}.tpp-km__kicker{margin:0 0 18px;font-family:Karla,system-ui,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--km-dim)}.tpp-km__title{margin:0;font-family:Report-School,report-school,Karla,system-ui,sans-serif;font-weight:400;font-size:clamp(2rem,1.25rem + 2.6vw,3.5rem);line-height:1.06;letter-spacing:-.005em;color:var(--km-ink);text-wrap:balance}.tpp-km__title em{font-style:normal;color:var(--km-dim);transition:color .6s var(--km-ease)}.tpp-km[data-motor=buzzy] .tpp-km__title em[data-km-word=buzzy],.tpp-km[data-motor=rumbly] .tpp-km__title em[data-km-word=rumbly]{color:var(--km-accent)}.tpp-km__stage{position:relative;aspect-ratio:1;width:100%;max-width:640px;justify-self:center;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}.tpp-km__stage.is-dragging{cursor:grabbing}.tpp-km__rings,.tpp-km__wave{position:absolute;left:0;width:100%;pointer-events:none}.tpp-km__rings{top:0;height:100%}.tpp-km__wave{bottom:2%;height:16%;opacity:.9}.tpp-km__device{position:absolute;left:50%;top:47%;width:54%;transform:translate(-50%,-50%);will-change:transform}.tpp-km__device canvas{display:block;width:100%;height:auto;aspect-ratio:1;filter:drop-shadow(0 34px 40px rgb(0 0 0 / .45))}.tpp-km.is-live .tpp-km__device img{display:none}.tpp-km__device img{display:block;width:100%;height:auto;filter:drop-shadow(0 34px 40px rgb(0 0 0 / .45));pointer-events:none}.tpp-km__floor{position:absolute;left:50%;top:77%;width:40%;height:4%;transform:translate(-50%);border-radius:50%;background:radial-gradient(closest-side,rgb(0 0 0 / .55),transparent);filter:blur(6px)}.tpp-km__controls{display:grid;gap:22px;margin-top:clamp(28px,4vw,44px)}.tpp-km__seg{position:relative;display:grid;grid-template-columns:1fr 1fr;width:min(100%,340px);padding:5px;border-radius:999px;background:#f4f6f20f;box-shadow:inset 0 0 0 1px var(--km-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tpp-km__seg-pill{position:absolute;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);border-radius:999px;background:var(--km-accent);box-shadow:0 6px 24px -8px #e2f27f8c;transition:transform .45s var(--km-ease)}.tpp-km[data-motor=rumbly] .tpp-km__seg-pill{transform:translate(100%)}.tpp-km__seg button{position:relative;z-index:1;min-height:48px;border:0;background:none;border-radius:999px;font-family:Karla,system-ui,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.01em;color:var(--km-dim);cursor:pointer;transition:color .3s var(--km-ease)}.tpp-km__seg button[aria-checked=true]{color:#1b1f1f}.tpp-km__seg button:focus-visible,.tpp-km__speeds button:focus-visible{outline:2px solid var(--km-accent);outline-offset:3px}.tpp-km__speeds{display:flex;align-items:flex-end;gap:6px;width:max-content}.tpp-km__speeds button{flex:0 0 48px;width:48px;min-width:0!important;max-width:48px;height:auto;display:grid;justify-items:center;align-content:end;gap:8px;margin:0;padding:6px 0 4px;border:0;background:none;box-shadow:none;cursor:pointer;color:var(--km-dim)}.tpp-km__bar{display:block;width:8px;height:calc(6px + 9px * var(--n));border-radius:999px;background:#f4f6f229;transition:background-color .35s var(--km-ease),box-shadow .35s var(--km-ease),transform .35s var(--km-ease);transform-origin:bottom}@media(hover:hover){.tpp-km__speeds button:hover .tpp-km__bar{background:#f4f6f252}}.tpp-km__speeds button.is-on .tpp-km__bar{background:var(--km-accent);box-shadow:0 0 16px -4px #e2f27f99}.tpp-km__num{font-family:Karla,system-ui,sans-serif;font-size:.8125rem;font-weight:700;font-variant-numeric:tabular-nums}.tpp-km__speeds button[aria-checked=true] .tpp-km__num{color:var(--km-ink)}.tpp-km__read{display:flex;align-items:center;gap:10px;margin:0;font-family:Karla,system-ui,sans-serif;font-size:.8125rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-variant-numeric:tabular-nums;color:var(--km-ink)}.tpp-km__dot{width:6px;height:6px;border-radius:50%;background:var(--km-accent);box-shadow:0 0 10px var(--km-accent);animation:tpp-km-pulse calc(1.6s - var(--km-energy) * 1s) ease-in-out infinite}.tpp-km__of{color:var(--km-dim);margin-left:-8px}@keyframes tpp-km-pulse{50%{opacity:.35;transform:scale(.8)}}.tpp-km__specs{display:flex;flex-wrap:wrap;justify-content:center;gap:0;margin:clamp(40px,5vw,72px) 0 0;padding:22px 0 0;list-style:none;border-top:1px solid var(--km-line)}.tpp-km__specs li{padding:4px clamp(14px,2.4vw,32px);font-family:Karla,system-ui,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--km-dim)}.tpp-km__specs li+li{border-left:1px solid var(--km-line)}@media(max-width:859.98px){.tpp-km__inner{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "stage" "controls" "specs"}.tpp-km__copy{text-align:center}.tpp-km__stage{max-width:460px;margin-top:8px}.tpp-km__controls{justify-items:center;margin-top:4px}.tpp-km__glow{right:50%;transform:translate(50%,-38%) scale(calc(.82 + var(--km-energy) * .18))}.tpp-km__specs{margin-top:36px}.tpp-km__specs li{padding:6px 12px}}@media(max-width:479.98px){.tpp-km__specs li+li{border-left:0}.tpp-km__specs{gap:2px 0}}@media(prefers-reduced-motion:reduce){.tpp-km__glow,.tpp-km__seg-pill,.tpp-km__title em{transition:none}.tpp-km__dot{animation:none}}.tpp-km__stage--still{cursor:default;touch-action:auto}.tpp-km__stage--still .tpp-km__device{width:60%;top:46%}.tpp-km--light{--km-bg: var(--tpp-cream, #EFECE6);--km-ink: var(--tpp-ink, #292F2F);--km-dim: rgb(41 47 47 / .62);--km-line: rgb(41 47 47 / .16);--km-accent: #E58B6D}.tpp-km--light .tpp-km__glow{background:radial-gradient(closest-side,rgb(229 139 109 / .22),rgb(239 162 58 / .07) 45%,transparent 72%)}.tpp-km--light .tpp-km__title em{color:var(--km-ink)}.tpp-km--light[data-motor=buzzy] .tpp-km__title em[data-km-word=buzzy],.tpp-km--light[data-motor=rumbly] .tpp-km__title em[data-km-word=rumbly]{color:var(--tpp-coral-ink, #B3492A)}.tpp-km--light .tpp-km__device img,.tpp-km--light .tpp-km__device canvas{filter:drop-shadow(0 26px 30px rgb(41 47 47 / .2))}.tpp-km--light .tpp-km__floor{background:radial-gradient(closest-side,rgb(41 47 47 / .22),transparent)}.tpp-km--light .tpp-km__seg{background:#fff;box-shadow:inset 0 0 0 1px var(--km-ink)}.tpp-km--light .tpp-km__seg-pill{box-shadow:inset 0 0 0 1px var(--km-ink)}.tpp-km--light .tpp-km__seg button[aria-checked=true]{color:var(--km-ink)}.tpp-km--light .tpp-km__bar{background:#292f2f29}@media(hover:hover){.tpp-km--light .tpp-km__speeds button:hover .tpp-km__bar{background:#292f2f4d}}.tpp-km--light .tpp-km__speeds button.is-on .tpp-km__bar,.tpp-km--light .tpp-km__dot{box-shadow:none}.tpp-km--blue{--km-accent: var(--tpp-peri, #638DD7)}.tpp-km--blue .tpp-km__glow{background:radial-gradient(closest-side,rgb(99 141 215 / .22),rgb(215 238 246 / .1) 45%,transparent 72%)}.tpp-km--blue[data-motor=buzzy] .tpp-km__title em[data-km-word=buzzy],.tpp-km--blue[data-motor=rumbly] .tpp-km__title em[data-km-word=rumbly]{color:var(--tpp-peri-ink, #3A62B3)}.tpp-km .tpp-km__speeds button.is-on .tpp-km__bar,.tpp-km .tpp-km__speeds button.is-on:hover .tpp-km__bar{background:var(--km-accent)}.tpp-km--orange{--km-accent: #EA9F31}.tpp-km--orange .tpp-km__glow{background:radial-gradient(closest-side,rgb(234 159 49 / .22),rgb(239 162 58 / .07) 45%,transparent 72%)}.tpp-km--orange[data-motor=buzzy] .tpp-km__title em[data-km-word=buzzy],.tpp-km--orange[data-motor=rumbly] .tpp-km__title em[data-km-word=rumbly]{color:#a8720f}.tpp-km--sky{--km-accent: #8EC5DB;--km-sky: #D7EEF6}.tpp-km--sky .tpp-km__seg-pill{background:var(--km-sky);box-shadow:none}.tpp-km--sky .tpp-km__speeds button.is-on .tpp-km__bar,.tpp-km--sky .tpp-km__speeds button.is-on:hover .tpp-km__bar,.tpp-km--sky .tpp-km__dot{background:var(--km-sky)}.tpp-km--sky .tpp-km__glow{background:radial-gradient(closest-side,rgb(215 238 246 / .55),rgb(215 238 246 / .15) 45%,transparent 72%)}.tpp-km--sky[data-motor=buzzy] .tpp-km__title em[data-km-word=buzzy],.tpp-km--sky[data-motor=rumbly] .tpp-km__title em[data-km-word=rumbly]{color:var(--km-ink);background:linear-gradient(transparent 58%,#D7EEF6 58%,#D7EEF6 92%,transparent 92%)}.tpp-km--sky .tpp-km__speeds button.is-on .tpp-km__bar,.tpp-km--sky .tpp-km__dot{box-shadow:inset 0 0 0 1px #292f2f59}
/*# sourceMappingURL=/cdn/shop/t/83/assets/tpp-kiwi-motors.css.map */