/* SPDX-FileCopyrightText: Copyright (c) 2026 cautem */
/* SPDX-License-Identifier: Apache-2.0 */

/* The mascots are transparent cutouts derived from the supplied brandboard. */

.md-typeset .ws-doc-mascot {
  display: block;
  float: right;
  width: clamp(8rem, 16vw, 11rem);
  max-width: 35%;
  margin: -2.7rem 0 0.6rem 1rem;
}

.ws-doc-mascot__art {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  animation: ws-mascot-drift 7s ease-in-out infinite;
}

.ws-doc-mascot--containers .ws-doc-mascot__art { animation-delay: -1.3s; }
.ws-doc-mascot--remote .ws-doc-mascot__art { animation-delay: -2.5s; }
.ws-doc-mascot--fast .ws-doc-mascot__art { animation-delay: -3.7s; }
.ws-doc-mascot--flexible .ws-doc-mascot__art { animation-delay: -4.8s; }
.ws-doc-mascot--happy .ws-doc-mascot__art { animation-delay: -5.9s; }

@keyframes ws-mascot-drift {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
}

@media (prefers-reduced-motion: reduce) {
  .ws-doc-mascot__art { animation: none; }
}

@media screen and (max-width: 42em) {
  .md-typeset .ws-doc-mascot {
    float: none;
    width: min(10rem, 100%);
    max-width: 100%;
    margin: 0.4rem auto 0.8rem;
  }
}