/* [project]/apps/niice-jam/components/AppRouter/ControlPanels/Templates/Header/Tabs/styles.module.css [app-client] (css) */
.styles-module__L3vB_G__tab-container {
  margin: 0 0 1lh;
  display: flex;
}

.styles-module__L3vB_G__tab {
  color: #0009;
  background: none;
  border: none;
  padding: 12px .5lh;
  transition: color .1s ease-out;
}

.styles-module__L3vB_G__tab:first-child {
  margin-left: var(--font-margin-trim);
  padding-left: 0;
}

.styles-module__L3vB_G__tab:last-child {
  padding-right: 0;
}

.styles-module__L3vB_G__tab:hover {
  color: var(--n-text-color);
}

.styles-module__L3vB_G__active {
  color: var(--n-text-color);
  text-decoration: underline;
  -webkit-text-decoration-color: var(--n-accent-color);
  text-decoration-color: var(--n-accent-color);
  text-underline-offset: 6px;
  text-decoration-thickness: 2px;
}

/* [project]/apps/niice-jam/components/AppRouter/ControlPanels/Templates/Header/styles.module.css [app-client] (css) */
.styles-module__FxQ-ma__search-input {
  background-color: #f2f2f2;
  border-radius: 100px;
  padding-left: 12px;
}

.styles-module__FxQ-ma__header-buttons-container {
  gap: 6px;
}

/* [project]/apps/niice-jam/components/AppRouter/ControlPanels/Templates/TemplateGrid/styles.module.css [app-client] (css) */
.styles-module__ijG2CG__template-grid {
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 48px;
  display: grid;
}

@media (min-width: 900px) {
  .styles-module__ijG2CG__template-grid {
    grid-template-columns: repeat(3, minmax(300px, 1fr));
  }
}

/* [project]/apps/niice-jam/components/MarketingPage/styles.module.css [app-client] (css) */
.styles-module__7tRcmG__marketing-page {
  --n-marketing-margin: 2lh;
  --n-marketing-gutter: 2lh;
}

@media (min-width: 900px) {
  .styles-module__7tRcmG__marketing-page {
    --n-marketing-margin: 3lh;
    --n-marketing-gutter: 3lh;
  }
}

@media (min-width: 1200px) {
  .styles-module__7tRcmG__marketing-page {
    --n-marketing-margin: 4lh;
    --n-marketing-gutter: 4lh;
  }
}

.styles-module__7tRcmG__marketing-header {
  padding: var(--n-marketing-margin);
  align-items: center;
  gap: 1lh;
  display: flex;
}

.styles-module__7tRcmG__marketing-header .styles-module__7tRcmG__header-logo {
  margin-right: 1lh;
}

.styles-module__7tRcmG__marketing-header a {
  opacity: .5;
  text-decoration: none;
  transition: opacity .1s ease-out;
}

.styles-module__7tRcmG__marketing-header a:hover {
  opacity: 1;
  text-decoration: underline;
}

.styles-module__7tRcmG__marketing-content {
  padding: 0 var(--n-marketing-margin);
}

.styles-module__7tRcmG__marketing-footer {
  margin-top: var(--n-marketing-margin);
  padding: var(--n-marketing-margin);
  border-top: 1px solid #0000001a;
}