.p-slide_voice_recorder__waveform_container {
  box-shadow:
    0 0 0 1px $border,
    0 1px 3px 0 #00000014;
}

.p-slide_voice_recorder__cancel {
  background-color: $bg;
  box-shadow: 0 0 0 4px $bg;
  color: $selectFg;
}

.p-slide_voice_over_button__file {
  box-shadow:
    0 0 0 1px $border,
    0 1px 3px 0 #00000014;
}

.p-slide_voice_over_button__remove {
  background-color: $bg;
  box-shadow: 0 0 0 4px $bg;
  color: $selectFg;
}

.p-slides__modal_left {
  background: $bg2;
}

.p-slides__modal_right {
  border-left: 1px solid $border;
}

.p-slides__header__left {
  color: $text;
}

.p-slides__empty {
  color: $disabled;
}

.p-slides__timeline__slide--current:after {
  box-shadow: inset 0 0 0 3px $accentT;
}

.p-slides__timeline__delete {
  background: $red;
  box-shadow:
    0 0 0 1px $border,
    0 4px 12px 0 #00000014;
  transition-timing-function: cubic-bezier(0.36, 0.19, 0.29, 1);
}

.p-slides__timeline__add {
  background: $bg;
}

.p-slides__controls_header {
  border-bottom: 1px solid $border;
}

.p-slides__controls__label {
  color: $text;
}

.p-slides__image_picker__popover {
  background: $bg;
  box-shadow:
    0 0 0 1px $border,
    0 4px 12px 0 #00000014;
}

.p-slides__image_picker__target {
  border: 2px dashed $border;
}

.p-slides__image_picker__target--overlay {
  background: $bg;
}

.p-slides__image_picker__browse--loading {
  color: $disabled;
}

.p-slides__image_picker__browse__file {
  box-shadow:
    0 0 0 1px $border,
    0 1px 3px 0 #00000014;
}

.p-slides__image_picker__browse__file__header {
  border-bottom: 1px solid $border;
}

.p-slides__image_picker__record__start_stop {
  background: $red;
  color: $selectFg;
}

.p-slides__image_picker__record__uploading {
  background: $overlay;
}

.p-slides__header__title {
  color: $fg;
}

.p-slides__header__subtitle {
  color: $text;
}

.p-slides__modal_soundtrack_button {
  color: $text;

  &:hover {
    background-color: $tree;
  }
}

.p-slides__controls_theme,
.p-slides__template_picker_templates {
  border: 1px solid $border;
}

.p-slides__template_picker_button {
  &:hover {
    .p-slides__template_picker_button_label {
      color: $accent;
    }

    .p-slides__timeline__slide {
      box-shadow: 0 4px 12px 0 $border;
    }
  }
}

.p-slides__layout_picker_layouts {
  border: 1px solid $border;
}

.p-slides__layout_picker_close {
  background: $button;
  box-shadow:
    0 0 0 1px $border,
    0 4px 12px 0 #00000014;
  color: $selectFg;
}

.p-slides__header_preview--playing {
  color: $red;
}

.p-slides__controls__texty {
  background-color: $bg;
  border-color: $borderLight;

  &:focus-within {
    box-shadow:
      0 0 0 1px $primary,
      0 0 0 5px $primaryT;

    &:-moz-placeholder,
    &:-ms-input-placeholder,
    &::-moz-placeholder,
    &::-webkit-input-placeholder {
      color: $disabled;
    }
  }
}
