/* [project]/node_modules/highlight.js/styles/a11y-dark.css [app-client] (css) */
pre code.hljs {
  padding: 1em;
  display: block;
  overflow-x: auto;
}

code.hljs {
  padding: 3px 5px;
}

.hljs {
  color: #f8f8f2;
  background: #2b2b2b;
}

.hljs-comment, .hljs-quote {
  color: #d4d0ab;
}

.hljs-variable, .hljs-template-variable, .hljs-tag, .hljs-name, .hljs-selector-id, .hljs-selector-class, .hljs-regexp, .hljs-deletion {
  color: #ffa07a;
}

.hljs-number, .hljs-built_in, .hljs-literal, .hljs-type, .hljs-params, .hljs-meta, .hljs-link {
  color: #f5ab35;
}

.hljs-attribute {
  color: gold;
}

.hljs-string, .hljs-symbol, .hljs-bullet, .hljs-addition {
  color: #abe338;
}

.hljs-title, .hljs-section {
  color: #00e0e0;
}

.hljs-keyword, .hljs-selector-tag {
  color: #dcc6e0;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}

@media screen and (-ms-high-contrast: active) {
  .hljs-addition, .hljs-attribute, .hljs-built_in, .hljs-bullet, .hljs-comment, .hljs-link, .hljs-literal, .hljs-meta, .hljs-number, .hljs-params, .hljs-string, .hljs-symbol, .hljs-type, .hljs-quote {
    color: highlight;
  }

  .hljs-keyword, .hljs-selector-tag {
    font-weight: bold;
  }
}

/* [project]/apps/niice-jam/components/Shared/FilterBuilder/styles.module.css [app-client] (css) */
.styles-module__CJqd1a__newFilterSection {
  padding: var(--mantine-spacing-md);
  margin-bottom: -24px;
  margin-left: -24px;
  margin-right: -24px;
}

/* [project]/apps/niice-jam/components/Shared/AvailableOptions/styles.module.css [app-client] (css) */
.styles-module__8vrfWq__availableOptionsContainer {
  margin-bottom: var(--gutter);
  position: relative;
}

.styles-module__8vrfWq__availableOptionsContainer:empty {
  display: none;
}

.styles-module__8vrfWq__availableOptions {
  display: flex;
}

.styles-module__8vrfWq__activeFiltersSection + .styles-module__8vrfWq__suggestedOptionBadges {
  margin-left: var(--mantine-spacing-md);
  padding-left: var(--mantine-spacing-md);
  border-left: 1px solid rgba(from var(--n-auto-text-color, #000) r g b / .1);
}

.styles-module__8vrfWq__activeFilterBadges {
  flex-wrap: nowrap;
  gap: 8px;
  display: flex;
}

.styles-module__8vrfWq__activeFilterBadge {
  text-transform: none;
  --badge-height: 42px;
  font-size: var(--mantine-font-size-sm);
  --badge-padding-x: var(--mantine-spacing-xs);
  --badge-bg: var(--n-auto-text-color, #000);
  --badge-bd: 1px solid rgba(from var(--n-auto-text-color, #000) r g b / .1);
  font-weight: 400;
}

.styles-module__8vrfWq__activeFilterBadge .mantine-Badge-label {
  margin: 0 3px;
}

.styles-module__8vrfWq__filterBadgeText {
  align-items: center;
  gap: 4px;
  display: flex;
}

.styles-module__8vrfWq__filterRemoveButton {
  opacity: .6;
  margin-left: 4px;
  transition: opacity .2s;
}

.styles-module__8vrfWq__filterRemoveButton:hover {
  opacity: 1;
}

.styles-module__8vrfWq__suggestedOptionBadges {
  flex-wrap: nowrap;
  gap: 8px;
  display: flex;
}

.styles-module__8vrfWq__suggestedOptionBadges:empty {
  display: none;
}

.styles-module__8vrfWq__optionBadge {
  text-transform: none;
  --badge-height: 42px;
  --badge-padding-x: 18px;
  --badge-bg: transparent;
  --badge-bd: 1px solid rgba(from var(--n-auto-text-color, #000) r g b / .2);
  --badge-color: rgba(from var(--n-auto-text-color, #000) r g b / .6);
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  transition: border .2s ease-out;
  display: flex;
}

.styles-module__8vrfWq__optionBadge:hover {
  --badge-bd: 1px solid var(--accent-color);
  --badge-color: var(--n-auto-text-color);
}

.styles-module__8vrfWq__optionBadge .mantine-Badge-label {
  margin: 0;
}

.styles-module__8vrfWq__optionBadgeImage {
  background: rgba(from var(--n-auto-text-color, #000) r g b / .05);
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 100px;
  width: 36px;
  margin-left: -16px;
  margin-right: 3px;
  display: block;
}

.styles-module__8vrfWq__count {
  opacity: .6;
  margin-left: 1ex;
  font-size: 12px;
}

/* [project]/apps/niice-jam/components/Shared/HorizontalScrollArea/styles.module.css [app-client] (css) */
.styles-module__wsvdWq__horizontalScrollArea {
  --fadeStart: 0px;
  --fadeEnd: 24px;
}

.styles-module__wsvdWq__horizontalScrollArea.styles-module__wsvdWq__fadeStart {
  --fadeStart: 24px;
}

.styles-module__wsvdWq__horizontalScrollArea {
  -webkit-mask-image: linear-gradient(to right, transparent 0, black var(--fadeStart), black calc(100% - var(--fadeEnd)), transparent 100%);
  mask-image: linear-gradient(to right, transparent 0, black var(--fadeStart), black calc(100% - var(--fadeEnd)), transparent 100%);
  -webkit-mask-image: linear-gradient(to right, transparent 0, black var(--fadeStart), black calc(100% - var(--fadeEnd)), transparent 100%);
}

.styles-module__wsvdWq__horizontalScrollArea .styles-module__wsvdWq__scrollContent {
  padding-right: var(--fadeEnd);
  display: flex;
}

