body{margin:0;padding:0;font-family:Inter,sans-serif}button{font-family:Inter,sans-serif;outline:none;border:none}input{border:none;outline:none}p{margin:0}#root{width:100%}.container{width:calc(97% - 60px);height:fit-content;background-color:#fff;max-width:700px;border:1px solid #2222222b;border-radius:12px;display:flex;flex-direction:column;padding:30px;gap:32px}.amountContainer{padding:8px;background-color:#ebebeb;border-bottom:1px solid black}.sliderContainer{width:100%}.sliderText{display:flex;justify-content:space-between;margin-bottom:16px}.sliderText p{font-size:18px;font-weight:500}.slider{-webkit-appearance:none;background-color:#ebebeb;width:100%;height:20px;border-radius:14px}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:35px;height:35px;border-radius:50%;background:#ffcb00;cursor:pointer;box-shadow:0 0 23px #00000040}.slider::-moz-range-thumb{width:35px;height:35px;border-radius:50%;background:#ffcb00;cursor:pointer;box-shadow:0 0 23px #00000040}.dataContainer{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px}.itemContainer{background-color:#ffcb00;border-radius:15px;padding:20px;overflow:hidden}.itemContainer:nth-child(2n){background-color:#f3e495}.itemContainer:last-child{grid-column:span 2}.titleContainer{display:flex;gap:8px;align-items:center;font-size:20px;font-weight:500;margin-bottom:16px}.titleContainer svg{height:30px;width:30px}.amount{font-size:24px;font-weight:700;word-wrap:break-word;white-space:initial}@media only screen and (max-width: 600px){.container{padding:18px;width:calc(97% - 36px)}.itemContainer{padding:12px 16px}.titleContainer{font-size:12px;margin-bottom:8px;gap:4px}.amount{font-size:18px}.titleContainer svg{height:20px;width:20px}.slider{height:14px}.sliderText p{font-size:16px}.slider::-webkit-slider-thumb{width:28px;height:28px}.slider::-moz-range-thumb{width:28px;height:28px}}