.elevation-demo {
  display: flex;
  justify-content: center;
  align-items: center;
  height: var(--base-10);
  width: var(--base-10);
  border-radius: var(--radius);
  margin: 0;
  user-select: none;
  background-color: #FFFFFF;
  color: #666666;
  justify-self: center;
}
.theme-dark .elevation-demo {
  background-color: #2d2d2d;
}
.theme-dark .elevation-demo {
  color: #c0c0c0;
}
.elevation-demo.elevation-6.elevation--clickable {
  pointer-events: none;
  box-shadow: none;
  background-color: transparent;
  border: 1px dashed;
  border-color: rgba(0, 0, 0, 0.12);
  color: #969696;
}
.theme-dark .elevation-demo.elevation-6.elevation--clickable {
  border-color: rgba(255, 255, 255, 0.18);
}
.theme-dark .elevation-demo.elevation-6.elevation--clickable {
  color: #8f8f8f;
}
.elevation-usage .card {
  background-color: #FFFFFF;
}
.theme-dark .elevation-usage .card {
  background-color: #2d2d2d;
}
.elevation-usage .card .card-image {
  background-color: #d2d2d2;
}
.theme-dark .elevation-usage .card .card-image {
  background-color: #404040;
}
.elevation-usage .card .card-image img {
  height: 100%;
}
@media screen and (max-width: 1280px) {
  .elevation-demo {
    margin: 0 auto;
  }
}
.elevation-list {
  list-style: none;
  display: grid;
  row-gap: var(--base);
}
.elevation-list > li {
  margin-block-start: 0;
}
.elevation-list ul {
  color: rgba(0, 0, 0, 0.6);
  margin-block-start: var(--base);
}
.theme-dark .elevation-list ul {
  color: rgba(255, 255, 255, 0.7);
}
.elevation-list ul li::marker {
  content: "—";
  color: rgba(0, 0, 0, 0.24);
}
.theme-dark .elevation-list ul li::marker {
  color: rgba(255, 255, 255, 0.3);
}

/*# sourceMappingURL=docs-elevation.css.map */