:root{background-color:#f4f4f4}@media screen and (min-width: 701px){.max-resposive{text-align:center;font-size:5rem;color:#00542c;background-color:#f4f4f4}.main-container{display:none;background-color:#f4f4f4}.loading{display:none}}@media screen and (max-width: 700px){.backgraunde-lacoste-container{display:flex;justify-content:center;align-items:center;position:absolute;margin:0;padding:0;width:auto;height:100dvh;z-index:0;overflow:hidden}.backgraunde-lacoste{top:0;left:0;width:160%;height:auto;object-fit:cover;z-index:-1;transform:rotate(-20deg) translate(-38%,60%);opacity:.8}.max-resposive{display:none}.loading{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f4f4f4}.main-container{display:grid;place-content:center;grid-template-rows:8% 25% 32% 35%;grid-template-columns:100%;background-color:#f4f4f4;height:100vh;overflow:hidden}.container-header{opacity:.8;max-width:100%}a{color:#fff;text-decoration:none}.container-result{display:flex;justify-content:center;align-items:center;color:#333;z-index:1}.container-input{display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:.8;max-width:100%;z-index:1}.container-record{display:flex;justify-content:center;background-color:transparent;object-fit:cover;height:100%;width:100%;z-index:1}.img-product{display:flex;justify-content:center;align-items:center;overflow-x:auto;overflow-y:hidden;z-index:1;background-color:transparent}}.activeCam{display:flex;align-items:center;justify-content:center;position:fixed;height:60px;width:60px;bottom:10px;right:10px;border-radius:50%;background-color:transparent;border:solid 3px #00542c;cursor:pointer;z-index:1}.title-articule,.title-price,.title-stock{position:sticky;top:-2px;background-color:#00542c;display:flex;justify-content:space-around;padding:0;margin:0;font-size:1rem;border:solid 1px #203306}.section-articul{position:absolute;display:grid;grid-template-columns:51% 34% 15%;max-height:24%;width:90%;color:#f8fcf4;background-color:#00542c;opacity:.89;border-radius:8px;overflow-y:scroll;padding:2px}.container-articule,.container-price,.container-stock{display:flex;flex-direction:column;justify-content:center;border:solid 1px #203306;background-color:#00542c}.articule,.price,.stock{font-size:1.1rem;margin:3px;align-self:center}.bar-loader{display:flex;justify-content:center;height:auto;width:700px}@media screen and (max-width: 700px){.filter{height:100%;width:100%;display:flex}.filter-input{display:flex;justify-content:center;align-items:center;height:50px;width:100%;font-size:20px;text-align:center;background-color:#4d5246;border:5px solid #1d1e1c;color:#f8fcf4;opacity:.8;border-radius:8px}::placeholder{color:#f4f4f4;font-size:1.2em;opacity:.5}.button-filter{display:flex;align-items:center;position:absolute;right:15px;top:12px;height:54px;background-color:transparent;border:transparent;cursor:pointer;color:#000}.button-active-cam-by-filter{display:flex;align-items:center;position:absolute;right:60px;top:12px;height:54px;background-color:transparent;border:transparent;cursor:pointer;color:#000}.button-clear{display:flex;align-items:center;position:absolute;top:12px;left:15px;height:54px;background-color:transparent;border:transparent;cursor:pointer;color:#000}}.video{width:100%;height:100%;object-fit:cover;border-radius:5px}.viewport{width:100%;height:auto;overflow:hidden}.rotate-cam{z-index:55;position:absolute;left:3%;margin:8px;background-color:#628d2a;border-radius:50%;height:50px;width:50px;border:rgb(95,92,92) solid .5px}.stop-cam{display:flex;align-items:center;justify-content:center;z-index:55;position:absolute;left:82%;margin:8px;background-color:transparent;border-radius:50%;height:50px;width:50px;border:transparent solid .5px}.main-conteiner-img{display:flex;align-items:center;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding:0;background-color:transparent}.container-img{display:flex;height:250px;width:190px;flex-direction:column;align-items:center;justify-content:center;background-color:transparent}.code-art{position:relative;text-align:center;width:80%;color:#f4f4f4;font-weight:500;margin:0 10px;border-radius:3px;padding:0;bottom:25px;background-color:#00542c;z-index:9}.img-error{width:50px;background-color:#f4f4f4;margin:50px;opacity:.5;overflow:hidden;box-sizing:border-box}.circular-text{margin:0 auto;border-radius:50%;width:200px;position:relative;height:200px;font-weight:700;color:#000;font-weight:900;text-align:center;cursor:pointer;transform-origin:50% 50%;-webkit-transform-origin:50% 50%}.circular-text span{position:absolute;display:inline-block;left:0;right:0;top:0;bottom:0;font-size:24px;transition:all .5s cubic-bezier(0,0,0,1)}.input-file{display:flex;justify-content:center;align-items:center}.nav-bar{display:flex;align-items:center;justify-content:center}.section-navigation{display:flex;align-content:center;justify-content:center;padding:2rem}.nav-bar-component{display:flex;color:#4d5246;justify-content:space-evenly;align-items:center;background-color:#4d5246}:root{font-family:Open Sans,sans-serif}