#wrapCube > div > div{width:152px;height:152px;background-position:-500px -300px}
#wrapCube > div > div > div{width:44px;height:44px;margin:94px 0 0 94px;border-radius:30px 0 0 0}
#wrapCube > div > div.arrR::after,#wrapCube > div > div.arrL::after,#wrapCube > div > div.arrD::after,#wrapCube > div > div.arrU::after{content:"";position:absolute;left:50%;top:50%;width:0;height:0;border:20px solid transparent;pointer-events:none}
#wrapCube > div > div.arrR::after{border-left:34px solid #333;border-right:0;margin:-20px 0 0 -17px;animation:arr1R .5s ease-in-out}
#wrapCube > div > div.arrL::after{border-right:34px solid #333;border-left:0;margin:-20px 0 0 -17px;animation:arr1L .5s ease-in-out}
#wrapCube > div > div.arrD::after{border-top:34px solid #333;border-bottom:0;margin:-17px 0 0 -20px;animation:arr1D .5s ease-in-out}
#wrapCube > div > div.arrU::after{border-bottom:34px solid #333;border-top:0;margin:-17px 0 0 -20px;animation:arr1U .5s ease-in-out}
@keyframes arr1R{from{transform:translateX(-60px)}to{transform:translateX(0)}}
@keyframes arr1L{from{transform:translateX(60px)}to{transform:translateX(0)}}
@keyframes arr1D{from{transform:translateY(-60px)}to{transform:translateY(0)}}
@keyframes arr1U{from{transform:translateY(60px)}to{transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){#wrapCube > div > div.arrR::after,#wrapCube > div > div.arrL::after,#wrapCube > div > div.arrD::after,#wrapCube > div > div.arrU::after{animation:none}}
#rubiksCubeSolver{perspective:1100px}
#wrapCube.tumbling{transition:transform 1s ease-in-out}
#wrapCube.snap,#wrapCube.snap > div,#wrapCube.snap > div > div{transition:none !important}
#cubeRotations a{width:40px;padding:5px 8px;margin:2px 6px}
#cubeRotations a > span{display:none}
#cubeRotations a[data-face="R"] > span{background-color:#ed3030}
#cubeRotations a[data-face="U"] > span{background-color:#FFFFFF}
#cubeRotations a[data-face="F"] > span{background-color:#58d568}
#cubeRotations a:hover > span{display:inline-block}
#inputScrambleError{color:#7a1b1b;font-size:13px;font-weight:bold}
#rotacioSzoveg{left:20px;top:-485px}
#megoldasPult{display:none;background:#bac8d5;margin:auto;width:640px;text-align:center;padding:20px 10px;clear:both}
.solutionView #vezerloPult{display:none}
.solutionView #wrapCubeSettings,.solutionView #threeDrots{display:none !important}
.solutionView #megoldasPult{display:block}
.solutionView #wrapCube > div > div,
#scrambler.solutionView #wrapCube > div > div:hover{cursor:default;box-shadow:none;top:0;left:0}
.solutionView #wrapCube > div > div > div{display:none !important}
#segedvaltozo{line-height:28px;font-size:22px}
#segedvaltozo > span{white-space:nowrap;padding:0 9px}
#backToScramble{text-align:left;padding:10px 20px 0}
#currentSpeedDisplay{display:none}
#wrapStepByStep{display:none}
.sbsStep{height:auto;width:150px;padding:10px;margin:10px;cursor:pointer;vertical-align:top;text-align:center}
.sbsStep:hover{background-color:#e4e9ee}
.sbsStep .sbsLabel{font-size:20px;text-align:center}
.sbsHint{font-size:12px;color:#777;min-height:14px;line-height:14px;padding-top:4px}
.sbs1{display:block;margin:4px auto 0}
.algo1{display:inline-block;font-weight:bold;background:#f2f2f2;border-radius:8px;padding:4px 10px;margin:2px 0;font-size:16px;letter-spacing:.5px;color:#222}
.article li{margin-bottom:5px}
.article ul{padding:0 0 10px 30px}
@media screen and (max-width:700px){
#megoldasPult{width:auto}
.flatView#wrapCube > div > div{width:100px;height:100px;background-position:-500px -300px}
.flatView#wrapCube > div > div > div{width:30px;height:30px;margin:62px 0 0 62px;border-radius:20px 0 0 0}
.flatView#wrapCube > div > div.arrR::after,.flatView#wrapCube > div > div.arrL::after,.flatView#wrapCube > div > div.arrD::after,.flatView#wrapCube > div > div.arrU::after{border-width:13px}
.flatView#wrapCube > div > div.arrR::after{border-left-width:22px;border-right-width:0;margin:-13px 0 0 -11px}
.flatView#wrapCube > div > div.arrL::after{border-right-width:22px;border-left-width:0;margin:-13px 0 0 -11px}
.flatView#wrapCube > div > div.arrD::after{border-top-width:22px;border-bottom-width:0;margin:-11px 0 0 -13px}
.flatView#wrapCube > div > div.arrU::after{border-bottom-width:22px;border-top-width:0;margin:-11px 0 0 -13px}
}
@media screen and (max-width:450px){
.flatView#wrapCube > div > div{width:84px;height:84px}
.flatView#wrapCube > div > div > div{width:26px;height:26px;margin:52px 0 0 52px}
}