@layer forte.components{._root_1sdem_10{--forte-input-group-height:var(--forte-control-h-md);--forte-input-group-px:var(--forte-control-px-md);--forte-input-group-py:var(--forte-space-1);--forte-input-group-font-size:var(--forte-font-size-2);--forte-input-group-gap:var(--forte-control-gap);--forte-input-group-radius:var(--forte-radius-control);--forte-input-group-border-width:1px;--forte-input-group-icon-size:var(--forte-font-size-3);--forte-input-group-radius-painted:min(var(--forte-input-group-radius), calc(var(--forte-input-group-height) / 2));--forte-input-group-inner-h:calc(var(--forte-input-group-height) - 2 * var(--forte-input-group-py) - 2 * var(--forte-input-group-border-width));--forte-input-group-button-size:var(--forte-input-group-inner-h);--forte-input-group-bg:var(--forte-color-background);--forte-input-group-bg-hover:var(--forte-color-panel-hover);--forte-input-group-fg:var(--forte-color-foreground);--forte-input-group-addon-fg:var(--forte-color-foreground-muted);--forte-input-group-placeholder-fg:var(--forte-color-foreground-muted);--forte-input-group-border-color:var(--forte-color-border);--forte-input-group-border-color-hover:var(--forte-color-border-strong);--forte-input-group-caret-color:var(--forte-color-primary);--forte-input-group-selection-bg:var(--forte-color-primary-soft);--forte-input-group-selection-fg:var(--forte-color-primary-text);box-sizing:border-box;align-items:center;gap:0 var(--forte-input-group-gap);min-block-size:var(--forte-input-group-height);padding-block:var(--forte-input-group-py);padding-inline:var(--forte-input-group-px);border:var(--forte-input-group-border-width) solid var(--forte-input-group-border-color);border-radius:var(--forte-input-group-radius-painted);background-color:var(--forte-input-group-bg);color:var(--forte-input-group-fg);isolation:isolate;cursor:text;transition:background-color var(--forte-duration-fast) var(--forte-ease-standard), border-color var(--forte-duration-fast) var(--forte-ease-standard), outline-color var(--forte-focus-ring-duration) var(--forte-focus-ring-ease), outline-offset var(--forte-focus-ring-duration) var(--forte-focus-ring-ease), box-shadow var(--forte-focus-ring-duration) var(--forte-focus-ring-ease);flex-wrap:nowrap;margin:0;display:inline-flex}._root_1sdem_10[data-full-width]{inline-size:100%}._root_1sdem_10:has(>._addon_1sdem_13:is([data-align=block-start],[data-align=block-end])){flex-wrap:wrap}@media (hover:hover){._root_1sdem_10:hover:not(:has(:is(._input_1sdem_11,._textarea_1sdem_12)[data-disabled]),:has(:is(._input_1sdem_11,._textarea_1sdem_12)[readonly])){background-color:var(--forte-input-group-bg-hover);border-color:var(--forte-input-group-border-color-hover)}}._root_1sdem_10:has(:is(._input_1sdem_11,._textarea_1sdem_12)[data-disabled]){cursor:not-allowed;opacity:.55}._root_1sdem_10:has(:is(._input_1sdem_11,._textarea_1sdem_12)[readonly]){--forte-input-group-bg:var(--forte-color-panel)}._root_1sdem_10:has(:is(._input_1sdem_11,._textarea_1sdem_12)[data-invalid]){--forte-input-group-border-color:var(--forte-color-danger-border);--forte-input-group-border-color-hover:var(--forte-color-danger);--forte-input-group-caret-color:var(--forte-color-danger)}._root_1sdem_10:has(._addon_1sdem_13 :focus-visible){box-shadow:none;outline:none}._root_1sdem_10[data-size=sm]{--forte-input-group-height:var(--forte-control-h-sm);--forte-input-group-px:var(--forte-control-px-sm);--forte-input-group-font-size:var(--forte-font-size-1)}._root_1sdem_10[data-size=md]{--forte-input-group-height:var(--forte-control-h-md);--forte-input-group-px:var(--forte-control-px-md);--forte-input-group-font-size:var(--forte-font-size-2)}._root_1sdem_10[data-size=lg]{--forte-input-group-height:var(--forte-control-h-lg);--forte-input-group-px:var(--forte-control-px-lg);--forte-input-group-font-size:var(--forte-font-size-3)}._root_1sdem_10[data-variant=outline]{--forte-input-group-bg:var(--forte-color-background);--forte-input-group-border-color:var(--forte-color-border)}._root_1sdem_10[data-variant=soft]{--forte-input-group-bg:var(--forte-color-panel);--forte-input-group-border-color:transparent}._root_1sdem_10[data-variant=ghost]{--forte-input-group-bg:transparent;--forte-input-group-border-color:transparent}._input_1sdem_11,._textarea_1sdem_12{box-sizing:border-box;min-inline-size:0;color:var(--forte-input-group-fg);caret-color:var(--forte-input-group-caret-color);font-family:var(--forte-font-sans);font-size:var(--forte-input-group-font-size);font-weight:var(--forte-font-weight-normal);text-align:start;transition:color var(--forte-duration-fast) var(--forte-ease-standard);background-color:#0000;border:0;flex:auto;margin:0;padding:0}._input_1sdem_11::placeholder,._textarea_1sdem_12::placeholder{color:var(--forte-input-group-placeholder-fg);opacity:1}._input_1sdem_11::selection,._textarea_1sdem_12::selection{background-color:var(--forte-input-group-selection-bg);color:var(--forte-input-group-selection-fg)}._input_1sdem_11[data-disabled],._textarea_1sdem_12[data-disabled]{cursor:not-allowed}._input_1sdem_11{line-height:var(--forte-line-height-tight)}._textarea_1sdem_12{--forte-input-group-rows:3;--forte-input-group-max-rows:infinity;--forte-input-group-textarea-py:calc((var(--forte-input-group-inner-h) - 1lh) / 2);padding-block:var(--forte-input-group-textarea-py);min-block-size:calc(var(--forte-input-group-rows) * 1lh + 2 * var(--forte-input-group-textarea-py));max-block-size:calc(var(--forte-input-group-max-rows) * 1lh + 2 * var(--forte-input-group-textarea-py));line-height:var(--forte-line-height-normal);resize:none}._textarea_1sdem_12[data-auto-resize]{field-sizing:content}._addon_1sdem_13{align-self:stretch;align-items:center;gap:var(--forte-input-group-gap);color:var(--forte-input-group-addon-fg);font-family:var(--forte-font-sans);font-size:var(--forte-input-group-font-size);line-height:var(--forte-line-height-tight);-webkit-user-select:none;user-select:none;flex:none;display:inline-flex}._addon_1sdem_13[data-align=inline-start]{order:-1}._addon_1sdem_13[data-align=inline-end]{order:1}._addon_1sdem_13[data-align=block-start],._addon_1sdem_13[data-align=block-end]{inline-size:100%;padding-block:var(--forte-input-group-py);align-self:auto}._addon_1sdem_13[data-align=block-start]{order:-2}._addon_1sdem_13[data-align=block-end]{order:2}:is(._root_1sdem_10:has(._textarea_1sdem_12) ._addon_1sdem_13[data-align=inline-start],._root_1sdem_10:has(._textarea_1sdem_12) ._addon_1sdem_13[data-align=inline-end]){block-size:var(--forte-input-group-inner-h);align-self:flex-start}._addon_1sdem_13>svg{inline-size:var(--forte-input-group-icon-size);block-size:var(--forte-input-group-icon-size);flex:none}._text_1sdem_12{white-space:nowrap;align-items:center;display:inline-flex}._root_1sdem_10 ._addon_1sdem_13 [data-forte=button]{--forte-button-height:var(--forte-input-group-button-size);--forte-button-padding-x:var(--forte-space-2);--forte-button-icon-size:var(--forte-input-group-icon-size);--forte-button-radius:max(var(--forte-radius-1), calc(var(--forte-input-group-radius-painted) - var(--forte-input-group-py)));flex:none}._root_1sdem_10 ._addon_1sdem_13 [data-forte=button][data-icon-only]{inline-size:var(--forte-input-group-button-size);min-inline-size:var(--forte-input-group-button-size)}._root_1sdem_10:has(._addon_1sdem_13[data-align=inline-start] [data-forte=button]){padding-inline-start:var(--forte-input-group-py)}._root_1sdem_10:has(._addon_1sdem_13[data-align=inline-end] [data-forte=button]){padding-inline-end:var(--forte-input-group-py)}}@layer forte.a11y{@media (forced-colors:active){._root_1sdem_10{color:fieldtext;background-color:field;border-color:fieldtext}._root_1sdem_10:has(:is(._input_1sdem_11,._textarea_1sdem_12)[data-disabled]){opacity:1;background-color:canvas;border-color:graytext}._root_1sdem_10:has(:is(._input_1sdem_11,._textarea_1sdem_12)[data-disabled]) :is(._input_1sdem_11,._textarea_1sdem_12,._addon_1sdem_13){color:graytext}._root_1sdem_10:has(._addon_1sdem_13 :focus-visible){box-shadow:none;outline:none}}}