.clk-field.clk-8b4f6h{--_h:var(--control-h);--_px:var(--field-px);--_py:var(--field-py);--_fs:var(--fs-body);--_lh:1.4;--_s:.75;--_lbh:calc(1.4 * var(--_fs));--_endpad:var(--_px);--_ox:0%;--_sx:1;--_ny:0px;--_ease:cubic-bezier(.4, 0, .2, 1);--_dur:.22s;text-align:start;min-inline-size:0;display:block}.compact.clk-8b4f6h{--_h:var(--control-h-sm);--_px:var(--spacing-10);--_py:var(--spacing-6);--_fs:var(--fs-body-sm)}:root[data-variant=org] .compact.clk-8b4f6h{--_s:.84}:root[data-variant=admin] .clk-field.clk-8b4f6h{--_s:.846}:root:not([data-variant]) .compact.clk-8b4f6h,:root[data-variant=client] .compact.clk-8b4f6h{--_s:.786}[dir=rtl] .clk-field.clk-8b4f6h{--_ox:100%;--_sx:-1}:lang(ar) .clk-field.clk-8b4f6h{--_ny:calc(-.06 * var(--_fs) * var(--_s))}.control.clk-8b4f6h{--_cs:0px;--_ct:0px;--_cw:100%;--_k:max(0px, calc(var(--radius-md) - (var(--_px) + 1.5px - var(--spacing-4) + var(--spacing-4) * (1 - var(--_s)))));--_open:1;position:relative}.static-text.clk-8b4f6h{font-size:var(--fs-caption);font-weight:var(--weight-medium);color:var(--clk-ink-muted);margin-block-end:var(--spacing-4);display:block}.slot.clk-8b4f6h{display:contents}.control.clk-8b4f6h input,.control.clk-8b4f6h select,.control.clk-8b4f6h textarea{display:block}.compact.clk-8b4f6h .control:where(.clk-8b4f6h) input:not([type=checkbox],[type=radio]),.compact.clk-8b4f6h .control:where(.clk-8b4f6h) select,.compact.clk-8b4f6h .control:where(.clk-8b4f6h) textarea{min-block-size:var(--_h);padding-block:var(--_py);padding-inline:var(--_px);font-size:var(--_fs)}.compact.clk-8b4f6h .control:where(.clk-8b4f6h) input:not([type=checkbox],[type=radio]),.compact.clk-8b4f6h .control:where(.clk-8b4f6h) select{block-size:var(--_h)}:root[data-variant=admin] .compact.clk-8b4f6h{--_py:var(--spacing-2)}:root[data-variant=admin] .compact.clk-8b4f6h .control:where(.clk-8b4f6h) :is(input:not([type=checkbox],[type=radio]),select){padding-block-start:calc(var(--_py) + 1px);padding-block-end:calc(var(--_py) - 1px)}.control.clk-8b4f6h textarea{line-height:var(--_lh)}.has-trailing.clk-8b4f6h{--_endpad:calc(var(--trail-w) + var(--spacing-8))}.has-trailing.clk-8b4f6h input,.has-trailing.clk-8b4f6h select,.has-trailing.clk-8b4f6h textarea{padding-inline-end:var(--_endpad)}.trailing.clk-8b4f6h{block-size:var(--_h);align-items:center;gap:var(--spacing-4);color:var(--clk-ink-muted);display:flex;position:absolute;inset-block-start:0;inset-inline-end:var(--spacing-4)}label.clk-8b4f6h{--_float:translate(calc(var(--_sx) * (var(--spacing-4) * (1 - var(--_s)) + var(--_k))), calc(.75px + var(--_ny) - var(--_lbh) * var(--_s) / 2)) scale(var(--_s));box-sizing:border-box;max-inline-size:calc((var(--_cw) - var(--_px) - var(--_endpad) + 5px - var(--_k)) / var(--_s));padding-block:.2em;padding-inline:var(--spacing-4);text-overflow:ellipsis;white-space:nowrap;z-index:2;color:var(--clk-ink-muted);font-size:var(--_fs);font-weight:var(--weight-medium);letter-spacing:0;transform-origin:var(--_ox) 0;transform:var(--_float);transition:transform var(--_dur) var(--_ease), color var(--_dur) var(--_ease), max-inline-size var(--_dur) var(--_ease);line-height:1;position:absolute;inset-block-start:var(--_ct);inset-inline-start:calc(var(--_cs) + var(--_px) + 1.5px - var(--spacing-4));overflow:hidden}.outline.clk-8b4f6h{inline-size:var(--_cw);block-size:calc(var(--_ch,var(--_h)) + 4.75px);z-index:2;box-sizing:border-box;border:1.5px solid var(--clk-line-strong);border-radius:var(--_or,var(--radius-md));pointer-events:none;min-inline-size:0;transition:border-color var(--dur-base);margin:0;padding:0;position:absolute;inset-block-start:calc(var(--_ct) + .75px - 5.5px);inset-inline-start:var(--_cs)}.outline.clk-8b4f6h legend:where(.clk-8b4f6h){--_sc:calc(var(--_s) + (1 - var(--_s)) * (1 - var(--_open)));--_lm:calc(var(--_px) - var(--spacing-4) + var(--_open) * (var(--spacing-4) * (1 - var(--_s)) + var(--_k)) - .5px);float:none;box-sizing:content-box;block-size:11px;inline-size:auto;white-space:nowrap;visibility:hidden;font-size:calc(var(--_fs) * var(--_sc));font-weight:var(--weight-medium);letter-spacing:0;max-inline-size:calc(var(--_open) * (100% + 5px - var(--_endpad) - var(--_lm)) + .01px);transition:max-inline-size calc(var(--_dur) * (.2 - .02 * var(--_open))) linear calc(var(--_dur) * .58 * (1 - var(--_open))), font-size var(--_dur) var(--_ease), margin-inline-start var(--_dur) var(--_ease);margin-inline-start:var(--_lm);padding:0;line-height:11px;display:block;overflow:hidden}.outline.clk-8b4f6h legend:where(.clk-8b4f6h)>span:where(.clk-8b4f6h){padding-inline:calc(var(--spacing-4) * var(--_sc) + .5px);transition:padding-inline var(--_dur) var(--_ease);line-height:11px;display:inline-block}.control.clk-8b4f6h:focus-within .outline:where(.clk-8b4f6h){border-color:var(--clk-focus-ring);border-width:2px}@supports selector(:has(*)){.control.clk-8b4f6h:has(select:focus-visible) .outline:where(.clk-8b4f6h){outline:2px solid var(--clk-focus-ring);outline-offset:2px}}.invalid.clk-8b4f6h .outline:where(.clk-8b4f6h),.invalid.clk-8b4f6h .control:where(.clk-8b4f6h):focus-within .outline:where(.clk-8b4f6h){border-color:var(--clk-danger)}.control.clk-8b4f6h:focus-within label:where(.clk-8b4f6h){color:var(--clk-accent-ink)}.invalid.clk-8b4f6h label:where(.clk-8b4f6h),.invalid.clk-8b4f6h .control:where(.clk-8b4f6h):focus-within label:where(.clk-8b4f6h){color:var(--clk-danger)}.req.clk-8b4f6h{line-height:inherit;color:var(--clk-danger);margin-inline-start:2px}@supports selector(:has(*)){.control.clk-8b4f6h:has(:where(:is(input:not([type]),input[type=text],input[type=email],input[type=tel],input[type=url],input[type=password],input[type=number],input[type=search]):placeholder-shown:not(:focus,[data-float]))) label:where(.clk-8b4f6h){pointer-events:none;max-inline-size:calc(var(--_cw) - var(--_px) - var(--_endpad) + 5px);color:var(--clk-ink-placeholder);transform:translate(0, calc((var(--_ch,var(--_h)) - var(--_lbh)) / 2)) scale(1)}.control.clk-8b4f6h:has(:where(textarea:placeholder-shown:not(:focus,[data-float]))) label:where(.clk-8b4f6h){pointer-events:none;max-inline-size:calc(var(--_cw) - var(--_px) - var(--_endpad) + 5px);color:var(--clk-ink-placeholder);transform:translate(0, calc(1.5px + var(--_py))) scale(1)}.control.clk-8b4f6h:has(:where(:is(input:not([type]),input[type=text],input[type=email],input[type=tel],input[type=url],input[type=password],input[type=number],input[type=search]):placeholder-shown:not(:focus,[data-float]),textarea:placeholder-shown:not(:focus,[data-float]))){--_open:0}.clk-field.invalid.clk-8b4f6h label:where(.clk-8b4f6h){color:var(--clk-danger)}.control.clk-8b4f6h :is(input,textarea):not([data-float])::placeholder{transition:color calc(var(--_dur) * .5) linear calc(var(--_dur) * .55)}.control.clk-8b4f6h :is(input,textarea):not(:focus,[data-float])::placeholder{color:#0000;transition:none}.control.clk-8b4f6h:has(:disabled) label:where(.clk-8b4f6h){opacity:.5}.control.clk-8b4f6h:has(:disabled) .outline:where(.clk-8b4f6h){opacity:.5}.control.clk-8b4f6h:has(input:-webkit-autofill) label:where(.clk-8b4f6h){transform:var(--_float)}.control.clk-8b4f6h:has(input:-webkit-autofill){--_open:1}.control.clk-8b4f6h:has(input:autofill) label:where(.clk-8b4f6h){transform:var(--_float)}.control.clk-8b4f6h:has(input:autofill){--_open:1}}@media (prefers-reduced-motion:reduce){label.clk-8b4f6h,.outline.clk-8b4f6h,.outline.clk-8b4f6h legend:where(.clk-8b4f6h),.control.clk-8b4f6h input::placeholder,.control.clk-8b4f6h textarea::placeholder{transition:none}}.adornment.clk-8b4f6h{font-size:var(--fs-caption);color:var(--clk-ink-muted);margin-inline-start:auto}.control.clk-8b4f6h input,.control.clk-8b4f6h textarea{text-align:start;unicode-bidi:plaintext}.control.clk-8b4f6h input:not([type=checkbox],[type=radio]),.control.clk-8b4f6h textarea,.control.clk-8b4f6h select{border-color:#0000}.control.clk-8b4f6h input:not([type=checkbox],[type=radio]):focus,.control.clk-8b4f6h textarea:focus,.control.clk-8b4f6h select:focus{box-shadow:none;border-color:#0000}.control.clk-8b4f6h input:not([type=checkbox],[type=radio]):focus-visible,.control.clk-8b4f6h textarea:focus-visible,.control.clk-8b4f6h select:focus-visible{border-radius:var(--radius-md);outline:none}.foot.clk-8b4f6h{align-items:baseline;gap:var(--spacing-8);font-size:var(--fs-caption);margin-block-start:var(--spacing-4);display:flex}.msg.clk-8b4f6h{font-size:var(--fs-caption);line-height:var(--lh-normal);margin:0}.hint.clk-8b4f6h{color:var(--clk-ink-muted)}.error.clk-8b4f6h{color:var(--clk-danger);animation:shakeIn var(--dur-slow) var(--ease-out)}
