@layer components{._input_kmrn3_1{display:flex;flex-grow:1;user-select:auto;padding:var(--m-control-p-block) 0px;min-width:60px;--_-param-fg-color: inherit;--mx-fg-applied: var(--_-param-fg-color);--mx-fg-ref: var(--mx-fg-applied);--mx-fg-contrast: var(--mx-fg-applied);color:var(--mx-fg-ref);--_-param-bg-color: transparent;--mx-bg-applied: var(--_-param-bg-color);--mx-bg-ref: var(--mx-bg-applied);--mx-bg-contrast: var(--mx-bg-applied);background:var(--mx-bg-ref);border:none;font-family:inherit;font-size:inherit;line-height:inherit;&::placeholder{--_-param-fg-color: var(--m-gray-heavy);--mx-fg-applied: var(--_-param-fg-color);--mx-fg-ref: var(--mx-fg-applied);--mx-fg-contrast: var(--mx-fg-applied);color:var(--mx-fg-ref)}&:focus,&:focus-visible{outline:none}}._inputBorder_kmrn3_38{display:flex;flex-direction:row;align-items:center;gap:var(--m-sp-xs);width:max-content;overflow:clip;transition:box-shadow var(--m-dur) var(--m-ease);--_-param-shadow-shadow: 0 0 0 0 transparent;--mx-shadow-value: var(--_-param-shadow-shadow, 0 0 0 0 transparent);box-shadow:var(--mx-ring-value, 0 0 0 0 transparent),var(--mx-shadow-value, 0 0 0 0 transparent);--mx-shadow-value: inset var(--m-shadow-sm);--_-param-fg-color: var(--m-control-fg);--mx-fg-applied: var(--_-param-fg-color);--mx-fg-ref: var(--mx-fg-applied);--mx-fg-contrast: var(--mx-fg-applied);color:var(--mx-fg-ref);--_-param-bg-color: var(--m-control-bg);--mx-bg-applied: var(--_-param-bg-color);--mx-bg-ref: var(--mx-bg-applied);--mx-bg-contrast: var(--mx-bg-applied);background:var(--mx-bg-ref);--_-param-borderColor-color: var(--m-control-b-color);--mx-borderColor-applied: var(--_-param-borderColor-color);--mx-borderColor-ref: var(--mx-borderColor-applied);--mx-borderColor-contrast: var(--mx-borderColor-applied);border-color:var(--mx-borderColor-ref);border-style:solid;border-width:calc(1px * var(--m-global-shape-lineWidth));border-radius:var(--m-control-rd);font-size:var(--m-prose-secondary-size);line-height:var(--m-prose-secondary-lineHeight);font-weight:var(--m-prose-secondary-weight);&:has(input:disabled),&:has(textarea:disabled){--mx-shadow-value: 0 0 0 0 transparent;--_-param-bg-color: transparent;--mx-bg-applied: var(--_-param-bg-color);--mx-bg-ref: var(--mx-bg-applied);--mx-bg-contrast: var(--mx-bg-applied);background:var(--mx-bg-ref);--_-param-borderColor-lighter-step: 2;--_-param-borderColor-lighter-source: var(--mx-borderColor-applied);--mx-borderColor-ref: oklch(from var(--_-param-borderColor-lighter-source, var(--mx-borderColor-applied)) calc(l + var(--_-param-borderColor-lighter-step) * .5 * (var(--m-global-whenLight, 1) * calc(1 - l) * .3 + var(--m-global-whenDark, 1) * -.08)) calc(c * calc(1 + var(--_-param-borderColor-lighter-step) * .5 * (var(--m-global-whenLight, 1) * -.08) + (var(--m-global-whenDark, 1) * -.02))) h);& input:placeholder,textarea::placeholder{--_-param-fg-lighter-step: 2;--_-param-fg-lighter-source: var(--mx-fg-applied);--mx-fg-ref: oklch(from var(--_-param-fg-lighter-source, var(--mx-fg-applied)) calc(l + var(--_-param-fg-lighter-step) * .5 * (var(--m-global-whenLight, 1) * calc(1 - l) * .3 + var(--m-global-whenDark, 1) * -.08)) calc(c * calc(1 + var(--_-param-fg-lighter-step) * .5 * (var(--m-global-whenLight, 1) * -.08) + (var(--m-global-whenDark, 1) * -.02))) h)}}&:has(input:focus-visible[data-focus-clicked=false]),&:has(textarea:focus-visible[data-focus-clicked=false]){--_-param-bg-lighter-step: 3;--_-param-bg-lighter-source: var(--mx-bg-applied);--mx-bg-ref: oklch(from var(--_-param-bg-lighter-source, var(--mx-bg-applied)) calc(l + var(--_-param-bg-lighter-step) * .5 * (var(--m-global-whenLight, 1) * calc(1 - l) * .3 + var(--m-global-whenDark, 1) * -.08)) calc(c * calc(1 + var(--_-param-bg-lighter-step) * .5 * (var(--m-global-whenLight, 1) * -.08) + (var(--m-global-whenDark, 1) * -.02))) h);--mx-ring-value: 0 0 0 2px var(--m-tint-heavy)}&:has(input:focus),&:has(textarea:focus){--_-param-bg-lighter-step: 3;--_-param-bg-lighter-source: var(--mx-bg-applied);--mx-bg-ref: oklch(from var(--_-param-bg-lighter-source, var(--mx-bg-applied)) calc(l + var(--_-param-bg-lighter-step) * .5 * (var(--m-global-whenLight, 1) * calc(1 - l) * .3 + var(--m-global-whenDark, 1) * -.08)) calc(c * calc(1 + var(--_-param-bg-lighter-step) * .5 * (var(--m-global-whenLight, 1) * -.08) + (var(--m-global-whenDark, 1) * -.02))) h);--mx-ring-value: 0 0 0 0px var(--m-global-trueLightColor), 0 0 0 4px var(--m-tint-light)}&:has(input:hover:not(:disabled):not(:focus)),&:has(textarea:hover:not(:disabled):not(:focus)){--_-param-bg-lighter-step: 2;--_-param-bg-lighter-source: var(--mx-bg-applied);--mx-bg-ref: oklch(from var(--_-param-bg-lighter-source, var(--mx-bg-applied)) calc(l + var(--_-param-bg-lighter-step) * .5 * (var(--m-global-whenLight, 1) * calc(1 - l) * .3 + var(--m-global-whenDark, 1) * -.08)) calc(c * calc(1 + var(--_-param-bg-lighter-step) * .5 * (var(--m-global-whenLight, 1) * -.08) + (var(--m-global-whenDark, 1) * -.02))) h);--_-param-borderColor-heavier-step: 2;--_-param-borderColor-heavier-source: var(--mx-borderColor-applied);--mx-borderColor-ref: oklch(from var(--_-param-borderColor-heavier-source, var(--mx-borderColor-applied)) calc(l + var(--_-param-borderColor-heavier-step) * .5 * (var(--m-global-whenLight, 1) * -1 * l * .08 + var(--m-global-whenDark, 1) * calc(1 - l) * .3)) calc(c * calc(1 + var(--_-param-borderColor-heavier-step) * .5 * (var(--m-global-whenLight, 1) * .01) + (var(--m-global-whenDark, 1) * -.07))) h)}>[data-icon]{margin-inline:var(--m-sp-sm)}padding-inline:var(--m-control-p-inline);>[data-input-border-flush]:first-child{margin-left:calc(-1 * var(--m-control-p-inline))}>[data-input-border-flush]:last-child{margin-right:calc(-1 * var(--m-control-p-inline))}}}@layer components{._root_1e95p_1{display:grid;grid-template-areas:"label" "control" "description";justify-content:start;&[data-horizontal]{flex-direction:row;align-items:center;grid-template-areas:"control label" "description description";grid-template-columns:auto 1fr;&[data-reverse]{grid-template-areas:"label control" "description description";grid-template-columns:auto 1fr}}&[data-stretch]{align-self:stretch;justify-content:stretch}}._control_1e95p_23{grid-area:control;[data-stretch] &{align-self:stretch;justify-content:stretch;width:100%}}._label_1e95p_33{grid-area:label;font-size:var(--m-prose-ambient-size);font-weight:var(--m-prose-ambient-weight);font-family:var(--m-prose-ambient-font);line-height:var(--m-prose-ambient-lineHeight);letter-spacing:var(--m-prose-ambient-letterSpacing);--_-param-fg-color: var(--m-gray-heavy);--mx-fg-applied: var(--_-param-fg-color);--mx-fg-ref: var(--mx-fg-applied);--mx-fg-contrast: var(--mx-fg-applied);color:var(--mx-fg-ref);font-weight:var(--m-fw-bold);margin-bottom:var(--m-sp-xs);margin-left:calc(var(--m-global-shape-roundness) * var(--m-sp-md));[data-horizontal] &{--_-param-fg-color: var(--m-gray-ink);--mx-fg-applied: var(--_-param-fg-color);--mx-fg-ref: var(--mx-fg-applied);--mx-fg-contrast: var(--mx-fg-applied);color:var(--mx-fg-ref);font-weight:var(--m-fw-normal);margin-block-start:5px;[data-reverse] &{margin-inline-start:0;margin-inline-end:calc(var(--m-global-shape-roundness) * var(--m-sp-md))}}}._description_1e95p_53{grid-area:description;font-size:var(--m-prose-ambient-size);font-weight:var(--m-prose-ambient-weight);font-family:var(--m-prose-ambient-font);line-height:var(--m-prose-ambient-lineHeight);letter-spacing:var(--m-prose-ambient-letterSpacing);--_-param-fg-color: var(--m-gray-heavy);--mx-fg-applied: var(--_-param-fg-color);--mx-fg-ref: var(--mx-fg-applied);--mx-fg-contrast: var(--mx-fg-applied);color:var(--mx-fg-ref);font-style:italic;margin-top:var(--m-sp-sm);margin-left:calc(var(--m-global-shape-roundness) * var(--m-sp-md))}}