@import url('./src/styles.css');
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border:1px solid transparent}input,select{padding:10px 14px;border:1px solid var(--factory-border)}header{display:flex;align-items:center}nav{display:flex;flex:1}a.brand{display:flex;align-items:center;font-weight:700;white-space:nowrap}.brandmark{display:grid;place-items:center}footer{display:flex;align-items:center;border-top:1px solid var(--factory-border)}p{line-height:1.8}.skip{position:absolute;left:18px;top:-100px;z-index:30}.skip:focus{top:10px;padding:10px;background:#fff;color:#111}.demo-notice{padding:13px 24px;font-size:12px;text-align:center;background:var(--factory-panel);color:var(--factory-muted);border-bottom:1px solid var(--factory-border)}.theme-picker{display:flex;gap:10px;align-items:center;font-size:12px;white-space:nowrap}.theme-picker select{font-size:12px;max-width:130px}.theme-picker span{color:var(--factory-muted)}dialog{border:1px solid var(--factory-border);padding:28px;overscroll-behavior:contain}dialog::backdrop{background:#0009}dialog h2{font-size:24px}dialog button{margin-top:16px}.demo-about{max-width:680px;margin:45px auto;line-height:1.9}.demo-about pre{padding:20px;background:var(--factory-panel);overflow:auto}.demo-about a{text-decoration:underline}.empty{text-align:center}.filters button{display:inline-flex;align-items:center;justify-content:center}[hidden]{display:none!important}@media(max-width:767px){.theme-picker span{display:none}.theme-picker select{max-width:113px;padding:8px;font-size:11px}body.storefront[data-design] .brand{font-size:15px}.demo-notice{padding:12px 18px;text-align:left}}