.cube{width:100%;height:100%}@font-face{font-family:RubikExtended;src:url(../media/RubikExtended.ttf) format("truetype"),url(../media/RubikExtended.otf) format("otf");font-weight:400;font-style:normal}.faceLabel{display:none;position:absolute;font-size:60px;text-align:center;font-family:RubikExtended;text-shadow:0 0 24px rgba(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:.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:.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:#ffffff0d}.cube .sticker{width:100%;height:100%;background-color:#f0f;border-radius:.1em;text-align:center}.cube .stickerLogo{background-image:url(../media/rubiksLogoClassic.png)!important;background-size:100% 100%!important;background-repeat:none!important}.cube .sticker.red{background:#dc422f}.cube .sticker.white{background:#fff}.cube .sticker.blue{background:#3d81f6}.cube .sticker.green{background:#009d54}.cube .sticker.orange{background:#ff6c00}.cube .sticker.yellow{background:#fdcc09}.cube .face>.id{display:none;position:absolute;z-index:1000;width:90%;height:90%;font-size:1em;line-height:.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}*{box-sizing:border-box;margin:0;display:block;position:relative;max-width:100%}style,script,head{display:none}html{margin:0;scroll-behavior:smooth}body{margin:0;padding:0;background:#222;display:grid;grid-template-columns:65fr 35fr;width:100%;height:100vh;height:calc(var(--vh, 1vh) * 100);font-family:sans-serif;overflow-x:hidden}@media (orientation: portrait){body{display:block}}button,input{background:#333;border:0;padding:1rem;color:#fff;font-size:18px;outline:none;margin:0}select{font-size:1.38rem;background:none;max-width:90%;height:4rem;border-color:#222;color:#fffc;position:fixed;top:5vh;left:50%;transform:translate(-50%);border:0;border:1rem solid transparent;border-bottom:1px solid rgba(255,255,255,.38);border-top:0;border-radius:0}svg{width:2rem;height:2rem;fill:#fff}input[type=range]{-webkit-appearance:none;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:8.4px;cursor:pointer;animate:.2s;background:#111;border-radius:1.3px}input[type=range]::-webkit-slider-thumb{height:36px;width:36px;border-radius:50%;background:#111;cursor:pointer;-webkit-appearance:none;margin-top:-12px}input[type=range]:focus::-webkit-slider-runnable-track{background:#242424}