*,*:before,*:after{box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100vh}body{margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;box-sizing:border-box}.header-container{display:flex;justify-content:flex-start;align-items:center;gap:3rem;flex-wrap:wrap;padding:.5rem .5rem .5rem 6rem;height:90px}.header-container img{height:50px;margin-right:.5em}.header-container h2{font-size:1.625rem;font-weight:400;line-height:2rem;text-align:center}@media(max-width:600px){.header-container{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;gap:0rem;padding:.5rem;align-content:center;height:150px}}@media(max-width:350px){.header-container{height:180px}}.label{color:#fff!important;font-size:15px!important;font-weight:600!important;margin-bottom:.3rem}.label.Mui-focused{color:#fff}.select-item{height:40px!important;width:150px!important;background-color:#fff;border-radius:0;display:flex;align-items:center;font-size:15px!important}.select-item .MuiSelect-select{padding:.5rem}.label{font-size:12px}.date-calendar{height:40px!important;width:150px!important}.loader-container{height:100vh;width:100%;display:flex;align-items:center;justify-content:center}.main-container{display:grid;grid-template-rows:min-content 1fr;height:calc(100vh - 90px);overflow:auto}.main-container .items-container{display:flex;justify-content:center;align-items:center;padding:.5rem;gap:2rem;background-color:#0082dd;flex-wrap:wrap}.main-container .img-container{display:flex;justify-content:center;align-items:center}@media(max-width:600px){.main-container{height:calc(100vh - 150px)}}@media(max-width:350px){.main-container{height:calc(100vh - 180px)}}.thumbnail-nav{display:flex;justify-content:center;gap:10px;margin-top:50px;overflow-x:auto}