:root{--c1-input-bg:#f7f7fa;--c1-input-bg-focus:#ececf3;--c1-input-color:#222;--c1-input-radius:0.75em;--c1-input-shadow:0 2px 8px 0 rgba(60,60,100,0.08),0 1.5px 0 0 #e0e0e7;--c1-input-shadow-focus:0 0 0 2px #b3b3ff,0 2px 8px 0 rgba(60,60,100,0.1);--c1-input-padding:0.75em 1.2em;--c1-input-font-size:1rem;--c1-input-transition:box-shadow 0.15s,background 0.15s}.c1-input{display:block;width:100%;padding:var(--c1-space-sm) var(--c1-space-md);font-size:var(--c1-font-size-base);border:none;border-radius:var(--c1-radius-sm);background:var(--c1-color-bg-alt);color:var(--c1-color-fg);box-shadow:var(--c1-shadow-sm),var(--c1-shadow-border);transition:var(--c1-transition);outline:none}.c1-input:focus{box-shadow:var(--c1-shadow-focus);background:var(--c1-color-bg-active)}