:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{width:100%;height:100%}body{margin:0;min-width:320px;min-height:100vh;background:#f5f5f5;color:#213547}#root{width:100%;max-width:none;height:100vh;margin:0;padding:0;text-align:initial}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.pos-layout{display:flex;width:100%;height:calc(100vh - 64px);overflow:hidden}.pos-products{flex:1;min-width:0;overflow:auto;padding:16px;background:#f0f2f5}.pos-cart{width:420px;min-width:420px;height:100%;background:#fff;border-left:1px solid #e8e8e8;display:flex;flex-direction:column}.pos-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--tile-min, 240px),1fr));gap:16px;align-items:stretch}.pos-grid>div{animation:smoothFade .15s ease-out}@keyframes smoothFade{0%{opacity:.4}to{opacity:1}}@media(max-width:1100px){.pos-layout{flex-direction:column;height:auto;min-height:calc(100vh - 64px)}.pos-cart{width:100%;min-width:0;border-left:none;border-top:1px solid #e8e8e8}}