.preview {
  text-align: center;
  margin: 1rem 0;
}

#wave_wrapper {
  display: none;
  position: relative;
  overflow-x: hidden;
}

#wave {
  height: 3rem;
  width: 100%;
  cursor: pointer;
}

#vline {
  position: absolute;
  height: 100%;
  right: 0;
  display: inline-block;
  background: #0008;
}

i {
  font-style: normal;
  color: #888;
}

h4 {
  margin-top: 2em;
}

a#customize[href=''] {
  cursor: inherit;
}

button,
a.button {
  margin: 0 inherit;
  background: #8416;
}

.buttons>* {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

body:not(.debug) #sound_info_wrapper {
  display: none;
}

#wall_art {
  font-size: 0.3rem;
  height: 100em;
}

#wall_art img.wall {
  height: 100%;
}

#wall_art_section {
  overflow: hidden;
  display: flex;
  justify-content: center;
}

#wall_art_section button {
  text-align: center;
}

#wall_art img.inline {
  position: relative;
  width: 24.7em;
  height: 24.7em;
  transform: perspective(23.3em) rotateX(1deg) rotateY(10deg) translate(32.7em, 43.3em);
}

#wall_art_buttons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1.5rem;
  margin: 0 1em;
}

.buttons p,
#wall_art_buttons p {
  text-align: center;
  font-size: 0.85rem;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

audio {
  display: none;
}

.giclee p {
  color: #ccc;
  text-align: center;
  margin-left: 10%;
  margin-right: 10%;
}

.giclee p:not(.price) {
  color: #555;
}

.giclee a.button {
  flex-direction: row;
}

a.button {
  color: #ccc;
}