@import 'part:@sanity/base/theme/variables-style';

.root {
  display: flex;
}

.screenshot {
  padding: var(--small-padding) var(--medium-padding);
  padding-right: 0
}

.screenshot > div {
    width: 4.85em;
    height: 3em;
    background-color: var(--preview-placeholder-color);
    background-size: cover;
    border-radius: 4px
}

.status {
  flex: 1;
  padding: var(--small-padding) var(--medium-padding) var(--small-padding) var(--small-padding);
}

.error {
  color: var(--state-danger-color);
}

.title {
  font-weight: 400;
  line-height: 1.3em;
  margin: 0 0 calc(var(--small-padding) / 2);
}

.actions {
  padding: var(--small-padding) var(--medium-padding);
  display: flex;
}
