@import url("../assets/css/editorial.css");

:root {
  --gallery-carousel-gap: 1.5rem;
}

/* Simply B&W screenshot mocks */
.screen--photo {
  background:
    radial-gradient(100% 80% at 40% 25%, #c8c8c8 0%, transparent 50%),
    linear-gradient(165deg, #4a4a4a 0%, #1a1a1a 100%);
  filter: grayscale(1);
}

.screen--adjust-bw {
  background: linear-gradient(180deg, #141414 0%, #1e1e1e 100%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 16px;
  padding: 22px 18px 32px;
}

.screen--export {
  background: linear-gradient(180deg, #0e0e0e 0%, #181818 100%);
  display: grid;
  place-items: center;
}

.screen--export::after {
  content: "";
  width: 48%;
  height: 36%;
  border: 2px solid rgba(242, 242, 242, 0.2);
  border-radius: 8px;
}