.sheet{background:var(--sheet);border:1px solid var(--rule);border-radius:3px;padding:clamp(18px,2.4vw,32px);position:relative;box-shadow:0 1px #1a1d210a,0 6px 16px -10px #1a1d212e}.sheet__head{border-bottom:2px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px 24px;padding-bottom:16px;display:flex}.sheet__head h2{letter-spacing:-.015em;font-size:1.25rem;font-weight:600}.sheet__fields{flex-wrap:wrap;gap:6px 22px;margin:0;font-size:.8125rem;display:flex}.sheet__fields>div{gap:6px;display:flex}.sheet__fields dt{color:var(--ink-3)}.sheet__fields dd{margin:0;font-weight:500}.sheet__table{border-collapse:collapse;table-layout:fixed;width:100%;margin-top:4px}.sheet__table th{text-align:left;color:var(--ink-3);border-bottom:1px solid var(--rule);padding:12px 10px 8px;font-size:.8125rem;font-weight:600}.sheet__table td{border-bottom:1px solid var(--rule-soft);padding:0;position:relative}.sheet__table td+td{border-left:1px solid var(--rule-soft)}.sheet__num{width:44px;font-family:var(--mono);color:var(--ink-3);font-size:.8125rem;text-align:center!important}.sheet__qty{width:120px}.sheet__table input{width:100%;height:44px;color:var(--ink);background:0 0;border:0;border-radius:0;padding:0 10px;font-size:.9375rem;display:block}.sheet__table td.sheet__qty input{text-align:right;font-variant-numeric:tabular-nums}.sheet__table input::placeholder{color:var(--ink-3)}.sheet__table input:focus,.sheet__table input:focus-visible{outline:none}.sheet__table tbody tr:hover td{background:#f7f7f7}.sheet__table td:is(:focus-within,.is-rest){background:var(--blue-fill)!important}.sheet__table td:is(:focus-within,.is-rest):after{content:"";border:2px solid var(--blue);pointer-events:none;animation:sheet-select .16s var(--ease-out);position:absolute;inset:-1px}.sheet__handle{z-index:2;background:var(--blue);cursor:crosshair;touch-action:none;border:1px solid #fff;width:9px;height:9px;position:absolute;bottom:-5px;right:-5px}.sheet__handle:after{content:"";position:absolute;inset:-8px}.sheet__table td:not(:focus-within):not(.is-rest) .sheet__handle{display:none}.sheet__table td.is-range{outline:1px dashed var(--blue);outline-offset:-1px;background:var(--blue-fill)!important}@keyframes sheet-select{0%{opacity:.4;inset:3px}}.sheet__table tr.has-value .sheet__num{color:var(--ink);font-weight:500}.sheet__table tr.is-filled td{animation:sheet-fill .9s var(--ease-out) var(--d,0s) backwards}@keyframes sheet-fill{0%{background:#f8c9c6}}.sheet__suggest{z-index:10;background:var(--sheet);border:1px solid var(--rule);max-height:360px;animation:sheet-suggest .14s var(--ease-out);border-radius:6px;margin:0;padding:6px;list-style:none;position:absolute;overflow:auto;box-shadow:0 14px 32px -12px #1a1d214d}@keyframes sheet-suggest{0%{opacity:0;transform:translateY(-4px)}}.sheet__opt{cursor:pointer;border-radius:3px;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:8px 10px;display:grid}.sheet__opt:hover,.sheet__opt[aria-selected=true]{background:var(--blue-fill)}.sheet__opt-pn{color:var(--ink);font-size:.9375rem}.sheet__opt-pn mark{color:var(--blue-ink);background:0 0;font-weight:600}.sheet__opt-brand{color:var(--ink-3);align-self:center;font-size:.8125rem}.sheet__opt-name{color:var(--ink-2);grid-column:1/-1;font-size:.875rem}.sheet__suggest-note{border-top:1px solid var(--rule-soft);color:var(--ink-3);margin-top:4px;padding:8px 10px 4px;font-size:.8125rem}.sheet__tools{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.sheet__count{color:var(--ink-3);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.875rem}.sheet__count [data-count]{color:var(--ink);font-weight:600}.sheet__hint{color:var(--blue-ink);margin-top:10px;font-size:.875rem}.sheet__details{border:0;border-top:1px solid var(--rule);grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;margin:24px 0 0;padding:20px 0 0;display:grid}.sheet__details legend{float:left;grid-column:1/-1;width:100%;margin-bottom:4px;padding:0;font-size:1rem;font-weight:600}.sheet__details label{gap:6px;display:grid}.sheet__details label>span{color:var(--ink-3);font-size:.8125rem;font-weight:600}.sheet__details :is(input,textarea){border:1px solid var(--rule);background:var(--sheet);border-radius:6px;width:100%;padding:10px 12px;font-size:.9375rem;transition:border-color .16s,box-shadow .16s}.sheet__details textarea{resize:vertical}.sheet__details :is(input,textarea)::placeholder{color:var(--ink-3)}.sheet__details :is(input,textarea):hover{border-color:#b9bdc3}.sheet__details :is(input,textarea):focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-fill);outline:none}.sheet__wide{grid-column:1/-1}.sheet__foot{border-top:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:22px;padding-top:20px;display:flex}.sheet__or{color:var(--ink-3);font-size:.9375rem}.sheet__or a{color:var(--ink);text-underline-offset:4px;font-weight:600}.sheet__copy{margin-left:auto}.sheet__msg{background:var(--blue-fill);color:var(--ink);border-radius:6px;margin-top:14px;padding:12px 14px;font-size:.9375rem}.sheet__error{color:var(--red);margin-top:12px;font-size:.9375rem;font-weight:500}@media (width<=560px){.sheet__num{width:34px}.sheet__qty{width:76px}.sheet__details{grid-template-columns:1fr}.sheet__copy{margin-left:0}}