html{--color-primary: #00ffc6;--color-secondary: #ff00c4;--color-base: #f3f4f4;--color-background: #1d1f24;--alert: #922a2a;--alert-lighter: #c54343;--success: #2b5b2b;--success-lighter: #609b60;--success-darker: #172a0a}html{color-scheme:dark!important}body{background-color:var(--color-background);color:var(--color-base);font-family:Tahoma,arial,sans-serif;font-size:13px;margin:0;padding:0}hr{margin:2rem 0}a{color:var(--color-base);text-decoration:none}a:hover,a:active,a:focus{color:var(--color-primary)}.center{text-align:center}.italic{font-style:italic}.bold{font-weight:700}.required{padding:0 .25rem;color:var(--color-secondary)}.hidden{display:none!important;opacity:0}.flex-visible{display:flex!important}.invalid-feedback{color:var(--alert)}.text--success{color:var(--success)}.text--danger{color:var(--alert)}.flex{display:flex;margin-bottom:1rem}.flex__item{padding:0 1rem}.flex--spaceBetween{justify-content:space-between}.flex--end{justify-content:end}.error{background:var(--alert);border:1px solid var(--alert-darker)}.success{background:var(--success);border:1px solid var(--success-darker)}.error,.success{position:relative;padding:1rem;border-radius:10px;margin:.5rem 0}.error .close,.success .close{position:absolute;right:.65rem;top:.5rem;font-weight:700;font-size:.65rem}.error .close:hover,.success .close:hover{cursor:pointer}.divider{width:100%;background:#575a65;height:1px;display:block;margin:1rem 0}.divider--big{margin:2rem 0}.btn{position:relative;border-radius:5px;padding:.5rem 1rem}.btn:active,.btn:hover,button:active,button:hover{cursor:pointer}.btn--primary{background:var(--color-background);border:1px solid transparent;color:var(--color-base)}.btn--primary:active,.btn--primary:hover,.btn--primary:focus{background:transparent;color:var(--color-base)}.btn--primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-2px;border-radius:inherit;background:-webkit-gradient(linear,left top,right bottom,from(var(--color-primary)),to(var(--color-secondary)));background:linear-gradient(to bottom right,var(--color-primary),var(--color-secondary))}.btn--secondary{border:none;background:-webkit-gradient(linear,left top,right bottom,from(var(--color-primary)),to(var(--color-secondary)));background:linear-gradient(to bottom right,var(--color-primary),var(--color-secondary));transition:background .25ms}.btn--secondary:active,.btn--secondary:hover,.btn--secondary:focus{background:var(--color-secondary);color:var(--color-base)}.btn--alert{background:transparent;border-color:var(--alert);color:var(--color-base)}.btn--alert:active,.btn--alert:hover,.btn--alert:focus{background:var(--alert);color:var(--color-base)}.btn--light{border:none;padding:0;background:transparent!important;color:var(--color-base)}.btn--light:hover,.btn--light:active,.btn--light:focus{color:var(--color-primary)}.btn--light.btn--alert{color:var(--alert)}.btn--light.btn--alert:active,.btn--light.btn--alert:hover,.btn--light.btn--alert:focus{color:var(--alert-lighter)}.btn--light.btn--success{color:var(--success)}.btn--light.btn--success:active,.btn--light.btn--success:hover,.btn--light.btn--success:focus{color:var(--success-lighter)}.btn--small{padding:.25rem .5rem}.btn--inline{margin-left:.5rem}.btn--form{margin-top:1.5rem}.group__btn{display:flex;justify-content:end;margin-right:-.5rem;margin-top:1rem;margin-bottom:.5rem}.group__btn .btn{margin:0 .5rem}.table__container,.form__container{background:#23252b;margin:1rem .5rem;border-radius:15px}.table__container{padding:1rem}.form__container{padding:1rem 2rem}table,th,td{border:1px solid #34373f;border-collapse:collapse}table{width:100%;background-color:var(--color-background);table-layout:fixed}tr{position:relative}th,td{padding:.75rem 1rem}th:first-child{width:25px}.table--firstColumnFull th:first-child{width:auto}td:first-child{text-align:center}tbody tr:hover{background-color:#23252b}table.table--minimalist{border:none}table.table--minimalist th,table.table--minimalist td,table.table--minimalist tr{border:none;border-bottom:1px solid #23252b}.ajaxRequest{position:fixed;background:var(--color-background);padding:3rem 2rem;z-index:2;left:50%;top:50%;box-shadow:5px 5px 5px #111215;border:1px solid var(--color-primary);transform:translate(-50%,-50%)}.ajaxRequest .close{position:absolute;top:10px;right:10px;cursor:pointer}.ajaxRequest div{padding:.5rem 0}.ajaxRequest label{display:block}.ajaxRequest input{width:-webkit-fill-available}.ajaxRequest button{margin-top:1rem}input,textarea,select{padding:.5rem 1rem;border-radius:5px;border:1px solid transparent}input:disabled,textarea:disabled,select:disabled,input[type=text]:read-only,textarea:read-only{color:gray;background:#292c33;cursor:not-allowed}input.is-invalid,select.is-invalid,textarea.is-invalid{border:1px solid var(--alert)}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;border-color:var(--color-secondary)}input[type=radio]{padding:0;margin:0}input[type=radio]+label,input[type=checkbox]+label{display:inline-block}table input,table textarea{width:calc(100% - 2rem)}.input__legend{font-style:italic}fieldset{border:1px solid var(--color-primary);border-radius:10px;margin:1.5rem 0}.fieldset--discreet{border:2px solid #111215}legend{text-transform:uppercase;padding:0 .25rem}label{display:block;margin:.25rem 0}.container{max-width:1100px;margin:3.5rem auto;padding:0 1rem}h1,h2,h3{text-transform:uppercase}h1{-webkit-text-stroke:1px var(--color-base);color:transparent;font-size:2.5rem}h2{font-size:1.5rem}.has--specificPrice{background-color:#292c33;border-bottom:2px solid var(--color-secondary)!important}label{margin-top:.75rem;color:gray}input,textarea{box-shadow:inset 2px 2px 5px #111215,inset -2px -2px 5px #292c33;background:transparent;color:var(--color-base)}textarea{width:calc(100% - 1.25rem)}.column{display:grid}.column--two{grid-template-columns:repeat(2,1fr);grid-gap:1rem}.column--four{grid-template-columns:repeat(4,1fr);grid-gap:1rem}.column__item--spotlight{border-radius:10px;padding:0 20px 10px;box-shadow:5px 5px 5px #111215,-5px -5px 5px #292c33}.popup{position:fixed;background:var(--color-background);padding:3rem 2rem;z-index:2;left:50%;top:50%;box-shadow:5px 5px 5px #111215;border:1px solid var(--color-primary);transform:translate(-50%,-50%)}.popup h2{text-transform:uppercase;position:relative;display:inline-block;font-weight:400;padding:0 .25rem}.popup h2:after{content:"";position:absolute;width:2px;height:100%;background:var(--color-primary);left:-6px;bottom:0}.popup .close{position:absolute;top:10px;right:10px;cursor:pointer}.header{position:relative}.header:after{content:"";background:-webkit-gradient(linear,left top,right top,from(var(--color-primary)),to(var(--color-secondary)));background:linear-gradient(to right,var(--color-primary),var(--color-secondary));height:1px;width:100%;position:absolute;bottom:-16px;left:0}.header--welcome{position:absolute;width:100%;background:var(--color-background)}.header--welcome+.success{position:absolute;left:0}.header--welcome+.container{margin:0 auto}.header__logo{display:block;text-align:center;margin-top:.5rem}.header__logo img{max-width:100px}.header__nav{text-align:center}.nav{list-style:none;padding:0}.nav__item{display:inline-block;padding:.25rem .5rem;text-transform:uppercase;color:var(--color-base)}.footer{position:relative}.footer--welcome{position:absolute;width:100%;bottom:0;background:var(--color-background)}.footer:before{content:"";background:linear-gradient(to right,var(--color-primary),var(--color-secondary));height:1px;width:100%;position:absolute;top:0;left:0}.footer__nav{text-align:center;padding:1rem 0}.footer__nav__item{padding:0 .5rem;text-transform:uppercase;color:var(--color-primary)}.footer__nav__item:hover,.footer__nav__item:active,.footer__nav__item:focus{color:var(--color-base)}.landing--validation,.landing--error{text-align:center;padding-top:3rem;padding-bottom:3rem}.landing--validation .btn,.landing--error .btn{display:inline-block;margin-top:1rem}.landing--validation h2,.landing--error h2{margin-bottom:4rem}.welcome__nav{height:100vh;display:flex;align-items:center;justify-content:center}.welcome__nav__item{display:flex;justify-content:center;align-items:center;width:50%;height:30vh;min-height:230px;margin:0 1rem;text-transform:uppercase;font-size:1.5rem;border-radius:30px;box-shadow:inset 5px 5px 5px #111215,inset -5px -5px 5px #292c33}.welcome__nav__item:hover,.welcome__nav__item:active,.welcome__nav__item:focus{box-shadow:5px 5px 5px #111215,-5px -5px 5px #292c33;color:var(--color-base)}.orderNav{z-index:1;position:fixed;max-width:155px;left:-130px;top:50%;transform:translateY(-50%);padding:1rem 3rem 1rem 1.5rem;box-shadow:5px 5px 5px #111215,-5px -5px 5px #292c33;border-radius:0 15px 15px 0;background:var(--color-background);transition:1s}.orderNav.open{left:0}.orderNav a{display:block;padding:.5rem 0;text-transform:uppercase;cursor:pointer}.orderNav .icon{position:absolute;font-size:1rem;top:10px;right:9px;cursor:pointer;transition:.5s}.orderNav .icon:hover,.orderNav .icon:active,.orderNav .icon:focus{color:var(--color-primary)}.orderRange{border:1px solid #292c33;padding:.5rem 1rem;margin:.5rem 0;border-radius:15px;box-shadow:inset 3px 3px 3px #111215,inset -3px -3px 3px #292c33}.orderRange__total{font-size:1.2rem;color:var(--color-primary)}.orderRange__container{overflow-x:scroll}.orderRange__container tbody tr:hover{background-color:#292c33}.orderRange h2{position:relative;display:block;cursor:pointer}.orderRange h2:hover,.orderRange h2:active,.orderRange h2:focus{color:var(--color-primary)}.orderRange h2 .icon{position:absolute;right:0;top:50%;transform:translateY(-50%)}#order .small{font-weight:400;font-style:italic;color:var(--color-primary)}#order table{margin-bottom:.5rem}#order table input{width:auto;max-width:min(70px,85%);padding:.25rem;text-align:center}#order td{padding:.25rem;text-align:center;border-color:#34373f}#order tbody td:first-child{border-color:#34373f}#order td:empty{background-color:#292c33}#orderWaitingMessage{text-align:center;padding:2rem 0}#orderWaitingMessage,#selectedCustomer__wrap{border:1px dashed var(--color-secondary)}#order .orderCellHead{position:relative;cursor:pointer}#order .tableOrderEditBtn{display:none;position:absolute;background:#111214cc;width:100%;height:100%;top:0;left:0;justify-content:center;align-items:center;transition:all .5s}#order .updateProductPriceBtn{display:none;position:absolute;top:-24px;width:27px;height:25px;z-index:7;background:#292c33;right:0;border-radius:15px 15px 0 0;justify-content:center;align-items:center;cursor:pointer}#order tr:hover .updateProductPriceBtn,#order tr:active .updateProductPriceBtn,#order tr:focus .updateProductPriceBtn{display:flex}#order .orderCellHead:active .tableOrderEditBtn,#order .orderCellHead:hover .tableOrderEditBtn,#order .orderCellHead:focus .tableOrderEditBtn{display:flex}#selectedCustomer__wrap{padding:1rem;font-weight:700;text-transform:uppercase;margin-bottom:2rem;margin-top:3rem}#selectedCustomer{font-weight:initial;text-transform:initial}#orderWaitingMessage .customerSelection{display:flex;justify-content:center;align-items:center;padding:1rem 0}.customerSelection__item{position:relative;color:gray;padding:0 1rem;display:flex;justify-content:center;flex-direction:column;align-items:center}.customerSelection__item:nth-child(2){font-size:1.1rem;background:var(--color-background);padding:.25rem 1rem}div.customerSelection__item:nth-child(2):after{content:"";width:1px;height:200%;background:gray;position:absolute;left:50%;transform:translate(-50%);top:-50%;z-index:-1}.form-newPrice{position:absolute;top:100%;left:50%;transform:translate(-50%);background:var(--color-background);border:1px solid var(--color-primary);z-index:2;width:100%;height:100%;display:flex;justify-content:center;align-items:center}