/*
! tailwindcss v3.1.8 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-family:Roboto,sans-serif;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.top-0{top:0}.right-1\/2{right:50%}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.right-0{right:0}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-bottom:auto;margin-top:auto}.ml-auto{margin-left:auto}.mr-0{margin-right:0}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}.mt-2{margin-top:.5rem}.flex{display:flex}.table{display:table}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.h-full{height:100%}.h-16{height:4rem}.h-24{height:6rem}.h-1\/2{height:50%}.h-fit{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.w-full{width:100%}.w-1\/2{width:50%}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.basis-1\/2{flex-basis:50%}.translate-y-1\/2{--tw-translate-y:50%}.translate-y-1\/2,.translate-y-8{-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-8{--tw-translate-y:2rem}.translate-x-1\/2{--tw-translate-x:50%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.border-b-2{border-bottom-width:2px}.border-b-black{--tw-border-opacity:1;border-bottom-color:rgb(0 0 0/var(--tw-border-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.bg-opacity-50{--tw-bg-opacity:0.5}.py-4{padding-bottom:1rem;padding-top:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.text-center{text-align:center}.text-end{text-align:end}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.font-semibold{font-weight:600}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12/var(--tw-text-opacity))}.text-orange-700{--tw-text-opacity:1;color:rgb(194 65 12/var(--tw-text-opacity))}.filter{-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--background:#eee;--primary:#45c567;--headerHeight:4rem;--light-green:#b1e4aa;--red:#e55454;--gray:#888;--item-color:#fff;--white:#fff;--text:#444;--dark:#33924c;--border:.25rem solid var(--dark);--shadow:0 .125rem .25rem transparent;--font:"Montserrat",sans-serif}.dark-mode:root{--background:#333;--text:#fff;--item-color:#444}*{font-family:Montserrat,sans-serif}body{-webkit-touch-callout:none;background-color:#eee;background-color:var(--background);color:#444;color:var(--text);height:100vh;-webkit-user-select:none;user-select:none;width:100vw;z-index:0}.title{font-size:1.75rem;text-align:center;text-shadow:0 .125rem .25rem transparent;text-shadow:var(--shadow);text-transform:uppercase}.subtitle,.title{color:#45c567;color:var(--primary);font-weight:700}.subtitle{font-size:1.5rem;line-height:1.5rem;margin-left:.5rem;text-align:left}.list-section{padding-bottom:7rem;padding-top:1rem}.pageFull{height:100vh;justify-content:space-between}.page{background-color:#eee;background-color:var(--background);box-sizing:border-box;display:flex;flex-direction:column;justify-content:start;min-height:100vh;padding:4rem .5rem 0;padding:var(--headerHeight) .5rem 0;width:100vw}@media screen and (min-width:1440px){.page{padding-left:7rem;padding-right:7rem}}.modal{background-color:rgba(0,0,0,.75);height:100%;left:0;position:fixed;top:0;width:100%;z-index:30}.modal .modal__content{aspect-ratio:1/1;background-color:var(--background);border-radius:1rem;color:var(--primary);margin:auto;max-width:500px;overflow:hidden;padding:.125rem;width:80%}.modal .modal-button{border-radius:0;text-transform:uppercase}.modal .modal-button:first-child{border-radius:1rem 0 0 1rem}.modal .modal-button:nth-child(2){border-radius:0 1rem 1rem 0}.loading{align-items:center;display:flex;height:inherit;justify-content:center;min-height:1.5rem;width:100%}.loading.dark span{background-color:var(--primary)}.loading span{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:loadingSpan;animation-name:loadingSpan;background-color:var(--background);border-radius:.5rem;display:inline-block;height:8px;margin:0 .25rem;width:8px}.loading :first-child{-webkit-animation-delay:.125s;animation-delay:.125s}.loading :nth-child(2){-webkit-animation-delay:.25s;animation-delay:.25s}.loading :nth-child(3){-webkit-animation-delay:.375s;animation-delay:.375s}@-webkit-keyframes loadingSpan{50%{-webkit-transform:scaleY(1);transform:scaleY(1)}75%{-webkit-transform:translateY(-.5rem) scaleY(1);transform:translateY(-.5rem) scaleY(1)}to{-webkit-transform:translateY(0) scaleY(.75);transform:translateY(0) scaleY(.75)}}@keyframes loadingSpan{50%{-webkit-transform:scaleY(1);transform:scaleY(1)}75%{-webkit-transform:translateY(-.5rem) scaleY(1);transform:translateY(-.5rem) scaleY(1)}to{-webkit-transform:translateY(0) scaleY(.75);transform:translateY(0) scaleY(.75)}}.button{border-radius:2rem;color:var(--white);flex-basis:50%;flex-grow:0;flex-shrink:0;height:4rem;padding:0 1rem;text-shadow:0 .125rem .125rem rgba(0,0,0,.75);text-transform:capitalize;transition:.25s;width:100%}.button>span{align-items:center;display:flex;gap:1rem;justify-content:center;position:relative;width:100%;z-index:1}.danger-button{color:var(--red)!important}.danger-button,.info-button{box-shadow:var(--shadow);color:var(--text);font-size:1.25rem;text-shadow:none;text-transform:uppercase}.green-button{background-color:var(--primary)}.gray-button{background-color:var(--gray)}.left span,.right span{gap:0}.left.red-button,.right.red-button{background-color:initial}.left.red-button:after,.left.red-button:before,.right.red-button:after,.right.red-button:before{background-color:var(--red)!important}.left.green-button,.right.green-button{background-color:initial}.left.green-button:after,.left.green-button:before,.right.green-button:after,.right.green-button:before{background-color:var(--primary)!important}.left.gray-button,.right.gray-button{background-color:initial}.left.gray-button:after,.left.gray-button:before,.right.gray-button:after,.right.gray-button:before{background-color:var(--gray)!important}.left:before,.right:before{background-color:#000;bottom:0;content:"";height:100%;left:0;position:absolute;width:100%}.left:after,.right:after{aspect-ratio:1/1;bottom:0;-webkit-clip-path:circle(50% at 50% 50%);clip-path:circle(50% at 50% 50%);content:"";height:100%;position:absolute}.left{-webkit-transform:translateY(-1rem);transform:translateY(-1rem)}.left span{justify-content:flex-start}.left:before{-webkit-clip-path:polygon(2rem 0,100% 0,80% 100%,2rem 100%);clip-path:polygon(2rem 0,100% 0,80% 100%,2rem 100%)}.left:after{left:0}.right{-webkit-transform:translateY(1rem);transform:translateY(1rem)}.right span{justify-content:flex-end}.right:before{-webkit-clip-path:polygon(20% 0,calc(100% - 2rem) 0,calc(100% - 2rem) 100%,0 100%);clip-path:polygon(20% 0,calc(100% - 2rem) 0,calc(100% - 2rem) 100%,0 100%)}.right:after{right:0}.button:disabled{opacity:.5}.button:disabled:after,.button:disabled:before{background-color:var(--gray)!important}.button:enabled:hover{-webkit-filter:brightness(1.25);filter:brightness(1.25)}.div-parent{height:0;left:0;position:relative;top:.5rem;transition:.25s;width:0}.navBar-inactive{-webkit-transform:rotateY(-90deg) skewY(10deg);transform:rotateY(-90deg) skewY(10deg);transition:.25s}.navBar{align-items:flex-start;background-color:var(--item-color);border:.125rem solid var(--background);border-radius:0 1rem 1rem 0;display:flex;flex-direction:column;gap:.5rem;left:0;padding:2rem 1rem;position:relative;top:0;transition:.25s;width:-webkit-max-content;width:max-content}.navBar .navBar__list--item{color:var(--text);padding:.5rem 0;text-align:left;text-transform:uppercase}.button-nav{left:1rem;position:absolute;top:.5rem;z-index:15}.div-switchMode{align-items:center;display:flex;gap:.5rem}.div-switchMode .switch{display:flex;height:34px;position:relative;width:60px}.div-switchMode .switch input{height:0;opacity:0;width:0}.div-switchMode .switch input:checked+.slider{background-color:var(--primary)}.div-switchMode .switch input:focus+.slider{box-shadow:0 0 1px var(--primary)}.div-switchMode .switch input:checked+.slider:before{-webkit-transform:translateX(26px);transform:translateX(26px)}.div-switchMode .switch .slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.div-switchMode .switch .slider:before{background-color:#fff;bottom:4px;content:"";height:26px;left:4px;position:absolute;transition:.4s;width:26px}.div-switchMode .switch .slider.round{border-radius:34px}.div-switchMode .switch .slider.round:before{border-radius:50%}header{background-color:var(--primary);box-shadow:inset 0 -.25rem 0 var(--dark);height:4rem;position:fixed;width:100%;z-index:15}.navigation{align-items:flex-end;display:flex;flex-basis:auto;height:100%;max-width:500px;padding:.5rem 1rem 0;position:relative;width:100%}.navigation .div-link{flex-basis:calc(33.33333% - 10.66667px);height:3rem}.navigation .div-link .nav-link{margin:.5rem 0}.navigation .div-link .nav-link line,.navigation .div-link .nav-link path,.navigation .div-link .nav-link polyline{stroke:var(--background)}.navigation .div-link .link{display:inline-block;font-size:.5rem;font-weight:700;height:100%;text-align:center;text-transform:uppercase;transition:.25s;width:100%}.navigation .div-link .link:not(.active){border-bottom:var(--border);color:var(--background)}.navigation .div-link .link:not(.active) line,.navigation .div-link .link:not(.active) path,.navigation .div-link .link:not(.active) polyline{stroke:var(--background)}.navigation .div-link .link:hover:not(.active){-webkit-filter:brightness(1.25);filter:brightness(1.25)}.navigation .div-link .link>*{margin:0 auto}.navigation .div-link:first-child{background-color:var(--primary);border-bottom:var(--border);flex-basis:32px;margin-right:.5rem;position:relative}.navigation .div-link:first-child .link.logout{align-items:center;background-color:var(--background);border-radius:.25rem;color:var(--primary);display:flex;font-weight:400;position:relative}.navigation .div-link:first-child .link.logout span{font-size:1rem;text-align:center;width:100%}.navigation .link.active{background-color:var(--background);border-radius:1rem 1rem 0 0;border-top:var(--border);color:var(--primary)}.main-formAuth{background-color:var(--primary)}.auth-form-container{background-color:var(--background);border-radius:1rem;box-shadow:0 0 5rem rgba(0,0,0,.25);box-sizing:border-box;left:50%;max-width:600px;padding:1rem;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:calc(100% - 2rem)}.auth-form-container .form-title{position:relative}.auth-form-container .form-title:after{right:0}.auth-form-container .form-title:after,.auth-form-container .form-title:before{background-color:var(--primary);content:"";height:4px;position:absolute;top:50%;width:20%}.auth-form-container .form-title:before{left:0}.auth-form-container .form-group{margin:1rem 0}.auth-form-container .form-group .form-field{border-radius:1rem;box-shadow:var(--shadow);padding:1rem;width:100%}.auth-form-container .form-group .form-field:focus{outline:.25rem solid var(--primary)}.error-message{color:#d63737}.div{background-color:var(--red);border-radius:.25rem;color:var(--white);margin-inline:auto;min-width:200px;padding:.5rem;text-align:center;width:50vw}.div p{position:relative}.productForm{margin:auto;max-width:600px;padding:0 .5rem}.productForm .form-data{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:50% 50%;width:100%}.productForm .div-main{display:flex;flex-direction:column;gap:.5rem;grid-column:span 2}.productForm .div-image{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:3rem auto;grid-template-rows:auto 3rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:auto}.productForm .div-image *{border-radius:.25rem;box-shadow:0 .25rem .25rem rgba(0,0,0,.25)}.productForm .div-image .div-preview{aspect-ratio:1/1;background-color:var(--item-color);grid-column:span 2;overflow:hidden}.productForm .div-image .edit-image{background-color:var(--primary);color:var(--white);font-size:.875em;text-align:center;text-transform:uppercase}.productForm .div-image .edit-image:has(.input-file:focus){outline:.125rem solid var(--text)}.productForm .div-image .edit-image .input-file{bottom:0;height:100%;opacity:0;position:absolute;right:0;width:100%;z-index:-1}.productForm .div-image .edit-image .input-file #file-upload-button{height:100%}.productForm .div-image .delete-image{background-color:var(--red)}.productForm .div-details{display:flex;flex-direction:column;gap:1rem}.productForm .div-details fieldset .field{margin-left:.5rem}.productForm .div-details .field{flex-direction:column}.productForm .div-details .field.optional{position:relative}.productForm .div-details .field.optional .field--input{background-color:var(--text);color:var(--item-color);opacity:.25}.productForm .div-details .field.optional .field--label:after{bottom:.25rem;color:var(--gray);content:"(opcional)";font-size:.5rem;line-height:.5rem;position:absolute;right:.25rem}.productForm .div-details .field--label{align-self:flex-start;line-height:1.5rem}.productForm .div-details .field--input{width:100%}.productForm .field--label,.productForm legend{font-size:1.25rem;font-weight:700;line-height:1.25rem;text-transform:uppercase}.productForm .prices .field{font-weight:400}.productForm .prices .field .field--label{font-size:1rem;font-weight:400}.productForm .field{align-items:center;display:flex;justify-content:space-between}.productForm .field--label{color:var(--text);font-weight:700;min-width:30%;text-transform:uppercase;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.productForm .field input{background-color:var(--item-color);border-radius:.25rem;box-shadow:0 .25rem .25rem rgba(0,0,0,.25);color:var(--primary);flex-grow:1;height:3rem;outline-color:var(--primary);padding:.5rem}.productForm .field input::-webkit-input-placeholder{color:var(--gray)}.productForm .field input::placeholder{color:var(--gray)}.stock-list{background-color:var(--secondary);color:var(--primary);gap:.25rem;padding:.75rem 0;position:relative}.stock-list .item{align-items:center;background-color:var(--item-color);border-radius:.5rem;box-shadow:var(--shadow);display:flex;height:3rem;justify-content:space-between;margin-top:.5rem;overflow:hidden;text-transform:uppercase}.stock-list .item .item__name{flex-basis:70%;overflow:hidden;padding-left:.5rem}.stock-list .item .item__quantity{align-items:center;display:flex;flex-basis:30%;height:100%;justify-content:center;max-width:30%;position:relative}.stock-list .item .item__quantity:has(button){justify-content:space-between}.stock-list .item .item__quantity .button-minus,.stock-list .item .item__quantity .button-plus{box-shadow:var(--shadow);color:var(--white);height:100%;width:30%}.stock-list .item .item__quantity .button-minus{background-color:var(--gray)}.stock-list .item .item__quantity .button-plus{background-color:var(--primary)}.stock-list .item .item__quantity .quantity__diff{color:var(--white);display:inline-block;font-size:.75rem;height:1rem;line-height:1rem;padding-right:.25rem;position:absolute;text-align:end;top:0}.stock-list .item .item__quantity .quantity__diff.no-diff{display:none}.stock-list .item .item__quantity .quantity__diff.positive-diff{right:0}.stock-list .item .item__quantity .quantity__diff.negative-diff{left:0}.stock-list .item .item__quantity .quantity__value{color:var(--dark);text-align:center;width:40%}.order{color:var(--primary);gap:.5rem;padding:0 .5rem .5rem;position:relative}.order .order__item{align-items:center;background-color:var(--item-color);border-radius:.5rem;box-shadow:var(--shadow);display:flex;gap:.5rem;height:3rem;justify-content:space-between;margin-top:.25rem;overflow:hidden;padding-left:.5rem;text-transform:uppercase}.order .order__item .order__item--name{flex-basis:70%}.order .order__item .order__item--price{margin-right:.5rem}.order .order__item .edit-button{aspect-ratio:1/1;background-color:var(--primary);height:100%}.overflowHidden{overflow-y:scroll;scroll-behavior:smooth}.flexOverflow{display:flex;flex-direction:column;flex-wrap:wrap;height:100vh}.chart{margin:0 auto}.recharts-tooltip-label{color:var(--text)}.charts{align-items:center;display:flex;flex-direction:column;gap:2rem}@media screen and (min-width:768px){.charts{flex-direction:row}}@media screen and (min-width:992px){.charts{flex-direction:column}}.button-sales{border-bottom:.25rem solid;color:var(--gray);flex-basis:50%;margin-top:1rem;text-transform:uppercase}.button-sales.active{border-color:var(--primary);color:var(--primary);font-size:1.25rem;font-weight:700}.sale .sale__header{background-color:var(--primary);border-radius:.25rem;box-shadow:var(--shadow);color:var(--white);display:flex;font-weight:700;margin-top:.5rem;padding:.75rem .5rem;width:100%}.sale .sale__header--date{margin-left:1rem}.sale .sale__header--total{margin-left:auto}.sale .sale__header--total:before{content:"R$ "}.sale.sale-selected .sale__header--toggleIcon{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.25s}.sale .sale__header--toggleIcon{-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:.25s}@media screen and (min-width:992px){.list-section:has(.charts){display:flex;flex-direction:row-reverse}}.list-section .sale-list{width:100%}.controls{display:flex;padding:.5rem;position:absolute;right:0;top:4rem;z-index:20}.controls input{margin-right:.125rem;padding:.75rem}.controls input:focus{background-color:#ddd;outline:.125rem solid lime}.sales-print{border:2px solid #000;gap:.5rem;max-width:450px;overflow:visible;padding-bottom:2rem;width:100%;z-index:-10}.sales-print *{padding:0}.sales-print .print__total{font-size:1.5rem;width:-webkit-max-content;width:max-content}.sales-print .print__total b{margin-left:.5rem;width:-webkit-max-content;width:max-content}.sales-print .print__info{align-items:center;display:flex;font-size:.75rem;gap:1rem;justify-content:space-between;text-transform:uppercase}.sales-print .print__info,.sales-print .print__total{padding:.5rem 1rem}.total{align-items:center;display:flex;font-weight:700;gap:1rem;justify-content:center}.total .total__label,.total .total__value{display:inline;text-shadow:var(--shadow)}.total .total__label{color:var(--white);font-size:1.75rem;text-transform:uppercase}.total .total__value{color:var(--primary);font-size:2rem;margin:0;text-align:center}.recharts-wrapper.pie-chart{align-items:center;display:flex;flex-direction:column;margin-inline:auto}.recharts-wrapper.pie-chart path{stroke:none}.recharts-wrapper.pie-chart .recharts-surface .recharts-pie{-webkit-transform:scale(1.75) translateX(-22%) translateY(-7%);transform:scale(1.75) translateX(-22%) translateY(-7%)}.recharts-wrapper.pie-chart .recharts-surface .recharts-pie:not(tspan){-webkit-filter:drop-shadow(0 .5rem .5rem rgba(0,0,0,.25));filter:drop-shadow(0 .5rem .5rem rgba(0,0,0,.25))}.recharts-wrapper.pie-chart .recharts-surface .recharts-pie tspan{text-shadow:var(--shadow)}.recharts-wrapper.pie-chart .recharts-legend-wrapper{bottom:auto!important;left:auto!important;position:relative!important}.recharts-wrapper.pie-chart .recharts-legend-wrapper ul.recharts-default-legend{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;height:100px;justify-content:space-between;overflow-y:auto;text-align:left!important;width:100%}.recharts-wrapper.pie-chart .recharts-legend-wrapper ul.recharts-default-legend li{flex-basis:45%;flex-grow:1;flex-shrink:1;overflow-x:hidden;position:relative}.recharts-wrapper.pie-chart .recharts-legend-wrapper ul.recharts-default-legend li span{position:absolute;width:-webkit-max-content;width:max-content}.product-list{background-color:var(--secondary);color:var(--primary);gap:.25rem;padding:.75rem .5rem;position:relative}.product-list .product{align-items:center;background-color:var(--item-color);border-radius:.5rem;box-shadow:var(--shadow);display:flex;gap:.5rem;height:3rem;justify-content:space-between;margin-top:.25rem;overflow:hidden;padding-left:.5rem;text-transform:uppercase}.product-list .product .product__name{flex-basis:70%;overflow:hidden}.product-list .product .product__price{margin-right:.5rem}.product-list .product .editProduct-button{aspect-ratio:1/1;background-color:var(--primary);height:100%}.products-section{height:55%;margin-top:4rem;overflow-y:scroll;position:relative;scroll-behavior:auto}.products-section .div-options{background-color:var(--background);color:var(--text);display:flex;font-size:.75rem;font-weight:700;gap:.5rem;justify-content:space-between;left:0;padding:.5rem .25rem;position:fixed;text-transform:uppercase;top:var(--headerHeight);z-index:10}.products-section .div-options>div{flex-basis:50%;position:relative}.products-section .div-options #price-models{background-color:var(--item-color);height:3rem;text-transform:uppercase;width:100%}.order-section{height:45%;position:relative}@media screen and (min-width:992px){.main-addSale{display:grid;grid-template-columns:2fr 1fr;margin:0}.products-section{height:100%;position:relative}.order-section{height:100%}}@media screen and (min-width:1440px){.main-addSale{grid-template-columns:3fr 1fr}}.productsType .type{color:var(--text);font-weight:700;margin:0;text-transform:uppercase}.productsType .productsContainer{padding-bottom:1.5rem;width:100%}.productsType .productsContainer .products{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;max-width:100%;transition:.5s;width:-webkit-max-content;width:max-content}.productsType .productsContainer .products .product:active{opacity:.5}.productsType .productsContainer .products .product:hover{-webkit-transform:scaleX(1.05);transform:scaleX(1.05);transition:.25s}.productsType .productsContainer .products .product{grid-gap:.25rem;background-color:var(--item-color);border-radius:.25rem;box-shadow:var(--shadow);color:var(--primary);display:grid;flex-basis:200px;flex-shrink:1;gap:.25rem;grid-template-areas:"stock name name name" "image image image count" "image image image price";grid-template-columns:repeat(4,1fr);grid-template-rows:2.5rem 1fr 2.5rem;max-height:160px;min-height:160px;position:relative;text-align:end;transition:.25s}.productsType .productsContainer .products .product:not(:has(.product__image)){min-height:120px}.productsType .productsContainer .products .product .product__count,.productsType .productsContainer .products .product .product__name,.productsType .productsContainer .products .product .product__price--value,.productsType .productsContainer .products .product .product__stock{padding:0 .5rem}.productsType .productsContainer .products .product .product__name{grid-area:name;overflow-wrap:break-word;text-transform:uppercase}.productsType .productsContainer .products .product .product__stock{color:var(--gray);grid-area:stock;text-align:start}.productsType .productsContainer .products .product .product__stock--label{font-size:.5rem}.productsType .productsContainer .products .product .product__count{font-size:1.25rem;font-weight:700;grid-area:count;margin-top:auto;text-shadow:var(--shadow)}.productsType .productsContainer .products .product .product__price{grid-area:price;position:relative;z-index:1}.productsType .productsContainer .products .product .product__price--value{background-color:var(--primary);bottom:0;-webkit-clip-path:polygon(20% 0,100% 0,100% 100%,0 100%);clip-path:polygon(20% 0,100% 0,100% 100%,0 100%);color:var(--item-color);font-weight:700;height:100%;line-height:2.5rem;position:absolute;right:0;width:300%}.productsType .productsContainer .products .product .product__image{grid-area:image;position:relative}.productsType .productsContainer .products .product .product__image .image-content{bottom:0;left:0;max-height:100%;max-width:100%;object-fit:contain;position:absolute}.productsType .productsContainer .products .product.product-in-the-cart{background-color:var(--primary);color:var(--background)}.productsType .productsContainer .products .product.product-in-the-cart .product__price--value{background-color:var(--item-color);color:var(--primary)}.productsType .productsContainer .products .product-unavaliable.product-in-the-cart{background-blend-mode:darken;background-color:var(--dark);color:var(--text);opacity:.75}.productsType .productsContainer .products .product-unavaliable.product-in-the-cart .product__price--value{background-color:var(--item-color);color:var(--primary)}.productsType .productsContainer .products .product-unavaliable{background-color:var(--item-color);color:var(--gray)}.productsType .productsContainer .products .product-unavaliable .product__price--value{background-color:var(--background);color:var(--gray)}.productsType .productsContainer .products .hidden-product{display:none}.productsType .productsContainer.overflowX{overflow-x:overlay;scroll-behavior:smooth}.productsType .productsContainer.overflowX .products{justify-content:left;max-width:200%}.productsType .productsContainer.overflowX .products .product{flex-grow:0}@media screen and (min-width:992px){.products .product{height:100px;width:200px}}.cards{align-items:center;color:#fff;display:flex;gap:.25rem;height:75px;overflow-x:scroll;scroll-behavior:smooth;width:100%}.cards .card{background-color:var(--primary);box-shadow:0 .25rem .25rem rgba(0,0,0,.25);height:auto;padding:.5rem}.cards .card .card__text{margin:auto}.div-input{align-items:center;display:flex;justify-content:space-between;margin:0 0 .75rem;max-height:75px}.div-input .label{color:var(--primary);flex:1 1 50%;font-size:1rem;font-weight:700;text-transform:uppercase}.div-input .input{border-radius:.5rem;box-sizing:border-box;color:#047e00;font-size:1.5rem;outline:2px solid #0b0;padding:.5rem;transition:.25s;width:50%}.div-input .input-number{direction:rtl}.div-input .input:disabled{background-color:var(--gray);color:var(--white);outline:none}.div-input .input:focus{background-color:var(--background);transition:.25s}
/*# sourceMappingURL=main.a7c740c8.css.map*/