#pyraSvg{display:block;width:660px;height:500px;max-width:100%;user-select:none;-webkit-tap-highlight-color:transparent}
#pyraSvg polygon.st{stroke:#151515;stroke-width:3;stroke-linejoin:round;cursor:pointer;transition:filter .15s}
#pyraSvg polygon.st:hover{filter:brightness(1.12)}
#pyraSvg polygon.st.bk{opacity:.28;pointer-events:none}
#pyraSvg polygon.st.hi{stroke:#f5b400;stroke-width:5}
#pyraSvg.flat polygon.st{stroke-width:2.5}
.solutionView #pyraSvg polygon.st,.solutionView #pyraSvg polygon.st:hover{cursor:default;filter:none}
#rubiksCubeSolver{overflow:visible}
#startNote{display:none;position:absolute;left:30px;right:30px;bottom:16px;text-align:center;font-weight:bold;color:#30475d;font-size:16px;line-height:20px}
#floatingBacks,#transparency{display:none !important}
#wrapPaletta{width:100px}
#cubeRotations a{width:30px;padding:5px 4px}
#cubeRotations a > span{display:none}
#cubeRotations a[data-face="U"] > span{background-color:#ed3030}
#cubeRotations a[data-face="L"] > span{background-color:#58d568}
#cubeRotations a[data-face="R"] > span{background-color:#f2f215}
#cubeRotations a[data-face="B"] > span{background-color:#1c5ffe}
#cubeRotations a:hover > span{display:inline-block}
#cubeRotations .row.tip a{color:#1c5f8e}
#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}
#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:196px;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}
.sbsP{display:block;margin:4px auto 0}
.sbsP polygon.st{stroke:#151515;stroke-width:1.6;stroke-linejoin:round}
.sbsP polygon.st.hi{stroke:#f5b400;stroke-width:3}
.algoP{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}
.algoP.tip{color:#1c5f8e}
@media screen and (max-width:700px){
#megoldasPult{width:auto}
#pyraSvg{width:430px;height:400px}
}
@media screen and (max-width:450px){
#pyraSvg{width:365px;height:340px}
}