@scope ([data-widget]) {
  .animation { width: 100%; height: 380px; margin-top: 50px; position: relative; overflow: hidden; }
  .showroom-stage { width: 200px; height: 200px; position: relative; margin: 0 auto; }
  .showroom-perspective { width: 100px; height: 100px; position: relative; top: 100px; left: 100px; perspective: 600px; perspective-origin: 0 0; }
  .showroom-room { position: absolute; width: 100%; height: 100%; transform-style: preserve-3d; transform: translateZ(-415px); }
  figure { position: absolute; width: 200px; height: 123px; margin: -61.5px 0 0 -100px; background: rgba(0,0,0,.1); cursor: pointer; transition: transform .8s, width .5s, height .5s, left .5s, top .5s; left: 0; top: 0; }
  figure img, figure iframe { width: 100%; height: 100%; border: 0; }
  figure.active { width: 400px; height: 246px; left: -100px; top: 61px; }
  .showroom-floor { position: absolute; width: 250px; height: 250px; left: -50%; background: silver; border-radius: 50%; transform: rotateX(260deg) translateZ(61.5px); box-shadow: 0 0 315px 315px silver; }
  .showroom-buttons { display: flex; justify-content: center; height: 32px; }
  .showroom-buttons button { width: 32px; height: 32px; border: 0; padding: 0; background: transparent; cursor: pointer; }
  .showroom-buttons img { width: 100%; height: 100%; }
  @media (max-width: 1039px) { .showroom-stage { transform: scale(.7); } }
}