.Repeatable-title {
  display: none;
}

.Repeatable-controls {
  margin-top: var(--gap-l);
}

.Repeatable-add {
  .IconButton.no-Fill;
  .Link;
  .Link.is-black;

  --IconButton-name: 'add';
}

// Legacy.
.widget-urlsItem {
  position: relative;

  .widget-urlsItemLabel {
    margin-bottom: var(--gap-s);
    padding-right: calc(var(--gap-s) + var(--Icon-size));
    width: 100%;
  }

  .widget-urlsItemRemove,
  .removeButton {
    .IconButton;
    .IconButton.is-red;

    --IconButton-name: 'remove';

    position: absolute;
    right: calc(0px - var(--gap-s));
    top: calc(0px - var(--gap-s));

    input[type='checkbox'] {
      &::after,
      &::before {
        display: none;
      }
    }
  }

  .widget-urlsItemRemove:hover::before,
  .widget-urlsItemRemove::before {
    position: absolute;
  }

  .widget-urlsItemRemove input {
    left: var(--gap-s);
    top: var(--gap-s);
  }

  select[name$='/directory.siteId'] + .ComboInput {
    margin-right: var(--gap-s);
    width: calc(60% - var(--gap-s));
  }

  select[name$='/directory.type'] + .ComboInput {
    width: 40%;
  }
}

.widget-urlsRepeatable {
  .widget-urlsItem {
    margin-top: calc(var(--gap-l) - var(--gap-s));

    .removeButton {
      top: 0;
    }
  }
}

.widget-urlsItem.is-removing {
  .Link.is-red;

  --Input-borderColor: transparent;

  background: var(--color-red1);
  color: var(--color-red6);
  text-decoration: line-through;

  .widget-urlsItemRemove {
    .Link.is-blue;

    --IconButton-name: 'add';
  }

  a,
  input[type],
  select,
  textarea,
  .ComboInput {
    pointer-events: none;
  }

  .ComboInput-icon::after {
    display: none;
  }
}
