.ankieta{font-family:"Roboto";margin:auto;max-width:400px;display:flex;flex-direction:column;justify-content:space-evenly;height:100%;overflow:hidden}.ankieta>div{padding-top:30px}.top{width:100%;flex:30%}.middle{flex:70%}.middle.hideQuestion{-webkit-animation:hideQuestion 200ms forwards;animation:hideQuestion 200ms forwards}.middle.showQuestion{-webkit-animation:showQuestion 200ms forwards;animation:showQuestion 200ms forwards}@-webkit-keyframes hideQuestion{from{transform:translateX(0%);opacity:1}to{transform:translateX(-50%);opacity:0}}@keyframes hideQuestion{from{transform:translateX(0%);opacity:1}to{transform:translateX(-50%);opacity:0}}@-webkit-keyframes showQuestion{from{transform:translateX(50%);opacity:0}to{transform:translateX(0%);opacity:1}}@keyframes showQuestion{from{transform:translateX(50%);opacity:0}to{transform:translateX(0%);opacity:1}}.bottom{display:flex;justify-content:flex-end}.bottom .btn{margin-left:5px;opacity:1;transition:transform 200ms,opacity 150ms}.bottom .btn.hide{pointer-events:none;opacity:0;transform:translateX(-50%)}#pytaniaObj{opacity:0}#pytaniaObj.show{opacity:1;transition:opacity 1300ms}.step-progress-bar{box-sizing:border-box;width:100%;height:40px;padding:5px;display:flex;justify-content:space-evenly;align-items:center}.step-progress-bar .point{position:relative;z-index:2;width:26px;height:26px;aspect-ratio:1;font-size:12px;display:flex;justify-content:center;align-items:center;background-color:#c4c4c4;border:2px solid #c4c4c4;box-sizing:border-box;border-radius:13px;color:#000;transition:color 200ms 200ms,background-color 200ms 200ms,border-color 200ms 200ms}.step-progress-bar .point[data-active="1"]{border-color:#00a811}.step-progress-bar .point[data-done="1"]{border-color:#e5e5e5;background-color:#00a811;color:#c4c4c4}.step-progress-bar .line{width:100%;height:3px;background-color:#c4c4c4;background:#c4c4c4}.step-progress-bar .line[data-done="1"]{background:linear-gradient(90deg, #c4c4c4 0%, #c4c4c4 50%, #00a811 50%, #00a811 100%);background-position:0% 100%;background-size:200% 100%;-webkit-animation:lineDone 200ms ease-out forwards;animation:lineDone 200ms ease-out forwards}@-webkit-keyframes lineDone{from{background-position:0% 100%}to{background-position:-100% 100%}}@keyframes lineDone{from{background-position:0% 100%}to{background-position:-100% 100%}}