html.kit-motion [data-reveal]:not(.is-in){opacity:0;filter:blur(6px);transform:translateY(28px)}html.kit-motion [data-reveal=left]:not(.is-in){transform:translate(-40px)}html.kit-motion [data-reveal=clip]:not(.is-in){opacity:1;filter:none;clip-path:inset(6% 4% round 24px);transform:none}html.kit-motion [data-reveal]{transition:opacity .9s cubic-bezier(.16,1,.3,1) var(--d,0s), transform 1.1s cubic-bezier(.16,1,.3,1) var(--d,0s), filter .9s cubic-bezier(.16,1,.3,1) var(--d,0s), clip-path 1.4s cubic-bezier(.16,1,.3,1) var(--d,0s)}.kit-w{vertical-align:bottom;margin:0 -.12em -.08em;padding:0 .12em .08em;display:inline-block;overflow:hidden}.kit-w>span{display:inline-block}html.kit-motion [data-split]:not(.is-in) .kit-w>span{transform:translateY(110%)}html.kit-motion [data-split] .kit-w>span{transition:transform 1s cubic-bezier(.16,1,.3,1) calc(var(--d,0s) + var(--i) * 55ms)}html.kit-motion [data-split][data-reveal]:not(.is-in){opacity:1;filter:none;transform:none}.kit-spot{position:relative}.kit-spot:after{content:"";z-index:5;pointer-events:none;border-radius:inherit;opacity:0;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%), color-mix(in oklab, var(--color-accent) 22%, transparent), transparent 60%);transition:opacity .4s;position:absolute;inset:0}.kit-spot:hover:after{opacity:1}html.kit-motion .kit-rule{background:linear-gradient(var(--color-ink), var(--color-ink)) top left / 0% 2px no-repeat;transition:background-size 1.2s cubic-bezier(.77,0,.18,1) var(--d,0s), opacity .9s, transform 1.1s, filter .9s;border-top-color:#0000!important}html.kit-motion .kit-rule.is-in{background-size:100% 2px}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.kit-press{will-change:transform;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s cubic-bezier(.16,1,.3,1),background-color .25s,color .25s,border-color .25s}.kit-press:hover{transform:translateY(-2px);box-shadow:0 10px 24px -12px #00000073}.kit-press:active{transition-duration:80ms;transform:translateY(1px)scale(.97);box-shadow:0 2px 6px -2px #00000059}.kit-lift{transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1)}.kit-lift:hover{transform:translateY(-4px);box-shadow:0 18px 40px -20px #00000080}.kit-header[data-autohide]{z-index:30;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .3s;position:sticky;top:0}.kit-header--hidden{transform:translateY(-100%)}.kit-header--scrolled{box-shadow:0 8px 24px -16px #0009}@media (prefers-reduced-motion:reduce){.kit-press,.kit-press:hover,.kit-press:active,.kit-lift,.kit-lift:hover{transition:none;transform:none}.kit-header--hidden{transform:none}}#kit-tweak{z-index:9999;color:#111;font:13px/1.4 ui-sans-serif,system-ui,sans-serif;position:fixed;bottom:16px;right:16px}#kit-tweak[hidden],#kit-tweak [hidden]{display:none!important}.kt-picked{outline-offset:-2px;outline:2px dashed #ff2bd6}#kit-tweak button,#kit-tweak select,#kit-tweak input{font:inherit;color:inherit}#kit-tweak .kt-toggle{cursor:pointer;background:#fff;border:1px solid #111;border-radius:999px;margin-left:auto;padding:10px 16px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:block;box-shadow:0 8px 24px -10px #0006}#kit-tweak .kt-toggle:hover{transform:translateY(-2px)}#kit-tweak .kt-toggle:active{transform:scale(.97)}#kit-tweak .kt-panel{background:#fff;border:1px solid #111;border-radius:14px;gap:12px;width:300px;max-height:min(78vh,720px);margin-bottom:10px;padding:14px;display:grid;overflow:auto;box-shadow:0 24px 60px -20px #00000073}#kit-tweak .kt-panel[hidden]{display:none}#kit-tweak:has(.kt-panel:not([hidden])){flex-direction:column-reverse;display:flex}#kit-tweak .kt-row{color:#333;gap:4px;display:grid}#kit-tweak .kt-row output{float:right;font-variant-numeric:tabular-nums;color:#111}#kit-tweak .kt-row select{background:#fff;border:1px solid #ccc;border-radius:8px;width:100%;padding:6px 8px}#kit-tweak .kt-row input[type=range]{accent-color:#111;width:100%}#kit-tweak .kt-seg{border:1px solid #111;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:0;overflow:hidden}#kit-tweak .kt-seg button{cursor:pointer;text-transform:capitalize;background:#fff;border:0;padding:7px 0}#kit-tweak .kt-seg button+button{border-left:1px solid #111}#kit-tweak .kt-seg button[aria-pressed=true]{color:#fff;background:#111}#kit-tweak .kt-colours{text-align:center;grid-template-columns:repeat(5,1fr);gap:6px;font-size:11px;display:grid}#kit-tweak .kt-colours label{white-space:nowrap;justify-items:center;gap:4px;font-size:10px;display:grid}#kit-tweak .kt-colours input{cursor:pointer;background:0 0;border:1px solid #ccc;border-radius:6px;width:36px;height:28px;padding:0}#kit-tweak .kt-section{border-top:1px solid #ddd;gap:10px;padding-top:12px}#kit-tweak .kt-check{color:#333;align-items:center;gap:8px;display:flex}#kit-tweak .kt-plain{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:8px;padding:7px}#kit-tweak .kt-actions{grid-template-columns:1fr 1fr;gap:8px}#kit-tweak .kt-actions button{cursor:pointer;background:#fff;border:1px solid #111;border-radius:8px;padding:8px}#kit-tweak .kt-actions button:first-child{color:#fff;background:#111}#kit-tweak .kt-actions button:active{transform:scale(.97)}@media (width<=480px){#kit-tweak .kt-panel{width:calc(100vw - 32px);max-height:70vh}}
