.av-deco{
  position:absolute;inset:calc((1 - var(--deco-r,1.2)) * 50%);
  display:block;pointer-events:none;
  overflow:visible;
}
.av-deco svg{width:100%;height:100%;display:block;overflow:visible}
.av-deco-fond{
  z-index:-1;
  -webkit-mask:radial-gradient(closest-side,#0000 calc(100% / var(--deco-r,1.2) - .5px),#000 calc(100% / var(--deco-r,1.2)));
          mask:radial-gradient(closest-side,#0000 calc(100% / var(--deco-r,1.2) - .5px),#000 calc(100% / var(--deco-r,1.2)));
}
.av-deco-dessus{z-index:2}
.av:has(.av-deco){overflow:visible}

.av-deco [class^="d-"],.av-deco [class*=" d-"]{transform-box:view-box}

@media(prefers-reduced-motion:reduce){
  .av-deco *{animation:none!important}
}

@keyframes dTour{to{transform:rotate(1turn)}}
@keyframes dContre{to{transform:rotate(-1turn)}}

.av-deco .d-couronne{transform-origin:60px 30px;animation:dPose 4.4s ease-in-out infinite}
@keyframes dPose{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
.av-deco .d-couronne>g{filter:drop-shadow(0 3px 6px rgba(0,0,0,.55))}
.av-deco .d-gemmes circle{transform-box:fill-box;transform-origin:center;
  animation:dGemme 2.7s ease-in-out infinite}
.av-deco .d-gemmes circle:nth-child(2){animation-delay:.9s}
.av-deco .d-gemmes circle:nth-child(3){animation-delay:1.8s}
@keyframes dGemme{0%,100%{opacity:.78}50%{opacity:1;filter:brightness(1.6)}}
.av-deco .d-lueur{transform-origin:60px 42px;animation:dLueur 4.4s ease-in-out infinite}
@keyframes dLueur{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}
.av-deco .d-eclat{animation:dEclat 5s ease-in-out infinite}
@keyframes dEclat{0%,55%{transform:translateX(0)}100%{transform:translateX(190px)}}

.av-deco .d-acier,.av-deco .d-roulette{filter:drop-shadow(0 4px 10px rgba(0,0,0,.6))}
.av-deco .d-brillance{transform-origin:60px 60px;animation:dTour 6.5s linear infinite}
.av-deco .d-bille{transform-origin:60px 60px;animation:dContre 2.4s linear infinite}

.av-deco .d-ailes{filter:drop-shadow(0 5px 11px rgba(0,0,0,.5))}
.av-deco .d-aileD{transform-origin:100px 105px;animation:dAileD 3.6s ease-in-out infinite}
.av-deco .d-aileG{transform-origin:90px 105px;animation:dAileG 3.6s ease-in-out infinite}
@keyframes dAileD{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}
@keyframes dAileG{0%,100%{transform:rotate(6deg)}50%{transform:rotate(-6deg)}}

.av.fr-acier{box-shadow:0 0 0 2px #1a2029,0 0 16px rgba(150,170,200,.3)!important}
.av.fr-roulette{box-shadow:0 0 0 2px #6d5218,0 0 16px rgba(200,150,60,.3)!important}
.av.fr-ailes{box-shadow:0 0 0 2px #cfd9ea,0 0 20px rgba(190,210,240,.4)!important}
.av.fr-diademe{box-shadow:0 0 0 2px #a87a1c,0 0 22px rgba(247,201,90,.45)!important}
.av.fr-acier::before,.av.fr-roulette::before,
.av.fr-ailes::before,.av.fr-diademe::before{display:none}