/*!****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./src/components/rich-text/render-payload-rich-text.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************/
.render-payload-rich-text_root__fhnLv > :not([hidden]) ~ :not([hidden]) {

    --tw-space-y-reverse: 0;

    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));

    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
}

.render-payload-rich-text_root__fhnLv {

    font-size: 16px;

    line-height: 26px;

    font-weight: 400;

    line-height: 1.75rem;

    color: hsl(var(--foreground))
}

.render-payload-rich-text_root__fhnLv > * {

    margin: 0px
}

.render-payload-rich-text_root__fhnLv h1,
.render-payload-rich-text_root__fhnLv h2,
.render-payload-rich-text_root__fhnLv h3,
.render-payload-rich-text_root__fhnLv h4,
.render-payload-rich-text_root__fhnLv h5,
.render-payload-rich-text_root__fhnLv h6 {

    font-weight: 600;

    color: hsl(var(--foreground))
}

.render-payload-rich-text_root__fhnLv h1 {

    font-size: 48px;

    line-height: 60px;

    letter-spacing: -0.576px;

    font-weight: 700;

    letter-spacing: -0.025em
}

.render-payload-rich-text_root__fhnLv h2 {

    margin-top: 2.5rem;

    font-size: 36px;

    line-height: 40px;

    letter-spacing: -0.27px;

    font-weight: 700
}

.render-payload-rich-text_root__fhnLv h3 {

    margin-top: 2rem;

    font-size: 24px;

    line-height: 32px;

    letter-spacing: -0.144px;

    font-weight: 700
}

.render-payload-rich-text_root__fhnLv h4 {

    margin-top: 1.5rem;

    font-size: 20px;

    line-height: 28px;

    letter-spacing: -0.1px;

    font-weight: 500
}

.render-payload-rich-text_root__fhnLv h5 {

    margin-top: 1rem;

    font-size: 18px;

    line-height: 22px;

    font-weight: 600
}

.render-payload-rich-text_root__fhnLv h6 {

    margin-top: 1rem;

    font-size: 16px;

    line-height: 26px;

    font-weight: 400
}

.render-payload-rich-text_root__fhnLv p {

    margin-top: 0.5rem;

    line-height: 1.5rem;

    color: hsl(var(--foreground))
}

@media (min-width: 768px) {

    .render-payload-rich-text_root__fhnLv p {

        margin-top: 1rem;

        line-height: 1.75rem
    }
}

.render-payload-rich-text_root__fhnLv a {

    color: hsl(var(--primary));

    text-decoration-line: underline;

    text-decoration-color: hsl(var(--primary) / 0.3);

    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: 150ms
}

.render-payload-rich-text_root__fhnLv a:hover {

    text-decoration-color: hsl(var(--primary))
}

.render-payload-rich-text_root__fhnLv ul,
.render-payload-rich-text_root__fhnLv ol {

    margin-left: 1.5rem;

    margin-top: 1rem
}

.render-payload-rich-text_root__fhnLv ul > :not([hidden]) ~ :not([hidden]),
.render-payload-rich-text_root__fhnLv ol > :not([hidden]) ~ :not([hidden]) {

    --tw-space-y-reverse: 0;

    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));

    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
}

.render-payload-rich-text_root__fhnLv ul {

    list-style-type: disc
}

.render-payload-rich-text_root__fhnLv ol {

    list-style-type: decimal
}

.render-payload-rich-text_root__fhnLv li {

    color: hsl(var(--foreground))
}

.render-payload-rich-text_root__fhnLv blockquote {

    border-left-width: 4px;

    border-color: hsl(var(--border));

    padding-left: 1rem;

    font-style: italic;

    color: hsl(var(--foreground))
}

.render-payload-rich-text_root__fhnLv hr {

    margin-top: 1rem;

    margin-bottom: 1rem;

    height: 0.5px;

    background-color: hsl(var(--border-secondary))
}

@media (min-width: 768px) {

    .render-payload-rich-text_root__fhnLv hr {

        margin-top: 2.5rem;

        margin-bottom: 2.5rem
    }
}

.render-payload-rich-text_root__fhnLv table {

    width: 100%;

    table-layout: auto;

    border-collapse: collapse;

    text-align: left;

    font-size: 14px;

    line-height: 20px;

    font-weight: 600
}

.render-payload-rich-text_root__fhnLv th {

    border-bottom-width: 1px;

    border-color: hsl(var(--border));

    background-color: hsl(var(--muted) / 0.4);

    padding-left: 1rem;

    padding-right: 1rem;

    padding-top: 0.5rem;

    padding-bottom: 0.5rem;

    font-weight: 600;

    color: hsl(var(--foreground))
}

.render-payload-rich-text_root__fhnLv td {

    border-bottom-width: 1px;

    border-color: hsl(var(--border));

    padding-left: 1rem;

    padding-right: 1rem;

    padding-top: 0.5rem;

    padding-bottom: 0.5rem;

    color: hsl(var(--muted-foreground))
}

.render-payload-rich-text_root__fhnLv code {

    border-radius: 0.25rem;

    background-color: hsl(var(--muted));

    padding-left: 0.5rem;

    padding-right: 0.5rem;

    padding-top: 0.25rem;

    padding-bottom: 0.25rem;

    font-family: var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

    font-size: 14px;

    line-height: 20px;

    font-weight: 600;

    color: hsl(var(--foreground))
}

.render-payload-rich-text_root__fhnLv pre {

    overflow-x: auto;

    border-radius: var(--radius);

    background-color: hsl(var(--muted));

    padding: 1rem;

    font-size: 14px;

    line-height: 20px;

    font-weight: 600;

    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);

    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);

    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.render-payload-rich-text_root__fhnLv pre code {

    background-color: transparent;

    padding: 0px;

    color: inherit
}

.render-payload-rich-text_root__fhnLv figure > :not([hidden]) ~ :not([hidden]) {

    --tw-space-y-reverse: 0;

    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));

    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
}

.render-payload-rich-text_root__fhnLv figcaption {

    text-align: center;

    font-size: 14px;

    line-height: 20px;

    font-weight: 600;

    color: hsl(var(--muted-foreground))
}

.render-payload-rich-text_root__fhnLv img {

    border-radius: var(--radius)
}

.render-payload-rich-text_root__fhnLv > *:first-child {

    margin-top: 0px
}

.render-payload-rich-text_root__fhnLv > *:last-child {

    margin-bottom: 0px
}