:root{--col-gap:2px;--row-gap:2px;--cube-perspective:100000000px;--cube-face-border:1px solid #ffffff26;--cube-face-bg:transparent}.default-animation{margin:0 auto;position:relative}.default-animation--scene{column-gap:var(--col-gap);row-gap:var(--row-gap);width:100%;height:100%;perspective:var(--cube-perspective);grid-auto-rows:1fr;display:grid}.cube{width:100%;height:100%;transform-style:preserve-3d;position:relative}.default-animation .cube-face{background:var(--cube-face-bg);border:var(--cube-face-border);backface-visibility:hidden;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.default-animation .cube-face--top{transform:translateY(-50%)rotateX(90deg)}.default-animation .cube-face--bottom{transform:translateY(50%)rotateX(-90deg)}.default-animation .cube-face--left{transform:translate(-50%)rotateY(-90deg)}.default-animation .cube-face--right{transform:translate(50%)rotateY(90deg)}.default-animation .cube-face--front{transform:rotateY(-90deg)translate(50%)rotateY(90deg)}.default-animation .cube-face--back{transform:rotateY(90deg)translate(-50%)rotateY(-90deg)}.default-animation .cube-face__icon{object-fit:contain;box-sizing:border-box;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:28px;width:100%;height:100%;padding:10%}.default-animation .cube-face:after{content:"";pointer-events:none;-webkit-backdrop-filter:blur(3px)saturate(160%)brightness(1.05);background:radial-gradient(140px circle at var(--glass-x,50%) var(--glass-y,50%), #ffffff38, #fff0 60%), linear-gradient(135deg, #ffffff1a, #ffffff05 45%, #ffffff0f 100%);border-radius:18px;position:absolute;inset:0;box-shadow:inset 0 1px 1px #ffffff40,inset 0 -4px 10px #0003}