@charset "UTF-8";

.Tesseract {
    height: 1em;
    width: 1em;
    position: relative;
    transform-style: preserve-3d;
    transform-origin: center;
    transform: scale(1) rotateX(35deg) rotateY(45deg);
}
.Tesseract > * {
    position: absolute;
    transform-origin: center;
}
.Tesseract > *:nth-child( -n+6 ) {
    background: rgba(   0 ,   0 ,   0 , 0.250 );
    height: 0.5em;
    width: 0.5em;
    left: 0.25em;
    top: 0.25em;
    box-shadow: 0 0 0.0625em rgba(255,255,255,0.5);
}

.Tesseract > *:nth-child( n+7 ):nth-child( -n+18 ) {
    background: rgba( 255 , 255 , 255 , 0.250 );
    width: 0.5em;
    height: 0.35355339059327em;
    left: 0.25em;
    top: 0.5em;
    transform-origin: center top;
    border-width: 0;
}
.Tesseract > *:nth-child( n+7 ):nth-child( -n+18 )::before ,
.Tesseract > *:nth-child( n+7 ):nth-child( -n+18 )::after {
    content: "";
    display: block;
    position: absolute;
    border-bottom: 0.35355339059327em solid rgba( 255 , 255 , 255 , 0.250 );
}
.Tesseract > *:nth-child( n+7 ):nth-child( -n+18 )::before {
    right: 100%;
    border-left: 0.25em solid transparent;
}
.Tesseract > *:nth-child( n+7 ):nth-child( -n+18 )::after {
    left: 100%;
    border-right: 0.25em solid transparent;
}

.Tesseract > *:nth-child( n+19 ):nth-child( -n+24 ) {
    background: rgba( 255 , 255 , 255 , 0.250 );
    width: 1em;
    height: 1em;
    box-shadow: 0 0 0.0625em rgba(255,255,255,0.5);
}

.Tesseract > *:nth-child(  1 ) { transform: translateZ(  0.25em );                   } /* front */
.Tesseract > *:nth-child(  2 ) { transform: translateZ( -0.25em );                   } /* back */
.Tesseract > *:nth-child(  3 ) { transform: translateX( -0.25em ) rotateY( -90deg ); } /* left */
.Tesseract > *:nth-child(  4 ) { transform: translateX(  0.25em ) rotateY(  90deg ); } /* right */
.Tesseract > *:nth-child(  5 ) { transform: translateY( -0.25em ) rotateX(  90deg ); } /* top */
.Tesseract > *:nth-child(  6 ) { transform: translateY(  0.25em ) rotateX( -90deg ); } /* bottom */

.Tesseract > *:nth-child(  7 ) { transform:                                      translateY( -0.25em ) translateZ(  0.25em ) rotateX(  135deg ); } /* front top */
.Tesseract > *:nth-child(  8 ) { transform:                                      translateY(  0.25em ) translateZ(  0.25em ) rotateX(   45deg ); } /* front bottom */
.Tesseract > *:nth-child(  9 ) { transform: rotateZ(   90deg )                   translateY(  0.25em ) translateZ(  0.25em ) rotateX(   45deg ); } /* front left */
.Tesseract > *:nth-child( 10 ) { transform: rotateZ(  -90deg )                   translateY(  0.25em ) translateZ(  0.25em ) rotateX(   45deg ); } /* front right */
.Tesseract > *:nth-child( 11 ) { transform: rotateY(  180deg )                   translateY( -0.25em ) translateZ(  0.25em ) rotateX(  135deg ); } /* back top */
.Tesseract > *:nth-child( 12 ) { transform: rotateY(  180deg )                   translateY(  0.25em ) translateZ(  0.25em ) rotateX(   45deg ); } /* back bottom */
.Tesseract > *:nth-child( 13 ) { transform: rotateZ(   90deg )                   translateY(  0.25em ) translateZ( -0.25em ) rotateX(  -45deg ); } /* back left */
.Tesseract > *:nth-child( 14 ) { transform: rotateZ(  -90deg )                   translateZ( -0.25em ) translateY(  0.25em ) rotateX(  -45deg ); } /* back right */
.Tesseract > *:nth-child( 15 ) { transform: rotateY(  -90deg )                   translateZ(  0.25em ) translateY( -0.25em ) rotateX(  135deg ); } /* left top */
.Tesseract > *:nth-child( 16 ) { transform: rotateY(  -90deg )                   translateZ(  0.25em ) translateY(  0.25em ) rotateX(   45deg ); } /* left bottom */
.Tesseract > *:nth-child( 17 ) { transform: rotateY(   90deg )                   translateZ(  0.25em ) translateY(  0.25em ) rotateX(   45deg ); } /* right bottom */
.Tesseract > *:nth-child( 18 ) { transform: rotateY(   90deg )                   translateZ(  0.25em ) translateY( -0.25em ) rotateX(  135deg ); } /* right top */

.Tesseract > *:nth-child( 19 ) { transform: translateZ(  0.5em );                   } /* front */
.Tesseract > *:nth-child( 20 ) { transform: translateZ( -0.5em );                   } /* back */
.Tesseract > *:nth-child( 21 ) { transform: translateX( -0.5em ) rotateY( -90deg ); } /* left */
.Tesseract > *:nth-child( 22 ) { transform: translateX(  0.5em ) rotateY(  90deg ); } /* right */
.Tesseract > *:nth-child( 23 ) { transform: translateY( -0.5em ) rotateX(  90deg ); } /* top */
.Tesseract > *:nth-child( 24 ) { transform: translateY(  0.5em ) rotateX( -90deg ); } /* bottom */