.element-mini-cube{width:var(--cube-size);height:var(--cube-size);transform-style:preserve-3d;display:block;position:relative;transform:rotateX(-12deg)rotateY(-18deg)}.element-mini-front,.element-mini-side,.element-mini-top,.element-mini-back,.element-mini-left,.element-mini-bottom{border:1px solid color-mix(in srgb,var(--cube-color) 30%,white);box-sizing:border-box;backface-visibility:hidden;border-radius:4px;position:absolute;inset:0}.element-mini-front{transform:translateZ(calc(var(--cube-size)/2));background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--cube-color) 17%,white) 65%,color-mix(in srgb,var(--cube-color) 30%,white));letter-spacing:-.065em;text-shadow:0 1px #fff;place-items:center;font-size:12px;font-weight:750;line-height:1;display:grid;box-shadow:inset 0 1px #fff,inset 1px 0 1px #fff9}.element-mini-side{transform:rotateY(90deg) translateZ(calc(var(--cube-size)/2));background:color-mix(in srgb,var(--cube-color) 40%,white)}.element-mini-top{transform:rotateX(90deg) translateZ(calc(var(--cube-size)/2));background:linear-gradient(#fff,color-mix(in srgb,var(--cube-color) 15%,white))}.element-mini-back{transform:rotateY(180deg) translateZ(calc(var(--cube-size)/2));background:color-mix(in srgb,var(--cube-color) 20%,white);letter-spacing:-.065em;place-items:center;font-size:12px;font-weight:750;display:grid}.element-mini-left{transform:rotateY(-90deg) translateZ(calc(var(--cube-size)/2));background:color-mix(in srgb,var(--cube-color) 30%,white)}.element-mini-bottom{transform:rotateX(-90deg) translateZ(calc(var(--cube-size)/2));background:color-mix(in srgb,var(--cube-color) 42%,white)}.element-mini-front>small{letter-spacing:0;font-size:10px;font-weight:500;position:absolute;top:5px;left:5px}