@import url("https://fonts.googleapis.com/css2?family=Jost:wght@400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");
/* line 1, _static/scss/_reboot.scss */
*,
*::before,
*::after {
  box-sizing: border-box; }

/* line 7, _static/scss/_reboot.scss */
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/* line 14, _static/scss/_reboot.scss */
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block; }

/* line 27, _static/scss/_reboot.scss */
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff; }

/* line 40, _static/scss/_reboot.scss */
[tabindex='-1']:focus:not(:focus-visible) {
  outline: 0 !important; }

/* line 44, _static/scss/_reboot.scss */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

/* line 50, _static/scss/_reboot.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem; }

/* line 60, _static/scss/_reboot.scss */
p {
  margin-top: 0;
  margin-bottom: 1rem; }

/* line 65, _static/scss/_reboot.scss */
abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none; }

/* line 76, _static/scss/_reboot.scss */
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit; }

/* line 82, _static/scss/_reboot.scss */
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem; }

/* line 89, _static/scss/_reboot.scss */
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0; }

/* line 96, _static/scss/_reboot.scss */
ul {
  list-style: none;
  padding: 0; }

/* line 101, _static/scss/_reboot.scss */
dt {
  font-weight: 700; }

/* line 105, _static/scss/_reboot.scss */
dd {
  margin-bottom: 0.5rem;
  margin-left: 0; }

/* line 110, _static/scss/_reboot.scss */
blockquote {
  margin: 0 0 1rem; }

/* line 114, _static/scss/_reboot.scss */
b,
strong {
  font-weight: bolder; }

/* line 119, _static/scss/_reboot.scss */
small {
  font-size: 80%; }

/* line 123, _static/scss/_reboot.scss */
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline; }

/* line 131, _static/scss/_reboot.scss */
sub {
  bottom: -0.25em; }

/* line 135, _static/scss/_reboot.scss */
sup {
  top: -0.5em; }

/* line 139, _static/scss/_reboot.scss */
a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent; }

/* line 145, _static/scss/_reboot.scss */
a:hover {
  color: #0056b3;
  text-decoration: underline; }

/* line 160, _static/scss/_reboot.scss */
pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
  font-size: 1em; }

/* line 169, _static/scss/_reboot.scss */
pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto; }

/* line 175, _static/scss/_reboot.scss */
figure {
  margin: 0 0 1rem; }

/* line 179, _static/scss/_reboot.scss */
img {
  vertical-align: middle;
  border-style: none; }

/* line 184, _static/scss/_reboot.scss */
svg {
  overflow: hidden;
  vertical-align: middle; }

/* line 189, _static/scss/_reboot.scss */
table {
  border-collapse: collapse; }

/* line 193, _static/scss/_reboot.scss */
caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom; }

/* line 201, _static/scss/_reboot.scss */
th {
  text-align: inherit; }

/* line 205, _static/scss/_reboot.scss */
label {
  display: inline-block;
  margin-bottom: 0.5rem; }

/* line 210, _static/scss/_reboot.scss */
button {
  border-radius: 0; }

/* line 214, _static/scss/_reboot.scss */
button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

/* line 219, _static/scss/_reboot.scss */
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

/* line 230, _static/scss/_reboot.scss */
button,
input {
  overflow: visible; }

/* line 235, _static/scss/_reboot.scss */
button,
select {
  text-transform: none; }

/* line 240, _static/scss/_reboot.scss */
select {
  word-wrap: normal; }

/* line 244, _static/scss/_reboot.scss */
button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; }

/* line 251, _static/scss/_reboot.scss */
button:not(:disabled),
[type='button']:not(:disabled),
[type='reset']:not(:disabled),
[type='submit']:not(:disabled) {
  cursor: pointer; }

/* line 258, _static/scss/_reboot.scss */
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none; }

/* line 266, _static/scss/_reboot.scss */
input[type='radio'],
input[type='checkbox'] {
  box-sizing: border-box;
  padding: 0; }

/* line 272, _static/scss/_reboot.scss */
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox; }

/* line 279, _static/scss/_reboot.scss */
textarea {
  overflow: auto;
  resize: vertical; }

/* line 284, _static/scss/_reboot.scss */
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

/* line 291, _static/scss/_reboot.scss */
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal; }

/* line 303, _static/scss/_reboot.scss */
progress {
  vertical-align: baseline; }

/* line 307, _static/scss/_reboot.scss */
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto; }

/* line 312, _static/scss/_reboot.scss */
[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none; }

/* line 317, _static/scss/_reboot.scss */
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none; }

/* line 321, _static/scss/_reboot.scss */
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button; }

/* line 326, _static/scss/_reboot.scss */
output {
  display: inline-block; }

/* line 330, _static/scss/_reboot.scss */
summary {
  display: list-item;
  cursor: pointer; }

/* line 335, _static/scss/_reboot.scss */
template {
  display: none; }

/* line 339, _static/scss/_reboot.scss */
[hidden] {
  display: none !important; }

/* line 1, _static/scss/_layout.scss */
html, body {
  min-height: 100dvh; }

/* line 5, _static/scss/_layout.scss */
body {
  display: flex;
  flex-direction: column;
  color: var(--color-white); }
  /* line 10, _static/scss/_layout.scss */
  body main {
    flex: 1; }

/* line 15, _static/scss/_layout.scss */
header {
  min-height: 5rem; }

/* line 19, _static/scss/_layout.scss */
footer {
  background: var(--color-white);
  width: 100%;
  padding: 2rem 0;
  margin-top: 5rem; }
  /* line 25, _static/scss/_layout.scss */
  footer h3 {
    text-transform: uppercase;
    border-bottom: var(--border-color) 1px solid;
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem; }
  /* line 32, _static/scss/_layout.scss */
  footer .footer__contact {
    font-size: var(--font-size-500);
    color: var(--color-gold-400); }
    /* line 35, _static/scss/_layout.scss */
    footer .footer__contact span {
      font-weight: bold;
      color: var(--color-black); }
    /* line 42, _static/scss/_layout.scss */
    footer .footer__contact a {
      color: inherit; }
  /* line 47, _static/scss/_layout.scss */
  footer .footer__outro {
    font-size: var(--font-size-500);
    color: var(--color-gray-400); }
    /* line 51, _static/scss/_layout.scss */
    footer .footer__outro a {
      color: inherit; }

/* line 59, _static/scss/_layout.scss */
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px; }

/* line 1, _static/scss/_flex.scss */
[class*="flex-"] {
  display: flex; }

/* line 5, _static/scss/_flex.scss */
.flex-space-between {
  justify-content: space-between; }

/* line 1, _static/scss/_variables.scss */
:root {
  --color-white: #ffffff;
  --color-gold-300: #B98E00;
  --color-gold-400: #C2A500;
  --color-black: #1C1B18;
  --color-gray-100: #FFFFFF1A;
  --color-gray-200: #E0E0E0;
  --color-gray-300: #DBDDE0;
  --color-gray-400: #B0B0B0;
  --color-gray-500: #828282;
  --color-gray-600: #333333;
  --font-primary: 'Jost', sans-serif;
  --font-header: 'Bebas Neue', sans-serif;
  --font-size-400: 1rem;
  --font-size-500: 0.8rem;
  --font-size-700: .875rem;
  --font-size-800: .75rem;
  --font-size-900: .5rem;
  --border-color: var(--color-gray-300);
  --color-textarea-placeholder: var(--color-gray-500);
  --color-textarea-bg: var(--color-gray-200);
  --color-toast-bg: var(--color-gold-400);
  --color-toast-success-bg: hsl(76, 100%, 37%);
  --color-toast-warning-bg: hsl(35, 100%, 50%);
  --color-toast-error-bg: hsl(0, 100%, 65%);
  --radius-2: 2px;
  --radius-4: 4px;
  --radius-8: 8px; }

/* line 41, _static/scss/_variables.scss */
body {
  font-family: var(--font-primary), sans-serif;
  font-size: 16px;
  background: var(--color-black); }

/* line 1, _static/scss/_globals.scss */
.center {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%; }

/* line 9, _static/scss/_globals.scss */
.pull-right {
  margin-left: auto;
  display: block; }

/* line 14, _static/scss/_globals.scss */
.text-right {
  text-align: right; }

/* line 18, _static/scss/_globals.scss */
.text-center {
  text-align: center; }

/* line 22, _static/scss/_globals.scss */
.icon-link {
  width: 32px;
  height: 32px; }
  /* line 27, _static/scss/_globals.scss */
  .icon-link svg {
    width: 32px;
    height: 32px;
    fill: var(--color-gold-400); }
  /* line 34, _static/scss/_globals.scss */
  .icon-link:hover svg {
    fill: var(--color-gold-300); }

/* line 1, _static/scss/_typography.scss */
h1, .h1 {
  font-size: 2.75rem;
  line-height: 1.2; }

/* line 6, _static/scss/_typography.scss */
h2, .h2 {
  font-size: 1.25rem;
  line-height: 1.2; }

/* line 11, _static/scss/_typography.scss */
.fc-white {
  color: var(--color-white); }

/* line 15, _static/scss/_typography.scss */
.fc-black {
  color: var(--color-black); }

/* line 20, _static/scss/_typography.scss */
.fs-500 {
  font-size: var(--font-size-500); }

/* line 24, _static/scss/_typography.scss */
.fw-700 {
  font-weight: 700; }

/* line 1, _static/scss/_buttons.scss */
.button-holder {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px; }

/* line 7, _static/scss/_buttons.scss */
[class*="btn-"] {
  display: inline-block;
  font-size: var(--fs-600);
  font-weight: 600;
  padding: 0.75em 1.5em;
  text-align: center;
  text-transform: uppercase;
  border-radius: 2em;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s; }
  /* line 19, _static/scss/_buttons.scss */
  [class*="btn-"]:disabled {
    border: 1px solid #999999;
    background-color: #cccccc;
    color: #666666; }
    /* line 23, _static/scss/_buttons.scss */
    [class*="btn-"]:disabled:hover {
      cursor: not-allowed;
      border: 1px solid #999999;
      background-color: #cccccc;
      color: #666666; }

/* line 33, _static/scss/_buttons.scss */
.btn-link {
  background: none !important;
  border: none;
  padding: 0 !important;
  cursor: pointer;
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
  line-height: 24px;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: normal;
  text-transform: none; }
  /* line 47, _static/scss/_buttons.scss */
  .btn-link:hover {
    text-decoration: underline; }

/* line 52, _static/scss/_buttons.scss */
.btn-primary {
  color: var(--color-white);
  background-color: var(--color-gold-400);
  font-size: 1rem;
  font-family: var(--font-primary), sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s; }
  /* line 61, _static/scss/_buttons.scss */
  .btn-primary:hover {
    background-color: var(--color-gold-300); }

/* line 66, _static/scss/_buttons.scss */
.btn-full-width {
  width: 100%; }

/* line 1, _static/scss/_forms.scss */
.form {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2rem; }
  /* line 7, _static/scss/_forms.scss */
  .form input {
    width: 100%;
    padding: 0.5rem 0;
    border: none;
    border-bottom: 2px solid var(--color-gray-400);
    padding-inline: 1rem; }
  /* line 15, _static/scss/_forms.scss */
  .form input::placeholder, .form textarea::placeholder {
    color: var(--color-gray-400);
    opacity: 0.7; }
  /* line 20, _static/scss/_forms.scss */
  .form input:focus {
    outline: 2px solid var(--color-gold-400); }
  /* line 24, _static/scss/_forms.scss */
  .form input:focus-visible {
    outline: 2px solid var(--color-gold-400); }
  /* line 28, _static/scss/_forms.scss */
  .form textarea {
    width: 100%;
    border: none;
    padding: 8px 16px 8px 16px;
    gap: 8px;
    border-radius: 8px;
    background-color: var(--color-textarea-bg); }
    /* line 36, _static/scss/_forms.scss */
    .form textarea ::placeholder {
      font-size: 16px;
      line-height: 24px;
      letter-spacing: 0.2px;
      color: var(--color-textarea-placeholder); }
  /* line 45, _static/scss/_forms.scss */
  .form a {
    color: var(--color-gold-400);
    text-decoration: underline;
    font-size: 0.8rem; }

/* line 1, _static/scss/_spacing.scss */
.mt16 {
  margin-top: 16px; }

/* line 4, _static/scss/_spacing.scss */
.mt32 {
  margin-top: 32px; }

/* line 8, _static/scss/_spacing.scss */
.pb32 {
  padding: 2rem; }

/* line 11, _static/scss/_spacing.scss */
.pi64 {
  padding-inline: 4rem; }

/* line 1, _static/scss/components/_card.scss */
.card {
  background: var(--color-white) url("/static/img/bg_card.jpg?445422a567b4") repeat;
  color: var(--color-black); }
  /* line 5, _static/scss/components/_card.scss */
  .card__inner {
    padding: 2rem; }
  /* line 9, _static/scss/components/_card.scss */
  .card--70ch {
    width: 80ch; }
  /* line 12, _static/scss/components/_card.scss */
  .card__link {
    color: var(--color-gray-500);
    font-size: var(--font-size-800); }

/* line 1, _static/scss/components/_toast.scss */
.toastify {
  background: var(--color-toast-bg); }
  /* line 4, _static/scss/components/_toast.scss */
  .toastify.default, .toastify.info {
    background: var(--color-toast-bg); }
  /* line 8, _static/scss/components/_toast.scss */
  .toastify.success {
    background: var(--color-toast-success-bg); }
  /* line 12, _static/scss/components/_toast.scss */
  .toastify.error {
    background: var(--color-toast-error-bg); }
  /* line 16, _static/scss/components/_toast.scss */
  .toastify.warning {
    background: var(--color-toast-warning-bg); }

/* line 1, _static/scss/components/_header.scss */
.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 5rem;
  color: var(--color-white); }
  /* line 8, _static/scss/components/_header.scss */
  .header__nav {
    display: flex;
    align-items: center;
    gap: 2rem; }
    /* line 13, _static/scss/components/_header.scss */
    .header__nav ul {
      margin-bottom: 0; }
      /* line 18, _static/scss/components/_header.scss */
      .header__nav ul li a {
        background: var(--color-gray-500);
        padding: .5rem 1rem;
        border-radius: var(--radius-8);
        color: var(--color-white);
        font-weight: 700;
        display: inline-block; }
  /* line 30, _static/scss/components/_header.scss */
  .header__account {
    display: flex;
    gap: 1rem; }
    /* line 34, _static/scss/components/_header.scss */
    .header__account > div {
      display: flex;
      flex-direction: column;
      font-size: var(--font-size-800);
      font-weight: 200; }
      /* line 39, _static/scss/components/_header.scss */
      .header__account > div b {
        font-weight: 600; }

/* line 1, _static/scss/components/_suppliers.scss */
.suppliers {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem; }
  /* line 6, _static/scss/components/_suppliers.scss */
  .suppliers__card {
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--color-black);
    border: solid 2px var(--color-gray-400);
    border-radius: var(--radius-8);
    text-align: center;
    transition: .3s all; }
    /* line 16, _static/scss/components/_suppliers.scss */
    .suppliers__card a {
      padding: 2rem 1rem;
      color: var(--color-white);
      font-weight: 700;
      transition: .3s all; }
    /* line 23, _static/scss/components/_suppliers.scss */
    .suppliers__card:hover {
      border-color: var(--color-gold-300); }
      /* line 26, _static/scss/components/_suppliers.scss */
      .suppliers__card:hover a {
        text-decoration: none;
        color: var(--color-gold-300); }

/* line 1, _static/scss/components/_suppliers-dropdown.scss */
.suppliers-dropdown {
  position: relative;
  width: 10rem; }
  /* line 5, _static/scss/components/_suppliers-dropdown.scss */
  .suppliers-dropdown__panel {
    position: absolute;
    left: 0;
    top: 2rem;
    width: 10rem;
    background: var(--color-black);
    padding: 1rem;
    align-items: center; }
  /* line 15, _static/scss/components/_suppliers-dropdown.scss */
  .suppliers-dropdown__button {
    display: flex;
    gap: 0.1rem;
    cursor: pointer;
    color: var(--color-white);
    text-decoration: none; }
  /* line 25, _static/scss/components/_suppliers-dropdown.scss */
  .suppliers-dropdown__icon svg {
    width: 12px;
    height: 12px; }
  /* line 31, _static/scss/components/_suppliers-dropdown.scss */
  .suppliers-dropdown__icon--open svg {
    transform: rotate(180deg); }
  /* line 38, _static/scss/components/_suppliers-dropdown.scss */
  .suppliers-dropdown__item {
    display: flex;
    width: 100%;
    align-items: center;
    gap: .5rem; }
    /* line 44, _static/scss/components/_suppliers-dropdown.scss */
    .suppliers-dropdown__item span {
      color: var(--color-gray-300); }
    /* line 48, _static/scss/components/_suppliers-dropdown.scss */
    .suppliers-dropdown__item a {
      color: var(--color-white);
      text-decoration: none; }
      /* line 51, _static/scss/components/_suppliers-dropdown.scss */
      .suppliers-dropdown__item a:hover {
        color: var(--color-gold-400); }

/* line 1, _static/scss/pages/auth.scss */
.auth {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background-image: url("/static/img/bg.jpg?445422a567b4");
  background-repeat: no-repeat;
  background-size: 100% 380px; }

/* line 2, _static/scss/pages/fair.scss */
.fair__period {
  background: var(--color-gray-600);
  padding-block: 2rem;
  color: var(--color-white);
  margin-bottom: 2rem; }
  /* line 8, _static/scss/pages/fair.scss */
  .fair__period h2 {
    margin-bottom: 1rem; }

/* line 14, _static/scss/pages/fair.scss */
.fair__dates {
  display: flex;
  justify-content: space-between;
  overflow: clip; }

/* line 25, _static/scss/pages/fair.scss */
.fair__counter {
  height: 36px;
  width: 36px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--color-gray-500);
  color: var(--color-gray-200);
  font-weight: 800;
  position: relative;
  border: solid thin var(--color-gray-500); }
  /* line 38, _static/scss/pages/fair.scss */
  .fair__counter:after {
    content: "";
    height: 4px;
    background-color: var(--color-gray-500);
    width: 1200px;
    left: calc(100% + 1px);
    top: 50%;
    transform: translateY(-50%);
    position: absolute; }

/* line 50, _static/scss/pages/fair.scss */
.fair__date {
  display: flex;
  flex-direction: column; }
  /* line 54, _static/scss/pages/fair.scss */
  .fair__date div:first-child {
    font-weight: 600;
    font-size: var(--font-size-800);
    margin-bottom: .5rem;
    color: var(--color-white); }
  /* line 62, _static/scss/pages/fair.scss */
  .fair__date--active > div:last-child {
    background-color: var(--color-gold-300);
    border: solid thin var(--color-white); }
    /* line 66, _static/scss/pages/fair.scss */
    .fair__date--active > div:last-child:after {
      background-color: var(--color-gold-300); }
  /* line 72, _static/scss/pages/fair.scss */
  .fair__date--past {
    opacity: .4; }

/* line 77, _static/scss/pages/fair.scss */
.fair__search {
  display: flex;
  justify-content: space-between; }
  /* line 81, _static/scss/pages/fair.scss */
  .fair__search input {
    color: var(--color-white);
    border-radius: 100px;
    padding-inline: 1rem;
    padding-left: 2.5rem;
    border: none;
    background: var(--color-gray-100) url("/static/img/icon-search.svg?445422a567b4") no-repeat 0.75rem 50%;
    height: 40px; }
    /* line 90, _static/scss/pages/fair.scss */
    .fair__search input::placeholder {
      color: var(--color-gray-300); }
  /* line 96, _static/scss/pages/fair.scss */
  .fair__search > div {
    position: relative; }
    /* line 99, _static/scss/pages/fair.scss */
    .fair__search > div > span {
      right: 1rem;
      position: absolute;
      color: var(--color-gray-400);
      top: 0;
      bottom: 0;
      display: flex;
      align-items: center;
      cursor: pointer;
      transition: .3s; }
      /* line 110, _static/scss/pages/fair.scss */
      .fair__search > div > span svg {
        height: .75rem;
        width: .75rem; }
      /* line 114, _static/scss/pages/fair.scss */
      .fair__search > div > span:hover {
        color: var(--color-gold-300); }

/* line 121, _static/scss/pages/fair.scss */
.fair__points {
  display: flex; }
  /* line 125, _static/scss/pages/fair.scss */
  .fair__points input {
    height: 32px;
    width: 32px;
    background-color: var(--color-black);
    border: var(--color-gray-600) solid thin;
    border-radius: var(--radius-4);
    color: var(--color-gray-500);
    font-weight: 500;
    text-align: center;
    font-size: var(--font-size-800); }
    /* line 136, _static/scss/pages/fair.scss */
    .fair__points input[type="checkbox"] {
      accent-color: var(--color-gold-300);
      appearance: none;
      background-color: gray;
      border: none; }
      /* line 142, _static/scss/pages/fair.scss */
      .fair__points input[type="checkbox"]:hover {
        cursor: pointer; }
      /* line 146, _static/scss/pages/fair.scss */
      .fair__points input[type="checkbox"]:checked {
        appearance: revert; }
    /* line 151, _static/scss/pages/fair.scss */
    .fair__points input[type="number"] {
      -moz-appearance: textfield; }
      /* line 152, _static/scss/pages/fair.scss */
      .fair__points input[type="number"]::-webkit-inner-spin-button, .fair__points input[type="number"]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0; }
  /* line 162, _static/scss/pages/fair.scss */
  .fair__points > div > input {
    background-color: var(--color-gray-100); }
  /* line 167, _static/scss/pages/fair.scss */
  .fair__points > div.fair__products__product__points__point--active > input {
    background-color: var(--color-gold-300);
    color: var(--color-white);
    font-weight: 900; }

/* line 177, _static/scss/pages/fair.scss */
.fair__point {
  width: 50px;
  text-align: center; }
  /* line 182, _static/scss/pages/fair.scss */
  .fair__point--active input {
    font-weight: 700;
    color: var(--color-white);
    border-color: var(--color-gold-300) !important; }
    /* line 187, _static/scss/pages/fair.scss */
    .fair__point--active input::placeholder {
      color: var(--color-white); }
  /* line 194, _static/scss/pages/fair.scss */
  .fair__point--past {
    opacity: .5; }

/* line 199, _static/scss/pages/fair.scss */
.fair__products {
  display: grid;
  grid-template-columns: 0.7fr 1fr;
  grid-column-gap: 1rem;
  border-bottom: solid thin var(--color-gray-100);
  padding-bottom: 1rem; }

/* line 208, _static/scss/pages/fair.scss */
.fair__product {
  display: flex; }

/* line 212, _static/scss/pages/fair.scss */
.fair__product-image {
  width: 40px;
  height: 40px; }
  /* line 217, _static/scss/pages/fair.scss */
  .fair__product-image img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 8px; }

/* line 226, _static/scss/pages/fair.scss */
.fair__product-title {
  line-height: 1.4;
  padding-left: 1rem; }
  /* line 230, _static/scss/pages/fair.scss */
  .fair__product-title div {
    font-weight: 600;
    font-size: var(--font-size-800); }
  /* line 235, _static/scss/pages/fair.scss */
  .fair__product-title small {
    color: var(--color-gray-400);
    font-size: 10px; }

/* line 243, _static/scss/pages/fair.scss */
.fair__header {
  background-color: var(--color-gray-100);
  display: grid;
  grid-template-columns: 0.7fr 1fr;
  grid-column-gap: 1rem;
  margin-top: 1.5rem;
  padding-right: .25rem; }

/* line 252, _static/scss/pages/fair.scss */
.fair__week-indicator {
  display: flex; }

/* line 256, _static/scss/pages/fair.scss */
.fair__week-indicator-item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 50px;
  height: 40px; }
  /* line 264, _static/scss/pages/fair.scss */
  .fair__week-indicator-item--active {
    background: var(--color-gold-300); }
  /* line 268, _static/scss/pages/fair.scss */
  .fair__week-indicator-item--past {
    opacity: .5; }
  /* line 273, _static/scss/pages/fair.scss */
  .fair__week-indicator-item:first-child > div:first-child {
    opacity: 0; }
  /* line 278, _static/scss/pages/fair.scss */
  .fair__week-indicator-item > div {
    color: var(--color-gray-300);
    line-height: 1.2; }
    /* line 282, _static/scss/pages/fair.scss */
    .fair__week-indicator-item > div:first-child {
      font-size: var(--font-size-900); }
    /* line 286, _static/scss/pages/fair.scss */
    .fair__week-indicator-item > div:last-child {
      font-size: var(--font-size-800);
      font-weight: 900;
      text-transform: uppercase; }

/* line 294, _static/scss/pages/fair.scss */
.fair__current-products {
  padding-left: 1rem;
  display: flex;
  align-items: center; }
  /* line 299, _static/scss/pages/fair.scss */
  .fair__current-products label {
    position: relative;
    padding-left: 1.5rem;
    text-transform: capitalize;
    margin-bottom: 0;
    color: var(--color-gray-300);
    font-weight: 500;
    font-size: var(--font-size-800); }
    /* line 308, _static/scss/pages/fair.scss */
    .fair__current-products label:hover {
      cursor: pointer; }
    /* line 312, _static/scss/pages/fair.scss */
    .fair__current-products label input {
      position: absolute;
      opacity: 0;
      height: 0;
      width: 0; }
      /* line 318, _static/scss/pages/fair.scss */
      .fair__current-products label input:checked ~ .checkmark {
        background-color: var(--color-gray-300); }
      /* line 322, _static/scss/pages/fair.scss */
      .fair__current-products label input:checked ~ .text {
        font-weight: 700; }
    /* line 327, _static/scss/pages/fair.scss */
    .fair__current-products label .checkmark {
      content: "";
      height: 16px;
      width: 16px;
      border: solid thin var(--color-gray-300);
      display: block;
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      background-color: var(--c-white);
      border-radius: var(--radius-2); }