:root{background-color:#e8e8e8}body{display:flex;justify-content:center}.main-content{display:flex;flex-direction:column;justify-content:center;max-width:500px}.content-inputs{display:flex;flex-direction:column;width:min-content}.content-range-input{background:linear-gradient(to bottom,#e3d5ff,#ffe7e7);border-radius:16px;padding:8px}.content-range-input input{border:none;border-radius:8px;text-align:center;padding-block:8px}.content-range-input input:focus{outline:1px solid turquoise}.content-action-buttons{display:flex;justify-content:space-between;max-width:400px}.action-button{cursor:pointer;padding:6px 8px;border-radius:8px;font-weight:700}#resultRange{field-sizing:content;min-width:200px;max-width:400px;min-height:80px;padding:6px 10px}