.demo-cashier{width:min(100%,56rem);color:var(--ink);margin-inline:auto}.page:has(>.demo-cashier){max-width:60rem}.demo-cashier__intro{margin-block-end:1.5rem}.demo-cashier__intro h1{margin-block:1rem .5rem;font-size:clamp(1.7rem,5vw,2.5rem)}.demo-cashier__brand{color:var(--ink);font-weight:700;text-decoration:none}.demo-cashier__simulation{border:1px solid var(--pending);border-radius:var(--radius-control);background:var(--pending-tint);padding:1rem 1.25rem}.demo-cashier__simulation p{margin-block-end:0}.demo-cashier__workspace{margin-block-start:1.5rem}.demo-cashier__toolbar{flex-wrap:wrap;align-items:end;gap:.75rem;display:flex}.demo-cashier__toolbar label{gap:.35rem;display:grid}.demo-cashier__toolbar button,.demo-cashier__toolbar select{font:inherit;border:1px solid var(--rule);border-radius:var(--radius-control);min-height:44px;color:var(--ink);background:var(--paper);padding:.65rem .8rem}.demo-cashier__toolbar button{cursor:pointer}.demo-cashier__toolbar button:disabled{opacity:.65;cursor:default}.demo-cashier__toolbar :focus-visible{outline:3px solid var(--signal);outline-offset:3px}.demo-cashier__status,.demo-cashier__help{color:var(--slate);line-height:1.6}.demo-cashier__frame{min-width:0;margin-block:1rem}.demo-cashier__frame iframe{border:0;width:100%;min-height:640px;display:block}.demo-cashier__help{font-size:.875rem}@media (max-width:380px){.demo-cashier__toolbar{flex-direction:column;align-items:stretch}}