:root{
  --dts-faq-furry-width: 168px;
  --dts-faq-furry-shadow: rgba(72, 48, 30, .24);
  --dts-faq-furry-night-glow: rgba(200, 123, 42, .20);
  --dts-faq-furry-focus: rgba(143, 60, 82, .28);
}

html[data-theme="night"]{
  --dts-faq-furry-shadow: rgba(0, 0, 0, .42);
  --dts-faq-furry-focus: rgba(200, 123, 42, .30);
}

.dts-faq-furry-question,
.dts-faq-furry-question *{
  box-sizing:border-box;
}

.dts-faq-furry-question{
  width:var(--dts-faq-furry-width);
  aspect-ratio:335 / 524;
  display:inline-block;
  position:relative;
  overflow:visible;
  line-height:1;
  border-radius:28px;
  isolation:isolate;
}

.dts-faq-furry-question__art{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  transform-origin:50% 52%;
  filter:drop-shadow(0 8px 10px var(--dts-faq-furry-shadow));
  animation:dtsFaqFurryThink 5.4s cubic-bezier(.45,.05,.35,1) infinite;
  pointer-events:none;
  user-select:none;
}

html[data-theme="night"] .dts-faq-furry-question__art{
  filter:
    drop-shadow(0 9px 12px var(--dts-faq-furry-shadow))
    drop-shadow(0 0 12px var(--dts-faq-furry-night-glow));
}

.dts-faq-furry-question:hover .dts-faq-furry-question__art,
.dts-faq-furry-question:focus-visible .dts-faq-furry-question__art{
  animation-duration:3.8s;
}

.dts-faq-furry-question:focus-visible{
  outline:none;
  box-shadow:0 0 0 6px var(--dts-faq-furry-focus);
}

@keyframes dtsFaqFurryThink{
  0%,100%{transform:translateY(0) rotate(0deg) scale(1)}
  18%{transform:translateY(-1.8px) rotate(-1.2deg) scale(1.005)}
  34%{transform:translateY(-2.4px) rotate(1.1deg) scale(1.008)}
  50%{transform:translateY(-.8px) rotate(-.35deg) scale(1.002)}
  66%{transform:translateY(0) rotate(0deg) scale(1)}
}

@media (max-width:640px){
  :root{
    --dts-faq-furry-width: 124px;
  }
}

@media (prefers-reduced-motion:reduce){
  .dts-faq-furry-question__art{
    animation:none !important;
    transition:none !important;
  }
}