:root{background-color:#f4f4f4}@media screen and (min-width: 701px){.max-resposive{text-align:center;font-size:5rem;color:#628d2a;background-color:#f4f4f4}.main-container{display:none;background-color:#f4f4f4}.loading{display:none}}@media screen and (max-width: 700px){.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}.container-input{display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:.8;max-width:100%}.container-record{display:flex;justify-content:center;background-color:#f4f4f4;object-fit:cover;height:100%;width:100%}.img-product{display:flex;justify-content:center;align-items:center;overflow-x:auto;overflow-y:hidden}}.activeCam{position:fixed;bottom:10px;right:10px;border-radius:50%;border:none;background-color:#628d2a;cursor:pointer}.title-columns{position:sticky;top:-2px;background-color:#628d2a;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:#628d2a;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:#416117}.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:1px solid #4D5246;color:#f8fcf4;opacity:.8;border-radius:0%}.button-filter{position:absolute;right:10px;height:54px;background-color:transparent;border:transparent;cursor:pointer;color:#000}}.video{width:100%;height:100%;object-fit:cover}.viewport{width:100%;height:auto;overflow:hidden}.rotate-cam{z-index:55;position:absolute;left:78%;margin:8px;background-color:#628d2a;border-radius:50%;height:50px;width:50px;border:rgb(95,92,92) solid .5px}.activeCam{z-index:55;border-radius:50%;border:none;background-color:#628d2a;height:60px;width:60px;cursor:pointer}.main-conteiner-img{display:flex;align-items:center;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding:0}.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:#fff;font-weight:500;margin:0 10px;padding:0;bottom:25px;background-color:#628d2a}.img-error{width:50px;background-color:#f4f4f4;margin:50px;opacity:.5}.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}