@import 'src/styles/variables';

.preview {
  padding-top: 56.25%;
  position: relative;
  border-radius: $radius;
  background: 50% 50% no-repeat;
  background-size: cover;
}

.input_wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.input {
  // @include outer_shadow();

  flex: 1 0 50%;
  padding: $gap * 2;
  border-radius: $radius;
  background: $content_bg;
  margin: 20px;

  input {
    text-align: center;
  }

  &:global(.active) {
    background: $color_danger;
  }
}
