.kinetics-ripple-demo{justify-items:center;gap:16px;display:grid}.kinetics-ripple-demo p{color:var(--muted-foreground,#737373);text-align:center;margin:0;font-size:12px}.kinetics-ripple-trigger{isolation:isolate;background:var(--foreground,#171717);min-height:48px;color:var(--background,white);font:inherit;cursor:pointer;border:0;border-radius:12px;padding:12px 28px;font-size:14px;font-weight:600;position:relative;overflow:hidden}.kinetics-ripple-trigger:focus-visible{outline:2px solid var(--brand,#2f67ff);outline-offset:4px}.kinetics-ripple-label{z-index:1;pointer-events:none;position:relative}.kinetics-ripple-wave{opacity:0;pointer-events:none;background:currentColor;border-radius:50%;animation:.65s ease-out both kinetics-ripple-expand;position:absolute}@keyframes kinetics-ripple-expand{0%{opacity:.4;transform:scale(0)}to{opacity:0;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.kinetics-ripple-wave{animation:.16s ease-out both kinetics-ripple-fade}@keyframes kinetics-ripple-fade{0%{opacity:.22}to{opacity:0}}}.ki-demo{--ki-accent:var(--brand,#2f67ff);width:min(100%,260px);min-height:160px;color:var(--foreground,#171717);flex-direction:column;justify-content:center;align-items:center;gap:16px;font:14px/1.5 system-ui,sans-serif;display:flex}.ki-demo *{box-sizing:border-box}.ki-demo button{font:inherit;cursor:pointer;border:1px solid var(--border,#ddd);background:var(--background,#fff);color:inherit;border-radius:10px;padding:9px 14px;transition:transform .3s cubic-bezier(.22,1.5,.5,1),background .2s,color .2s}.ki-demo button:disabled{opacity:.45;cursor:default}.ki-demo :focus-visible{outline:2px solid var(--ki-accent);outline-offset:3px}.ki-demo input:not([type=checkbox]):not([type=range]){border:1px solid var(--border,#ddd);width:100%;min-width:0;font:inherit;background:var(--background,#fff);color:inherit;border-radius:8px;padding:10px}.ki-demo input[type=range]{width:100%;accent-color:var(--ki-accent)}.ki-demo small{color:var(--muted-foreground,#777);text-align:center;font-size:12px}.ki-demo p{margin:0}.ki-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.ki-stack{justify-items:center;gap:12px;width:100%;display:grid}.ki-card{border:1px solid var(--border,#ddd);background:var(--background,#fff);border-radius:14px;width:100%;padding:16px}.ki-expand .ki-disclosure{grid-template-rows:0fr;transition:grid-template-rows .48s cubic-bezier(.34,1.56,.64,1);display:grid}.ki-disclosure p{font-size:12px;overflow:hidden}.ki-expand.is-open .ki-disclosure{grid-template-rows:1fr;margin-top:16px}.ki-pointer,.ki-lasso{border:1px dashed var(--border,#ccc);touch-action:none;border-radius:14px;place-items:center;width:240px;max-width:100%;height:140px;display:grid;position:relative;overflow:hidden}.ki-dot{background:var(--ki-accent);pointer-events:none;border-radius:50%;width:12px;height:12px;position:absolute}.ki-demo .ki-hold{touch-action:none;-webkit-user-select:none;user-select:none;min-width:180px;position:relative;overflow:hidden}.ki-hold i{background:color-mix(in srgb,var(--ki-accent) 35%,transparent);transform-origin:0;position:absolute;inset:0}.ki-hold span{position:relative}.ki-digit{font-variant-numeric:tabular-nums;font-size:28px}.ki-pop{animation:.35s ease-out ki-pop;display:inline-block}@keyframes ki-pop{40%{transform:translateY(-4px)scale(1.2)}}.ki-tabs{background:var(--muted,#eee);border-radius:12px;width:100%;padding:4px;display:flex;position:relative}.ki-tabs i{background:var(--background,#fff);border-radius:8px;width:calc(33.3333% - 2.66667px);transition:transform .42s cubic-bezier(.34,1.56,.64,1);position:absolute;top:4px;bottom:4px;left:4px}.ki-tabs button{z-index:1;background:0 0;border:0;flex:1;padding:8px 5px;font-size:12px;position:relative}.ki-swipe{background:color-mix(in srgb,var(--ki-accent) 20%,transparent);border-radius:12px;width:100%;position:relative;overflow:hidden}.ki-under{justify-content:flex-end;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.ki-demo .ki-draggable{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;padding:20px;position:relative}.ki-rubber{place-items:center;width:180px;height:32px;display:grid}.ki-rubber i{background:var(--ki-accent);border-radius:20px;width:100%;height:8px;transition:transform .6s cubic-bezier(.34,1.56,.64,1);display:block}.ki-knob{border:2px solid var(--border,#ddd);background:var(--background,#fff);border-radius:50%;width:72px;height:72px;transition:transform .1s;position:relative}.ki-knob i{background:var(--ki-accent);border-radius:3px;width:4px;height:18px;position:absolute;top:6px;left:32px}.ki-knob.ki-inertia{transition:transform .8s cubic-bezier(.12,.8,.2,1)}.ki-demo .ki-push{box-shadow:0 5px 0 var(--border,#bbb)}.ki-demo .ki-push:active{box-shadow:0 1px 0 var(--border,#bbb);transform:translateY(4px)}.ki-demo .ki-squish:active{transform:scale(1.18,.78)}.ki-demo .ki-keycap{padding:15px 25px;box-shadow:inset 0 -5px #8883,0 5px #8884}.ki-demo .ki-keycap:active{transform:translateY(4px);box-shadow:inset 0 -1px #8883}.ki-like{position:relative;font-size:30px!important}.ki-like[aria-pressed=true]{color:#e45887}.ki-like i{background:#e45887;border-radius:50%;width:5px;height:5px;animation:.6s both ki-burst;position:absolute;top:50%;left:50%}@keyframes ki-burst{0%{opacity:1;transform:rotate(var(--angle)) translateY(0)}to{opacity:0;transform:rotate(var(--angle)) translateY(-50px)}}.ki-demo .ki-star{color:#8887;background:0 0;border:0;padding:3px;font-size:28px}.ki-demo .ki-star.is-on{color:#e7ad24;transform:scale(1.12)}.ki-floating{width:100%;position:relative}.ki-floating input{padding:24px 12px 8px!important}.ki-floating span{pointer-events:none;transform-origin:0;transition:transform .22s,color .22s;position:absolute;top:16px;left:12px}.ki-floating:focus-within span,.ki-floating.is-filled span{color:var(--ki-accent);transform:translateY(-12px)scale(.75)}.ki-demo .is-selected{background:var(--ki-accent);color:#fff}.ki-demo .ki-pin{text-align:center;width:42px!important;font-size:20px!important}.ki-demo progress{width:210px;max-width:100%;height:14px;accent-color:var(--ki-accent)}.ki-demo progress::-webkit-progress-value{background:var(--ki-accent);transition:width .5s cubic-bezier(.34,1.56,.64,1)}.ki-demo progress::-moz-progress-bar{background:var(--ki-accent);transition:width .5s cubic-bezier(.34,1.56,.64,1)}.ki-ring{width:110px;height:110px;overflow:visible}.ki-ring circle{fill:none;stroke:var(--muted,#ddd);stroke-width:7px}.ki-ring circle:nth-child(2){stroke:var(--ki-accent);transform-origin:50%;transition:stroke-dasharray .48s cubic-bezier(.34,1.56,.64,1);transform:rotate(-90deg)}.ki-ring text{text-anchor:middle;fill:currentColor;font-size:18px}.ki-tooltip-host{min-height:100px;padding:20px;position:relative}.ki-tooltip-host [role=tooltip]{white-space:nowrap;background:var(--foreground,#171717);color:var(--background,#fff);border-radius:8px;padding:7px 12px;font-size:12px;animation:.18s both ki-enter;position:absolute;top:70px;left:0}.ki-list{gap:8px;width:100%;margin:0;padding:0;list-style:none;display:grid}.ki-list li{border:1px solid var(--border,#ddd);background:var(--background,#fff);cursor:grab;border-radius:10px;justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.ki-list button{padding:2px 8px}.ki-search{align-items:center;gap:8px;display:flex}.ki-search input{transition:width .35s;width:80px!important}.ki-search:focus-within input{width:180px!important}.ki-fab{place-items:center;width:220px;height:210px;padding-top:130px;display:grid;position:relative}.ki-fab button{border-radius:50%;width:36px;height:36px;padding:0}.ki-fab button:first-child{z-index:2;background:var(--ki-accent);color:#fff;width:44px;height:44px}.ki-fab button:not(:first-child){position:absolute;top:148px}.ki-fab small{position:absolute;bottom:0}.ki-orbital{padding:0}.ki-orbital button:not(:first-child){top:87px}.ki-demo .ki-swatch{color:#fff;width:36px;height:36px;padding:0}.ki-tags{border:1px solid var(--border,#ddd);border-radius:12px;flex-wrap:wrap;gap:6px;padding:10px;display:flex}.ki-tags button{padding:4px 8px;font-size:11px}.ki-tags input{border:0!important}.ki-dock{background:var(--muted,#eee);border-radius:18px;align-items:flex-end;gap:6px;padding:12px;display:flex}.ki-dock button{transform-origin:bottom;width:44px;height:44px;padding:0}.ki-dock button:hover,.ki-dock button:focus-visible{transform:scale(1.3)translateY(-6px)}.ki-lasso b{border:1px solid var(--border,#ddd);border-radius:6px;place-items:center;width:26px;height:26px;display:grid;position:absolute}.ki-lasso>i{background:color-mix(in srgb,var(--ki-accent) 15%,transparent);border:1px solid var(--ki-accent);pointer-events:none;position:absolute}.ki-marquee{background:var(--muted,#eee);border-radius:12px;width:100%;padding:16px 0;overflow:hidden}.ki-marquee span{width:max-content;animation:8s linear infinite ki-marquee;display:block}.ki-marquee:hover span,.ki-marquee:focus span{animation-play-state:paused}@keyframes ki-marquee{to{transform:translate(-50%)}}.ki-enter{animation:.4s both ki-enter}@keyframes ki-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ki-tile{background:var(--ki-accent);color:#fff;border-radius:10px;padding:16px}.ki-morph{gap:4px;display:grid}.ki-morph i{background:currentColor;width:22px;height:2px;transition:transform .3s,opacity .2s;display:block}.ki-demo .ki-underline{background:0 0;border:0;position:relative}.ki-underline:after{content:"";transform-origin:0;background:currentColor;height:2px;transition:transform .3s;position:absolute;bottom:4px;left:12px;right:12px;transform:scaleX(0)}.ki-underline:hover:after,.ki-underline:focus-visible:after{transform:scaleX(1)}.ki-battery{border:2px solid var(--border,#aaa);border-radius:6px;padding:5px;position:relative}.ki-battery:after{content:"";background:var(--border,#aaa);width:5px;height:10px;position:absolute;top:7px;right:-7px}.ki-demo .ki-switch{background:var(--muted,#ddd);border-radius:24px;width:66px;height:36px;padding:4px}.ki-switch[aria-checked=true]{background:var(--ki-accent)}.ki-switch i{background:#fff;border-radius:50%;width:26px;height:26px;transition:transform .45s cubic-bezier(.34,1.56,.64,1);display:block;box-shadow:0 1px 4px #0003}.ki-bookmark[aria-pressed=true]{transform:scale(1.06)}.ki-check{cursor:pointer;align-items:center;gap:10px;display:flex}.ki-check input{width:20px;height:20px;accent-color:var(--ki-accent)}.ki-check svg{width:28px;height:28px}.ki-check path{fill:none;stroke:var(--ki-accent);stroke-width:3px;stroke-dasharray:1;transition:stroke-dashoffset .3s}.ki-odometer{background:var(--muted,#eee);border-radius:8px;width:44px;height:40px;overflow:hidden}.ki-odometer>div{transition:transform .5s cubic-bezier(.22,1,.36,1)}.ki-odometer b{place-items:center;height:40px;font-size:24px;display:grid}.ki-status{align-items:center;gap:8px;display:flex}.ki-status i{background:currentColor;border-radius:50%;width:8px;height:8px}.ki-pulse-badge{background:var(--ki-accent);color:#fff;border-radius:20px;padding:8px 18px;position:relative}.ki-pulse-badge i,.ki-pulse-double:after{content:"";border:2px solid var(--ki-accent);border-radius:inherit;animation:1.8s infinite ki-pulse;position:absolute;inset:0}.ki-pulse-double:after{animation-delay:.9s}@keyframes ki-pulse{to{opacity:0;transform:scale(1.5)}}.ki-success{fill:none;width:60px;height:60px;stroke:var(--ki-accent);stroke-width:3px}.ki-success path{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .5s}.ki-success.is-active path{stroke-dashoffset:0;animation:.5s both ki-draw}@keyframes ki-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.ki-segments{width:70px;height:70px;position:relative}.ki-segments i{background:var(--ki-accent);border-radius:4px;width:7px;height:14px;animation:.8s infinite ki-fade;position:absolute;top:30px;left:31px}@keyframes ki-fade{50%{opacity:.15}}.ki-orbit{border:1px solid var(--border,#ddd);border-radius:50%;width:80px;height:80px;position:relative}.ki-orbit i{animation:2s linear infinite ki-spin;position:absolute;inset:0}.ki-orbit i:nth-child(2){animation-direction:reverse;inset:12px}.ki-orbit i:before,.ki-orbit b{content:"";background:var(--ki-accent);border-radius:50%;width:12px;height:12px;display:block}.ki-orbit b{position:absolute;top:33px;left:33px}@keyframes ki-spin{to{transform:rotate(360deg)}}.ki-toast{border:1px solid var(--border,#ddd);background:var(--background,#fff);border-radius:12px;padding:12px 16px;box-shadow:0 8px 20px #0001}.ki-overshoot{animation:.6s cubic-bezier(.18,1.6,.4,1) both ki-enter}.ki-steps{gap:20px;padding:0;list-style:none;display:flex}.ki-steps li{background:var(--muted,#ddd);border-radius:50%;place-items:center;width:32px;height:32px;transition:background .3s;display:grid}.ki-skeleton{gap:12px;width:220px;display:grid}.ki-skeleton i{background:linear-gradient(90deg,var(--muted,#ddd),var(--background,#fff),var(--muted,#ddd));background-size:200% 100%;border-radius:8px;height:16px;animation:1.6s linear infinite ki-shimmer}.ki-skeleton i:last-child{width:60%}@keyframes ki-shimmer{to{background-position:-200% 0}}.ki-toast-stack{width:220px;height:95px;position:relative}.ki-toast-stack>div{border:1px solid var(--border,#ddd);background:var(--background,#fff);border-radius:12px;padding:14px;animation:.3s ki-enter;position:absolute;inset:0 0 auto}.ki-indeterminate{background:var(--muted,#ddd);border-radius:8px;width:220px;height:8px;overflow:hidden}.ki-indeterminate i{background:var(--ki-accent);width:40%;height:100%;animation:1.2s ease-in-out infinite ki-indeterminate;display:block}@keyframes ki-indeterminate{0%{transform:translate(-100%)}to{transform:translate(350%)}}.ki-typing{background:var(--muted,#eee);border-radius:20px;gap:8px;padding:18px;display:flex}.ki-typing i{background:var(--ki-accent);border-radius:50%;width:9px;height:9px;animation:.9s infinite ki-bounce}@keyframes ki-bounce{50%{opacity:.4;transform:translateY(-7px)}}.ki-heartbeat{width:240px;max-width:100%;stroke:var(--ki-accent);stroke-width:3px;fill:none}.ki-heartbeat path{stroke-dasharray:300;animation:2s linear infinite ki-heartbeat}@keyframes ki-heartbeat{0%{stroke-dashoffset:300px}to{stroke-dashoffset:-300px}}.ki-signal{align-items:flex-end;gap:8px;display:flex}.ki-signal i{background:var(--ki-accent);border-radius:5px;width:16px;animation:1.4s infinite ki-fade}.ki-badge-count{position:relative}.ki-badge-count b{background:var(--ki-accent);color:#fff;border-radius:20px;padding:2px 7px;position:absolute;top:-12px;right:-12px}.ki-packet{border-top:2px dashed var(--border,#ddd);justify-content:space-between;width:240px;max-width:100%;display:flex;position:relative}.ki-packet i{background:var(--ki-accent);border-radius:3px;width:10px;height:10px;animation:1.6s ease-in-out infinite ki-packet;position:absolute;top:-6px}@keyframes ki-packet{to{left:calc(100% - 10px)}0%{left:0}}.ki-phase{align-items:center;gap:25px;height:50px;display:flex}.ki-phase i{background:var(--ki-accent);border-radius:50%;width:25px;height:25px;animation:.9s infinite ki-bounce}.ki-phase i:nth-child(2){animation-duration:1.3s}.ki-phase.is-locked i{animation:1s infinite ki-bounce}.ki-checksum{gap:5px;display:flex}.ki-checksum i{border-radius:5px;width:20px;height:20px;animation:.4s ki-pop}.ki-diff{gap:8px;font:12px monospace;display:grid}.ki-diff del{color:#cf5656;transition:opacity .3s}.ki-diff ins{color:#28965c;text-decoration:none;transition:max-height .3s,opacity .3s;overflow:hidden}.ki-braille{grid-template-rows:repeat(3,20px);grid-auto-flow:column;gap:10px;display:grid}.ki-braille i{background:var(--ki-accent);border-radius:50%;width:20px;height:20px;transition:opacity .3s}@media (prefers-reduced-motion:reduce){.ki-demo *,.ki-demo :before,.ki-demo :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.ki-marquee span{animation:none}}