System.register(["lit"],function(_export,_context){"use strict";var t,_templateObject,i;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){t=_lit.css;}],execute:function execute(){_export("s",i=t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    -webkit-font-smoothing: var(\n      --nile-webkit-font-smoothing,\n      var(--ng-webkit-font-smoothing)\n    );\n    -moz-osx-font-smoothing: var(\n      --nile-moz-osx-font-smoothing,\n      var(--ng-moz-osx-font-smoothing)\n    );\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n    display: inline-block;\n  }\n\n  .status-light {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--nile-spacing-sm, var(--ng-spacing-2));\n    box-sizing: border-box;\n  }\n\n  .status-light__dot {\n    position: relative;\n    flex: none;\n    border-radius: var(--nile-radius-full, var(--ng-radius-full));\n    width: var(--nile-height-10px, var(--ng-height-10px));\n    height: var(--nile-height-10px, var(--ng-height-10px));\n    background: var(--nile-colors-gray-light-mode-500, var(--ng-componentcolors-utility-gray-500));\n  }\n\n  .status-light__label {\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n    line-height: var(--nile-type-scale-5, var(--ng-line-height-text-sm));\n    letter-spacing: 0.2px;\n    color: var(--nile-colors-dark-900, var(--ng-componentcolors-utility-gray-900));\n  }\n\n  /* #region Sizes */\n\n  .status-light--small .status-light__dot {\n    width: var(--nile-height-8px, var(--ng-height-8px));\n    height: var(--nile-height-8px, var(--ng-height-8px));\n  }\n\n  .status-light--medium .status-light__dot {\n    width: var(--nile-height-10px, var(--ng-height-10px));\n    height: var(--nile-height-10px, var(--ng-height-10px));\n  }\n\n  .status-light--large .status-light__dot {\n    width: var(--nile-height-12px, var(--ng-height-12px));\n    height: var(--nile-height-12px, var(--ng-height-12px));\n  }\n\n  .status-light--x-large .status-light__dot {\n    width: var(--nile-height-14px, var(--ng-height-14px));\n    height: var(--nile-height-14px, var(--ng-height-14px));\n  }\n\n  .status-light--large .status-light__label,\n  .status-light--x-large .status-light__label {\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n    line-height: var(--nile-type-scale-6, var(--ng-line-height-text-md));\n  }\n\n \n\n  .status-light--positive .status-light__dot {\n    background: var(--nile-colors-green-500, var(--ng-componentcolors-utility-success-500));\n  }\n\n  .status-light--negative .status-light__dot {\n    background: var(--nile-colors-red-500, var(--ng-componentcolors-utility-error-500));\n  }\n\n  .status-light--notice .status-light__dot {\n    background: var(--nile-colors-yellow-500, var(--ng-componentcolors-utility-warning-500));\n  }\n\n  .status-light--informative .status-light__dot {\n    background: var(--nile-colors-blue-500, var(--ng-componentcolors-utility-blue-light-500));\n  }\n\n  .status-light--neutral .status-light__dot {\n    background: var(--nile-colors-gray-light-mode-500, var(--ng-componentcolors-utility-gray-500));\n  }\n\n  .status-light--inactive .status-light__dot {\n    background: var(--nile-colors-gray-light-mode-300, var(--ng-componentcolors-utility-gray-300));\n  }\n\n  .status-light--inactive .status-light__label {\n    color: var(--nile-colors-text-tertiary, var(--ng-componentcolors-utility-gray-500));\n  }\n\n  .status-light--disabled .status-light__dot {\n    background: var(--nile-colors-text-disabled, var(--ng-componentcolors-utility-gray-300));\n  }\n\n  .status-light--disabled .status-light__label {\n    color: var(--nile-colors-text-disabled, var(--ng-colors-text-disabled));\n  }\n\n \n\n  .status-light--pulse .status-light__dot::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    border-radius: inherit;\n    background: inherit;\n    animation: status-light-pulse 1.5s ease-out infinite;\n  }\n\n  @keyframes status-light-pulse {\n    0% {\n      transform: scale(1);\n      opacity: 0.6;\n    }\n    100% {\n      transform: scale(2.5);\n      opacity: 0;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .status-light--pulse .status-light__dot::after {\n      animation: none;\n    }\n  }\n\n  /* #endregion */\n"]))));}};});
//# sourceMappingURL=nile-status-light.css.cjs.js.map
