*,*:before,*:after{box-sizing:border-box}html,body,div,span,object,iframe,figure,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,img,small,strike,strong,sub,sup,tt,b,u,i,ol,ul,li,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td,main,canvas,embed,footer,header,nav,section,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;text-size-adjust:none;font-family:sans-serif}footer,header,nav,section,main{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{-webkit-appearance:none;border-radius:0}input:focus{outline:none}input[type=text]:focus{outline:none}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@font-face{font-family:"Sans Serif";font-weight:700;src:url(/assets/SansSerifBldFLF-QtwD1JsG.woff)}@font-face{font-family:"Sans Serif";font-weight:1000;src:url(/assets/SansSerifExbFLF-CuOF7_1x.woff)}@font-face{font-family:"Sans Serif";font-weight:400;src:url(/assets/SansSerifBookFLF-CFfp_oyb.woff)}@font-face{font-family:"Sans Serif";font-weight:400;font-style:italic;src:url(/assets/SansSerifBookFLF-Italic-DLNafXmB.woff)}@font-face{font-family:"Sans Serif";font-weight:700;font-style:italic;src:url(/assets/SansSerifBldFLF-Italic-Rnu_hJgW.woff)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}:root{--color-background: #EFEFEF;--color-white: #ffffff;--color-black: #000000;--color-dark-blue: #00162B;--color-secondary-highlight: #db0a40;--color-dark-grey: #737477;--color-dark-medium-grey: #9fa1a6;--color-dark-blue-grey: #e1e1e1;--color-light-grey: #eeeeef;--vertical-spacing: 16px}*{font-family:"Sans Serif",sans-serif!important}html{background-color:var(--color-background)}body{margin:auto;max-width:1280px;padding:20px;position:relative;touch-action:pan-x pan-y}.text-center{text-align:center}.color-red{color:var(--color-secondary-highlight)!important}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top:4px}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:var(--vertical-spacing)}.header .name{border:2px solid var(--color-dark-blue);padding:5px}.header .name span{text-transform:uppercase;font-weight:1000}.header .name span:first-of-type{margin-right:5px;color:var(--color-dark-blue)}.header .name span:last-of-type{color:var(--color-secondary-highlight)}h1.heading{color:var(--color-dark-blue);font-size:20px;font-weight:700;margin-top:var(--vertical-spacing)}p.text{color:var(--color-dark-blue);font-size:16px;font-weight:700}p.subtext{color:var(--color-dark-grey);font-size:12px;font-weight:lighter}.mode-switch-container{display:flex;position:relative;min-height:40px}.mode-switch-container .circle{margin-right:5px;color:var(--color-black);-webkit-box-shadow:0px 2px 12px 0px rgba(28,46,84,.06);-moz-box-shadow:0px 2px 12px 0px rgba(28,46,84,.06);box-shadow:0 2px 12px #1c2e540f}.mode-switch-container .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-background)}.mode-switch-container .mode-switch{background-color:var(--color-dark-blue-grey);display:flex;border-radius:50px;flex:4;padding:4px;-webkit-box-shadow:inset 4px 4px 8px 0px rgba(28,46,84,.1);-moz-box-shadow:inset 4px 4px 8px 0px rgba(28,46,84,.1);box-shadow:inset 4px 4px 8px #1c2e541a}.mode-switch-container .mode-switch button{border:none;border-radius:20px;flex:1;background-color:transparent;color:var(--color-dark-grey);padding:8px;font-size:16px;font-weight:700}.mode-switch-container .mode-switch button.active{background-color:var(--color-white);color:var(--color-black);border-radius:50px}.spinner{overflow:hidden;display:flex;flex-direction:row;background-color:var(--color-white);border-radius:8px;margin-top:8px;margin-bottom:4px}.spinner input{min-width:0px;flex:1;text-align:center;font-size:16px;font-weight:700;background-color:transparent;border:none}.spinner input.changed{color:var(--color-secondary-highlight)}.spinner button{background-color:transparent;border:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.spinner button:first-of-type{border-right:1px solid var(--color-background)}.spinner button:last-of-type{border-left:1px solid var(--color-background)}.checkbox-container{display:block;position:relative;padding-left:35px;cursor:pointer;font-size:22px;height:44px;width:44px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.checkbox-container input{position:absolute;cursor:pointer;opacity:0;height:0;width:0}.checkbox-container input:checked~.checkmark{background-color:var(--color-secondary-highlight);border:1px solid var(--color-secondary-highlight)}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark{position:absolute;top:0;left:0;height:44px;width:44px;border-radius:10px;border:1px solid var(--color-light-grey);background-color:transparent}.checkbox-container .checkmark:after{content:"";position:absolute;display:none;left:18px;top:10px;width:8px;height:17px;border:solid white;border-width:0 3px 3px 0;border-radius:2px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}button.circle{width:40px;height:40px;background-color:var(--color-white);border-radius:50%;border:none;padding:0;color:var(--color-secondary-highlight);display:flex;justify-content:center;align-items:center}button.circle:disabled{opacity:.5}button.circle:hover{box-shadow:0 4px 8px #00000038}button.red{background-color:var(--color-secondary-highlight);color:var(--color-white);border:none;padding:5px 16px}button.blue{background-color:var(--color-dark-blue);color:var(--color-white);border:none;font-size:16px;font-weight:700;padding:16px;border-radius:8px}button.white{background-color:var(--color-white);color:var(--color-dark-blue);border:none;padding:5px 16px}button.hidden{opacity:0}.searchbar{display:flex;align-items:center;-webkit-box-shadow:inset 4px 4px 8px 0px rgba(28,46,84,.1);-moz-box-shadow:inset 4px 4px 8px 0px rgba(28,46,84,.1);box-shadow:inset 4px 4px 8px #1c2e541a;background-color:var(--color-dark-blue-grey);border-radius:20px;padding:8px}.searchbar input{flex:1;padding-left:8px;background-color:transparent;border:none;font-style:normal;font-weight:700;line-height:16px;font-size:14px}.searchbar input::placeholder{font-style:italic;font-weight:400}.searchbar:focus-within{box-shadow:none;background-color:var(--color-white)}.searchbar .close{height:24px;width:50px;padding-top:4px;border:none;background-color:transparent;padding-right:10px}.warehouse-selector{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:var(--color-white);padding:10px;margin-top:var(--vertical-spacing);border-radius:16px}.warehouse-selector:hover{box-shadow:0 4px 8px #00000038}.warehouse-selector .row{display:flex;flex-direction:row;align-items:center}.warehouse-selector .row svg{margin-right:10px}.warehouse-selector button{background-color:transparent;border:none}.warehouse-selector button .search{color:var(--color-secondary-highlight)}.customer-selector{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:var(--vertical-spacing);padding:10px;border-radius:16px;background-color:var(--color-white)}.customer-selector:hover{box-shadow:0 4px 8px #00000038}.customer-selector.unknown{background-color:var(--color-dark-blue-grey);box-shadow:4px 4px 8px #1c2f561a inset}.customer-selector .row{flex:1;line-height:16px}.customer-selector .row .first-name{font-size:16px;font-weight:700;color:var(--color-black)}.customer-selector .row .second-name{font-size:16px;font-weight:700;color:var(--color-dark-grey)}.customer-selector .row .address{font-size:12px;font-weight:400;color:var(--color-dark-grey)}.customer-selector button{background-color:transparent;border:none}.customer-selector button .search{color:var(--color-secondary-highlight)}.warehouse-search{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-background)}.warehouse-search .inner{margin:auto;max-width:1280px;padding:20px;display:flex;flex-direction:column;max-height:100%}.warehouse-search .results{flex:1;overflow-y:auto}.warehouse-search .results .warehouse-entry{background-color:var(--color-white);margin-top:16px;border-radius:16px;padding:10px 12px}.warehouse-search .results .warehouse-entry:hover{box-shadow:0 4px 8px #00000038}.warehouse-search .heading{margin-bottom:var(--vertical-spacing)}.cooler-search{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-background)}.cooler-search .inner{margin:auto;max-width:1280px;padding:20px;display:flex;flex-direction:column;max-height:100%}.cooler-search .inner h1{margin-bottom:8px}.cooler-search .inner>p{margin-bottom:8px}.cooler-search .results{flex:1;max-height:84vh;overflow-y:auto;margin-top:8px}.cooler-search .results .cooler-item{background-color:var(--color-white);margin-top:16px}.cooler-search .absolute{justify-content:space-evenly!important}.cooler-search .absolute .btn{border:none;font-size:16px;font-weight:700;padding:16px;border-radius:8px}.customer-search{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-background)}.customer-search .inner{margin:auto;max-width:1280px;padding:20px;display:flex;flex-direction:column;max-height:100%}.customer-search .results{flex:1;overflow-y:auto}.customer-search .results .customer-entry{background-color:var(--color-white);margin-top:var(--vertical-spacing);padding:10px 12px;border-radius:16px;line-height:16px}.customer-search .results .customer-entry:hover{box-shadow:0 4px 8px #00000038}.customer-search .results .customer-entry .first-name{font-size:16px;font-weight:700;color:var(--color-black)}.customer-search .results .customer-entry .second-name{font-size:16px;font-weight:700;color:var(--color-dark-grey)}.customer-search .results .customer-entry .address{font-size:12px;font-weight:400;color:var(--color-dark-grey)}.customer-search .absolute{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:center}.customer-search .absolute button{margin-bottom:10px}.heading.back{display:flex;align-items:center;height:20px;margin-bottom:var(--vertical-spacing)}.heading.back svg{margin-right:12px;color:#9fa1a6}.heading.back svg:hover{color:var(--color-secondary-highlight)}.checkout{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-background)}.checkout .inner{margin:auto;max-width:1280px;padding:20px;display:flex;flex-direction:column;max-height:100%}.checkout .cooler-container{background-color:var(--color-white);margin-top:var(--vertical-spacing);padding:10px;border-radius:16px}.checkout .cooler-container .cooler{display:flex;flex-direction:row}.checkout .cooler-container .cooler img{width:44px;aspect-ratio:1/1;object-fit:cover;margin-right:4px}.checkout .cooler-container .item{border-top:1px solid var(--color-background);display:flex;flex-direction:row;justify-content:space-between;padding-top:8px;margin-top:8px}.checkout .selected-pos .entry{display:flex;justify-content:space-between;align-items:center;margin-top:10px;background-color:var(--color-white);margin-top:var(--vertical-spacing);padding:10px;border-radius:16px}.checkout .selected-pos .entry img{width:44px;aspect-ratio:1/1;object-fit:cover;border-radius:8px;margin-right:8px}.checkout .selected-pos .entry .row{display:flex;justify-content:center;align-items:center}.checkout .selected-pos .entry .quantity{font-size:40px;color:var(--color-secondary-highlight);text-align:end}.checkout .buttons{margin-top:32px;display:flex;justify-content:space-between}.checkout .buttons button{font-weight:700;font-size:16px;padding:13px 0;border-radius:8px;width:140px}.checkout .buttons button.white{box-shadow:0 2px 12px #00000014}.checkout .buttons button.red{box-shadow:0 2px 12px #db0a4014}.cooler-list{flex:1;overflow-y:auto;margin-top:var(--vertical-spacing)}.cooler-list .cooler-entry{background-color:var(--color-white);padding:7px 10px;margin-top:10px;border-radius:16px;display:flex;flex-direction:row;gap:10px}.cooler-list .cooler-entry:hover{box-shadow:0 4px 8px #00000038}.cooler-list .cooler-entry .numbers{width:60px}.cooler-list .cooler-entry .numbers .number{font-weight:700;font-style:italic}.cooler-list .cooler-entry .numbers .number.inactive{font-size:48px;color:var(--color-dark-medium-grey);text-align:end}.cooler-list .cooler-entry .numbers .number.active{font-size:48px;color:var(--color-secondary-highlight);text-align:end}.cooler-list .cooler-entry .numbers.total .number{padding-right:6px}.cooler-list .cooler-entry .numbers.total .number.active{font-size:37px;text-align:initial;padding-left:5px}.cooler-list .cooler-entry .numbers.total .number.total{text-align:end;margin-top:-10px;color:var(--color-dark-medium-grey);font-size:20px}.cooler-list .cooler-entry .numbers.total .number.total span{font-size:12px}.cooler-list .cooler-entry img{width:44px;aspect-ratio:1/1;object-fit:cover;border-radius:8px}.cooler-list .cooler-entry .column{flex:1;display:flex;flex-direction:column;justify-content:center;gap:4px}.cooler-list .cooler-item-grid{margin-top:10px;display:grid;grid-template-columns:1fr;gap:10px}.cooler-item{background-color:var(--color-white);padding:7px 10px;border-radius:16px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.cooler-item:hover{box-shadow:0 4px 8px #00000038}.cooler-item .row{display:flex;flex-direction:row;align-items:center;height:48px}.cooler-item .row .checkbox-container{margin-right:10px}.error-modal{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-background)}.error-modal .inner{margin:auto;max-width:1280px;padding:20px;display:flex;flex-direction:column;max-height:100%}.error-modal .inner .empty-space{height:100px}.error-modal .inner .heading.back{color:var(--color-secondary-highlight)}.error-modal .inner ul{list-style:disc;margin:10px 0 10px 25px}.error-modal .inner ul li{margin-bottom:5px}.error-modal .inner button{margin:0 auto;padding:16px;border-radius:8px;font-size:16px;font-weight:700}.error-modal .inner .margin-bottom{margin-bottom:10px}.inventory-screen,.movement-screen{display:flex;flex-direction:column;height:100%}.movement-screen .absolute{position:fixed;bottom:0;left:0;width:100%;display:flex;justify-content:center}.movement-screen .absolute button{margin-bottom:10px}.movement-screen .button{-webkit-box-shadow:0px 2px 12px 0px rgba(28,46,84,.06);-moz-box-shadow:0px 2px 12px 0px rgba(28,46,84,.06);box-shadow:0 2px 12px #1c2e540f}.movement-screen .counter-container{position:relative}.movement-screen .counter{background-color:var(--color-secondary-highlight);color:var(--color-white);text-align:center;border-radius:30px;line-height:28px;font-size:16px;height:25px;width:25px;font-weight:700;position:absolute;top:-10px;right:-16px}.inventory-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:var(--vertical-spacing);flex:1 1 auto;overflow-y:auto}.inventory-grid .inventory-item .image-container{background-color:var(--color-white);width:100%;padding:16px;border-radius:20px}.inventory-grid .inventory-item .image-container img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:20px}.mode-selector{display:flex;flex-direction:row;gap:10px;margin-top:var(--vertical-spacing)}.mode-selector .column{width:50%}.mode-selector .column .inventory-state{background-color:var(--color-secondary-highlight);color:var(--color-white);font-weight:700;font-size:16px;border-radius:20px;padding:8px 8px 6px;margin-bottom:4px;display:inline-block}.mode-selector .column.disabled{opacity:.5}.mode-selector .column img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:20px}.mode-selector .column h1{margin-bottom:4px}.mode-selector .column p{color:var(--color-dark-medium-grey)}.export{margin-top:10px;gap:10px;display:flex;flex-direction:column}.export.disabled{pointer-events:none;opacity:.5}.export input[type=file]{display:none}.export .import{background-color:var(--color-secondary-highlight);color:var(--color-white);border:none;font-size:16px;font-weight:700;padding:16px;border-radius:8px;margin:0 auto;text-align:center}.export .import.loading{opacity:.6}.export button{margin:0 auto}.success-screen{text-align:center}.success-screen .success svg{width:200px;display:block;margin:30px auto}.success-screen .buttons button{padding:13px 16px;border-radius:8px;font-size:16px;font-weight:700;display:block;margin:20px auto;box-shadow:0 2px 12px #00000014}.success-screen .buttons button.red{box-shadow:0 2px 12px #db0a4014}@media only screen and (min-width: 1000px){.mode-switch-container{gap:8px}.mode-switch-container .overlay{position:relative;flex:2}.mode-switch-container .close{display:none}.cooler-list .cooler-item-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}.inventory-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}}html,body,#root{height:100%}