#veggieList{box-sizing:border-box;width:25%;padding:.2% 1%}#veggieList .veggie-grid{display:grid;margin:2% 0 4%;grid-template-columns:1fr 1fr;grid-gap:1rem;position:relative}#veggieList .veggie-grid button{position:absolute;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background-color:transparent;color:var(--gray);font-size:250%;top:50%;transform:translateY(-50%) scaleX(70%);transition:transform .3s}#veggieList .veggie-grid button:disabled{color:var(--light-gray)}#veggieList .veggie-grid button:not(:disabled):hover{transform:translateY(-50%) scaleX(84%) scaleY(120%)}#veggieList .veggie-grid button:first-of-type{right:100%}#veggieList .veggie-grid button:nth-of-type(2){left:100%}#veggieList .veggie{box-sizing:border-box;aspect-ratio:6/3;padding:1% 5%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:baseline;border-radius:5px;background-color:var(--sun-yellow);box-shadow:0 8px 0 0 var(--yellow-shadow);margin-bottom:8px}#veggieList .veggie p{margin:0;padding:0}#veggieList .veggie .progress{width:100%;height:1.5rem;border-radius:5px;position:relative;z-index:0;color:white;display:flex;justify-content:center;align-items:center}#veggieList .veggie .progress sub{transform:translateY(30%)}#veggieList .veggie .progress:before{display:block;content:"";position:absolute;inset:0;z-index:-2;border-radius:5px;background-color:var(--yellow-shadow)}#veggieList .veggie .progress .progress-bar{position:absolute;inset:0 auto 0 0;width:0;height:100%;border-radius:5px;background-color:#565137;z-index:-1}@media screen and (orientation:portrait){#veggieList{width:80%;font-size:3vw}#veggieList .veggie .progress{font-size:80%}}