.bp p {

    margin-bottom: 12px;
}

.bp ul {

    padding-left: 16px;

    margin-bottom: 12px;
}

.bp ul li {

    list-style: disc;
}

.bp h2, .bp h3 {

    position: relative;

    margin-top: 16px;

    margin-bottom: 10px;

    font-size: 20px;

    font-family: inherit;

    color: #114fa0;
}

@layer figreset, figoverridable, reset, theme, base, figutils, components, utilities;

@layer figreset {
    :root {
        --100dvw: 100vw;
        --100dvh: 100vh;
        --banner-height: 48px;
        --full-height-with-banner: calc(100dvh - var(--banner-height));
        font-synthesis: none;
        text-align: left;

        button {
            text-align: left
        }
    }

    @supports (width:100dvw) {
        :root {
            --100dvw: 100dvw;
            --100dvh: 100dvh
        }
    }
}

.wrapper-with-banner .min-h-screen {
    min-height: var(--full-height-with-banner)
}

.wrapper-with-banner .h-screen {
    height: var(--full-height-with-banner)
}


body:has([data-breakpoint-id="node-0_4"]) {
    background-color: #FFF
}

#container .css-md8qju {
    transition-property: transform;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}

#container .css-r91w0a {
    transform: translateY(var(--banner-height));
}

#container .css-vu19p2 {
    height: var(--full-height-with-banner);
}

#container .css-7tvcgb {
    position: fixed;
}

#container .css-324jje {
    inset: 0;
    overflow: auto;
}

#container .css-vh2lqg {
    width: var(--viewport-width-scaled);
    min-height: var(--viewport-height-scaled);
    height: 100%;
    top: 0px;
}

#container .css-tzn6qh {
    display: block;
    position: absolute;
}

#container .css-6gkcj1 {
    transform-origin: top left;
    --max-layout-width: 2048px;
    --min-layout-width: 320px;
    --max-font-size: 288px;
    --min-font-size: 6px;
    --viewport-width-scaled: calc(var(--100dvw) / var(--viewport-scale));
    --viewport-height-scaled: calc(var(--100dvh) / var(--viewport-scale));
    --content-width-scaled: calc(var(--content-width-unscaled) / var(--viewport-scale));
    --content-margin-x-scaled: max(calc((var(--viewport-width) - var(--max-layout-width)) / var(--viewport-scale) / 2), 0px);
}

#container .css-myl2ny {
    position: relative;
    flex-shrink: 0;
    flex: 1 0 0;
    display: block;
}

#container .css-exq74d {
    min-width: 1px;
    min-height: 1px;
    width: 100%;
    height: 100dvh;
}

#container .css-gs60ek {
    overflow: visible;
}

#container .css-j9f0op {
    width: 100%;
    height: 100%;
}

.bg-green-50 {
    background-color: #f0fdf4;
}

.text-green-800 {
    color: #15803d;
}

.border-green-200 {
    border-color: #a3e635;
}

.bg-red-50 {
    background-color: #fef2f2;
}

.text-red-800 {
    color: #b91c1c;
}

.border-red-200 {
    border-color: #fecaca;
}