/*---------------------------------------------------------------------------------------------
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
$cube-width: 128px;
$cube-side-width: 12px;

.components-cube-css3d {
  width: $cube-width;
  height: $cube-width;
  perspective: 300px;
  transform-style: preserve-3d;
  pointer-events: none;

  .face {
    width: 100%;
    height: 100%;
    position: absolute;
    backface-visibility: inherit;
    pointer-events: all;
  }
}