"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("styled-components"),t=require("../../utils/index.js");function r(e){return e&&e.__esModule?e:{default:e}}var i=r(o);const a=i.default.div`
  display: flex;
  position: relative;
  background: ${t.getColorAlias("containerStrong")};
  border-radius: ${({theme:e})=>e.radius.roundedE};
  padding: 2px;
  width: fit-content;
  font-weight: ${e=>e.theme.font.weightBold};
  font-family: ${e=>e.theme.font.familyPrimary};
  ${t.getFontSize("size14")};
  height: ${e=>e.height}px;
`,n=i.default.div`
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: ${e=>e.width}px;
  left: ${e=>e.left}px;
  height: ${e=>e.height}px;
  max-height: ${e=>e.height}px;
  bottom: 2px;
  border-radius: ${({theme:e})=>e.radius.roundedE};
  background-color: ${t.getColorAlias("interactiveLight")};
  box-shadow: ${e=>e.theme.elevation.e3};
  color: ${t.getColorAlias("contentInteractiveDark")};
  transition: ${({theme:e})=>`${e.motion.speed.exitM} ${e.motion.easing.easeDefault}`};

  svg {
    margin-right: ${t.getSpacing("s01")};
    vertical-align: middle;
  }
`;exports.Indicator=n;exports.Wrapper=a;
