@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap');

:root {
  --font-family-headings-custom: 'Bricolage Grotesque', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-variation-settings: 'wdth' 100;
}

.dark {
  --background-dark: 25 25 25;
}

.dark #topbar-cta-button > a > span,
#home-cta-button {
  background-color: rgb(var(--background-dark) / var(--tw-bg-opacity));
  border: 1px solid rgb(var(--gray-800));
}

.link:not(.nav-tabs-item) {
  border-bottom: 1px solid rgb(var(--primary-dark));
}

.dark .link:not(.nav-tabs-item) {
  border-bottom: 1px solid rgb(var(--primary-light));
}


.mint-mx-auto {
    margin-left: auto;
    margin-right: auto
}
.\!mint-mb-0 {
    margin-bottom: 0px !important
}
.mint-mb-0 {
    margin-bottom: 0px
}
.mint-mt-0 {
    margin-top: 0px
}
.mint-mt-4 {
    margin-top: 1rem
}
.mint-mt-8 {
    margin-top: 2rem
}
.mint-block {
    display: block
}
.mint-flex {
    display: flex
}
.mint-hidden {
    display: none
}
.mint-h-16 {
    height: 4rem
}
.mint-w-16 {
    width: 4rem
}
.mint-max-w-6xl {
    max-width: 72rem
}
.mint-justify-center {
    justify-content: center
}
.mint-whitespace-pre-wrap {
    white-space: pre-wrap
}
.mint-rounded-full {
    border-radius: 9999px
}
.mint-px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}
.mint-py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem
}
.mint-py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
}
.mint-pb-32 {
    padding-bottom: 8rem
}
.mint-text-center {
    text-align: center
}
.mint-text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}
.mint-text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem
}
.mint-font-medium {
    font-weight: 500
}
.mint-font-semibold {
    font-weight: 600
}
.mint-leading-tight {
    line-height: 1.25
}
.mint-text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity))
}
.mint-text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.dark\:mint-block:is(.dark *) {
    display: block
}
.dark\:mint-hidden:is(.dark *) {
    display: none
}
.dark\:mint-text-gray-200:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity))
}
@media (min-width: 640px) {
    .sm\:mint-text-5xl {
        font-size: 3rem;
        line-height: 1
    }
    .sm\:mint-text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

Build integrations with folk's API to manage relationships for your service business

Welcome to folk

Developer portal and API reference of folk

Welcome to folk

Explore the docs

Quickstart

Core concepts

API reference

Changelog