.ctc-control{position:relative}.ctc-control:after{content:"";inset-inline:0;background:var(--focus);transform-origin:0;height:2px;transition:transform .75s var(--ease-out-expo);pointer-events:none;position:absolute;bottom:0;transform:scaleX(0)}.ctc-control:focus-within:after,.ctc-control[data-invalid=true]:after{transform:scaleX(1)}.ctc-control[data-invalid=true]:after{background:var(--accent-ink)}.ctc-label-index{transition:color .4s var(--ease-out-expo)}.ctc-field:focus-within .ctc-label-index{color:var(--accent-ink)}.ctc-chevron{transition:border-color .4s var(--ease-out-expo), color .4s var(--ease-out-expo), scale .6s var(--ease-out-expo)}.ctc-field:focus-within .ctc-chevron{border-color:var(--focus);color:var(--accent-ink)}.ctc-field:hover .ctc-chevron{scale:1.08}.ctc-input{appearance:none;border-radius:0}.ctc-input:focus-visible{outline:none}@media (forced-colors:active){.ctc-input:focus-visible{outline-offset:2px;outline:2px solid canvastext}}.ctc-input:-webkit-autofill{-webkit-text-fill-color:var(--fg);caret-color:var(--fg);-webkit-box-shadow:0 0 0 100px var(--bg) inset;box-shadow:0 0 0 100px var(--bg) inset;transition:background-color 600000s}.ctc-input:-webkit-autofill:hover{-webkit-text-fill-color:var(--fg);caret-color:var(--fg);-webkit-box-shadow:0 0 0 100px var(--bg) inset;box-shadow:0 0 0 100px var(--bg) inset;transition:background-color 600000s}.ctc-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--fg);caret-color:var(--fg);-webkit-box-shadow:0 0 0 100px var(--bg) inset;box-shadow:0 0 0 100px var(--bg) inset;transition:background-color 600000s}.ctc-select{cursor:pointer}.ctc-select option{background:var(--bg-2);color:var(--fg)}.ctc-select[data-empty=true]{color:var(--fg-3)}.ctc-textarea{field-sizing:content;resize:none;min-height:9.5rem;max-height:30rem}.ctc-card{transition:background-color .5s var(--ease-out-expo), color .5s var(--ease-out-expo)}.ctc-card:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:-2px;z-index:1}.ctc-card:has(input:checked){background:var(--accent);color:var(--on-accent)}.ctc-card:has(input:checked):has(input:focus-visible){outline-color:var(--on-accent);outline-offset:-6px}.ctc-card-sub{color:var(--fg-2);transition:color .5s var(--ease-out-expo)}.ctc-card:has(input:checked) .ctc-card-sub{color:#0d0d0dc7}.ctc-card-dot{transition:background-color .4s var(--ease-out-expo), border-color .4s var(--ease-out-expo), box-shadow .4s var(--ease-out-expo)}.ctc-card:has(input:checked) .ctc-card-dot{border-color:var(--on-accent);background:var(--on-accent);box-shadow:inset 0 0 0 3px var(--accent)}.ctc-card-arrow{opacity:0;transition:transform .6s var(--ease-out-expo), opacity .6s var(--ease-out-expo);transform:translate(-.5rem)}.ctc-card:hover .ctc-card-arrow{opacity:1;transform:none}.ctc-card:has(input:checked) .ctc-card-arrow{opacity:1;transform:none}.ctc-checkbox{appearance:none;border:1px solid var(--fg-3);cursor:pointer;width:1.75rem;height:1.75rem;transition:background-color .4s var(--ease-out-expo), border-color .4s var(--ease-out-expo);background:0 0;border-radius:.3rem;place-content:center;margin:0;display:grid}.ctc-checkbox:hover{border-color:var(--fg-2)}.ctc-checkbox:checked{background:var(--accent);border-color:var(--accent)}.ctc-checkbox[aria-invalid=true]{border-color:var(--accent-ink);border-width:2px}.ctc-checkbox:before{content:"";background:var(--on-accent);clip-path:polygon(14% 52%,0 66%,38% 100%,100% 22%,86% 8%,37% 70%);width:.95rem;height:.95rem;transition:transform .35s var(--ease-out-expo);transform:scale(0)}.ctc-checkbox:checked:before{transform:scale(1)}@media (forced-colors:active){.ctc-checkbox:before{background:canvastext}}.ctc-live-dot{background:var(--accent);border-radius:999px;flex-shrink:0;width:.5rem;height:.5rem;display:inline-block;position:relative}.ctc-live-dot:after{content:"";border-radius:inherit;background:inherit;animation:ctc-ping 2.4s var(--ease-out-expo) infinite;position:absolute;inset:0}@keyframes ctc-ping{0%{opacity:.65;transform:scale(1)}70%,to{opacity:0;transform:scale(3.2)}}.ctc-spin{animation:28s linear infinite ctc-spin-kf}.ctc-spin-boost{animation:12s linear infinite paused ctc-spin-kf}.ctc-badge:hover .ctc-spin-boost,.ctc-badge:focus-visible .ctc-spin-boost{animation-play-state:running}@keyframes ctc-spin-kf{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ctc-spin,.ctc-spin-boost,.ctc-live-dot:after{animation:none!important}}.ctc-draw{stroke-dasharray:1;stroke-dashoffset:1px;animation:ctc-draw-kf 1.1s var(--ease-out-expo) forwards;animation-delay:var(--d,0s)}@keyframes ctc-draw-kf{to{stroke-dashoffset:0}}.ctc-node{animation:ctc-node-on .6s var(--ease-out-expo) both;animation-delay:var(--d,0s)}@keyframes ctc-node-on{0%{background-color:#0000;transform:scale(.4)}to{background-color:var(--accent);transform:none}}.ctc-wire{transform-origin:top;animation:ctc-wire-grow 1.6s var(--ease-out-expo) both;animation-delay:var(--d,0s)}@keyframes ctc-wire-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.ctc-draw{stroke-dashoffset:0}}.ctc-anchor{scroll-margin-top:7.5rem}.ctc-input,.ctc-checkbox,.ctc-card input{scroll-margin-top:10rem}