/* Match the easel hardware to the photographed wood used by the ready palette. */
.easel-workspace::before {
  background-color: #88502e;
  background-image:
    linear-gradient(90deg, #321d124d, transparent 28%, #f5b46c1a 68%, #24130973),
    url("assets/artist-palette-real-wood-v20b.png");
  background-size: 100% 100%, auto 110%;
  background-position: center, 54% 52%;
  background-repeat: no-repeat;
}

.easel-workspace::after {
  background-color: #88502e;
  background-image:
    linear-gradient(#f1ba7a24, #24140b5c),
    url("assets/artist-palette-real-wood-v20b.png");
  background-size: 100% 100%, 900% auto;
  background-position: center, 54% 51%;
  background-repeat: no-repeat;
}

.easel-shelf {
  background-color: #88502e;
  background-image:
    linear-gradient(#38201230, #301b0d43),
    url("assets/artist-palette-real-wood-v20b.png");
  background-size: 100% 100%, 165% auto;
  background-position: center, center 54%;
  background-repeat: no-repeat;
}

.easel-shelf button,
.easel-shelf .file-button {
  background-color: #674025;
  background-image:
    linear-gradient(145deg, #26160999, #241308b5),
    url("assets/artist-palette-real-wood-v20b.png");
  background-size: 100% 100%, 600% auto;
  background-position: center, 52% 53%;
  background-repeat: no-repeat;
}

.easel-shelf button.selected {
  background-image:
    linear-gradient(#170d08d4, #281608a6),
    url("assets/artist-palette-real-wood-v20b.png");
}