"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("styled-components"),e=require("../../utils/index.js");function n(t){return t&&t.__esModule?t:{default:t}}var o=n(i);const a=i.keyframes`
    from {
        opacity: 0;
    }
    to {
        opacity: 0.85;
    }
`,r=i.keyframes`
    from {
        opacity: 0.85;
    }
    to {
        opacity: 0;
    }
`,s=o.default.div`
  font-family: ${t=>t.theme.font.familyPrimary};
  cursor: default;
  span {
    cursor: pointer;
  }
`,d=o.default.div`
  font-weight: ${t=>t.theme.font.weightBold};
`,l=o.default.div.withConfig({shouldForwardProp:e.convertToTransientProps(["isVisible","isManual","nonStaticWidth"])})`
  display: flex;
  position: relative;
  flex-direction: column;
  ${t=>t.variant==="icon"?e.getFontSize("size12"):e.getFontSize("size14")};
  background-color: ${e.getColorAlias("containerInverse")};
  opacity: 0.85;
  color: ${e.getColorAlias("contentInverse")};
  width: ${t=>t.nonStaticWidth?"100%":"auto"};
  border-radius: ${t=>t.variant==="icon"?`${t.theme.radius.roundedE} ${t.theme.radius.roundedE}`:t.theme.radius.roundedB};
  ${t=>t.width&&t.variant==="definition"&&!t.nonStaticWidth&&i.css`
      width: ${t.width};
      max-width: 280px;
      min-width: 160px;
    `};
  padding: ${t=>t.variant==="icon"?i.css`
          ${e.getSpacing("s01","s03")}
        `:i.css`
          ${e.getSpacing("s02","s03")}
        `};
  ${t=>t.isManual&&i.css`
      padding-right: 40px;
    `}

  @media(max-width: 600px) {
    ${t=>t.variant==="icon"&&i.css`
        padding: 6px 12px;
        ${e.getFontSize("size14")};
      `}
  }

  z-index: 999;
  animation: ${t=>t.isVisible?a:r}
    ${t=>t.theme.motion.speed.defaultM} ease-in-out;
`,c=o.default.span`
  position: absolute;
  top: 0px;
  right: 4px;
  cursor: pointer;
  svg {
    fill: ${e.getColorAlias("contentInverse")};
  }
`;exports.CloseIconContainer=c;exports.PopoverContainer=l;exports.TooltipTitle=d;exports.Wrapper=s;
