*{box-sizing:border-box}body{margin:0;padding:0;font-family:system-ui}.topbar{width:100vw;padding:1rem 0;text-align:center;background:#1d4ed8;color:#fff;font-weight:700;font-size:1.3rem}main{width:100vw;display:flex;justify-content:center}.form-container{width:100vw;position:relative}.step{position:absolute;top:0;left:50%;transform:translate(-50%);transition:.2s}.form-container .step-title{text-align:center}.nextContainer{display:flex;justify-content:center;margin-top:1rem}.next-button{display:block;border:none;background:#1d4ed8;color:#fff;cursor:pointer;padding:1rem 3rem;border-radius:.25rem;transition:.2s}.next-button:hover{background:#1e40af}.next-button:active{background:#1e3a8a}.shower-select{width:100%;font-size:1.3rem}.shower-minutes{margin-top:1rem;text-align:center;gap:1rem;display:flex;justify-content:center}.shower-minutes-range{width:100%}.shower-minutes-display{font-size:2rem;text-align:center;display:flex;justify-content:center}.step-primary-image{width:100vw;height:max(30vw,300px);object-fit:cover;object-position:0 0}.total{text-align:center;display:flex;justify-content:center;font-size:3rem;color:#1e90ff;font-weight:bolder}