@layer components{.form-actions{margin-top:var(--space-2)}.row{display:flex;flex-direction:column;gap:var(--space-2);text-align:left}.row-floating{position:relative}.row-label{margin:0;line-height:var(--leading-normal);font-weight:var(--weight-semibold);font-size:var(--text-base);color:var(--fg)}.row-inline-list{display:flex;flex-direction:column;gap:var(--space-2);margin:0}.row-inline{display:flex;align-items:baseline;gap:var(--space-2);font-size:var(--text-base)}.row-inline dt{color:var(--fg-muted);font-weight:var(--weight-medium)}.row-inline dd{margin:0;color:var(--fg);display:inline-flex;align-items:center;gap:var(--space-2)}:is(.row,.field) input:where([type=text],[type=password],[type=email],[type=url],[type=search],[type=tel],[type=number]),:is(.row,.field) input:not([type]),:is(.row,.field) select,.input{padding:var(--space-2)var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--fg);font:inherit;transition:border-color var(--duration-fast)var(--easing-out),box-shadow var(--duration-fast)var(--easing-out)}.input-sm{padding:var(--space-1)var(--space-3);font-size:var(--text-sm)}.input-fill{display:flex;flex:1;min-width:0;max-width:24rem}.input-fill>input{flex:1;min-width:0}:is(.row,.field) :is(input,select):focus,.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}:is(.row,.field) :is(input,select)[aria-invalid=true],.input[aria-invalid=true]{border-color:var(--danger)}:is(.row,.field) :is(input,select)[aria-invalid=true]:focus,.input[aria-invalid=true]:focus{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-bg)}.input-group{display:flex;align-items:stretch;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);overflow:hidden;transition:border-color var(--duration-fast)var(--easing-out),box-shadow var(--duration-fast)var(--easing-out)}.input-group:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.input-group:has(input[aria-invalid=true]){border-color:var(--danger)}.input-group:has(input[aria-invalid=true]):focus-within{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-bg)}.input-prefix{display:flex;align-items:center;padding:var(--space-2)var(--space-3);background:var(--bg-hover);color:var(--fg-muted);border-right:1px solid var(--border);white-space:nowrap;user-select:none}:is(.row,.field) .input-group>input,.input-group>input{padding:var(--space-2)var(--space-3);border:0;border-radius:0;background:0 0;color:var(--fg);font:inherit;flex:1;min-width:0}:is(.row,.field) .input-group>input:focus,.input-group>input:focus{outline:none;box-shadow:none}.input-group>.input-action{border:0;border-left:1px solid var(--border);border-radius:0;flex-shrink:0}.input-group>.input-action:focus,.input-group>.input-action:focus-visible{box-shadow:none}.row select,.field select{appearance:none;-webkit-appearance:none;padding-right:calc(var(--space-3) * 2 + .5em);background-image:linear-gradient(45deg,transparent 50%,var(--fg-muted) 50%),linear-gradient(135deg,var(--fg-muted) 50%,transparent 50%);background-position:right calc(var(--space-3) + .32em)center,right var(--space-3)center;background-size:.32em .32em;background-repeat:no-repeat}.field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4);max-width:28em;text-align:left}.form-error{margin:var(--space-1)0 0;color:var(--danger);font-size:var(--text-sm)}.input-expand{display:flex;align-items:center;gap:var(--space-1)}.input-expand>label{display:inline-flex;cursor:pointer;color:var(--fg-muted);padding:var(--space-2)}.input-expand:hover>label,.input-expand:focus-within>label{color:var(--fg)}.input-expand>input{width:0;min-width:0;padding-inline:0;border-color:transparent;background:0 0;transition:width var(--duration-fast)var(--easing-out),padding-inline var(--duration-fast)var(--easing-out)}.input-expand:focus-within>input,.input-expand>input:not(:placeholder-shown){width:min(16rem,40vw);padding-inline:var(--space-3);border-color:var(--border);background:var(--bg)}}