#wrapCube > div > div{width:74px;height:74px;background-position:-500px -300px}
#wrapCube > div > div > div{width:28px;height:28px;margin:40px 0 0 40px;border-radius:20px 0 0 0}
#wrapCube > div > div.arrR,#wrapCube > div > div.arrL,#wrapCube > div > div.arrD,#wrapCube > div > div.arrU{background-position:-500px -300px}
#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:13px solid transparent;pointer-events:none}
#wrapCube > div > div.arrR::after{border-left:22px solid #333;border-right:0;margin:-13px 0 0 -11px;animation:arr2R .5s ease-in-out}
#wrapCube > div > div.arrL::after{border-right:22px solid #333;border-left:0;margin:-13px 0 0 -11px;animation:arr2L .5s ease-in-out}
#wrapCube > div > div.arrD::after{border-top:22px solid #333;border-bottom:0;margin:-11px 0 0 -13px;animation:arr2D .5s ease-in-out}
#wrapCube > div > div.arrU::after{border-bottom:22px solid #333;border-top:0;margin:-11px 0 0 -13px;animation:arr2U .5s ease-in-out}
@keyframes arr2R{from{transform:translateX(-40px)}to{transform:translateX(0)}}
@keyframes arr2L{from{transform:translateX(40px)}to{transform:translateX(0)}}
@keyframes arr2D{from{transform:translateY(-40px)}to{transform:translateY(0)}}
@keyframes arr2U{from{transform:translateY(40px)}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}}
#cubeRotations a > span{display:none}
#cubeRotations a[data-face="F"] > span{background-color:#58d568}
#cubeRotations a[data-face="R"] > span{background-color:#ed3030}
#cubeRotations a[data-face="U"] > span{background-color:#FFFFFF}
#cubeRotations a[data-face="B"] > span{background-color:#1c5ffe}
#cubeRotations a[data-face="L"] > span{background-color:#ffaf1c}
#cubeRotations a[data-face="D"] > span{background-color:#f2f215}
#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}
.sbs2{display:block;margin:4px auto 0}
.algo2{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}
@media screen and (max-width:700px){
#megoldasPult{width:auto}
.flatView#wrapCube > div > div{width:48px;height:48px;background-position:-168px -321px}
.flatView#wrapCube > div > div > div{width:18px;height:18px;margin:25px 0 0 25px;border-radius:15px 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:9px}
.flatView#wrapCube > div > div.arrR::after{border-left-width:16px;border-right-width:0;margin:-9px 0 0 -8px}
.flatView#wrapCube > div > div.arrL::after{border-right-width:16px;border-left-width:0;margin:-9px 0 0 -8px}
.flatView#wrapCube > div > div.arrD::after{border-top-width:16px;border-bottom-width:0;margin:-8px 0 0 -9px}
.flatView#wrapCube > div > div.arrU::after{border-bottom-width:16px;border-top-width:0;margin:-8px 0 0 -9px}
}
@media screen and (max-width:450px){
.flatView#wrapCube > div > div{width:40px;height:40px}
.flatView#wrapCube > div > div > div{width:15px;height:15px;margin:21px 0 0 21px}
.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:8px}
.flatView#wrapCube > div > div.arrR::after{border-left-width:14px;border-right-width:0;margin:-8px 0 0 -7px}
.flatView#wrapCube > div > div.arrL::after{border-right-width:14px;border-left-width:0;margin:-8px 0 0 -7px}
.flatView#wrapCube > div > div.arrD::after{border-top-width:14px;border-bottom-width:0;margin:-7px 0 0 -8px}
.flatView#wrapCube > div > div.arrU::after{border-bottom-width:14px;border-top-width:0;margin:-7px 0 0 -8px}
}