System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,n;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",n=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    --loader-spacing: var(--nile-spacing-lg, var(--ng-spacing-xl));\n    --loader-label-font-size: var(--nile-type-scale-3,var(--ng-font-size-text-sm));\n    --loader-label-line-height: var(--nile-line-height-small,var(--ng-line-height-text-sm));\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .loader__container {\n    display: inline-flex;\n    flex-direction: column;\n    align-items: center;\n    gap: var(--loader-spacing);\n  }\n\n  .loader__container--sm {}\n\n  .loader__container--md {}\n\n  .loader__container--lg {\n    --loader-label-font-size: var(--nile-type-scale-5,var(--ng-font-size-text-lg));\n    --loader-label-line-height: var(--nile-line-height-large,var(--ng-line-height-text-lg));\n  }\n  \n  .loader__container--xl {\n    --loader-spacing: var(--nile-spacing-xl,var(--ng-spacing-xl));\n    --loader-label-font-size: var(--nile-type-scale-5,var(--ng-font-size-text-lg));\n    --loader-label-line-height: var(--nile-line-height-large,var(--ng-line-height-text-lg));\n  }\n\n  .svg__container {\n    display: flex;\n    position: relative;\n    transform: translate(50%, 50%);\n  }\n\n  .loader__label {\n    font-size: var(--loader-label-font-size);\n    line-height: var(--loader-label-line-height); \n    font-family:var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-medium,var(--ng-font-weight-medium));\n  }\n\n  .nile-loader__v1 {\n    border-radius: 50%;\n    display: inline-block;\n    border-top: 1px solid currentColor;\n    border-right: 1px solid currentColor;\n    box-shadow: 0 1px 1px -1px currentColor;\n    box-sizing: border-box;\n    animation: rotation 0.5s linear infinite;\n  }\n\n  @keyframes rotation {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n\n  .nile-loader__v2,\n  .nile-loader__v3 {\n    animation: spin 1.5s linear infinite;\n  }\n\n  @keyframes spin {\n    0% {\n      transform: translate(-50%, -50%) rotate(0deg);\n    }\n    100% {\n      transform: translate(-50%, -50%) rotate(360deg);\n    }\n  }\n"]))));}};});
//# sourceMappingURL=nile-loader.css.cjs.js.map
