:root{color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}body{margin:0;background:#f6f6f4;color:#1f2933}.page{max-width:46rem;margin:0 auto;padding:1rem 1rem 6rem}.head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}h1{font-size:1.5rem}h2{font-size:1.15rem;margin:1.5rem 0 .5rem}.muted{color:#616e7c;margin:.25rem 0}.small{font-size:.85rem}.warn{background:#fff4d6;border:1px solid #e0c068;padding:.5rem .75rem}.error{background:#fdecea;border:1px solid #d98b8b;padding:.5rem .75rem}ul.items,ul.lines{list-style:none;margin:0;padding:0}ul.items>li{background:#fff;border:1px solid #dcdcd6;padding:.75rem;margin-bottom:.5rem}.item-head{display:flex;justify-content:space-between;gap:1rem}ul.lines>li{display:flex;justify-content:space-between;gap:.5rem;padding:.25rem 0;border-bottom:1px dotted #d0d0c8}.row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.total{text-align:right}.big{font-size:1.25rem}.cart{position:sticky;bottom:0;background:#fff;border:1px solid #dcdcd6;padding:.75rem;margin-top:1.5rem}button{font:inherit;padding:.4rem .8rem;background:#1f2933;color:#fff;border:1px solid #1f2933;cursor:pointer}button:disabled{opacity:.5;cursor:default}label{display:block;margin:.5rem 0}label.inline{display:inline-flex;align-items:center;gap:.35rem;margin-right:1rem}input,textarea,select{font:inherit;display:block;width:100%;max-width:24rem;padding:.35rem;border:1px solid #b8b8b0}label.inline input{display:inline;width:auto}fieldset{border:1px solid #dcdcd6;margin:1rem 0}