System.register(["lit"],function(_export,_context){"use strict";var o,_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){o=_lit.css;}],execute:function execute(){_export("s",n=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: inline-block;\n    color:  var(--nile-colors-neutral-700);\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  .icon-button {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    background: none;\n    border: none;\n    border-radius: var(--nile-radius-sm);\n    font-size: inherit;\n    color: inherit;\n    padding: var(--nile-radius-md);\n    cursor: pointer;\n    transition: 50ms;\n    -webkit-appearance: none;\n  }\n\n  .icon-button:hover:not(.icon-button--disabled),\n  .icon-button:focus-visible:not(.icon-button--disabled) {\n    color: var(--nile-colors-blue-500)\n  }\n\n  .icon-button:active:not(.icon-button--disabled) {\n    color: hsl(201.3 96.3% 32.2%);\n  }\n\n  .icon-button:focus {\n    outline: none;\n  }\n\n  .icon-button--disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .icon-button:focus-visible {\n    outline: hsl(200.4 98% 39.4%);\n    outline-offset: 1px;\n  }\n\n  .icon-button__icon {\n    pointer-events: none;\n  }\n"]))));}};});
//# sourceMappingURL=nile-icon-button.css.cjs.js.map
