System.register(["lit"],function(_export,_context){"use strict";var r,_templateObject,s;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",s=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: inline-block;\n  }\n\n  .swatch {\n    position: relative;\n    width: var(--nile-spacing-3xl, var(--ng-spacing-3xl));\n    height: var(--nile-spacing-3xl, var(--ng-spacing-3xl));\n    border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-secondary));\n    border-radius: var(--nile-radius-sm, var(--ng-radius-sm));\n    background: transparent;\n    cursor: pointer;\n    box-sizing: border-box;\n    padding: 0;\n    outline: none;\n    transition: transform 0.15s ease, border-color 0.15s ease;\n    overflow: hidden;\n  }\n\n  .swatch:hover {\n    transform: translateY(-1px);\n  }\n\n\n  .swatch__fill {\n    position: absolute;\n    inset: 0;\n  }\n\n  .swatch__check {\n    position: absolute;\n    inset: 0;\n    display: grid;\n    place-items: center;\n    pointer-events: none;\n    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.24));\n  }\n\n  .swatch__check nile-glyph {\n    --size: var(--nile-spacing-2xl, var(--ng-spacing-2xl));\n    display: block;\n  }\n"]))));}};});
//# sourceMappingURL=nile-color-swatch.css.cjs.js.map
