.pos-demos,.pos-demo-bar,.pos-demo-signin-page{--demo-accent:var(--ds-text)}.pos-demos{gap:var(--ds-space-6);min-width:0;max-width:1240px;display:grid}.pos-demos__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;display:flex}.pos-demos__head h1{font-family:var(--ds-font-display);font-size:var(--ds-text-display-m);letter-spacing:-.02em;margin:0;font-weight:600;line-height:1.1}.pos-demos__head p{color:var(--ds-text-2);font-size:var(--ds-text-md);margin:6px 0 0}.pos-demos__now{border:1px solid var(--ds-border);border-radius:var(--ds-radius-pill);background:var(--ds-surface);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 8px 8px 14px;display:flex}.pos-demos__now form{display:contents}@media (max-width:640px){.pos-demos__now{border-radius:var(--ds-radius-md);justify-content:space-between;width:100%;padding:10px 12px}}.pos-demos__grid{gap:var(--ds-space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,268px),1fr));display:grid}.pos-demos__card{border:1px solid var(--ds-border);border-radius:var(--ds-radius-card);background:var(--ds-surface);min-width:0;animation:.32s cubic-bezier(.2,.8,.2,1) both pos-demos-in;animation-delay:calc(var(--i) * 50ms);align-content:start;gap:14px;padding:16px;display:grid;position:relative}.pos-demos__card[data-current]{border-color:var(--ds-text);box-shadow:0 0 0 1px var(--ds-text)}.pos-demos__card--empty{background:0 0;border-style:dashed}.pos-demos__card-head{justify-content:space-between;align-items:center;gap:8px;min-height:22px;display:flex}.pos-demos__kind{font-size:var(--ds-text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--ds-text-2);font-weight:600}.pos-demos__here,.pos-demos__tag{font-size:var(--ds-text-xs);border-radius:var(--ds-radius-pill);border:1px solid var(--ds-border);color:var(--ds-text);padding:2px 8px}.pos-demos__here{background:var(--ds-text);color:var(--ds-text-inverse);border-color:#0000}.pos-demos__empty-title{margin:4px 0 0;font-weight:600}.pos-demos__plate{border-left:4px solid var(--demo-accent);align-items:center;gap:12px;min-width:0;padding-left:12px;display:flex}.pos-demos__plate-text{min-width:0;display:grid}.pos-demos__plate-text strong{font-family:var(--ds-font-display);font-size:var(--ds-text-lg);text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.2;overflow:hidden}.pos-demos__plate-text span{font-size:var(--ds-text-sm);color:var(--ds-text-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pos-demos__plate--lg .pos-demos__plate-text strong{font-size:var(--ds-text-xl)}.pos-demos__mark{background:var(--demo-accent);width:40px;height:40px;color:var(--ds-on-ink);font-weight:700;font-size:var(--ds-text-md);letter-spacing:.02em;border-radius:10px;flex:none;place-items:center;display:grid;overflow:hidden}.pos-demos__mark img{object-fit:contain;background:var(--ds-surface);width:100%;height:100%}.pos-demos__plate--lg .pos-demos__mark{width:48px;height:48px}.pos-demos__mark--xl{width:72px;height:72px;font-size:var(--ds-text-xl);border-radius:18px}.pos-demos__facts{grid-template-columns:1fr 1fr;gap:12px;margin:0;display:grid}.pos-demos__facts div{gap:2px;min-width:0;display:grid}.pos-demos__facts dt{font-size:var(--ds-text-xs);color:var(--ds-text-2)}.pos-demos__facts dd{font-size:var(--ds-text-xl);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:600;overflow:hidden}.pos-demos__week{font-size:var(--ds-text-xs);color:var(--ds-text-2);align-items:center;gap:10px;display:flex}.pos-demos__spark{flex:none;width:120px;height:32px;overflow:visible}.pos-demos__spark polyline{fill:none;stroke:var(--ds-text);stroke-width:1.75px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1px;animation:.7s cubic-bezier(.3,.7,.2,1) .2s forwards pos-demos-draw}.pos-demos__meta{font-size:var(--ds-text-sm);color:var(--ds-text-2);margin:0}.pos-demos__actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;display:flex}.pos-demos__actions form{display:contents}.pos-demos__actions [role=alert]{font-size:var(--ds-text-sm);flex-basis:100%;margin:0}.pos-demos__studio{gap:var(--ds-space-4);border:1px solid var(--ds-border);border-radius:var(--ds-radius-card);background:var(--ds-surface);padding:20px;scroll-margin-top:24px;animation:.24s cubic-bezier(.2,.8,.2,1) both pos-demos-in;display:grid}.pos-demos__studio-head h2{font-family:var(--ds-font-display);font-size:var(--ds-text-xl);margin:0;font-weight:600}.pos-demos__studio-head p{color:var(--ds-text-2);max-width:70ch;margin:4px 0 0}.pos-demos__studio-grid{gap:var(--ds-space-6);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}@media (max-width:860px){.pos-demos__studio-grid{grid-template-columns:minmax(0,1fr)}}.pos-demos__form{align-content:start;gap:16px;min-width:0;display:grid}.pos-demos__field{border:0;gap:6px;min-width:0;margin:0;padding:0;display:grid}.pos-demos__field>span,.pos-demos__field legend{font-size:var(--ds-text-sm);padding:0;font-weight:600}.pos-demos__field small{color:var(--ds-text-2);font-weight:400}.pos-demos__field input:not([type=file]):not([type=color]){border:1px solid var(--ds-border-strong);border-radius:var(--ds-radius-control);background:var(--ds-bg);min-height:44px;color:var(--ds-text);font:inherit;min-width:0;padding:0 12px}.pos-demos__field input:focus-visible{outline:2px solid var(--ds-accent);outline-offset:1px}.pos-demos__logo-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pos-demos__file{border:1px dashed var(--ds-border-strong);border-radius:var(--ds-radius-control);cursor:pointer;align-items:center;min-height:40px;padding:0 14px;font-weight:500;display:inline-flex}.pos-demos__file input{opacity:0;width:1px;height:1px;position:absolute}.pos-demos__file:focus-within{outline:2px solid var(--ds-accent);outline-offset:2px}.pos-demos__swatches{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pos-demos__swatch{border:2px solid var(--ds-bg);width:36px;height:36px;box-shadow:0 0 0 1px var(--ds-border);cursor:pointer;border-radius:50%;padding:0}.pos-demos__swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--ds-text)}.pos-demos__swatch:focus-visible{outline:2px solid var(--ds-accent);outline-offset:3px}.pos-demos__custom input{border:1px solid var(--ds-border);cursor:pointer;background:0 0;border-radius:8px;width:44px;height:36px;padding:0}.pos-demos__contrast{font-size:var(--ds-text-sm);color:var(--ds-text-2);margin:0}.pos-demos__contrast--bad{color:var(--ds-danger-fg);font-weight:600}.pos-demos__save{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pos-demos__ok{color:var(--ds-success-fg);margin:0}.pos-demos__error{color:var(--ds-danger-fg);margin:0}.pos-demos__preview{border-radius:var(--ds-radius-lg);background:var(--ds-surface-sunken);align-content:start;gap:10px;min-width:0;padding:16px;display:grid}.pos-demos__preview-label{font-size:var(--ds-text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--ds-text-2);margin:4px 0 0;font-weight:600}.pos-demos__band{border-radius:var(--ds-radius-md);background:var(--ds-bg);box-shadow:0 1px 0 var(--ds-border);justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:10px 14px;display:flex}.pos-demos__band-note{font-size:var(--ds-text-xs);color:var(--ds-text-2)}.pos-demos__signin-mini{border-radius:var(--ds-radius-md);background:var(--ds-bg);justify-items:start;gap:8px;min-width:0;padding:18px;display:grid}.pos-demos__mini-field{border:1px solid var(--ds-border);border-radius:8px;width:100%;height:34px;display:block}.pos-demos__mini-btn{background:var(--ds-accent);width:100%;height:36px;color:var(--ds-text-inverse);font-weight:600;font-size:var(--ds-text-sm);border-radius:8px;place-items:center;display:grid}.pos-demos__share{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.pos-demos__share code{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--ds-text-sm);background:var(--ds-bg);border:1px solid var(--ds-border);border-radius:8px;flex:180px;padding:8px 10px;overflow:hidden}.pos-demos__reset{border-top:1px solid var(--ds-border);flex-wrap:wrap;align-items:center;gap:8px 12px;padding-top:12px;display:flex}.pos-demos__reset p{flex:320px;margin:0}.pos-demo-bar{border-left:4px solid var(--demo-accent);border-radius:var(--ds-radius-md);background:var(--ds-surface);box-shadow:0 0 0 1px var(--ds-border);flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 12px;padding:8px 12px;display:flex}.pos-demo-bar .pos-demos__mark{width:32px;height:32px;font-size:var(--ds-text-sm);border-radius:8px}.pos-demo-bar__text{flex-wrap:wrap;flex:200px;align-items:baseline;gap:4px 8px;min-width:0;display:flex}.pos-demo-bar__text strong{font-family:var(--ds-font-display);font-size:var(--ds-text-md)}.pos-demo-bar__tag{font-size:var(--ds-text-xs);border:1px solid var(--ds-border);color:var(--ds-text-2);border-radius:999px;padding:1px 8px}.pos-demo-bar__links{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.pos-demo-bar__links form{display:contents}.pos-demo-bar__links a{color:var(--ds-text);text-underline-offset:3px;text-decoration:underline}.pos-demo-signin{text-align:center;justify-items:center;gap:6px;margin-bottom:20px;display:grid}.pos-demo-signin h1{font-family:var(--ds-font-display);font-size:var(--ds-text-display-m);letter-spacing:-.02em;overflow-wrap:anywhere;margin:10px 0 0;line-height:1.15}.pos-demo-signin p{color:var(--ds-text-2);margin:0}.pos-demo-signin__by{font-size:var(--ds-text-xs);border-top:2px solid var(--demo-accent);padding-top:10px;margin-top:6px!important}@keyframes pos-demos-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pos-demos-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.pos-demos__card,.pos-demos__studio{animation:none}.pos-demos__spark polyline{stroke-dashoffset:0;animation:none}}.pos-demo-signin-page{--ds-accent:var(--demo-accent);--ds-link:var(--demo-accent);--ds-focus:var(--demo-accent);--ds-focus-ring:0 0 0 2px var(--ds-surface),0 0 0 4px color-mix(in srgb,var(--demo-accent) 55%,transparent);background:var(--ds-bg);min-height:100dvh;color:var(--ds-text);font-family:var(--ds-font-sans);padding:var(--ds-space-5) var(--ds-space-5) var(--ds-space-4);box-sizing:border-box;grid-template-rows:auto 1fr auto;display:grid}.pos-demo-signin-page__bar{justify-content:space-between;align-items:center;display:flex}.pos-demo-signin-page__col{text-align:center;place-self:center;justify-items:center;gap:6px;width:min(100%,400px);padding-block:24px;animation:.36s cubic-bezier(.2,.8,.2,1) both pos-demos-in;display:grid}.pos-demo-signin-page__col h1{font-family:var(--ds-font-display);font-size:var(--ds-text-display-l);letter-spacing:-.025em;overflow-wrap:anywhere;margin:16px 0 0;font-weight:600;line-height:1.08}.pos-demo-signin-page__branch{color:var(--ds-text-2);font-size:var(--ds-text-md);margin:0}.pos-demo-signin-page__form{border-top:2px solid var(--demo-accent);text-align:left;width:100%;margin-top:28px;padding-top:24px}.pos-demo-signin-page .ds-btn--primary{background:var(--demo-accent);border-color:var(--demo-accent);color:var(--ds-on-ink)}.pos-demo-signin-page .ds-btn--primary:hover:not(:disabled):not(.is-loading){background:var(--demo-accent);filter:brightness(.92)}.pos-demo-signin-page__foot{text-align:center;font-size:var(--ds-text-xs);color:var(--ds-text-2);justify-items:center;gap:4px;display:grid}.pos-demo-signin-page__foot small{font-size:var(--ds-text-2xs);opacity:.85}@media (prefers-reduced-motion:reduce){.pos-demo-signin-page__col{animation:none}}.pos-demos__bars{flex:none;align-items:flex-end;gap:3px;width:112px;height:32px;display:flex}.pos-demos__bars span{background:var(--ds-border-strong);transform-origin:bottom;min-height:2px;animation:.42s cubic-bezier(.2,.8,.2,1) both pos-demos-grow;animation-delay:calc(.2s + var(--b) * 40ms);border-radius:2px 2px 0 0;flex:1}.pos-demos__bars span:last-child{background:var(--ds-text)}.pos-demos__delta{font-variant-numeric:tabular-nums}.pos-demos__delta[data-up]{color:var(--ds-success-fg)}.pos-demos__delta[data-down]{color:var(--ds-text-2)}.pos-demos__was{font-size:var(--ds-text-xs);color:var(--ds-text-2);margin:-8px 0 0}.pos-demos__missing{color:var(--ds-text-2);font-size:var(--ds-text-sm);margin:0}.pos-demos__reset-note{font-size:var(--ds-text-sm);color:var(--ds-text-2);flex:280px;margin:0}@keyframes pos-demos-grow{0%{transform:scaleY(0)}to{transform:none}}@media (prefers-reduced-motion:reduce){.pos-demos__bars span{animation:none}}@media (max-width:640px){.pos-demos__now{flex-wrap:wrap;max-width:100%;min-height:44px;padding:6px 6px 6px 12px}.pos-demos__now>span{overflow-wrap:anywhere;min-width:0}}.pos-demos,.pos-demos__head,.pos-demos__head>div,.pos-demos__grid>*{min-width:0;max-width:100%}.pos-demos__now{max-width:100%}.pos-demos__now .ds-btn{white-space:normal;text-align:left;height:auto;min-height:36px}.pos-demos__week{flex-wrap:wrap}.pos-demos__week>span:last-child{flex:140px;min-width:0}.pos-demos__card-head{flex-wrap:wrap}.pos-demos__tile{border:1px dashed var(--ds-border);border-radius:var(--ds-radius-card);color:var(--ds-text-2);font-size:var(--ds-text-sm);animation:.32s cubic-bezier(.2,.8,.2,1) both pos-demos-in;animation-delay:calc(var(--i) * 50ms);align-content:center;gap:6px;padding:16px;display:grid}.pos-demos__tile strong{color:var(--ds-text);font-size:var(--ds-text-md)}.pos-demos__quiet-facts{font-size:var(--ds-text-sm);color:var(--ds-text-2);margin:0;padding:4px 0 0}.pos-demos__quiet-facts strong{color:var(--ds-text);font-size:var(--ds-text-md);display:block}.pos-demos__scrim{background:var(--ds-scrim);z-index:60;animation:.18s both pos-demos-fade;position:fixed;inset:0}.pos-demos__drawer{z-index:61;border:0;border-left:1px solid var(--ds-border);width:min(980px,100vw);box-shadow:var(--ds-shadow-pop);padding:24px 24px calc(24px + env(safe-area-inset-bottom,0px));border-radius:0;animation:.22s cubic-bezier(.2,.8,.2,1) both pos-demos-slide;position:fixed;top:0;bottom:0;right:0;overflow:auto}.pos-demos__drawer-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.pos-demos__drawer-head>.ds-btn,.pos-demos__drawer-head>button{flex:none}.pos-demos__drawer .pos-demos__studio-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}@media (max-width:860px){.pos-demos__drawer .pos-demos__studio-grid{grid-template-columns:minmax(0,1fr)}.pos-demos__drawer{padding:16px}}.pos-demos__signin-real{text-align:center;border-radius:var(--ds-radius-md);background:var(--ds-bg);justify-items:center;gap:4px;min-width:0;padding:28px 20px 22px;display:grid}.pos-demos__signin-real strong{font-family:var(--ds-font-display);font-size:var(--ds-text-2xl);letter-spacing:-.02em;overflow-wrap:anywhere;margin-top:10px;line-height:1.1}.pos-demos__signin-real>.pos-demos__signin-branch{color:var(--ds-text-2);font-size:var(--ds-text-sm)}.pos-demos__signin-real-form{border-top:2px solid var(--demo-accent);text-align:left;gap:8px;width:100%;max-width:300px;margin-top:16px;padding-top:14px;display:grid}.pos-demos__signin-real-form label{font-size:var(--ds-text-xs);font-weight:600}.pos-demos__signin-real-form i{border:1px solid var(--ds-border-strong);border-radius:8px;height:32px;display:block}.pos-demos__signin-real-form b{background:var(--demo-accent);height:36px;color:var(--ds-on-ink);font-size:var(--ds-text-sm);border-radius:8px;place-items:center;margin-top:6px;display:grid}.pos-demos__signin-real small{font-size:var(--ds-text-2xs);color:var(--ds-text-2);margin-top:14px}@keyframes pos-demos-fade{0%{opacity:0}}@keyframes pos-demos-slide{0%{opacity:0;transform:translate(24px)}}@media (prefers-reduced-motion:reduce){.pos-demos__scrim,.pos-demos__drawer{animation:none}}@media (max-width:640px){.pos-demos__now{flex-wrap:nowrap;align-items:center}.pos-demos__now .ds-btn{min-height:44px;padding-inline:8px}.pos-demos__now>span{flex:auto}}.pos-demos__sales{border-top:1px solid var(--ds-border);flex-wrap:wrap;align-items:center;gap:6px 12px;padding-top:10px;display:flex}.pos-demos__switch{min-height:36px;color:var(--ds-text);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-weight:600;display:inline-flex}.pos-demos__switch>span{background:var(--ds-border-strong);border-radius:999px;width:36px;height:22px;transition:background .16s;position:relative}.pos-demos__switch>span:after{content:"";background:var(--ds-surface);width:16px;height:16px;box-shadow:var(--ds-shadow-sm);border-radius:50%;transition:transform .18s cubic-bezier(.2,.8,.2,1);position:absolute;top:3px;left:3px}.pos-demos__switch[aria-checked=true]>span{background:var(--ds-success-fg)}.pos-demos__switch[aria-checked=true]>span:after{transform:translate(14px)}.pos-demos__switch:focus-visible{outline:2px solid var(--ds-accent);outline-offset:3px;border-radius:6px}.pos-demos__switch:disabled{opacity:.6;cursor:progress}.pos-demos__sales-note{font-size:var(--ds-text-xs);color:var(--ds-text-2);flex-basis:100%;margin:0}@media (prefers-reduced-motion:reduce){.pos-demos__switch>span,.pos-demos__switch>span:after{transition:none}}@media (max-width:640px){.pos-demo-signin-page__col h1{font-size:var(--ds-text-display-m)}}