@import './theme.less';

.active {
  animation: shine 1s infinite linear;
  background: repeating-linear-gradient(135deg, transparent, transparent 3px, @--color-primary 3px, @--color-primary 8px);
  border: none!important;
}

@keyframes shine {
  0% {
    background-position: -1px -1px;
  }
  100% {
    background-position: -12px -12px;
  }
}

.domain {
  border-radius: .1875rem;
  border: .0625rem dashed rgba(0, 0, 0, .3);
  cursor: pointer;
  position: absolute;
  width: 176px;
  overflow: hidden;

  .d-content {
    margin: 1px;
    padding: 10px;
    background-color: #fff;
  }

  .name {
    color: red;
  }
}