/**
 * @package   @simplysmart-it/tmpl-jcrafts  v1.0.0-alpha9
 *
 * @link  https://jcrafts.software
 * @copyright   (C) 2024 - 2025, JCrafts - Martina Scholz, Benjamin Trenkle <https://jcrafts.software>. All rights reserved.
 */

jcrafts-animation {
  --btn-color: inherit;
  width: 100%;
  height: 100%;
}
@media (prefers-color-scheme: dark) {
  jcrafts-animation {
    color-scheme: dark;
  }
}
@media (prefers-color-scheme: light) {
  jcrafts-animation {
    color-scheme: light;
  }
}
jcrafts-animation :where(img) {
  width: 100%;
  height: auto;
}
jcrafts-animation .visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
jcrafts-animation .control-panel {
  margin: 0 0.75rem;
  text-align: end;
}
jcrafts-animation .control-panel > .btn {
  background-color: transparent;
  color: var(--btn-color);
  text-transform: none;
  font-family: inherit;
  letter-spacing: normal;
  margin: 0;
  border: none;
  padding: 0.5rem;
}
jcrafts-animation .control-panel > .btn [class*=" icon-"] {
  font-size: 0.95rem;
  line-height: 1;
}
@media (width >= 45em) {
  jcrafts-animation .control-panel > .btn [class*=" icon-"] {
    font-size: 1.15rem;
  }
}
jcrafts-animation .control-panel > .btn:after,
jcrafts-animation .control-panel > .btn:before {
  content: none;
}
@media (width >= 45em) {
  jcrafts-animation .control-panel {
    margin: 0 3rem;
  }
}