@font-face{font-family:Momo Trust Display;src:url(/assets/MomoTrustDisplay-Regular-D-qYloX9.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Momo Trust Display;src:url(/assets/Inter-VariableFont_opsz_wght-FIwubZjA.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}:root{--text-color-primary: #000000;--text-color-second: #000222;--text-color-third: #c6c6c6;--bg-color-primary: #c6c6c6;--bg-color-second: #ffffff;--font-default: "Inter";--font-title: "Momo Trust Display" }body{color:var(--text-color-second);background-color:var(--bg-color-primary);font-family:var(--font-default),sans-serif}main{background-color:var(--bg-color-second);width:100vw;max-width:750px;height:100vh;padding:50px 20px 0;overflow:auto}h1,h2,h3,h4,h5,h6{color:var(--text-color-primary);font-family:var(--font-title),sans-serif}h2{font-size:1.8rem}ul{list-style:none}.disabled{display:none!important}.selected{border:2px solid #3232e8!important;cursor:default!important}@media(min-width:751px){body{padding-top:50px}main{max-height:90vh;padding:50px 30px 0;border-radius:10px;margin:0 auto;box-shadow:4px 6px 8px #9999}}.listTitle{margin:40px 0 12px}.containerLogo{display:block;width:fit-content;margin:0 auto}.imgLogo{max-width:280px}hr{display:block;width:70%;margin-bottom:20px}{}.categoria_container{position:relative;display:flex;margin-bottom:20px;gap:10px;padding-bottom:10px;border-bottom:1px solid rgba(182,182,182,.14)}.categoria_list{display:flex;width:100%;overflow-x:auto}.btnCategoria{display:flex;justify-content:center;align-items:center;background:none;border:none;cursor:pointer;scale:1}.btnCategoria:hover:not(.categoria){scale:1.1}.categoria_list{display:flex;gap:5px;padding:5px}.categoria_menu{display:flex;flex-direction:column;position:absolute;right:20px;top:20px;background:#fff;width:90%;height:200px;max-width:300px;border:1px solid #A6A6A672;box-shadow:2px 4px 6px #9e9e9e7c;padding:30px 25px;gap:10px;justify-content:center;border-bottom-left-radius:20px;border-top-left-radius:20px;border-bottom-right-radius:20px;z-index:1000}.categoria_menu button{background:none;border:1px solid #fff;box-shadow:2px 4px 6px #9e9e9e7c;cursor:pointer;height:50px;border-radius:8px;font-size:16px}.categoria_menu button:hover{background-color:#4242e1;color:#fff;border:1px solid #4242e1;box-shadow:none}.categoria_menu button:nth-of-type(2){background-color:red;color:#fff}.categoria_menu button:nth-of-type(2):hover{border:1px solid red;box-shadow:none}.listaDeCompras_Container--comprados{display:flex;flex-direction:column;gap:20px;margin-top:20px}.listaDeCompras_Container--comprados h2{border-bottom:1px solid #000;padding-bottom:5px}.containerInputEntrada{position:relative;display:flex;align-items:center;width:100%;max-width:400px;margin:20px auto}.containerInputEntrada input{width:100%;height:40px;border:2px solid rgba(23,23,23,.72)}.containerInputEntrada button{position:absolute;right:0;width:80px;height:40px;background-color:var(--text-color-primary);color:#fff;border:none;cursor:pointer;scale:1}.containerInputEntrada button:hover,.containerInputEntrada button:active{scale:1.1}.item{display:flex;gap:10px;align-items:center}.item form{display:flex;width:100%}.caixaChecked{display:flex;align-items:center;justify-content:center;border:1px solid #676767;width:25px;height:20px;cursor:pointer;background-color:#fff}.caixaChecked:hover,.caixaChecked:active{border-color:#c6c6c6}.itemName{width:100%;height:20px;border:none;font-size:17px;color:#000}.container-item_btns{display:flex;gap:5px}.container-item_btns button{cursor:pointer;border:none;background:none;scale:1}.container-item_btns button:hover,.container-item_btns button:active{scale:1.1}.listaDeCompras_Container--comprados .caixaChecked{background-color:#757575c9;border:1px solid #757575C9}.listaDeCompras_Container--comprados .caixaChecked img{width:20px}.listaDeCompras_Container--comprados .itemName{text-decoration:line-through!important;color:#757575c9}.listaDeCompras_Container--comprados .btnEdit{display:none}.listaDeCompras_Container--comprados .item{position:relative}.listaDeCompras_Container--comprados .item .lineThrough{position:absolute;display:flex;width:97%;height:1px;top:50%;border:1px solid rgba(0,0,0,.55)}.categoria{display:flex;max-width:150px;word-break:auto-phrase;padding:4px 6px;background:#fff;box-shadow:2px 2px 4px #a3a3a3;border:2px solid #fff;border-radius:6px;cursor:pointer}.categoria:hover:not(.categoria-selected){border:2px solid #4242e1;box-shadow:none}.categoria-selected{cursor:default;background-color:#4242e1;color:#fff;box-shadow:none}.modal{display:flex;position:fixed;justify-content:center;align-items:center;top:0;left:0;width:100vw;height:100vh;background-color:#000000a5}.modal form{display:flex;position:relative;flex-direction:column;background-color:#fff;padding:2rem;border-radius:10px;margin-top:-100px;gap:1.5rem;width:100%;max-width:600px}.modal form .modal_btn-close{display:flex;position:absolute;top:10px;right:10px;width:30px;height:30px;background-color:#fff;border:none;cursor:pointer}.modal form .modal_btn-close:hover{background-color:#ea4040;border:none}.modal form p{font-size:1.2rem;margin-top:15px}.modal form input{height:40px;border-radius:8px;padding-left:5px}.modal form .modal_container-btns{display:flex;gap:1rem;margin-top:10px}.modal form .modal_container-btns button{width:150px;border:1px solid #000;background:none;cursor:pointer;padding:10px 20px;border-radius:10px}.modal form .modal_container-btns button:hover{box-shadow:2px 4px 6px #d8d8d882}