.sp-sortable-item-area {
  margin: 10px 0;
  z-index: 999999;
}
.sp-sortable-item-area.sp-sortable-item-area-meta .sp-sortable-control-area {
  padding: 20px 15px 10px;
}
.sp-sortable-item-area .sp-sortable-item {
  display: flex;
  background: #ffffff;
  border: 1px solid #d5dadf;
}
.sp-sortable-item-area .sp-sortable-item:hover {
  background: #fafafb;
}
.sp-sortable-item-area .sp-sortable-item.disabled .sp-sortable-label {
  flex-basis: 80%;
  padding-right: 15px;
}
.sp-sortable-item-area .sp-sortable-item.editable .sp-sortable-label {
  flex-basis: 40%;
  flex-grow: 1;
}
.sp-sortable-item-area .sp-sortable-item.editable.disabled .sp-sortable-label {
  flex-basis: 60%;
}
.sp-sortable-item-area .sp-sortable-item.hidden {
  color: #e5e5e5;
}
.sp-sortable-item-area .sp-sortable-item.hidden .sp-sortable-handle span {
  background: linear-gradient(-180deg, #e5e5e5, #e5e5e5 20%, #fff 0, #fff 40%, #e5e5e5 0, #e5e5e5 60%, #fff 0, #fff 80%, #e5e5e5 0, #e5e5e5);
}
.sp-sortable-item-area .sp-sortable-item.hidden .sp-sortable-label {
  color: #e5e5e5;
}
.sp-sortable-item-area .sp-sortable-item.hidden .sp-sortable-button svg {
  fill: #e5e5e5;
}
.sp-sortable-item-area .sp-sortable-item .sp-sortable-handle {
  display: flex;
  justify-content: center;
  align-self: center;
  flex-basis: 20%;
  padding: 15px 0;
  cursor: move;
}
.sp-sortable-item-area .sp-sortable-item .sp-sortable-handle:focus {
  box-shadow: inset 0 0 0 1px #6c7781, inset 0 0 0 2px #fff;
}
.sp-sortable-item-area .sp-sortable-item .sp-sortable-handle span {
  display: flex;
  align-self: center;
  width: 18px;
  height: 11px;
  background: linear-gradient(-180deg, #000, #000 20%, #fff 0, #fff 40%, #000 0, #000 60%, #fff 0, #fff 80%, #000 0, #000);
}
.sp-sortable-item-area .sp-sortable-item .sp-sortable-label {
  cursor: default;
  flex-basis: 60%;
  display: flex;
  align-items: center;
}
.sp-sortable-item-area .sp-sortable-item .sp-sortable-label::selection {
  background: none;
}
.sp-sortable-item-area .sp-sortable-item .sp-sortable-button {
  height: auto;
  flex-basis: 20%;
  justify-content: center;
  padding: 10px 5px;
  border-right: 1px solid #d5dadf;
  border-radius: 0;
}
.sp-sortable-item-area .sp-sortable-item .sp-sortable-button.components-icon-button:not(:disabled):not([aria-disabled=true]):not(.is-default):hover {
  background: #fafafb;
  border-radius: 0;
  box-shadow: none;
}
.sp-sortable-item-area .sp-sortable-item .sp-sortable-button .dashicon {
  margin: 2px;
}
.sp-sortable-item-area .sp-sortable-control-area {
  background: #ffffff;
  border: 1px solid #d5dadf;
  border-top: none;
  padding: 10px 15px;
  display: none;
}
.sp-sortable-item-area .sp-sortable-control-area.opened {
  display: block;
}
.sp-sortable-item-area .sp-sortable-control-area.opened .components-base-control {
  margin: 24px 0;
}
.sp-sortable-item-area .sp-sortable-control-area.opened .components-base-control:first-child {
  margin-top: 8px;
}