JSFiddle - React, Tailwind, and code Playground

HTML

<div class="cube"></div>

CSS

.cube {
    background-color: hsl(0, 0%, 47%);
    width: 256px;
    height: 256px;
    
    box-shadow: 1px 1px hsl(0, 0%, 27%),
        2px 2px hsl(0, 0%, 27%),
        3px 3px hsl(0, 0%, 27%),
        4px 4px hsl(0, 0%, 27%),
        5px 5px hsl(0, 0%, 27%),
        6px 6px hsl(0, 0%, 27%),
        7px 7px hsl(0, 0%, 27%),
        8px 8px hsl(0, 0%, 27%),
        9px 9px hsl(0, 0%, 27%),
        10px 10px hsl(0, 0%, 27%),
        11px 11px hsl(0, 0%, 27%),
        12px 12px hsl(0, 0%, 27%),
        13px 13px hsl(0, 0%, 27%),
        14px 14px hsl(0, 0%, 27%),
        15px 15px hsl(0, 0%, 27%),
        16px 16px hsl(0, 0%, 27%),
        17px 17px hsl(0, 0%, 27%),
        18px 18px hsl(0, 0%, 27%),
        19px 19px hsl(0, 0%, 27%),
        20px 20px hsl(0, 0%, 27%),
        21px 21px hsl(0, 0%, 27%),
        22px 22px hsl(0, 0%, 27%),
        23px 23px hsl(0, 0%, 27%),
        24px 24px hsl(0, 0%, 27%),
        25px 25px hsl(0, 0%, 27%),
        26px 26px hsl(0, 0%, 27%),
        27px 27px hsl(0, 0%, 27%),
        28px 28px hsl(0, 0%, 27%),
        29px 29px hsl(0, 0%, 27%),
        30px 30px hsl(0, 0%, 27%),
        31px 31px hsl(0, 0%, 27%),
        32px 32px hsl(0, 0%, 27%),
        33px 33px hsl(0, 0%, 27%),
        34px 34px hsl(0, 0%, 27%),
        35px 35px hsl(0, 0%, 27%),
        36px 36px hsl(0, 0%, 27%),
        37px 37px hsl(0, 0%, 27%),
        38px 38px hsl(0, 0%, 27%),
        39px 39px hsl(0, 0%, 27%),
        40px 40px hsl(0, 0%, 27%),
        41px 41px hsl(0, 0%, 27%),
        42px 42px hsl(0, 0%, 27%),
        43px 43px hsl(0, 0%, 27%),
        44px 44px hsl(0, 0%, 27%),
        45px 45px hsl(0, 0%, 27%),
        46px 46px hsl(0, 0%, 27%),
        47px 47px hsl(0, 0%, 27%),
        48px 48px hsl(0, 0%, 27%),
        49px 49px hsl(0, 0%, 27%),
        50px 50px hsl(0, 0%, 27%);
}