:root {
  --ink: #111111;
  --cream: #f5f2eb;
  --paper: #f5f2eb;
  --lime: #d8ff57;
  --blue: #4b5cff;
}
* { box-sizing: border-box; }
html {
  scroll-behavior: smooth;
  overflow-x: hidden;
  overflow-x: clip;
  overscroll-behavior-x: none;
}
body {
  margin: 0;
  max-width: 100%;
  overflow-x: hidden;
  overflow-x: clip;
  overscroll-behavior-x: none;
  background: #f5f2eb;
  color: #111;
  font-family: Manrope, sans-serif;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
button { font: inherit; }
h1 em, h2 em, .result-h2 em {
  font-family: "DM Serif Display", serif;
  font-style: italic;
  font-weight: 400;
}
.store-logo { position: relative; display: inline-flex; align-items: flex-start; font-size: 22px; font-weight: 800; letter-spacing: -.075em; line-height: 1; }
.store-logo > span { margin: -3px 0 0 2px; font-size: 7px; letter-spacing: 0; }
.store-logo small { position: absolute; left: 1px; top: 24px; width: max-content; font-size: 5px; letter-spacing: .26em; }
.ui-icon {
  position: relative; width: 14px !important; height: 14px !important; padding: 0 !important; margin: 0;
  display: inline-block !important; flex: 0 0 14px; color: inherit; background: transparent !important;
  font-size: 0 !important; line-height: 0; vertical-align: middle;
}
.ui-icon::before,.ui-icon::after { content: ""; position: absolute; box-sizing: border-box; }
.ui-icon-arrow-up-right::before { left: 1px; bottom: 3px; width: 13px; height: 1.5px; background: currentColor; transform: rotate(-45deg); transform-origin: center; }
.ui-icon-arrow-up-right::after { right: 1px; top: 1px; width: 7px; height: 7px; border-top: 1.5px solid currentColor; border-right: 1.5px solid currentColor; }
.ui-icon-arrow-right::before { left: 1px; top: 6px; width: 12px; height: 1.5px; background: currentColor; }
.ui-icon-arrow-right::after { right: 1px; top: 3px; width: 7px; height: 7px; border-top: 1.5px solid currentColor; border-right: 1.5px solid currentColor; transform: rotate(45deg); }
.ui-icon-arrow-down::before { left: 6px; top: 1px; width: 1.5px; height: 12px; background: currentColor; }
.ui-icon-arrow-down::after { left: 3px; bottom: 1px; width: 7px; height: 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); }
.ui-icon-plus::before { left: 1px; top: 6px; width: 12px; height: 1.5px; background: currentColor; }
.ui-icon-plus::after { left: 6px; top: 1px; width: 1.5px; height: 12px; background: currentColor; }