.jBDFwG_navbarItem {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 3);
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    display: flex
}

@media (hover:hover) {
    .jBDFwG_navbarItem:hover {
        color: var(--color-secondary-foreground, hsl(var(--secondary-foreground)))
    }
}

@media (min-width:64rem) {
    .jBDFwG_navbarItem {
        gap: calc(var(--spacing, .25rem) * 2)
    }
}

.jBDFwG_navbarItemText {
    --tw-font-weight: var(--font-weight-medium, 500);
    width: max-content;
    font-weight: var(--font-weight-medium, 500)
}

.jBDFwG_layoutContent {
    min-height: calc(100vh - var(--navbar-height) - var(--footer-height) - 1px);
    position: relative
}

:where(.jBDFwG_layout>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block: 0
}

.jBDFwG_navbar {
    height: var(--navbar-height);
    z-index: 20;
    border-bottom-style: var(--tw-border-style);
    background-color: var(--color-card, hsl(var(--card)));
    border-bottom-width: 1px;
    position: sticky;
    top: 0
}

.jBDFwG_navbarContent {
    height: var(--navbar-height);
    align-items: center;
    display: flex
}

.jBDFwG_navbarContentLeftSide {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 4);
    flex: 1;
    display: flex
}

@media (min-width:64rem) {
    .jBDFwG_navbarContentLeftSide {
        gap: calc(var(--spacing, .25rem) * 5)
    }
}

.jBDFwG_navbarContentMobileDrawer {
    align-items: center;
    display: flex
}

@media (min-width:64rem) {
    .jBDFwG_navbarContentMobileDrawer {
        display: none
    }
}

.jBDFwG_navbarContentTitle {
    cursor: pointer;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s))
}

@media (hover:hover) {
    .jBDFwG_navbarContentTitle:hover {
        --tw-scale-x: 95%;
        --tw-scale-y: 95%;
        --tw-scale-z: 95%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
        color: var(--color-primary, hsl(var(--primary)))
    }
}

.jBDFwG_navbarContentTitle:active {
    --tw-scale-x: 90%;
    --tw-scale-y: 90%;
    --tw-scale-z: 90%;
    scale: var(--tw-scale-x) var(--tw-scale-y)
}

.jBDFwG_navbarContentTitleText {
    -webkit-line-clamp: 1;
    font-size: var(--text-xl, 1.25rem);
    line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.jBDFwG_navbarContentTitleLogo {
    height: calc(var(--spacing, .25rem) * 11);
    border-radius: var(--radius-sm, calc(var(--radius) - 4px))
}

.jBDFwG_navbarContentRoutes {
    gap: calc(var(--spacing, .25rem) * 6);
    display: none
}

@media (min-width:64rem) {
    .jBDFwG_navbarContentRoutes {
        display: flex
    }
}

.jBDFwG_navbarContentRightSide {
    justify-content: flex-end;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    display: flex
}

.jBDFwG_userPointBadge {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 1.5);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, hsl(var(--primary)) 40%, transparent);
    display: flex
}

@supports (color:color-mix(in lab, red, red)) {
    .jBDFwG_userPointBadge {
        border-color: color-mix(in oklab, var(--color-primary, hsl(var(--primary))) 40%, transparent)
    }
}

.jBDFwG_userPointBadge {
    padding-block: var(--spacing, .25rem);
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500)
}

.jBDFwG_navbarContentRightRoutes {
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2);
    display: none
}

@media (min-width:64rem) {
    .jBDFwG_navbarContentRightRoutes {
        display: flex
    }
}

.jBDFwG_footer {
    min-height: var(--footer-height);
    z-index: 1;
    border-top-style: var(--tw-border-style);
    background-color: var(--color-card, hsl(var(--card)));
    border-top-width: 1px;
    position: relative
}

.jBDFwG_footerContent {
    min-height: var(--footer-height);
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 2.5);
    padding-block: calc(var(--spacing, .25rem) * 3);
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    color: var(--color-muted-foreground, hsl(var(--muted-foreground)));
    flex-direction: column;
    display: flex
}

@media (min-width:64rem) {
    .jBDFwG_footerContent {
        flex-direction: row;
        justify-content: flex-start
    }
}

@property --tw-font-weight {
    syntax: "*";
    inherits: false
}

@property --tw-space-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-scale-x {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-scale-y {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-scale-z {
    syntax: "*";
    inherits: false;
    initial-value: 1
}