System.register(["lit"],function(_export,_context){"use strict";var t,_templateObject,p;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",p=t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host { }\n\n  .tippy-box[data-animation=fade][data-state=hidden] { opacity: 0; }\n  [data-tippy-root] { max-width: calc(100vw - 10px); }\n\n  .tippy-box {\n    position: relative;\n    background-color: var(--nile-colors-dark-900, var(--ng-colors-bg-primary-solid));\n    color: var(--nile-colors-dark-200, var(--ng-colors-text-white));\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-semibold));\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-xs));\n    line-height: 1.4;\n    white-space: normal;\n    outline: 0;\n    transition-property: transform, visibility, opacity;\n    padding: var(--nile-spacing-xs, var(--ng-spacing-md)) var(--nile-spacing-sm, var(--ng-spacing-lg));\n    box-shadow: 0px 12px 16px -4px #0A0D1214, 0px 4px 6px -2px #0A0D1208, 0px 2px 2px -1px #0A0D120A;\n   }\n\n \n  .tippy-box[data-placement^=top] > .tippy-arrow { bottom: 0; }\n  .tippy-box[data-placement^=top] > .tippy-arrow:before {\n    bottom: -7px;\n    border-width: 8px 8px 0;\n    border-top-color: initial;\n  }\n\n  .tippy-box[data-placement^=bottom] > .tippy-arrow { top: 0; }\n  .tippy-box[data-placement^=bottom] > .tippy-arrow:before {\n    top: -7px;\n    border-width: 0 8px 8px;\n    border-bottom-color: initial;\n  }\n\n  .tippy-box[data-placement^=left] > .tippy-arrow { right: 0; }\n  .tippy-box[data-placement^=left] > .tippy-arrow:before {\n    right: -7px;\n    border-width: 8px 0 8px 8px;\n    border-left-color: initial;\n  }\n\n  .tippy-box[data-placement^=right] > .tippy-arrow { left: 0; }\n  .tippy-box[data-placement^=right] > .tippy-arrow:before {\n    left: -7px;\n    border-width: 8px 8px 8px 0;\n    border-right-color: initial;\n  }\n\n  .tippy-box[data-inertia][data-state=visible] {\n    transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11);\n  }\n\n  .tippy-box.large { font-size: 16px; padding: 8px 12px; }\n  .tippy-arrow { width: 16px; height: 16px; color: #333; }\n  .tippy-arrow:before {\n    content: \"\";\n    position: absolute;\n    border-color: transparent;\n    border-style: solid;\n  }\n\n  .tippy-content {\n    position: relative;\n    z-index: 1;\n  }\n\n  .tippy-box[data-placement^=top] > .tippy-svg-arrow { bottom: 0; }\n  .tippy-box[data-placement^=top] > .tippy-svg-arrow:after,\n  .tippy-box[data-placement^=top] > .tippy-svg-arrow > svg {\n    top: 16px;\n    transform: rotate(180deg);\n  }\n  .tippy-box[data-placement^=bottom] > .tippy-svg-arrow { top: 0; }\n  .tippy-box[data-placement^=bottom] > .tippy-svg-arrow > svg { bottom: 16px; }\n  .tippy-box[data-placement^=left] > .tippy-svg-arrow { right: 0; }\n  .tippy-box[data-placement^=left] > .tippy-svg-arrow:after,\n  .tippy-box[data-placement^=left] > .tippy-svg-arrow > svg {\n    transform: rotate(90deg);\n    top: calc(50% - 3px);\n    left: 11px;\n  }\n  .tippy-box[data-placement^=right] > .tippy-svg-arrow { left: 0; }\n  .tippy-box[data-placement^=right] > .tippy-svg-arrow:after,\n  .tippy-box[data-placement^=right] > .tippy-svg-arrow > svg {\n    transform: rotate(-90deg);\n    top: calc(50% - 3px);\n    right: 11px;\n  }\n\n  .tippy-svg-arrow {\n    width: 16px;\n    height: 16px;\n    fill: var(--nile-colors-dark-900, var(--ng-colors-bg-primary-solid));\n    text-align: initial;\n    position: absolute;\n  }\n\n  .tippy-svg-arrow > svg {\n    position: absolute;\n  }\n"]))));!function(){var t="nile-lite-tooltip-styles";if(document.getElementById(t))return;var o=document.createElement("style");o.id=t,o.textContent=p.cssText,document.head.appendChild(o);}();}};});
//# sourceMappingURL=nile-lite-tooltip.css.cjs.js.map
