@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&family=Noto+Sans+JP:wght@400;600;800&family=Roboto+Mono:wght@500&display=swap");

:root {
  --font-body: "Noto Sans JP", "Inter", sans-serif;
  --font-mono: "Roboto Mono", "Courier New", "Consolas", "SFMono-Regular", monospace;
  --highlight-yellow: #FEF08A;
}

html,
body {
  font-family: var(--font-body);
}

body {
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.marker,
.yellow-underline,
.product-box-yellow-underline,
.highlight-yellow,
.underline-yellow,
.text-highlight {
  background: linear-gradient(transparent 62%, var(--highlight-yellow) 62%);
  padding: 0 2px;
}

.marker {
  font-weight: 700;
}