.style_scannerBox__8Duma{width:100%;height:300px}@media (min-width:320px) and (max-width:575.98px){.style_page__O8A9W{position:relative;display:flex;align-items:center;justify-content:center;height:100vh;.style_main__l8Il9{display:grid;grid-template-columns:repeat(6,1fr);grid-template-areas:"scannerBtn .         .         .         .         profileBtn" ".          .         header    header    .         .         " "searchBox  searchBox searchBox searchBox searchBox searchBox ";justify-items:center;grid-row-gap:40px;row-gap:40px;padding:20px;margin-bottom:auto;.style_scannerBtn__tteBB{grid-area:scannerBtn;height:40px;width:40px;display:flex;align-items:center;justify-content:center;background:var(--primary);border-radius:7px;.style_svg__UsvmI{height:20px;.style_path__TgBtm{fill:var(--text)}}}.style_profileBtn__Ck23j{grid-area:profileBtn;background:var(--secondary);border-radius:50%;height:40px;width:40px;display:flex;align-items:center;justify-content:center;.style_svg__UsvmI{height:20px;.style_path__TgBtm{fill:var(--text)}}}.style_header__1OTQN{grid-area:header;font-size:2.5rem;font-weight:lighter;white-space:nowrap}.style_searchBox__6Awew{grid-area:searchBox;background:var(--secondary);height:-moz-fit-content;height:fit-content;width:90%;border-radius:25px;padding:0 15px;margin-top:20px;box-shadow:inset 0 4px 4px 0 rgba(0,0,0,.25);-webkit-box-shadow:inset 0 4px 4px 0 rgba(0,0,0,.25);-moz-box-shadow:inset 0 4px 4px 0 rgba(0,0,0,.25);.style_searchHeader__4TnHE{height:50px;display:grid;width:100%;align-items:center;grid-template-columns:auto 1fr auto;grid-template-areas:"svgGlass search cancelBtn";.style_svgGlass__HDw_V{grid-area:svgGlass;height:20px;.style_path__TgBtm{fill:rgb(35,35,35)}}.style_search__G2Fx9{background:none;height:35px;margin-inline:10px;outline:0;font-size:1.2rem}.style_cancelBtn__9ibiL{grid-area:cancelBtn;height:25px;.style_path__TgBtm{fill:rgb(35,35,35)}&:active{.style_path__TgBtm{fill:var(--primary)}}}}.style_underLine___1oHh{border-bottom:1px solid rgb(35,35,35);margin-bottom:15px}.style_searchList__Lg0H1{background-color:none;display:flex;flex-flow:column;height:-moz-fit-content;height:fit-content;margin-bottom:10px;.style_item__ZNVG8{height:-moz-fit-content;height:fit-content;pad:10px;width:100%;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon title" "icon barCode" "icon kcal";padding:0 10px 10px;grid-column-gap:10px;column-gap:10px;.style_icon__5FT9R{grid-area:icon;height:70px;width:70px}.style_title__VEH7M{font-size:1.2rem}.style_barCode__Wm_JV{font-size:1rem}.style_kcal__cZ9i0{font-size:.8rem}}}}}.style_scannerPopup__v2gk3{position:absolute;width:100%;height:100%;background-color:#000000c9;display:flex;justify-content:center;align-items:center;.style_scannerBox__CfLc2{background:var(--background);border-radius:14px;padding:10px;max-width:90%;position:relative;.style_scannerSquare__5MYCf{position:absolute;height:1px;width:75%;background:none;border:1px dashed red;top:50%;left:50%;transform:translate(-50%,-50%)}}}}}