button{border:0;margin:0;outline:0;padding:0;padding-block:0;padding-inline:0}.btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#eee;border:.1em solid #999;border-radius:3em;box-sizing:border-box;color:#000;cursor:pointer;display:block;line-height:2.5em;min-width:3em;outline:none;padding:0 1em;text-align:center;user-select:none;width:100%}.btn-inline{padding:0 1em}.btn-icon,.btn-inline{display:inline-block;width:auto}.btn-icon{padding:.5em 1.5em}.btn-primary,.btn[primary]{background:#21ba45;border:.1em solid #1a9335;color:#fff}.btn-active,.btn-active:focus,.btn[active],.btn[active]:focus{background:#008cd8;border:.1em solid #0174ad;color:#fff}.btn-danger,.btn[danger]{background:#db2828;border:.1em solid #a20f1d;color:#fff}.btn:disabled,.btn[disabled]{cursor:not-allowed;pointer-events:none}.btn:disabled,.btn[disabled],.btn[unavailable]{background:#ccc;border-color:#aaa;color:#666;opacity:.6}.btn-primary:disabled,.btn-primary[disabled],.btn-primary[unavailable]{background:#9ed9ae;border-color:#8ac29c;color:#fff}.btn-active:disabled,.btn-active[disabled],.btn-active[unavailable]{background:#8fc3e0;border-color:#6ea9c7;color:#fff}.btn-danger:disabled,.btn-danger[disabled],.btn-danger[unavailable]{background:#e3a2a2;border-color:#c88686;color:#fff}.checkbox{align-items:center;cursor:pointer;display:flex;gap:.5em}.checkbox input{appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative}.checkbox input,.checkbox input:before{cursor:pointer;height:2em;vertical-align:middle;width:2em}.checkbox input:before{background-color:#fff;border:1px solid #ccc;content:"";display:inline-block;margin-left:-.2em}.checkbox input:checked:before{background-color:#007bff;border-color:#007bff}.checkbox input:after{border:solid rgba(0,0,0,.25);border-width:0 .3em .3em 0;box-sizing:content-box;content:"";height:.9em;left:50%;opacity:.6;pointer-events:none;position:absolute;top:50%;transform:translate(-60%,-60%) rotate(45deg);width:.45em}.checkbox input:checked:after{border-color:#fff;opacity:1}.checkbox input[required]:invalid:before{border-color:red}.checkbox:has(input[required]:invalid){color:red}.checkbox input:disabled:before{background-color:#f0f0f0;border-color:#ccc;cursor:not-allowed}.checkbox input:disabled{cursor:not-allowed}.checkbox input:checked:disabled:before{background-color:#a9a9a9;border-color:#a9a9a9}.checkbox input:checked:disabled:after{border-color:#e6e6e6}.checkbox:has(input:disabled){color:#999;cursor:not-allowed;opacity:.6}body{font-family:Verdana,Arial,sans-serif;font-size:16px;line-height:1.5em}h1,h2,h3,h4,h5,h6{margin:0;padding:1em 0}a,button,input,textarea{font-size:16px}[bold]{font-weight:700}[danger]{color:red}input[danger],select[danger],textarea[danager]{border-color:red}var{font-family:Lucida Console,monospace;font-style:normal;text-align:right}var[center]{text-align:center}a,a:focus{color:#000;text-decoration:none}a.link,a.link:focus{color:blue;text-decoration:none}.comment{font-family:Georgia,serif}.hint{color:#666;font-size:.8em}.muted{color:#666;font-size:.9em}.grid-split{grid-template-columns:1fr fit-content(100%);grid-row-gap:0}.grid-form,.grid-split{display:grid;grid-column-gap:2em}.grid-form{grid-template-columns:fit-content(100%) 1fr;grid-row-gap:1.5em;align-items:center}.grid-form>hr,.grid-line,.grid-split>hr{border:none;border-bottom:.1em solid #000;grid-column:1/-1;height:1px;margin:0;padding:0;width:100%}[color-mode=dark] .grid-form>hr,[color-mode=dark] .grid-line,[color-mode=dark] .grid-split>hr{border-bottom:.1em solid #fff}@media (max-width:60em){.grid-form{grid-template-columns:1fr;grid-row-gap:.5em}}.grid-fill{grid-column:1/-1;width:100%}.text-input{background-color:#fff;border:1px solid #ccc;border-radius:.2em;box-sizing:border-box;color:#000;flex:auto;margin:0;outline:none;padding:.75em;position:relative;width:100%}.text-input-inline{flex:none;width:auto}.text-input:not([rows]){height:3em}.text-input:required:placeholder-shown:not(.optional){border-color:red;color:red;opacity:1}.text-input[required]:not(.optional)::placeholder{color:red;opacity:1}.text-input:focus{border-color:#85b7d9}.text-input:user-invalid:placeholder-shown:not(.optional){border-color:red;opacity:1;outline:1px solid red}.text-input:user-invalid:not(.optional){border-color:red;opacity:1;outline:1px solid red}.label,[label]{background:#eee;border:.1em solid #999;border-radius:.5em;color:#000;font-size:.8em;font-weight:700;min-width:2.7em;padding:.2em .5em;text-align:center}.label[warning],[label][warning]{background-color:#ffc107;border:.1em solid #ffa200;color:#000}.label[danger],[label][danger]{background-color:#f44336;border:.1em solid #a20f1d;color:#fff}.label[positive],[label][positive]{background-color:#4caf50;border:.1em solid #1a9335;color:#fff}.label[active],[label][active]{background-color:#008cd8;border:.1em solid #0174ad;color:#fff}*{box-sizing:border-box}::-webkit-scrollbar{display:none}body,html{scrollbar-width:none;-ms-overflow-style:none}[hidden]{display:none!important}body,html{height:100%}body{background-color:#fff;margin:0;padding:0;width:100%}.section,section{margin:0 auto;max-width:800px;padding-left:.5em;padding-right:.5em;width:100%}.section.wide,section.wide{max-width:1200px}hr{border:0;border-top:.1em solid #000;margin:0;padding:0}[color-mode=dark] hr{border-color:#fff}.modal-background{backdrop-filter:blur(.1em);background-color:rgba(0,0,0,.5);bottom:0;left:0;position:fixed;right:0;top:0;z-index:100}.modal-header{border-radius:0 0 1.667em 1.667em;min-width:300px;top:0;width:max-content;z-index:101}.modal-footer,.modal-header{background-color:#fff;color:#000;left:50%;padding:1em;position:fixed;transform:translate(-50%)}.modal-footer{border-radius:1.667em 1.667em 0 0;bottom:0;z-index:102}.modal-foreground{background-color:#fff;border-radius:0 0 1.667em 1.667em;color:#000;left:50%;min-width:300px;padding:1em;position:fixed;top:0;transform:translate(-50%);width:max-content;z-index:101}.radio-button{align-items:center;cursor:pointer;display:flex;gap:.5em}.radio-button input{appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative}.radio-button input,.radio-button input:before{cursor:pointer;height:2em;vertical-align:middle;width:2em}.radio-button input:before{background-color:#fff;border:1px solid #ccc;border-radius:50%;content:"";display:inline-block}.radio-button input:checked:before{background-color:#007bff;border-color:#007bff}.radio-button input:after{background-color:rgba(0,0,0,.25);border-radius:50%;content:"";height:.5em;left:50%;opacity:.6;pointer-events:none;position:absolute;top:50%;transform:translate(-40%,-40%);width:.5em}.radio-button input:checked:after{background-color:#fff;opacity:1}.radio-button input[required]:invalid:before{border-color:red}.radio-button:has(input[required]:invalid){color:red}.radio-button input:disabled:before{background-color:#f0f0f0;border-color:#ccc;cursor:not-allowed}.radio-button input:disabled{cursor:not-allowed}.radio-button input:checked:disabled:before{background-color:#a9a9a9;border-color:#a9a9a9}.radio-button input:checked:disabled:after{background-color:#e6e6e6}.radio-button:has(input:disabled){color:#999;cursor:not-allowed;opacity:.6}.row{align-items:center;display:flex;gap:1em}.row.space-between{justify-content:space-between}.row .row-fill{flex:auto}.products{display:grid;gap:1em;grid-template-columns:repeat(auto-fill,minmax(20em,1fr))}.product{background:#fff;border:1px solid #ccc;border-radius:1em;color:#000;display:inline-grid;grid-template-areas:"image image" "name price" "description description" "inventory inventory";grid-template-columns:[col1] 1fr [col2] 1fr;grid-template-rows:[row1] auto [row2] auto [row3] 1fr [row4] auto;min-height:5em;overflow:hidden;position:relative}.product:hover{border-color:#008cd8}.product-image{grid-area:image;height:9em;object-fit:cover;width:100%}[app=pos] .product-image{display:none}.product-image[empty]{background:#eee}.product-name{font-weight:700;grid-area:name;padding:.5em 1em}.product-price{font-family:Lucida Console,monospace;grid-area:price;padding:.5em 1em;text-align:right}.product-description{grid-area:description;grid-column:span 2;padding:.5em 1em}[app=pos] .product-description{display:none}.product-inventory{border-radius:0 0 1em 1em;grid-area:inventory;text-align:center}.product-inventory[empty]{display:none}.product-inventory[low]{background:#ff8c00;color:#fff}.product-inventory[unavailable]{background:red;color:#fff}@media (max-width:600px){.products{display:flex;flex-direction:column;gap:.5em}.product{grid-template-areas:"image name price" "image description description" "inventory inventory inventory";grid-template-columns:[col1] 1fr [col2] 1fr [col3] 1fr;grid-template-rows:[row1] auto [row2] auto;min-width:auto;width:100%}.product-image{height:auto;width:100%}}body{display:grid;grid-template-rows:auto auto 1fr auto}.closed-header[closed]{background:red;color:#fff;font-weight:700;padding:.5em 0;text-align:center}.header-foreground{display:grid;gap:1em;grid-template-columns:auto 1fr auto;padding:.5em 0}.secondary-action{align-items:center;background:#0174ad;border:.25em solid #008cd8;border-radius:50%;color:#fff;display:flex;flex-direction:column;font-weight:700;height:5em;justify-content:center;padding:.25em;width:5em}.secondary-action:active,.secondary-action:focus,.secondary-action:hover,.secondary-action:link,.secondary-action:visited{color:#fff}.primary-action{align-items:center;background:#0174ad;border:.25em solid #008cd8;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-direction:column;height:5em;justify-content:center;padding:.25em;position:relative;width:5em}.primary-action:active,.primary-action:focus,.primary-action:hover,.primary-action:link,.primary-action:visited{color:#fff}.primary-action .action-count{background-color:#00008b;border-radius:50%;font-size:.8em;font-weight:700;height:1.8em;line-height:1.8em;position:absolute;right:.1em;text-align:center;top:.1em;width:1.8em}.empty-cart,.store-closed{padding:1em;text-align:center}