/*!
Copyright 2023 Adobe. All rights reserved.
This file is licensed to you under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License. You may obtain a copy
of the License at http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under
the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
OF ANY KIND, either express or implied. See the License for the specific language
governing permissions and limitations under the License.
*/

.spectrum-HelpText{
  --spectrum-helptext-line-height:var(--spectrum-line-height-100);
  --spectrum-helptext-content-color-default:var(--spectrum-neutral-subdued-content-color-default);
  --spectrum-helptext-icon-color-default:var(--spectrum-neutral-subdued-content-color-default);
  --spectrum-helptext-disabled-content-color:var(--spectrum-disabled-content-color);
}

.spectrum-HelpText.spectrum-HelpText--neutral{
    --spectrum-helptext-content-color-default:var(--spectrum-neutral-subdued-content-color-default);
    --spectrum-helptext-icon-color-default:var(--spectrum-neutral-subdued-content-color-default);
  }

.spectrum-HelpText.spectrum-HelpText--negative{
    --spectrum-helptext-content-color-default:var(--spectrum-negative-color-900);
    --spectrum-helptext-icon-color-default:var(--spectrum-negative-color-900);
  }

.spectrum-HelpText.is-disabled{
    --spectrum-helptext-content-color-default:var(--spectrum-helptext-disabled-content-color);
    --spectrum-helptext-icon-color-default:var(--spectrum-helptext-disabled-content-color);
  }

.spectrum-HelpText:lang(ja),
  .spectrum-HelpText:lang(zh),
  .spectrum-HelpText:lang(ko){
    --spectrum-helptext-line-height-cjk:var(--spectrum-cjk-line-height-100);
  }

.spectrum-HelpText--sizeS{
  --spectrum-helptext-min-height:var(--spectrum-component-height-75);
  --spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-75);
  --spectrum-helptext-font-size:var(--spectrum-font-size-75);
  --spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-75);
  --spectrum-helptext-top-to-workflow-icon:var(--spectrum-help-text-top-to-workflow-icon-small);
  --spectrum-helptext-bottom-to-workflow-icon:var(--spectrum-helptext-top-to-workflow-icon);
  --spectrum-helptext-top-to-text:var(--spectrum-component-top-to-text-75);
  --spectrum-helptext-bottom-to-text:var(--spectrum-component-bottom-to-text-75);
}

.spectrum-HelpText--sizeM{
  --spectrum-helptext-min-height:var(--spectrum-component-height-75);
  --spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-100);
  --spectrum-helptext-font-size:var(--spectrum-font-size-75);
  --spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-75);
  --spectrum-helptext-top-to-workflow-icon:var(--spectrum-help-text-top-to-workflow-icon-medium);
  --spectrum-helptext-bottom-to-workflow-icon:var(--spectrum-helptext-top-to-workflow-icon);
  --spectrum-helptext-top-to-text:var(--spectrum-component-top-to-text-75);
  --spectrum-helptext-bottom-to-text:var(--spectrum-component-bottom-to-text-75);
}

.spectrum-HelpText--sizeL{
  --spectrum-helptext-min-height:var(--spectrum-component-height-100);
  --spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-200);
  --spectrum-helptext-font-size:var(--spectrum-font-size-100);
  --spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-100);
  --spectrum-helptext-top-to-workflow-icon:var(--spectrum-help-text-top-to-workflow-icon-large);
  --spectrum-helptext-bottom-to-workflow-icon:var(--spectrum-helptext-top-to-workflow-icon);
  --spectrum-helptext-top-to-text:var(--spectrum-component-top-to-text-100);
  --spectrum-helptext-bottom-to-text:var(--spectrum-component-bottom-to-text-100);
}

.spectrum-HelpText--sizeXL{
  --spectrum-helptext-min-height:var(--spectrum-component-height-200);
  --spectrum-helptext-icon-size:var(--spectrum-workflow-icon-size-300);
  --spectrum-helptext-font-size:var(--spectrum-font-size-200);
  --spectrum-helptext-text-to-visual:var(--spectrum-text-to-visual-200);
  --spectrum-helptext-top-to-workflow-icon:var(--spectrum-help-text-top-to-workflow-icon-extra-large);
  --spectrum-helptext-bottom-to-workflow-icon:var(--spectrum-helptext-top-to-workflow-icon);
  --spectrum-helptext-top-to-text:var(--spectrum-component-top-to-text-200);
  --spectrum-helptext-bottom-to-text:var(--spectrum-component-bottom-to-text-200);
}

@media (forced-colors: active){
  .spectrum-HelpText{
    --highcontrast-helptext-content-color-default:CanvasText;
    --highcontrast-helptext-icon-color-default:CanvasText;

    forced-color-adjust:none;
  }

    .spectrum-HelpText .spectrum-HelpText-validationIcon,
    .spectrum-HelpText .spectrum-HelpText-text{
      forced-color-adjust:none;
    }
}

.spectrum-HelpText{
  color:var(--highcontrast-helptext-content-color-default, var(--mod-helptext-content-color-default, var(--spectrum-helptext-content-color-default)));
  display:flex;
  font-size:var(--mod-helptext-font-size, var(--spectrum-helptext-font-size));
  min-block-size:var(--mod-helptext-min-height, var(--spectrum-helptext-min-height));
}

.spectrum-HelpText .spectrum-HelpText-validationIcon{
    margin-inline-end:var(--mod-helptext-text-to-visual, var(--spectrum-helptext-text-to-visual));
    padding-block-start:var(--mod-helptext-top-to-workflow-icon, var(--spectrum-helptext-top-to-workflow-icon));
    padding-block-end:var(--mod-helptext-bottom-to-workflow-icon, var(--spectrum-helptext-bottom-to-workflow-icon));
    flex-shrink:0;
    block-size:var(--mod-helptext-icon-size, var(--spectrum-helptext-icon-size));
    inline-size:var(--mod-helptext-icon-size, var(--spectrum-helptext-icon-size));
  }

.spectrum-HelpText .spectrum-HelpText-text{
    padding-block-start:var(--mod-helptext-top-to-text, var(--spectrum-helptext-top-to-text));
    padding-block-end:var(--mod-helptext-bottom-to-text, var(--spectrum-helptext-bottom-to-text));
    line-height:var(--mod-helptext-line-height, var(--spectrum-helptext-line-height));
  }

.spectrum-HelpText:lang(ja) .spectrum-HelpText-text, .spectrum-HelpText:lang(zh) .spectrum-HelpText-text, .spectrum-HelpText:lang(ko) .spectrum-HelpText-text{
      line-height:var(--mod-helptext-line-height-cjk, var(--spectrum-helptext-line-height-cjk));
    }

.spectrum-HelpText.spectrum-HelpText--neutral .spectrum-HelpText-text{
      color:var(--highcontrast-helptext-content-color-default, var(--mod-helptext-content-color-default, var(--spectrum-helptext-content-color-default)));
    }

.spectrum-HelpText.spectrum-HelpText--neutral .spectrum-HelpText-validationIcon{
      color:var(--highcontrast-helptext-icon-color-default, var(--mod-helptext-icon-color-default, var(--spectrum-helptext-icon-color-default)));
    }

.spectrum-HelpText.spectrum-HelpText--negative .spectrum-HelpText-text{
      color:var(--highcontrast-helptext-content-color-default, var(--mod-helptext-content-color-default, var(--spectrum-helptext-content-color-default)));
    }

.spectrum-HelpText.spectrum-HelpText--negative .spectrum-HelpText-validationIcon{
      color:var(--highcontrast-helptext-icon-color-default, var(--mod-helptext-icon-color-default, var(--spectrum-helptext-icon-color-default)));
    }

.spectrum-HelpText.is-disabled .spectrum-HelpText-text{
      color:var(--highcontrast-helptext-content-color-default, var(--mod-helptext-content-color-default, var(--spectrum-helptext-content-color-default)));
    }

.spectrum-HelpText.is-disabled .spectrum-HelpText-validationIcon{
      color:var(--highcontrast-helptext-icon-color-default, var(--mod-helptext-icon-color-default, var(--spectrum-helptext-icon-color-default)));
    }
