:root{--background-button-action: #A23330;--color-button-action: #FFF;--background-button: #f2e6e6;--color-button: #000;--background-pay: #2C771E;--background-order: #2B3250;--color-order: #FFF;--background-whiter: rgba(255,255,255,0.4);--background-button-calculator: #555D80;--color-button-calculator: #FFF}:root.light{--background: linear-gradient(45deg, #4c7656, #b1cdb8);--background-default: #FFF;--color-default: #000;--background-light: rgba(255,255,255,0.4);--background-lighter: rgba(255,255,255,0.6);--background-dark: rgba(0,0,0,0.1);--background-darker: rgba(0,0,0,0.2);--background-dialog: rgba(0,0,0,0.2)}:root.dark{--background: linear-gradient(45deg, #1e2c22, #213526);--background-default: #000;--color-default: #FFF;--background-light: rgba(255,255,255,0.1);--background-lighter: rgba(255,255,255,0.2);--background-dark: rgba(0,0,0,0.2);--background-darker: rgba(0,0,0,0.4);--background-dialog: rgba(255,255,255,0.2);--background-button-action: #f2e6e6;--color-button-action: #000;--background-button: #A23330;--color-button: #FFF}i{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr}a{color:inherit}b{font-weight:700}html,body{background:var(--background);color:var(--color-default)}#tables{display:none}body{display:flex;overflow:hidden;flex-direction:column}button{display:flex;justify-content:center;align-items:center;padding:.625em 1em;cursor:pointer}button i{vertical-align:top;padding-right:.5em}#keyboard{display:none;flex-direction:column;font-size:1em;gap:3px;padding:.5em;background:var(--background)}#keyboard.show{display:flex}#keyboard>.row{display:flex;gap:3px}#keyboard>.row>.key{display:block;line-height:3em;text-align:center;width:3em;padding:0;border-radius:.25em}#keyboard>.row>.key i{padding:0;vertical-align:middle}#login{display:flex;flex:1;justify-content:center;align-items:center;height:100%;flex-direction:column;color:#fff;background:#2b3250}#login.hide{display:none}#login>img{display:block;margin:0 auto;width:192px;height:192px;transition:width 1s ease-out,height 1s ease-out;animation-name:fade-in-out;animation-duration:1s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:ease-in}#login>.login{opacity:0;height:0;overflow:hidden;width:15em}#login>.login .error{opacity:0;height:0;overflow:hidden;text-align:center;background:#5a0000;transition:height .25s linear,opacity .25s linear}#login>.login .error.show{opacity:1;height:auto;padding:.5em}#login>.login input,#login>.login button{border:1px solid var(--background-dark);background:var(--background-lighter);border-radius:.5em;box-shadow:rgba(0,0,0,.075) 0px 4px 8px;margin-bottom:.5em;padding:.5em}#login>.login label{display:block;position:relative;margin-top:1em}#login>.login label span{position:absolute;bottom:0;z-index:3;padding:.5em;cursor:text;transition:transform .2s ease}#login>.login label input{width:100%;box-sizing:border-box}#login>.login label input:valid+span{transform:translate(-100%, 0) translate(-0.5em, 0);cursor:pointer}#login>.login button{margin-top:1em;padding:.5em;width:100%;background:var(--background-dark)}#login>.login>button:hover{background:var(--background-darker)}#login>.text{opacity:1;height:auto;overflow:visible}#login>.text h1{text-align:center;font-size:1.75em}#login>.text h2{text-align:center;font-size:1.25em}#login>.text h3{font-size:1.25em}#login.show-login>.login{opacity:1;height:auto;overflow:visible;transition:height .25s linear,opacity .25s linear}#login.show-login>.text{opacity:0;height:0;overflow:hidden}#login.show-login>img{width:96px;height:96px;animation:none}#login.startup>.startup,#login.login>.login{opacity:1;height:auto;overflow:visible}#site{display:flex;flex:1;border-radius:.5em;box-shadow:rgba(0,0,0,.125) 0px 6px 10px;overflow:hidden;margin:2em;background:var(--background-default)}#site.hide{display:none}#order{display:flex;flex-direction:column;flex-wrap:nowrap;height:100%;width:25rem;background:var(--background-order);color:var(--color-order);font-size:.875rem}#order .lines{flex:1;overflow:auto;padding:.5em}#order .lines dl{padding:.5rem;cursor:pointer}#order .lines dl dt{font-weight:700}#order .lines dl dt .price{float:right}#order .lines dl dd{margin-left:.5rem}#order .lines dl dd.small{font-size:.75em}#order .lines dl.active{border-radius:.25em;color:var(--color-button-action);background-color:var(--background-button-action)}#order .total{border-top:1px solid var(--background-whiter);padding:.5em}#order .total dl{text-align:right}#order .total dl dt{font-weight:700;font-size:1.25em}#order .calculator{border-top:1px solid var(--background-whiter);padding:.5em}#order .calculator .buttons{display:flex;flex-direction:row;flex-wrap:wrap;gap:.25em;margin-bottom:.5em;border-radius:.5em;overflow:hidden}#order .calculator .buttons button{flex:1;border-radius:.25em;background:var(--background-button-calculator);color:var(--color-button-calculator)}#order .calculator .buttons button:hover{filter:brightness(1.2)}#order .calculator .split-x{display:flex;flex-direction:row;gap:.25em;border-radius:.5em;overflow:hidden}#order .calculator .split-x .pay{flex:3;display:flex;border-radius:.25em;overflow:hidden}#order .calculator .split-x .pay button{flex:1;background:var(--background-pay);flex-direction:column;line-height:1.25em}#order .calculator .split-x .pay button i{font-size:4em;padding:0;line-height:.75em}#order .calculator .split-x .numpad{display:flex;flex-direction:row;flex-wrap:wrap;gap:1px;border-radius:.25em;overflow:hidden;flex:7;font-weight:700}#order .calculator .split-x button{flex:1 0 calc(25% - 1px);line-height:3em;padding:0;background:var(--background-button-calculator);color:var(--color-button-calculator)}#order .calculator .split-x button.active{background-color:var(--background-button-action);color:var(--color-button-action)}#order .calculator .split-x button:hover{filter:brightness(1.2)}#pages{flex:1;flex-direction:column;border-radius:.5em;overflow:hidden}#pages>.location{display:flex;border-bottom:1px solid var(--background-dark)}#pages>.location>.history{display:flex;flex:1}#pages>.location>.history>button{display:flex;background:var(--background-button-action);color:var(--color-button-action);position:relative;padding:0 1em 0 1em;line-height:2.5rem;margin-right:-0.5em;clip-path:polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%, 10px 50%)}#pages>.location>.history>button>i{font-size:1.5em;vertical-align:sub;line-height:2.5rem}#pages>.location>.history>button:first-child{padding-left:.5em;padding-right:.5em;clip-path:polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%)}#pages>.location>.close{display:none;background:var(--background-button-action);color:var(--color-button-action)}#pages>.location>.close i{padding:0;line-height:1.25em}#pages>.page{flex:1;display:none;padding:1em;flex-direction:column;overflow:auto}#pages>.page.show{display:flex}#site.pages #pages{display:flex}.element-checkbox{cursor:pointer}.element-checkbox i{font-size:2em;vertical-align:middle;padding-right:.125em}.element-checkbox label{vertical-align:middle;cursor:pointer}.element-nfc-read.tc22{position:absolute;top:-20px;transform:translateX(50%);background:#3498db;box-shadow:0px 0px 50px 50px #3498db;width:100px;height:100px;border-radius:50px;text-align:center}.element-nfc-read.tc22 i{line-height:100px;font-size:3em}.element-nfc-read.et40{position:absolute;bottom:50px;right:0px;background:#3498db;box-shadow:0px 0px 50px 50px #3498db;width:50px;height:100px;border-top-left-radius:50px 50px;border-bottom-left-radius:50px 50px}.element-nfc-read.et40 i{line-height:100px;font-size:3em}.element-nfc-read.permission{border:1px solid #000}.element-text{position:relative;display:flex;height:2.5rem;padding:0 .5rem;border-radius:.5rem;margin-bottom:.5rem;background:var(--background-button);color:var(--color-button)}.element-text i{position:absolute;font-size:1.5em;line-height:2.5rem}.element-text .input{flex:1;line-height:2.5rem;padding:0 .5rem}.element-text i+.input{padding-left:2rem}.element-text.is-password .input span{display:inline-block;width:.5em;color:rgba(0,0,0,0);position:relative}.element-text.is-password .input span::before{content:"●";color:var(--color-default);position:absolute;inset:0}.element-text.is-password .input span:last-child::before{content:""}.element-text label{position:absolute;top:-1.25rem;left:0}.element-text:has(label){margin-top:1.5rem}.element-dropdown{position:relative;margin-bottom:.5em}.element-dropdown .text{display:flex;padding:0 .25em;border-radius:.5em;background:var(--background-button);color:var(--color-button)}.element-dropdown .text .input{flex:1;line-height:2.25em;padding:0 .5em}.element-dropdown .text i{position:absolute;font-size:1.5em;line-height:1.5em}.element-dropdown .text i+.input{padding-left:2em}.element-dropdown .text .input+i::before{content:"expand_more"}.element-dropdown .text .input+i{position:static}.element-dropdown .results{position:absolute;left:0;right:0;padding:0 .25em;height:0;overflow:hidden;z-index:100}.element-dropdown.active .text{border-radius:.5em .5em 0 0}.element-dropdown.active .text .input+i::before{content:"expand_less"}.element-dropdown.active .results{height:10em;overflow-y:auto;border:1px solid var(--background-dark);border-top:0px;background:var(--background-default);border-radius:0 0 .5em .5em}.input{cursor:text}.input span{border-left:1px solid rgba(0,0,0,0);margin-left:-1px}.input.active .active{animation:cursor-blink 1.5s infinite}.results .item{cursor:pointer}.element-search{display:flex;flex:1;overflow:hidden}.element-search .results{flex:1;overflow-y:auto}.element-search[data-query=purchaseQuery] .ordered{position:absolute;right:0;top:0;z-index:1;background-color:green;color:#fff;padding:0 .25em;border-radius:5px}.element-search[data-query=purchaseQuery] .ordered i{font-size:1.25em;vertical-align:sub}.element-search[data-query=purchaseQuery] .ordered span{font-weight:700}.element-search[data-query=purchaseQuery] .ordered:has(span:empty){display:none}.list .state .states,.grid .state .states{display:block;width:1.5em;position:absolute;left:0px;top:0px;bottom:0px;overflow:hidden;transition:width 0s;transition-delay:0s}.list .state .states .state-item,.grid .state .states .state-item{position:absolute;font-size:.8em;left:0;top:0;bottom:0;width:.4em}.list .state .states .state-item span,.grid .state .states .state-item span{display:none;width:0px;font-size:1em}.list .state .states .state-item:nth-child(1),.grid .state .states .state-item:nth-child(1){z-index:3}.list .state .states .state-item:nth-child(2),.grid .state .states .state-item:nth-child(2){z-index:2;left:.5em}.list .state .states .state-item:nth-child(3),.grid .state .states .state-item:nth-child(3){z-index:1;left:1em}.list .state .states:hover,.grid .state .states:hover{width:12em;transition:width 0s;transition-delay:.5s}.list .state .states:hover .state-item span,.grid .state .states:hover .state-item span{display:block;height:1.2em;line-height:1.2em;position:absolute;width:10em;color:#fff;margin-left:.4em;border-bottom:1px solid #fff;border-top:1px solid #fff}.list .state .states:hover .state-item:nth-child(1) span,.grid .state .states:hover .state-item:nth-child(1) span{padding-left:1.5em;border-top:0}.list .state .states:hover .state-item:nth-child(2) span,.grid .state .states:hover .state-item:nth-child(2) span{margin-top:1.25em;padding-left:1em}.list .state .states:hover .state-item:nth-child(2) span:nth-child(2),.grid .state .states:hover .state-item:nth-child(2) span:nth-child(2){margin-top:5em}.list .state .states:hover .state-item:nth-child(3) span,.grid .state .states:hover .state-item:nth-child(3) span{margin-top:2.5em;padding-left:.5em}.sections{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5em}.sections>button{padding:1em;width:10em;flex-direction:column;gap:1em;border-radius:.5em;background:var(--background-button);color:var(--color-button);transition:transform .2s ease-in-out}.sections>button:hover{transform:scale(1.025);background:var(--background-button-action);color:var(--color-button-action)}.sections>button i{display:block;font-size:4em;text-align:center;padding:0}.fieldsets{flex:1}.fieldsets.fieldset-columns{column-count:auto;column-gap:1em;column-width:18em}.fieldsets .devider{break-inside:avoid-column;padding-bottom:1em}.fieldsets fieldset{position:relative}.fieldsets fieldset>h2{position:relative;line-height:2rem;display:flex;align-items:center;gap:.5em}.fieldsets fieldset>h2 i{line-height:2rem;vertical-align:top;font-size:1.5em}.fieldsets fieldset>h2::after{content:"";flex:1;height:2px;background:var(--color-default)}.button-bar{display:flex;justify-content:flex-end;gap:.5em}.button-bar button{box-shadow:rgba(0,0,0,.075) 0px 4px 8px;border-radius:.5em;background:var(--background-button-action);color:var(--color-button-action)}.grid{position:relative;font-size:1rem}.grid>div.page{position:absolute;width:100%;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-start;align-content:flex-start}.grid div.item{flex-grow:1;order:2;z-index:1;overflow:hidden;position:relative;display:flex;align-items:stretch;width:10em}.grid div.item>div.container{margin:.25em;padding:.5em;background:var(--background-button);color:var(--color-button);border-radius:.5em;overflow:hidden;flex-grow:1;font-size:.875em;transition:transform .2s ease-in-out}.grid div.item>div.container.state{padding-left:1.5em}.grid div.item>div.container:hover{transform:scale(1.025);background:var(--background-button-action);color:var(--color-button-action)}.grid div.item>div.container h2{font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:1.5em}.grid div.item>div.container h3{font-size:.75em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.grid div.item>div.container dl{display:flex;font-size:.75em;flex-flow:row wrap}.grid div.item>div.container dl dt{flex:1 30%;font-style:italic;line-height:1.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid div.item>div.container dl dd{flex:1 70%;line-height:1.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid div.item>div.container .image{height:12em;margin:-0.5em -0.5em .5em -0.5em;border-bottom:1px solid var(--background-dark);background-size:cover;background-repeat:no-repeat;background-position:center}.grid div.item>div.container .split{display:flex;flex-flow:row nowrap}.grid div.item>div.container .split>div.split-full{flex:1}.grid div.item>div.container .split>div.split-right{text-align:right}.grid div.spacer{flex-grow:1}.grid div.spacer.start{order:1}.grid div.spacer.end{order:3}.list{position:relative;font-size:1rem}.list>div.page{position:absolute;width:100%}.list .state{padding-left:1.25em}.list .state .states .state-item{top:.5em;bottom:.5em}.list .right{position:absolute;right:0em;top:0em;display:flex}.list .right img{width:48px;height:48px}.list .right .color-item{height:48px;width:.4em;display:flex;flex-direction:column}.list .right .color-item>span{flex:1}.list dl{position:relative;padding:.5em 0 .5em .75em;overflow:hidden}.list dl>dt{font-weight:300;font-size:1em;line-height:1.5em;height:1.5em}.list dl>dt.split-right{display:flex}.list dl>dt.split-right span:nth-child(1){flex:1;overflow:hidden}.list dl>dt.split-right span:nth-child(2){width:auto;padding:0 .5rem}.list dl>dt.item-right-top{position:absolute;top:.5rem;right:.5rem}.list dl>dd{font-weight:300;font-size:.75em;line-height:1.25em;height:1.25em}.list dl>dt,.list dl dd{white-space:nowrap}.list dl>dt.pad,.list dl dd.pad{display:flex}.list dl>dt.pad div,.list dl dd.pad div{flex:1;overflow:hidden;margin:0 .2em 0 0;border-right:1px solid var(--color-default);white-space:nowrap}.list dl>dt.pad div:last-child,.list dl dd.pad div:last-child{border:0}.list dl>dt.pad div.pad-2,.list dl dd.pad div.pad-2{flex:2}.list dl>dt.pad div.pad-4,.list dl dd.pad div.pad-4{flex:4}.list dl>dt.pad div.pad-6,.list dl dd.pad div.pad-6{flex:6}.list dl>dt.pad.pad-transparent div,.list dl dd.pad.pad-transparent div{border-right:1px solid rgba(0,0,0,0)}.list dl>dt.overflow,.list dl dd.overflow{height:auto}.list dl>dt.center,.list dl dd.center{text-align:center}.list dl>dt label,.list dl dd label{padding:0}.list dl>dt label::after,.list dl dd label::after{display:none}.list dl>dt label>span.label,.list dl dd label>span.label{display:none}.list dl.depth-1{margin-left:1em}.list dl.depth-2{margin-left:2em}.list dl.depth-3{margin-left:3em}.list dl.depth-4{margin-left:4em}.list dl.depth-5{margin-left:5em}.list dl.depth-6{margin-left:6em}#dialog{position:absolute;top:0;left:0;top:0;right:0;display:flex;justify-content:center;align-items:center;height:100%;flex-direction:column;background:var(--background-dialog);backdrop-filter:blur(20px);z-index:1}#dialog>.pages>fieldset{width:15em;padding:0 1em 1em 1em;background:var(--background-default);box-shadow:rgba(0,0,0,.075) 0px 4px 8px;border-radius:.5em}#dialog>.pages>fieldset .description{font-style:italic;padding:0 0 .5em 0}#dialog>.pages>fieldset .description i{font-size:1.5em;vertical-align:middle}#dialog>.pages>fieldset>h2{position:relative;line-height:2rem;display:flex;align-items:center;gap:.5em}#dialog>.pages>fieldset>h2 i{line-height:2rem;vertical-align:top;font-size:1.5em}#dialog>.pages>fieldset>h2::before{content:"";flex:1;height:2px;background:var(--color-default)}#dialog>.pages>fieldset>h2::after{content:"";flex:1;height:2px;background:var(--color-default)}#dialog.hide{display:none}@keyframes cursor-blink{0%{border-left:1px solid var(--color-default)}49%{border-left:1px solid var(--color-default)}50%{border-left:1px solid rgba(0,0,0,0)}100%{border-left:1px solid rgba(0,0,0,0)}}@keyframes fade-in-out{from{opacity:1}to{opacity:.4}}@media only screen and (min-width: 800px){#keyboard{position:absolute;bottom:2em;left:50%;transform:translateX(-50%);z-index:1000}}@media only screen and (max-width: 799px){#site{position:relative;flex:1;margin:0em;border-radius:0}#site #pages{display:none;margin:0;border-radius:0}#site #pages>.location>.close{display:block}#site #order{flex:1}#receipt{width:auto}#site.pages #order{display:none}#login .login>button{margin-top:.5em}#login .login>label{margin-top:1.5em}#login .login>label input:valid+span{transform:translate(0, -1.75em) translate(-0.5em, 0)}}@media only screen and (max-width: 369px){html,body,input,textarea,select{font-size:14px}}@media only screen and (max-width: 319px){html,body,input,textarea,select{font-size:12px}}/*# sourceMappingURL=style.css.map */