html,body{width:100%;height:100%}body{background-color:#000;vertical-align:top;overflow:hidden}body,h1,h2{margin:0;border:0;padding:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;line-height:15px;color:rgba( 255,255,255,0.7 )}a{color:rgba( 255,255,255,0.7 );text-decoration:none;border-bottom:1px dotted #FFF}a:hover{color:#FFF;border-bottom:1px solid #FFF}table,td,tr{margin:0;border:none;border-collapse:collapse;padding:0}.pad{padding:8px}.graydient{background:#000;background:-moz-radial-gradient(center,ellipse cover,#444 0%,#000000 90%);background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,#444),color-stop(90%,#000000));background:-webkit-radial-gradient(center,ellipse cover,#444 0%,#000000 90%);background:-o-radial-gradient(center,ellipse cover,#444 0%,#000000 90%);background:-ms-radial-gradient(center,ellipse cover,#444 0%,#000000 90%);background:radial-gradient(ellipse at center,#444 0%,#000000 90%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444',endColorstr='#000000',GradientType=1 )}.heroicRed{background-color:#F00}#container{width:100%;height:100%}#fail{display:none;text-align:center;position:absolute;top:50%;left:50%;margin-top:-100px;margin-left:-250px;width:500px;height:200px;overflow:hidden}#fail > h1{font-size:6em;line-height:2em}#fail > h2{font-size:3em;line-height:1em}@media not screen and (-webkit-transform-3d){#container{visibility:hidden}#fail{display:block}}.cube{width:100%;height:100%}.faceLabel{display:none;position:absolute;font-size:60px;text-align:center;text-shadow:0 0 24px rgba( 0,0,0,0.3 );color:#FFF}.cube .cubelet{width:1em;height:1em;position:absolute;box-sizing:border-box}.cube .face{position:absolute;width:1em;height:1em;background-color:#000;text-align:center;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;padding:0.05em;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.cube  .face.faceIntroverted{background-color:#000}.cube  .face.faceTransparent{background-color:transparent}.purty .face{opacity:0.5}.purty .face.faceFront{background-color:#FFF}.purty .face.faceUp{background-color:#E87000}.purty .face.faceRight{background-color:#3D81F6}.purty .face.faceDown{background-color:#DC422F}.purty .face.faceLeft{background-color:#009D54}.purty .face.faceBack{background-color:#F5B400}.cube .face > .wireframe{display:none;position:absolute;width:140px;height:140px;background-color:rgba( 255,255,255,0.05 )}.cube .sticker{width:100%;height:100%;background-color:#F0F;border-radius:0.1em;text-align:center}.cube .sticker.red{background:#DC422F}.cube .sticker.white{background:#F3F3F3}.cube .sticker.blue{background:#3D81F6}.cube .sticker.green{background:#009D54}.cube .sticker.orange{background:#E87000}.cube .sticker.yellow{background:#F5B400}.cube .sticker.stickerLogo{background:#F3F3F3 url( "rubiksLogoClassic.png" );background-size:100% 100%;background-repeat:none}.cube  .face > .id{display:none;position:absolute;z-index:1000;width:90%;height:90%;font-size:1em;line-height:0.9em;text-align:center;color:#000}.cube .face > .id > .underline{border-bottom:1px solid #000}.cube .face.faceIntroverted > .id{color:#FEFEFE}.cube .face.faceIntroverted > .id > .underline{border-bottom:1px solid #FEFEFE}.cube  .face > .text{display:none;position:absolute;z-index:2000;width:100%;height:100%;text-align:center;color:#FFF;font-family:"RubikExtended",sans-serif;font-size:1em;line-height:1em}.button{position:absolute;top:0;left:0;margin-top:2px;padding:10px}.button span{background-color:#333;border:none;color:#fff;height:26px;display:inline-block;line-height:26px;box-sizing:border-box;width:40px;text-align:center;float:left;margin-right:5px;cursor:pointer;border-radius:3px}.layui-layer-dialog .layui-layer-content{color:#444}