/* 活码列表 / 编辑页 / 弹窗 共用提示条（Figma tip）；边距由修饰类区分场景 */

.active-tip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 40px;
  padding: 9px 16px 9px 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #e2ecf6;
  margin: 0 0 16px 0;
}

.active-tip--in-list {
  margin: -16px -24px;
  margin-bottom: 16px;
}

.active-tip--in-modal {
  margin: -48px;
  margin-bottom: 16px;
}

#active-old-version-tip {
  margin-top: -8px;
}

.active-tip::before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2716%27%20height%3D%2716%27%20viewBox%3D%270%200%2016%2016%27%20fill%3D%27none%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M8%201C4.13438%201%201%204.13438%201%208C1%2011.8656%204.13438%2015%208%2015C11.8656%2015%2015%2011.8656%2015%208C15%204.13438%2011.8656%201%208%201ZM7.5%204.625C7.5%204.55625%207.55625%204.5%207.625%204.5H8.375C8.44375%204.5%208.5%204.55625%208.5%204.625V8.875C8.5%208.94375%208.44375%209%208.375%209H7.625C7.55625%209%207.5%208.94375%207.5%208.875V4.625ZM8%2011.5C7.58594%2011.5%207.25%2011.1641%207.25%2010.75C7.25%2010.3359%207.58594%2010%208%2010C8.41406%2010%208.75%2010.3359%208.75%2010.75C8.75%2011.1641%208.41406%2011.5%208%2011.5Z%27%20fill%3D%27%231479E7%27%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

.active-tip__text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  font-size: 14px;
  line-height: 21px;
  color: rgba(0, 0, 0, 0.85);
  text-align: left;
}

.active-tip__link {
  color: #166bc7;
  white-space: nowrap;
  margin-left: 2px;
}

.active-tip__link:hover {
  color: #01347a;
  text-decoration: underline;
}