System.register(["lit"],function(_export,_context){"use strict";var r,_templateObject,o;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){r=_lit.css;}],execute:function execute(){_export("s",o=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\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    box-sizing: border-box;\n    display: block;\n    width: 100%;\n  }\n\n  .skeleton-loader {\n    display: block;\n    width: 100%;\n  }\n\n  .skeleton {\n    display: block;\n    background: var(--nile-colors-neutral-400, var(--ng-colors-bg-tertiary));\n    animation: blink 1.2s ease-in-out infinite;\n    box-sizing: border-box;\n  }\n\n  .skeleton--rectangular {\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n  }\n\n  .skeleton--circular {\n    border-radius: 50%;\n    aspect-ratio: 1 / 1;\n  }\n\n  .skeleton--text {\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n    height: 1em;\n  }\n\n  .skeleton--rounded {\n    border-radius: var(--nile-radius-radius-md, var(--ng-radius-md));\n  }\n\n  @keyframes blink {\n    0%, 100% {\n      opacity: 0.6;\n    }\n    50% {\n      opacity: 1;\n    }\n  }\n"]))));}};});
//# sourceMappingURL=nile-skeleton-loader.css.cjs.js.map
