/* NProgress Styles */
#nprogress {
    pointer-events: none;
}
#nprogress .bar {
    background: #ffd875;
    position: fixed;
    z-index: 1600;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
}
#nprogress .peg {
    display: block;
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    box-shadow:
        0 0 10px #ffd875,
        0 0 5px #ffd875;
    opacity: 1;
    -webkit-transform: rotate(3deg) translate(0px, -4px);
    -ms-transform: rotate(3deg) translate(0px, -4px);
    transform: rotate(3deg) translate(0px, -4px);
}
#nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 1600;
    top: 15px;
    right: 15px;
}
#nprogress .spinner-icon {
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    border: 2px solid transparent;
    border-top-color: #ffd875;
    border-left-color: #ffd875;
    border-radius: 50%;
    -webkit-animation: nprogress-spinner 400ms linear infinite;
    animation: nprogress-spinner 400ms linear infinite;
}
.nprogress-custom-parent {
    overflow: hidden;
    position: relative;
}
.nprogress-custom-parent #nprogress .bar,
.nprogress-custom-parent #nprogress .spinner {
    position: absolute;
}
@-webkit-keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes nprogress-spinner {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* Emotion CSS Global */
@layer reset,base,tokens,recipes;

@layer reset {
    html {
        line-height: 1.5;
        --font-fallback:
            ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
            "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
            sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
            "Segoe UI Symbol", "Noto Color Emoji";
        -webkit-text-size-adjust: 100%;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-rendering: optimizeLegibility;
        touch-action: manipulation;
        -moz-tab-size: 4;
        tab-size: 4;
        font-family: var(--global-font-body, var(--font-fallback));
    }
    * {
        margin: 0px;
        padding: 0px;
        font: inherit;
        word-wrap: break-word;
        -webkit-tap-highlight-color: transparent;
    }
    *,
    *::before,
    *::after,
    *::backdrop {
        box-sizing: border-box;
        border-width: 0px;
        border-style: solid;
        border-color: var(--global-color-border, currentColor);
    }
    hr {
        height: 0px;
        color: inherit;
        border-top-width: 1px;
    }
    body {
        min-height: 100dvh;
        position: relative;
    }
    img {
        border-style: none;
    }
    img,
    svg,
    video,
    canvas,
    audio,
    iframe,
    embed,
    object {
        display: block;
        vertical-align: middle;
    }
    iframe {
        border: none;
    }
    img,
    video {
        max-width: 100%;
        height: auto;
    }
    p,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        overflow-wrap: break-word;
    }
    ol,
    ul {
        list-style: none;
    }
    code,
    kbd,
    pre,
    samp {
        font-size: 1em;
    }
    button,
    [type="button"],
    [type="reset"],
    [type="submit"] {
        -webkit-appearance: button;
        background-color: transparent;
        background-image: none;
    }
    button,
    input,
    optgroup,
    select,
    textarea {
        color: inherit;
    }
    button,
    select {
        text-transform: none;
    }
    table {
        text-indent: 0px;
        border-color: inherit;
        border-collapse: collapse;
    }
    *::-webkit-input-placeholder {
        opacity: unset;
        color: #9ca3af;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    *::-moz-placeholder {
        opacity: unset;
        color: #9ca3af;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    *:-ms-input-placeholder {
        opacity: unset;
        color: #9ca3af;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    *::placeholder {
        opacity: unset;
        color: #9ca3af;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    textarea {
        resize: vertical;
    }
    summary {
        display: -webkit-box;
        display: -webkit-list-item;
        display: -ms-list-itembox;
        display: list-item;
    }
    small {
        font-size: 80%;
    }
    sub,
    sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
    }
    sub {
        bottom: -0.25em;
    }
    sup {
        top: -0.5em;
    }
    dialog {
        padding: 0px;
    }
    a {
        color: inherit;
        -webkit-text-decoration: inherit;
        text-decoration: inherit;
    }
    abbr:where([title]) {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted;
    }
    b,
    strong {
        font-weight: bolder;
    }
    code,
    kbd,
    samp,
    pre {
        font-size: 1em;
        --font-mono-fallback:
            ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
            "Liberation Mono", "Courier New";
        font-family: var(--global-font-mono, var(--font-mono-fallback));
    }
    input[type="text"],
    input[type="email"],
    input[type="search"],
    input[type="password"] {
        -webkit-appearance: none;
        -moz-appearance: none;
    }
    input[type="search"] {
        -webkit-appearance: textfield;
        outline-offset: -2px;
    }
    ::-webkit-search-decoration,
    ::-webkit-search-cancel-button {
        -webkit-appearance: none;
    }
    ::-webkit-file-upload-button {
        -webkit-appearance: button;
        font: inherit;
    }
    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }
    input[type="number"] {
        -moz-appearance: textfield;
    }
    :-moz-ui-invalid {
        box-shadow: none;
    }
    :-moz-focusring {
        outline: auto;
    }
    [hidden]:where(:not([hidden="until-found"])) {
        display: none !important;
    }
}
@layer base {
    @-webkit-keyframes spin {
        0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
    @keyframes spin {
        0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
    @-webkit-keyframes pulse {
        50% {
            opacity: 0.5;
        }
    }
    @keyframes pulse {
        50% {
            opacity: 0.5;
        }
    }
    @-webkit-keyframes ping {
        75%,
        100% {
            -webkit-transform: scale(2);
            -moz-transform: scale(2);
            -ms-transform: scale(2);
            transform: scale(2);
            opacity: 0;
        }
    }
    @keyframes ping {
        75%,
        100% {
            -webkit-transform: scale(2);
            -moz-transform: scale(2);
            -ms-transform: scale(2);
            transform: scale(2);
            opacity: 0;
        }
    }
    @-webkit-keyframes bounce {
        0%,
        100% {
            -webkit-transform: translateY(-25%);
            -moz-transform: translateY(-25%);
            -ms-transform: translateY(-25%);
            transform: translateY(-25%);
            -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
            animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
        }
        50% {
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            transform: none;
            -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
            animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
        }
    }
    @keyframes bounce {
        0%,
        100% {
            -webkit-transform: translateY(-25%);
            -moz-transform: translateY(-25%);
            -ms-transform: translateY(-25%);
            transform: translateY(-25%);
            -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
            animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
        }
        50% {
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            transform: none;
            -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
            animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
        }
    }
    @-webkit-keyframes bg-position {
        from {
            -webkit-background-position: var(--animate-from, 1rem) 0;
            background-position: var(--animate-from, 1rem) 0;
        }
        to {
            -webkit-background-position: var(--animate-to, 0) 0;
            background-position: var(--animate-to, 0) 0;
        }
    }
    @keyframes bg-position {
        from {
            -webkit-background-position: var(--animate-from, 1rem) 0;
            background-position: var(--animate-from, 1rem) 0;
        }
        to {
            -webkit-background-position: var(--animate-to, 0) 0;
            background-position: var(--animate-to, 0) 0;
        }
    }
    @-webkit-keyframes position {
        from {
            inset-inline-start: var(--animate-from-x);
            inset-block-start: var(--animate-from-y);
        }
        to {
            inset-inline-start: var(--animate-to-x);
            inset-block-start: var(--animate-to-y);
        }
    }
    @keyframes position {
        from {
            inset-inline-start: var(--animate-from-x);
            inset-block-start: var(--animate-from-y);
        }
        to {
            inset-inline-start: var(--animate-to-x);
            inset-block-start: var(--animate-to-y);
        }
    }
    @-webkit-keyframes circular-progress {
        0% {
            stroke-dasharray: 1, 400;
            stroke-dashoffset: 0;
        }
        50% {
            stroke-dasharray: 400, 400;
            stroke-dashoffset: -100%;
        }
        100% {
            stroke-dasharray: 400, 400;
            stroke-dashoffset: -260%;
        }
    }
    @keyframes circular-progress {
        0% {
            stroke-dasharray: 1, 400;
            stroke-dashoffset: 0;
        }
        50% {
            stroke-dasharray: 400, 400;
            stroke-dashoffset: -100%;
        }
        100% {
            stroke-dasharray: 400, 400;
            stroke-dashoffset: -260%;
        }
    }
    @-webkit-keyframes expand-height {
        from {
            height: 0;
        }
        to {
            height: var(--height);
        }
    }
    @keyframes expand-height {
        from {
            height: 0;
        }
        to {
            height: var(--height);
        }
    }
    @-webkit-keyframes collapse-height {
        from {
            height: var(--height);
        }
        to {
            height: 0;
        }
    }
    @keyframes collapse-height {
        from {
            height: var(--height);
        }
        to {
            height: 0;
        }
    }
    @-webkit-keyframes expand-width {
        from {
            width: 0;
        }
        to {
            width: var(--width);
        }
    }
    @keyframes expand-width {
        from {
            width: 0;
        }
        to {
            width: var(--width);
        }
    }
    @-webkit-keyframes collapse-width {
        from {
            height: var(--width);
        }
        to {
            height: 0;
        }
    }
    @keyframes collapse-width {
        from {
            height: var(--width);
        }
        to {
            height: 0;
        }
    }
    @-webkit-keyframes fade-in {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
    @keyframes fade-in {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
    @-webkit-keyframes fade-out {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
        }
    }
    @keyframes fade-out {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
        }
    }
    @-webkit-keyframes slide-from-left-full {
        from {
            -webkit-translate: -100% 0;
            -moz-translate: -100% 0;
            -ms-translate: -100% 0;
            translate: -100% 0;
        }
        to {
            -webkit-translate: 0 0;
            -moz-translate: 0 0;
            -ms-translate: 0 0;
            translate: 0 0;
        }
    }
    @keyframes slide-from-left-full {
        from {
            -webkit-translate: -100% 0;
            -moz-translate: -100% 0;
            -ms-translate: -100% 0;
            translate: -100% 0;
        }
        to {
            -webkit-translate: 0 0;
            -moz-translate: 0 0;
            -ms-translate: 0 0;
            translate: 0 0;
        }
    }
    @-webkit-keyframes slide-from-right-full {
        from {
            -webkit-translate: 100% 0;
            -moz-translate: 100% 0;
            -ms-translate: 100% 0;
            translate: 100% 0;
        }
        to {
            -webkit-translate: 0 0;
            -moz-translate: 0 0;
            -ms-translate: 0 0;
            translate: 0 0;
        }
    }
    @keyframes slide-from-right-full {
        from {
            -webkit-translate: 100% 0;
            -moz-translate: 100% 0;
            -ms-translate: 100% 0;
            translate: 100% 0;
        }
        to {
            -webkit-translate: 0 0;
            -moz-translate: 0 0;
            -ms-translate: 0 0;
            translate: 0 0;
        }
    }
    @-webkit-keyframes slide-from-top-full {
        from {
            -webkit-translate: 0 -100%;
            -moz-translate: 0 -100%;
            -ms-translate: 0 -100%;
            translate: 0 -100%;
        }
        to {
            -webkit-translate: 0 0;
            -moz-translate: 0 0;
            -ms-translate: 0 0;
            translate: 0 0;
        }
    }
    @keyframes slide-from-top-full {
        from {
            -webkit-translate: 0 -100%;
            -moz-translate: 0 -100%;
            -ms-translate: 0 -100%;
            translate: 0 -100%;
        }
        to {
            -webkit-translate: 0 0;
            -moz-translate: 0 0;
            -ms-translate: 0 0;
            translate: 0 0;
        }
    }
    @-webkit-keyframes slide-from-bottom-full {
        from {
            -webkit-translate: 0 100%;
            -moz-translate: 0 100%;
            -ms-translate: 0 100%;
            translate: 0 100%;
        }
        to {
            -webkit-translate: 0 0;
            -moz-translate: 0 0;
            -ms-translate: 0 0;
            translate: 0 0;
        }
    }
    @keyframes slide-from-bottom-full {
        from {
            -webkit-translate: 0 100%;
            -moz-translate: 0 100%;
            -ms-translate: 0 100%;
            translate: 0 100%;
        }
        to {
            -webkit-translate: 0 0;
            -moz-translate: 0 0;
            -ms-translate: 0 0;
            translate: 0 0;
        }
    }
    @-webkit-keyframes slide-to-left-full {
        from {
            -webkit-translate: 0 0;
            -moz-translate: 0 0;
            -ms-translate: 0 0;
            translate: 0 0;
        }
        to {
            -webkit-translate: -100% 0;
            -moz-translate: -100% 0;
            -ms-translate: -100% 0;
            translate: -100% 0;
        }
    }
    @keyframes slide-to-left-full {
        from {
            -webkit-translate: 0 0;
            -moz-translate: 0 0;
            -ms-translate: 0 0;
            translate: 0 0;
        }
        to {
            -webkit-translate: -100% 0;
            -moz-translate: -100% 0;
            -ms-translate: -100% 0;
            translate: -100% 0;
        }
    }
    @-webkit-keyframes slide-to-right-full {
        from {
            -webkit-translate: 0 0;
            -moz-translate: 0 0;
            -ms-translate: 0 0;
            translate: 0 0;
        }
        to {
            -webkit-translate: 100% 0;
            -moz-translate: 100% 0;
            -ms-translate: 100% 0;
            translate: 100% 0;
        }
    }
    @keyframes slide-to-right-full {
        from {
            -webkit-translate: 0 0;
            -moz-translate: 0 0;
            -ms-translate: 0 0;
            translate: 0 0;
        }
        to {
            -webkit-translate: 100% 0;
            -moz-translate: 100% 0;
            -ms-translate: 100% 0;
            translate: 100% 0;
        }
    }
    @-webkit-keyframes slide-to-top-full {
        from {
            -webkit-translate: 0 0;
            -moz-translate: 0 0;
            -ms-translate: 0 0;
            translate: 0 0;
        }
        to {
            -webkit-translate: 0 -100%;
            -moz-translate: 0 -100%;
            -ms-translate: 0 -100%;
            translate: 0 -100%;
        }
    }
    @keyframes slide-to-top-full {
        from {
            -webkit-translate: 0 0;
            -moz-translate: 0 0;
            -ms-translate: 0 0;
            translate: 0 0;
        }
        to {
            -webkit-translate: 0 -100%;
            -moz-translate: 0 -100%;
            -ms-translate: 0 -100%;
            translate: 0 -100%;
        }
    }
    @-webkit-keyframes slide-to-bottom-full {
        from {
            -webkit-translate: 0 0;
            -moz-translate: 0 0;
            -ms-translate: 0 0;
            translate: 0 0;
        }
        to {
            -webkit-translate: 0 100%;
            -moz-translate: 0 100%;
            -ms-translate: 0 100%;
            translate: 0 100%;
        }
    }
    @keyframes slide-to-bottom-full {
        from {
            -webkit-translate: 0 0;
            -moz-translate: 0 0;
            -ms-translate: 0 0;
            translate: 0 0;
        }
        to {
            -webkit-translate: 0 100%;
            -moz-translate: 0 100%;
            -ms-translate: 0 100%;
            translate: 0 100%;
        }
    }
    @-webkit-keyframes slide-from-top {
        0% {
            -webkit-translate: 0 -0.5rem;
            -moz-translate: 0 -0.5rem;
            -ms-translate: 0 -0.5rem;
            translate: 0 -0.5rem;
        }
        to {
            -webkit-translate: 0;
            -moz-translate: 0;
            -ms-translate: 0;
            translate: 0;
        }
    }
    @keyframes slide-from-top {
        0% {
            -webkit-translate: 0 -0.5rem;
            -moz-translate: 0 -0.5rem;
            -ms-translate: 0 -0.5rem;
            translate: 0 -0.5rem;
        }
        to {
            -webkit-translate: 0;
            -moz-translate: 0;
            -ms-translate: 0;
            translate: 0;
        }
    }
    @-webkit-keyframes slide-from-bottom {
        0% {
            -webkit-translate: 0 0.5rem;
            -moz-translate: 0 0.5rem;
            -ms-translate: 0 0.5rem;
            translate: 0 0.5rem;
        }
        to {
            -webkit-translate: 0;
            -moz-translate: 0;
            -ms-translate: 0;
            translate: 0;
        }
    }
    @keyframes slide-from-bottom {
        0% {
            -webkit-translate: 0 0.5rem;
            -moz-translate: 0 0.5rem;
            -ms-translate: 0 0.5rem;
            translate: 0 0.5rem;
        }
        to {
            -webkit-translate: 0;
            -moz-translate: 0;
            -ms-translate: 0;
            translate: 0;
        }
    }
    @-webkit-keyframes slide-from-left {
        0% {
            -webkit-translate: -0.5rem 0;
            -moz-translate: -0.5rem 0;
            -ms-translate: -0.5rem 0;
            translate: -0.5rem 0;
        }
        to {
            -webkit-translate: 0;
            -moz-translate: 0;
            -ms-translate: 0;
            translate: 0;
        }
    }
    @keyframes slide-from-left {
        0% {
            -webkit-translate: -0.5rem 0;
            -moz-translate: -0.5rem 0;
            -ms-translate: -0.5rem 0;
            translate: -0.5rem 0;
        }
        to {
            -webkit-translate: 0;
            -moz-translate: 0;
            -ms-translate: 0;
            translate: 0;
        }
    }
    @-webkit-keyframes slide-from-right {
        0% {
            -webkit-translate: 0.5rem 0;
            -moz-translate: 0.5rem 0;
            -ms-translate: 0.5rem 0;
            translate: 0.5rem 0;
        }
        to {
            -webkit-translate: 0;
            -moz-translate: 0;
            -ms-translate: 0;
            translate: 0;
        }
    }
    @keyframes slide-from-right {
        0% {
            -webkit-translate: 0.5rem 0;
            -moz-translate: 0.5rem 0;
            -ms-translate: 0.5rem 0;
            translate: 0.5rem 0;
        }
        to {
            -webkit-translate: 0;
            -moz-translate: 0;
            -ms-translate: 0;
            translate: 0;
        }
    }
    @-webkit-keyframes slide-to-top {
        0% {
            -webkit-translate: 0;
            -moz-translate: 0;
            -ms-translate: 0;
            translate: 0;
        }
        to {
            -webkit-translate: 0 -0.5rem;
            -moz-translate: 0 -0.5rem;
            -ms-translate: 0 -0.5rem;
            translate: 0 -0.5rem;
        }
    }
    @keyframes slide-to-top {
        0% {
            -webkit-translate: 0;
            -moz-translate: 0;
            -ms-translate: 0;
            translate: 0;
        }
        to {
            -webkit-translate: 0 -0.5rem;
            -moz-translate: 0 -0.5rem;
            -ms-translate: 0 -0.5rem;
            translate: 0 -0.5rem;
        }
    }
    @-webkit-keyframes slide-to-bottom {
        0% {
            -webkit-translate: 0;
            -moz-translate: 0;
            -ms-translate: 0;
            translate: 0;
        }
        to {
            -webkit-translate: 0 0.5rem;
            -moz-translate: 0 0.5rem;
            -ms-translate: 0 0.5rem;
            translate: 0 0.5rem;
        }
    }
    @keyframes slide-to-bottom {
        0% {
            -webkit-translate: 0;
            -moz-translate: 0;
            -ms-translate: 0;
            translate: 0;
        }
        to {
            -webkit-translate: 0 0.5rem;
            -moz-translate: 0 0.5rem;
            -ms-translate: 0 0.5rem;
            translate: 0 0.5rem;
        }
    }
    @-webkit-keyframes slide-to-left {
        0% {
            -webkit-translate: 0;
            -moz-translate: 0;
            -ms-translate: 0;
            translate: 0;
        }
        to {
            -webkit-translate: -0.5rem 0;
            -moz-translate: -0.5rem 0;
            -ms-translate: -0.5rem 0;
            translate: -0.5rem 0;
        }
    }
    @keyframes slide-to-left {
        0% {
            -webkit-translate: 0;
            -moz-translate: 0;
            -ms-translate: 0;
            translate: 0;
        }
        to {
            -webkit-translate: -0.5rem 0;
            -moz-translate: -0.5rem 0;
            -ms-translate: -0.5rem 0;
            translate: -0.5rem 0;
        }
    }
    @-webkit-keyframes slide-to-right {
        0% {
            -webkit-translate: 0;
            -moz-translate: 0;
            -ms-translate: 0;
            translate: 0;
        }
        to {
            -webkit-translate: 0.5rem 0;
            -moz-translate: 0.5rem 0;
            -ms-translate: 0.5rem 0;
            translate: 0.5rem 0;
        }
    }
    @keyframes slide-to-right {
        0% {
            -webkit-translate: 0;
            -moz-translate: 0;
            -ms-translate: 0;
            translate: 0;
        }
        to {
            -webkit-translate: 0.5rem 0;
            -moz-translate: 0.5rem 0;
            -ms-translate: 0.5rem 0;
            translate: 0.5rem 0;
        }
    }
    @-webkit-keyframes scale-in {
        from {
            scale: 0.95;
        }
        to {
            scale: 1;
        }
    }
    @keyframes scale-in {
        from {
            scale: 0.95;
        }
        to {
            scale: 1;
        }
    }
    @-webkit-keyframes scale-out {
        from {
            scale: 1;
        }
        to {
            scale: 0.95;
        }
    }
    @keyframes scale-out {
        from {
            scale: 1;
        }
        to {
            scale: 0.95;
        }
    }
    * {
        font-feature-settings: "cv11";
        --ring-inset: var(--chakra-empty, /**/ /*!*/) !important;
        --ring-offset-width: 0px;
        --ring-offset-color: #fff;
        --ring-color: rgba(66, 153, 225, 0.6);
        --ring-offset-shadow: 0 0 #0000;
        --ring-shadow: 0 0 #0000;
        --brightness: var(--chakra-empty, /**/ /*!*/) !important;
        --contrast: var(--chakra-empty, /**/ /*!*/) !important;
        --grayscale: var(--chakra-empty, /**/ /*!*/) !important;
        --hue-rotate: var(--chakra-empty, /**/ /*!*/) !important;
        --invert: var(--chakra-empty, /**/ /*!*/) !important;
        --saturate: var(--chakra-empty, /**/ /*!*/) !important;
        --sepia: var(--chakra-empty, /**/ /*!*/) !important;
        --drop-shadow: var(--chakra-empty, /**/ /*!*/) !important;
        --backdrop-blur: var(--chakra-empty, /**/ /*!*/) !important;
        --backdrop-brightness: var(--chakra-empty, /**/ /*!*/) !important;
        --backdrop-contrast: var(--chakra-empty, /**/ /*!*/) !important;
        --backdrop-grayscale: var(--chakra-empty, /**/ /*!*/) !important;
        --backdrop-hue-rotate: var(--chakra-empty, /**/ /*!*/) !important;
        --backdrop-invert: var(--chakra-empty, /**/ /*!*/) !important;
        --backdrop-opacity: var(--chakra-empty, /**/ /*!*/) !important;
        --backdrop-saturate: var(--chakra-empty, /**/ /*!*/) !important;
        --backdrop-sepia: var(--chakra-empty, /**/ /*!*/) !important;
        --global-font-mono: var(--chakra-fonts-mono);
        --global-font-body: var(--chakra-fonts-body);
        --global-color-border: var(--chakra-colors-border);
    }
    html {
        color: var(--chakra-colors-fg);
        background: var(--chakra-colors-bg);
        --bg-currentcolor: var(--chakra-colors-bg);
        line-height: 1.5;
        --chakra-colors-color-palette-50: var(--chakra-colors-gray-50);
        --chakra-colors-color-palette-100: var(--chakra-colors-gray-100);
        --chakra-colors-color-palette-200: var(--chakra-colors-gray-200);
        --chakra-colors-color-palette-300: var(--chakra-colors-gray-300);
        --chakra-colors-color-palette-400: var(--chakra-colors-gray-400);
        --chakra-colors-color-palette-500: var(--chakra-colors-gray-500);
        --chakra-colors-color-palette-600: var(--chakra-colors-gray-600);
        --chakra-colors-color-palette-700: var(--chakra-colors-gray-700);
        --chakra-colors-color-palette-800: var(--chakra-colors-gray-800);
        --chakra-colors-color-palette-900: var(--chakra-colors-gray-900);
        --chakra-colors-color-palette-950: var(--chakra-colors-gray-950);
        --chakra-colors-color-palette-contrast: var(
            --chakra-colors-gray-contrast
        );
        --chakra-colors-color-palette-fg: var(--chakra-colors-gray-fg);
        --chakra-colors-color-palette-subtle: var(--chakra-colors-gray-subtle);
        --chakra-colors-color-palette-muted: var(--chakra-colors-gray-muted);
        --chakra-colors-color-palette-emphasized: var(
            --chakra-colors-gray-emphasized
        );
        --chakra-colors-color-palette-solid: var(--chakra-colors-gray-solid);
        --chakra-colors-color-palette-focus-ring: var(
            --chakra-colors-gray-focus-ring
        );
    }
    *::-webkit-input-placeholder {
        --mix-color: color-mix(
            in srgb,
            var(--chakra-colors-fg-muted) 80%,
            transparent
        );
        color: var(--mix-color, var(--chakra-colors-fg-muted));
    }
    *::-moz-placeholder {
        --mix-color: color-mix(
            in srgb,
            var(--chakra-colors-fg-muted) 80%,
            transparent
        );
        color: var(--mix-color, var(--chakra-colors-fg-muted));
    }
    *:-ms-input-placeholder {
        --mix-color: color-mix(
            in srgb,
            var(--chakra-colors-fg-muted) 80%,
            transparent
        );
        color: var(--mix-color, var(--chakra-colors-fg-muted));
    }
    *::placeholder,
    *[data-placeholder] {
        --mix-color: color-mix(
            in srgb,
            var(--chakra-colors-fg-muted) 80%,
            transparent
        );
        color: var(--mix-color, var(--chakra-colors-fg-muted));
    }
    *::selection {
        --mix-background: color-mix(
            in srgb,
            var(--chakra-colors-color-palette-emphasized) 80%,
            transparent
        );
        background: var(
            --mix-background,
            var(--chakra-colors-color-palette-emphasized)
        );
        --bg-currentcolor: var(
            --mix-background,
            var(--chakra-colors-color-palette-emphasized)
        );
    }
}
@layer tokens {
    :where(html, .chakra-theme) {
        --chakra-aspect-ratios-square: 1/1;
        --chakra-aspect-ratios-landscape: 4/3;
        --chakra-aspect-ratios-portrait: 3/4;
        --chakra-aspect-ratios-wide: 16/9;
        --chakra-aspect-ratios-ultrawide: 18/5;
        --chakra-aspect-ratios-golden: 1.618/1;
        --chakra-animations-spin: spin 1s linear infinite;
        --chakra-animations-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
        --chakra-animations-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1)
            infinite;
        --chakra-animations-bounce: bounce 1s infinite;
        --chakra-blurs-sm: 4px;
        --chakra-blurs-md: 8px;
        --chakra-blurs-lg: 12px;
        --chakra-blurs-xl: 16px;
        --chakra-blurs-2xl: 24px;
        --chakra-blurs-3xl: 40px;
        --chakra-blurs-4xl: 64px;
        --chakra-borders-xs: 0.5px solid;
        --chakra-borders-sm: 1px solid;
        --chakra-borders-md: 2px solid;
        --chakra-borders-lg: 4px solid;
        --chakra-borders-xl: 8px solid;
        --chakra-colors-transparent: transparent;
        --chakra-colors-current: currentColor;
        --chakra-colors-black: #09090b;
        --chakra-colors-white: #ffffff;
        --chakra-colors-white-alpha-50: rgba(255, 255, 255, 0.04);
        --chakra-colors-white-alpha-100: rgba(255, 255, 255, 0.06);
        --chakra-colors-white-alpha-200: rgba(255, 255, 255, 0.08);
        --chakra-colors-white-alpha-300: rgba(255, 255, 255, 0.16);
        --chakra-colors-white-alpha-400: rgba(255, 255, 255, 0.24);
        --chakra-colors-white-alpha-500: rgba(255, 255, 255, 0.36);
        --chakra-colors-white-alpha-600: rgba(255, 255, 255, 0.48);
        --chakra-colors-white-alpha-700: rgba(255, 255, 255, 0.64);
        --chakra-colors-white-alpha-800: rgba(255, 255, 255, 0.8);
        --chakra-colors-white-alpha-900: rgba(255, 255, 255, 0.92);
        --chakra-colors-white-alpha-950: rgba(255, 255, 255, 0.95);
        --chakra-colors-black-alpha-50: rgba(0, 0, 0, 0.04);
        --chakra-colors-black-alpha-100: rgba(0, 0, 0, 0.06);
        --chakra-colors-black-alpha-200: rgba(0, 0, 0, 0.08);
        --chakra-colors-black-alpha-300: rgba(0, 0, 0, 0.16);
        --chakra-colors-black-alpha-400: rgba(0, 0, 0, 0.24);
        --chakra-colors-black-alpha-500: rgba(0, 0, 0, 0.36);
        --chakra-colors-black-alpha-600: rgba(0, 0, 0, 0.48);
        --chakra-colors-black-alpha-700: rgba(0, 0, 0, 0.64);
        --chakra-colors-black-alpha-800: rgba(0, 0, 0, 0.8);
        --chakra-colors-black-alpha-900: rgba(0, 0, 0, 0.92);
        --chakra-colors-black-alpha-950: rgba(0, 0, 0, 0.95);
        --chakra-colors-gray-50: #fafafa;
        --chakra-colors-gray-100: #f4f4f5;
        --chakra-colors-gray-200: #e4e4e7;
        --chakra-colors-gray-300: #d4d4d8;
        --chakra-colors-gray-400: #a1a1aa;
        --chakra-colors-gray-500: #71717a;
        --chakra-colors-gray-600: #52525b;
        --chakra-colors-gray-700: #3f3f46;
        --chakra-colors-gray-800: #27272a;
        --chakra-colors-gray-900: #18181b;
        --chakra-colors-gray-950: #111111;
        --chakra-colors-red-50: #fef2f2;
        --chakra-colors-red-100: #fee2e2;
        --chakra-colors-red-200: #fecaca;
        --chakra-colors-red-300: #fca5a5;
        --chakra-colors-red-400: #f87171;
        --chakra-colors-red-500: #ef4444;
        --chakra-colors-red-600: #dc2626;
        --chakra-colors-red-700: #991919;
        --chakra-colors-red-800: #511111;
        --chakra-colors-red-900: #300c0c;
        --chakra-colors-red-950: #1f0808;
        --chakra-colors-orange-50: #fff7ed;
        --chakra-colors-orange-100: #ffedd5;
        --chakra-colors-orange-200: #fed7aa;
        --chakra-colors-orange-300: #fdba74;
        --chakra-colors-orange-400: #fb923c;
        --chakra-colors-orange-500: #f97316;
        --chakra-colors-orange-600: #ea580c;
        --chakra-colors-orange-700: #92310a;
        --chakra-colors-orange-800: #6c2710;
        --chakra-colors-orange-900: #3b1106;
        --chakra-colors-orange-950: #220a04;
        --chakra-colors-yellow-50: #fefce8;
        --chakra-colors-yellow-100: #fef9c3;
        --chakra-colors-yellow-200: #fef08a;
        --chakra-colors-yellow-300: #fde047;
        --chakra-colors-yellow-400: #facc15;
        --chakra-colors-yellow-500: #eab308;
        --chakra-colors-yellow-600: #ca8a04;
        --chakra-colors-yellow-700: #845209;
        --chakra-colors-yellow-800: #713f12;
        --chakra-colors-yellow-900: #422006;
        --chakra-colors-yellow-950: #281304;
        --chakra-colors-green-50: #f0fdf4;
        --chakra-colors-green-100: #dcfce7;
        --chakra-colors-green-200: #bbf7d0;
        --chakra-colors-green-300: #86efac;
        --chakra-colors-green-400: #4ade80;
        --chakra-colors-green-500: #22c55e;
        --chakra-colors-green-600: #16a34a;
        --chakra-colors-green-700: #116932;
        --chakra-colors-green-800: #124a28;
        --chakra-colors-green-900: #042713;
        --chakra-colors-green-950: #03190c;
        --chakra-colors-teal-50: #f0fdfa;
        --chakra-colors-teal-100: #ccfbf1;
        --chakra-colors-teal-200: #99f6e4;
        --chakra-colors-teal-300: #5eead4;
        --chakra-colors-teal-400: #2dd4bf;
        --chakra-colors-teal-500: #14b8a6;
        --chakra-colors-teal-600: #0d9488;
        --chakra-colors-teal-700: #0c5d56;
        --chakra-colors-teal-800: #114240;
        --chakra-colors-teal-900: #032726;
        --chakra-colors-teal-950: #021716;
        --chakra-colors-blue-50: #eff6ff;
        --chakra-colors-blue-100: #dbeafe;
        --chakra-colors-blue-200: #bfdbfe;
        --chakra-colors-blue-300: #a3cfff;
        --chakra-colors-blue-400: #60a5fa;
        --chakra-colors-blue-500: #3b82f6;
        --chakra-colors-blue-600: #2563eb;
        --chakra-colors-blue-700: #173da6;
        --chakra-colors-blue-800: #1a3478;
        --chakra-colors-blue-900: #14204a;
        --chakra-colors-blue-950: #0c142e;
        --chakra-colors-cyan-50: #ecfeff;
        --chakra-colors-cyan-100: #cffafe;
        --chakra-colors-cyan-200: #a5f3fc;
        --chakra-colors-cyan-300: #67e8f9;
        --chakra-colors-cyan-400: #22d3ee;
        --chakra-colors-cyan-500: #06b6d4;
        --chakra-colors-cyan-600: #0891b2;
        --chakra-colors-cyan-700: #0c5c72;
        --chakra-colors-cyan-800: #134152;
        --chakra-colors-cyan-900: #072a38;
        --chakra-colors-cyan-950: #051b24;
        --chakra-colors-purple-50: #faf5ff;
        --chakra-colors-purple-100: #f3e8ff;
        --chakra-colors-purple-200: #e9d5ff;
        --chakra-colors-purple-300: #d8b4fe;
        --chakra-colors-purple-400: #c084fc;
        --chakra-colors-purple-500: #a855f7;
        --chakra-colors-purple-600: #9333ea;
        --chakra-colors-purple-700: #641ba3;
        --chakra-colors-purple-800: #4a1772;
        --chakra-colors-purple-900: #2f0553;
        --chakra-colors-purple-950: #1a032e;
        --chakra-colors-pink-50: #fdf2f8;
        --chakra-colors-pink-100: #fce7f3;
        --chakra-colors-pink-200: #fbcfe8;
        --chakra-colors-pink-300: #f9a8d4;
        --chakra-colors-pink-400: #f472b6;
        --chakra-colors-pink-500: #ec4899;
        --chakra-colors-pink-600: #db2777;
        --chakra-colors-pink-700: #a41752;
        --chakra-colors-pink-800: #6d0e34;
        --chakra-colors-pink-900: #45061f;
        --chakra-colors-pink-950: #2c0514;
        --chakra-durations-fastest: 50ms;
        --chakra-durations-faster: 100ms;
        --chakra-durations-fast: 150ms;
        --chakra-durations-moderate: 200ms;
        --chakra-durations-slow: 300ms;
        --chakra-durations-slower: 400ms;
        --chakra-durations-slowest: 500ms;
        --chakra-easings-ease-in: cubic-bezier(0.42, 0, 1, 1);
        --chakra-easings-ease-out: cubic-bezier(0, 0, 0.58, 1);
        --chakra-easings-ease-in-out: cubic-bezier(0.42, 0, 0.58, 1);
        --chakra-easings-ease-in-smooth: cubic-bezier(0.32, 0.72, 0, 1);
        --chakra-fonts-heading:
            Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica,
            Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
            "Segoe UI Symbol";
        --chakra-fonts-body:
            Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica,
            Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
            "Segoe UI Symbol";
        --chakra-fonts-mono:
            SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
            "Courier New", monospace;
        --chakra-font-sizes-2xs: 0.625rem;
        --chakra-font-sizes-xs: 0.75rem;
        --chakra-font-sizes-sm: 0.875rem;
        --chakra-font-sizes-md: 1rem;
        --chakra-font-sizes-lg: 1.125rem;
        --chakra-font-sizes-xl: 1.25rem;
        --chakra-font-sizes-2xl: 1.5rem;
        --chakra-font-sizes-3xl: 1.875rem;
        --chakra-font-sizes-4xl: 2.25rem;
        --chakra-font-sizes-5xl: 3rem;
        --chakra-font-sizes-6xl: 3.75rem;
        --chakra-font-sizes-7xl: 4.5rem;
        --chakra-font-sizes-8xl: 6rem;
        --chakra-font-sizes-9xl: 8rem;
        --chakra-font-weights-thin: 100;
        --chakra-font-weights-extralight: 200;
        --chakra-font-weights-light: 300;
        --chakra-font-weights-normal: 400;
        --chakra-font-weights-medium: 500;
        --chakra-font-weights-semibold: 600;
        --chakra-font-weights-bold: 700;
        --chakra-font-weights-extrabold: 800;
        --chakra-font-weights-black: 900;
        --chakra-letter-spacings-tighter: -0.05em;
        --chakra-letter-spacings-tight: -0.025em;
        --chakra-letter-spacings-wide: 0.025em;
        --chakra-letter-spacings-wider: 0.05em;
        --chakra-letter-spacings-widest: 0.1em;
        --chakra-line-heights-shorter: 1.25;
        --chakra-line-heights-short: 1.375;
        --chakra-line-heights-moderate: 1.5;
        --chakra-line-heights-tall: 1.625;
        --chakra-line-heights-taller: 2;
        --chakra-radii-none: 0;
        --chakra-radii-2xs: 0.0625rem;
        --chakra-radii-xs: 0.125rem;
        --chakra-radii-sm: 0.25rem;
        --chakra-radii-md: 0.375rem;
        --chakra-radii-lg: 0.5rem;
        --chakra-radii-xl: 0.75rem;
        --chakra-radii-2xl: 1rem;
        --chakra-radii-3xl: 1.5rem;
        --chakra-radii-4xl: 2rem;
        --chakra-radii-full: 9999px;
        --chakra-spacing-1: 0.25rem;
        --chakra-spacing-2: 0.5rem;
        --chakra-spacing-3: 0.75rem;
        --chakra-spacing-4: 1rem;
        --chakra-spacing-5: 1.25rem;
        --chakra-spacing-6: 1.5rem;
        --chakra-spacing-7: 1.75rem;
        --chakra-spacing-8: 2rem;
        --chakra-spacing-9: 2.25rem;
        --chakra-spacing-10: 2.5rem;
        --chakra-spacing-11: 2.75rem;
        --chakra-spacing-12: 3rem;
        --chakra-spacing-14: 3.5rem;
        --chakra-spacing-16: 4rem;
        --chakra-spacing-20: 5rem;
        --chakra-spacing-24: 6rem;
        --chakra-spacing-28: 7rem;
        --chakra-spacing-32: 8rem;
        --chakra-spacing-36: 9rem;
        --chakra-spacing-40: 10rem;
        --chakra-spacing-44: 11rem;
        --chakra-spacing-48: 12rem;
        --chakra-spacing-52: 13rem;
        --chakra-spacing-56: 14rem;
        --chakra-spacing-60: 15rem;
        --chakra-spacing-64: 16rem;
        --chakra-spacing-72: 18rem;
        --chakra-spacing-80: 20rem;
        --chakra-spacing-96: 24rem;
        --chakra-spacing-0\.5: 0.125rem;
        --chakra-spacing-1\.5: 0.375rem;
        --chakra-spacing-2\.5: 0.625rem;
        --chakra-spacing-3\.5: 0.875rem;
        --chakra-spacing-4\.5: 1.125rem;
        --chakra-sizes-1: 0.25rem;
        --chakra-sizes-2: 0.5rem;
        --chakra-sizes-3: 0.75rem;
        --chakra-sizes-4: 1rem;
        --chakra-sizes-5: 1.25rem;
        --chakra-sizes-6: 1.5rem;
        --chakra-sizes-7: 1.75rem;
        --chakra-sizes-8: 2rem;
        --chakra-sizes-9: 2.25rem;
        --chakra-sizes-10: 2.5rem;
        --chakra-sizes-11: 2.75rem;
        --chakra-sizes-12: 3rem;
        --chakra-sizes-14: 3.5rem;
        --chakra-sizes-16: 4rem;
        --chakra-sizes-20: 5rem;
        --chakra-sizes-24: 6rem;
        --chakra-sizes-28: 7rem;
        --chakra-sizes-32: 8rem;
        --chakra-sizes-36: 9rem;
        --chakra-sizes-40: 10rem;
        --chakra-sizes-44: 11rem;
        --chakra-sizes-48: 12rem;
        --chakra-sizes-52: 13rem;
        --chakra-sizes-56: 14rem;
        --chakra-sizes-60: 15rem;
        --chakra-sizes-64: 16rem;
        --chakra-sizes-72: 18rem;
        --chakra-sizes-80: 20rem;
        --chakra-sizes-96: 24rem;
        --chakra-sizes-3xs: 14rem;
        --chakra-sizes-2xs: 16rem;
        --chakra-sizes-xs: 20rem;
        --chakra-sizes-sm: 24rem;
        --chakra-sizes-md: 28rem;
        --chakra-sizes-lg: 32rem;
        --chakra-sizes-xl: 36rem;
        --chakra-sizes-2xl: 42rem;
        --chakra-sizes-3xl: 48rem;
        --chakra-sizes-4xl: 56rem;
        --chakra-sizes-5xl: 64rem;
        --chakra-sizes-6xl: 72rem;
        --chakra-sizes-7xl: 80rem;
        --chakra-sizes-8xl: 90rem;
        --chakra-sizes-0\.5: 0.125rem;
        --chakra-sizes-1\.5: 0.375rem;
        --chakra-sizes-2\.5: 0.625rem;
        --chakra-sizes-3\.5: 0.875rem;
        --chakra-sizes-4\.5: 1.125rem;
        --chakra-sizes-1\/2: 50%;
        --chakra-sizes-1\/3: 33.333333%;
        --chakra-sizes-2\/3: 66.666667%;
        --chakra-sizes-1\/4: 25%;
        --chakra-sizes-3\/4: 75%;
        --chakra-sizes-1\/5: 20%;
        --chakra-sizes-2\/5: 40%;
        --chakra-sizes-3\/5: 60%;
        --chakra-sizes-4\/5: 80%;
        --chakra-sizes-1\/6: 16.666667%;
        --chakra-sizes-2\/6: 33.333333%;
        --chakra-sizes-3\/6: 50%;
        --chakra-sizes-4\/6: 66.666667%;
        --chakra-sizes-5\/6: 83.333333%;
        --chakra-sizes-1\/12: 8.333333%;
        --chakra-sizes-2\/12: 16.666667%;
        --chakra-sizes-3\/12: 25%;
        --chakra-sizes-4\/12: 33.333333%;
        --chakra-sizes-5\/12: 41.666667%;
        --chakra-sizes-6\/12: 50%;
        --chakra-sizes-7\/12: 58.333333%;
        --chakra-sizes-8\/12: 66.666667%;
        --chakra-sizes-9\/12: 75%;
        --chakra-sizes-10\/12: 83.333333%;
        --chakra-sizes-11\/12: 91.666667%;
        --chakra-sizes-max: max-content;
        --chakra-sizes-min: min-content;
        --chakra-sizes-fit: fit-content;
        --chakra-sizes-prose: 60ch;
        --chakra-sizes-full: 100%;
        --chakra-sizes-dvh: 100dvh;
        --chakra-sizes-svh: 100svh;
        --chakra-sizes-lvh: 100lvh;
        --chakra-sizes-dvw: 100dvw;
        --chakra-sizes-svw: 100svw;
        --chakra-sizes-lvw: 100lvw;
        --chakra-sizes-vw: 100vw;
        --chakra-sizes-vh: 100vh;
        --chakra-sizes-breakpoint-sm: 480px;
        --chakra-sizes-breakpoint-md: 768px;
        --chakra-sizes-breakpoint-lg: 1024px;
        --chakra-sizes-breakpoint-xl: 1280px;
        --chakra-sizes-breakpoint-2xl: 1536px;
        --chakra-z-index-hide: -1;
        --chakra-z-index-base: 0;
        --chakra-z-index-docked: 10;
        --chakra-z-index-dropdown: 1000;
        --chakra-z-index-sticky: 1100;
        --chakra-z-index-banner: 1200;
        --chakra-z-index-overlay: 1300;
        --chakra-z-index-modal: 1400;
        --chakra-z-index-popover: 1500;
        --chakra-z-index-skip-nav: 1600;
        --chakra-z-index-toast: 1700;
        --chakra-z-index-tooltip: 1800;
        --chakra-z-index-max: 2147483647;
        --chakra-cursor-button: pointer;
        --chakra-cursor-checkbox: default;
        --chakra-cursor-disabled: not-allowed;
        --chakra-cursor-menuitem: default;
        --chakra-cursor-option: default;
        --chakra-cursor-radio: default;
        --chakra-cursor-slider: default;
        --chakra-cursor-switch: pointer;
        --chakra-breakpoints-sm: 480px;
        --chakra-breakpoints-md: 768px;
        --chakra-breakpoints-lg: 1024px;
        --chakra-breakpoints-xl: 1280px;
        --chakra-breakpoints-2xl: 1536px;
        --chakra-radii-l1: var(--chakra-radii-xs);
        --chakra-radii-l2: var(--chakra-radii-sm);
        --chakra-radii-l3: var(--chakra-radii-md);
    }
    :root,
    .light {
        --chakra-colors-bg: var(--chakra-colors-white);
        --chakra-colors-bg-subtle: var(--chakra-colors-gray-50);
        --chakra-colors-bg-muted: var(--chakra-colors-gray-100);
        --chakra-colors-bg-emphasized: var(--chakra-colors-gray-200);
        --chakra-colors-bg-inverted: var(--chakra-colors-black);
        --chakra-colors-bg-panel: var(--chakra-colors-white);
        --chakra-colors-bg-error: var(--chakra-colors-red-50);
        --chakra-colors-bg-warning: var(--chakra-colors-orange-50);
        --chakra-colors-bg-success: var(--chakra-colors-green-50);
        --chakra-colors-bg-info: var(--chakra-colors-blue-50);
        --chakra-colors-fg: var(--chakra-colors-black);
        --chakra-colors-fg-muted: var(--chakra-colors-gray-600);
        --chakra-colors-fg-subtle: var(--chakra-colors-gray-400);
        --chakra-colors-fg-inverted: var(--chakra-colors-gray-50);
        --chakra-colors-fg-error: var(--chakra-colors-red-500);
        --chakra-colors-fg-warning: var(--chakra-colors-orange-600);
        --chakra-colors-fg-success: var(--chakra-colors-green-600);
        --chakra-colors-fg-info: var(--chakra-colors-blue-600);
        --chakra-colors-border: var(--chakra-colors-gray-200);
        --chakra-colors-border-muted: var(--chakra-colors-gray-100);
        --chakra-colors-border-subtle: var(--chakra-colors-gray-50);
        --chakra-colors-border-emphasized: var(--chakra-colors-gray-300);
        --chakra-colors-border-inverted: var(--chakra-colors-gray-800);
        --chakra-colors-border-error: var(--chakra-colors-red-500);
        --chakra-colors-border-warning: var(--chakra-colors-orange-500);
        --chakra-colors-border-success: var(--chakra-colors-green-500);
        --chakra-colors-border-info: var(--chakra-colors-blue-500);
        --chakra-colors-gray-contrast: var(--chakra-colors-white);
        --chakra-colors-gray-fg: var(--chakra-colors-gray-800);
        --chakra-colors-gray-subtle: var(--chakra-colors-gray-100);
        --chakra-colors-gray-muted: var(--chakra-colors-gray-200);
        --chakra-colors-gray-emphasized: var(--chakra-colors-gray-300);
        --chakra-colors-gray-solid: var(--chakra-colors-gray-900);
        --chakra-colors-gray-focus-ring: var(--chakra-colors-gray-400);
        --chakra-colors-red-contrast: white;
        --chakra-colors-red-fg: var(--chakra-colors-red-700);
        --chakra-colors-red-subtle: var(--chakra-colors-red-100);
        --chakra-colors-red-muted: var(--chakra-colors-red-200);
        --chakra-colors-red-emphasized: var(--chakra-colors-red-300);
        --chakra-colors-red-solid: var(--chakra-colors-red-600);
        --chakra-colors-red-focus-ring: var(--chakra-colors-red-500);
        --chakra-colors-orange-contrast: white;
        --chakra-colors-orange-fg: var(--chakra-colors-orange-700);
        --chakra-colors-orange-subtle: var(--chakra-colors-orange-100);
        --chakra-colors-orange-muted: var(--chakra-colors-orange-200);
        --chakra-colors-orange-emphasized: var(--chakra-colors-orange-300);
        --chakra-colors-orange-solid: var(--chakra-colors-orange-600);
        --chakra-colors-orange-focus-ring: var(--chakra-colors-orange-500);
        --chakra-colors-green-contrast: white;
        --chakra-colors-green-fg: var(--chakra-colors-green-700);
        --chakra-colors-green-subtle: var(--chakra-colors-green-100);
        --chakra-colors-green-muted: var(--chakra-colors-green-200);
        --chakra-colors-green-emphasized: var(--chakra-colors-green-300);
        --chakra-colors-green-solid: var(--chakra-colors-green-600);
        --chakra-colors-green-focus-ring: var(--chakra-colors-green-500);
        --chakra-colors-blue-contrast: white;
        --chakra-colors-blue-fg: var(--chakra-colors-blue-700);
        --chakra-colors-blue-subtle: var(--chakra-colors-blue-100);
        --chakra-colors-blue-muted: var(--chakra-colors-blue-200);
        --chakra-colors-blue-emphasized: var(--chakra-colors-blue-300);
        --chakra-colors-blue-solid: var(--chakra-colors-blue-600);
        --chakra-colors-blue-focus-ring: var(--chakra-colors-blue-500);
        --chakra-colors-yellow-contrast: black;
        --chakra-colors-yellow-fg: var(--chakra-colors-yellow-800);
        --chakra-colors-yellow-subtle: var(--chakra-colors-yellow-100);
        --chakra-colors-yellow-muted: var(--chakra-colors-yellow-200);
        --chakra-colors-yellow-emphasized: var(--chakra-colors-yellow-300);
        --chakra-colors-yellow-solid: var(--chakra-colors-yellow-300);
        --chakra-colors-yellow-focus-ring: var(--chakra-colors-yellow-500);
        --chakra-colors-teal-contrast: white;
        --chakra-colors-teal-fg: var(--chakra-colors-teal-700);
        --chakra-colors-teal-subtle: var(--chakra-colors-teal-100);
        --chakra-colors-teal-muted: var(--chakra-colors-teal-200);
        --chakra-colors-teal-emphasized: var(--chakra-colors-teal-300);
        --chakra-colors-teal-solid: var(--chakra-colors-teal-600);
        --chakra-colors-teal-focus-ring: var(--chakra-colors-teal-500);
        --chakra-colors-purple-contrast: white;
        --chakra-colors-purple-fg: var(--chakra-colors-purple-700);
        --chakra-colors-purple-subtle: var(--chakra-colors-purple-100);
        --chakra-colors-purple-muted: var(--chakra-colors-purple-200);
        --chakra-colors-purple-emphasized: var(--chakra-colors-purple-300);
        --chakra-colors-purple-solid: var(--chakra-colors-purple-600);
        --chakra-colors-purple-focus-ring: var(--chakra-colors-purple-500);
        --chakra-colors-pink-contrast: white;
        --chakra-colors-pink-fg: var(--chakra-colors-pink-700);
        --chakra-colors-pink-subtle: var(--chakra-colors-pink-100);
        --chakra-colors-pink-muted: var(--chakra-colors-pink-200);
        --chakra-colors-pink-emphasized: var(--chakra-colors-pink-300);
        --chakra-colors-pink-solid: var(--chakra-colors-pink-600);
        --chakra-colors-pink-focus-ring: var(--chakra-colors-pink-500);
        --chakra-colors-cyan-contrast: white;
        --chakra-colors-cyan-fg: var(--chakra-colors-cyan-700);
        --chakra-colors-cyan-subtle: var(--chakra-colors-cyan-100);
        --chakra-colors-cyan-muted: var(--chakra-colors-cyan-200);
        --chakra-colors-cyan-emphasized: var(--chakra-colors-cyan-300);
        --chakra-colors-cyan-solid: var(--chakra-colors-cyan-600);
        --chakra-colors-cyan-focus-ring: var(--chakra-colors-cyan-500);
        --chakra-shadows-xs:
            0px 1px 2px
                color-mix(
                    in srgb,
                    var(--chakra-colors-gray-900) 10%,
                    transparent
                ),
            0px 0px 1px
                color-mix(
                    in srgb,
                    var(--chakra-colors-gray-900) 20%,
                    transparent
                );
        --chakra-shadows-sm:
            0px 2px 4px
                color-mix(
                    in srgb,
                    var(--chakra-colors-gray-900) 10%,
                    transparent
                ),
            0px 0px 1px
                color-mix(
                    in srgb,
                    var(--chakra-colors-gray-900) 30%,
                    transparent
                );
        --chakra-shadows-md:
            0px 4px 8px
                color-mix(
                    in srgb,
                    var(--chakra-colors-gray-900) 10%,
                    transparent
                ),
            0px 0px 1px
                color-mix(
                    in srgb,
                    var(--chakra-colors-gray-900) 30%,
                    transparent
                );
        --chakra-shadows-lg:
            0px 8px 16px
                color-mix(
                    in srgb,
                    var(--chakra-colors-gray-900) 10%,
                    transparent
                ),
            0px 0px 1px
                color-mix(
                    in srgb,
                    var(--chakra-colors-gray-900) 30%,
                    transparent
                );
        --chakra-shadows-xl:
            0px 16px 24px
                color-mix(
                    in srgb,
                    var(--chakra-colors-gray-900) 10%,
                    transparent
                ),
            0px 0px 1px
                color-mix(
                    in srgb,
                    var(--chakra-colors-gray-900) 30%,
                    transparent
                );
        --chakra-shadows-2xl:
            0px 24px 40px
                color-mix(
                    in srgb,
                    var(--chakra-colors-gray-900) 16%,
                    transparent
                ),
            0px 0px 1px
                color-mix(
                    in srgb,
                    var(--chakra-colors-gray-900) 30%,
                    transparent
                );
        --chakra-shadows-inner: inset 0 2px 4px 0
            color-mix(in srgb, black 5%, transparent);
        --chakra-shadows-inset: inset 0 0 0 1px
            color-mix(in srgb, black 5%, transparent);
    }
    .dark,
    .dark .chakra-theme:not(.light) {
        --chakra-colors-bg: var(--chakra-colors-black);
        --chakra-colors-bg-subtle: var(--chakra-colors-gray-950);
        --chakra-colors-bg-muted: var(--chakra-colors-gray-900);
        --chakra-colors-bg-emphasized: var(--chakra-colors-gray-800);
        --chakra-colors-bg-inverted: var(--chakra-colors-white);
        --chakra-colors-bg-panel: var(--chakra-colors-gray-950);
        --chakra-colors-bg-error: var(--chakra-colors-red-950);
        --chakra-colors-bg-warning: var(--chakra-colors-orange-950);
        --chakra-colors-bg-success: var(--chakra-colors-green-950);
        --chakra-colors-bg-info: var(--chakra-colors-blue-950);
        --chakra-colors-fg: var(--chakra-colors-gray-50);
        --chakra-colors-fg-muted: var(--chakra-colors-gray-400);
        --chakra-colors-fg-subtle: var(--chakra-colors-gray-500);
        --chakra-colors-fg-inverted: var(--chakra-colors-black);
        --chakra-colors-fg-error: var(--chakra-colors-red-400);
        --chakra-colors-fg-warning: var(--chakra-colors-orange-300);
        --chakra-colors-fg-success: var(--chakra-colors-green-300);
        --chakra-colors-fg-info: var(--chakra-colors-blue-300);
        --chakra-colors-border: var(--chakra-colors-gray-800);
        --chakra-colors-border-muted: var(--chakra-colors-gray-900);
        --chakra-colors-border-subtle: var(--chakra-colors-gray-950);
        --chakra-colors-border-emphasized: var(--chakra-colors-gray-700);
        --chakra-colors-border-inverted: var(--chakra-colors-gray-200);
        --chakra-colors-border-error: var(--chakra-colors-red-400);
        --chakra-colors-border-warning: var(--chakra-colors-orange-400);
        --chakra-colors-border-success: var(--chakra-colors-green-400);
        --chakra-colors-border-info: var(--chakra-colors-blue-400);
        --chakra-colors-gray-contrast: var(--chakra-colors-black);
        --chakra-colors-gray-fg: var(--chakra-colors-gray-200);
        --chakra-colors-gray-subtle: var(--chakra-colors-gray-900);
        --chakra-colors-gray-muted: var(--chakra-colors-gray-800);
        --chakra-colors-gray-emphasized: var(--chakra-colors-gray-700);
        --chakra-colors-gray-solid: var(--chakra-colors-white);
        --chakra-colors-gray-focus-ring: var(--chakra-colors-gray-400);
        --chakra-colors-red-contrast: white;
        --chakra-colors-red-fg: var(--chakra-colors-red-300);
        --chakra-colors-red-subtle: var(--chakra-colors-red-900);
        --chakra-colors-red-muted: var(--chakra-colors-red-800);
        --chakra-colors-red-emphasized: var(--chakra-colors-red-700);
        --chakra-colors-red-solid: var(--chakra-colors-red-600);
        --chakra-colors-red-focus-ring: var(--chakra-colors-red-500);
        --chakra-colors-orange-contrast: black;
        --chakra-colors-orange-fg: var(--chakra-colors-orange-300);
        --chakra-colors-orange-subtle: var(--chakra-colors-orange-900);
        --chakra-colors-orange-muted: var(--chakra-colors-orange-800);
        --chakra-colors-orange-emphasized: var(--chakra-colors-orange-700);
        --chakra-colors-orange-solid: var(--chakra-colors-orange-500);
        --chakra-colors-orange-focus-ring: var(--chakra-colors-orange-500);
        --chakra-colors-green-contrast: white;
        --chakra-colors-green-fg: var(--chakra-colors-green-300);
        --chakra-colors-green-subtle: var(--chakra-colors-green-900);
        --chakra-colors-green-muted: var(--chakra-colors-green-800);
        --chakra-colors-green-emphasized: var(--chakra-colors-green-700);
        --chakra-colors-green-solid: var(--chakra-colors-green-600);
        --chakra-colors-green-focus-ring: var(--chakra-colors-green-500);
        --chakra-colors-blue-contrast: white;
        --chakra-colors-blue-fg: var(--chakra-colors-blue-300);
        --chakra-colors-blue-subtle: var(--chakra-colors-blue-900);
        --chakra-colors-blue-muted: var(--chakra-colors-blue-800);
        --chakra-colors-blue-emphasized: var(--chakra-colors-blue-700);
        --chakra-colors-blue-solid: var(--chakra-colors-blue-600);
        --chakra-colors-blue-focus-ring: var(--chakra-colors-blue-500);
        --chakra-colors-yellow-contrast: black;
        --chakra-colors-yellow-fg: var(--chakra-colors-yellow-300);
        --chakra-colors-yellow-subtle: var(--chakra-colors-yellow-900);
        --chakra-colors-yellow-muted: var(--chakra-colors-yellow-800);
        --chakra-colors-yellow-emphasized: var(--chakra-colors-yellow-700);
        --chakra-colors-yellow-solid: var(--chakra-colors-yellow-300);
        --chakra-colors-yellow-focus-ring: var(--chakra-colors-yellow-500);
        --chakra-colors-teal-contrast: white;
        --chakra-colors-teal-fg: var(--chakra-colors-teal-300);
        --chakra-colors-teal-subtle: var(--chakra-colors-teal-900);
        --chakra-colors-teal-muted: var(--chakra-colors-teal-800);
        --chakra-colors-teal-emphasized: var(--chakra-colors-teal-700);
        --chakra-colors-teal-solid: var(--chakra-colors-teal-600);
        --chakra-colors-teal-focus-ring: var(--chakra-colors-teal-500);
        --chakra-colors-purple-contrast: white;
        --chakra-colors-purple-fg: var(--chakra-colors-purple-300);
        --chakra-colors-purple-subtle: var(--chakra-colors-purple-900);
        --chakra-colors-purple-muted: var(--chakra-colors-purple-800);
        --chakra-colors-purple-emphasized: var(--chakra-colors-purple-700);
        --chakra-colors-purple-solid: var(--chakra-colors-purple-600);
        --chakra-colors-purple-focus-ring: var(--chakra-colors-purple-500);
        --chakra-colors-pink-contrast: white;
        --chakra-colors-pink-fg: var(--chakra-colors-pink-300);
        --chakra-colors-pink-subtle: var(--chakra-colors-pink-900);
        --chakra-colors-pink-muted: var(--chakra-colors-pink-800);
        --chakra-colors-pink-emphasized: var(--chakra-colors-pink-700);
        --chakra-colors-pink-solid: var(--chakra-colors-pink-600);
        --chakra-colors-pink-focus-ring: var(--chakra-colors-pink-500);
        --chakra-colors-cyan-contrast: white;
        --chakra-colors-cyan-fg: var(--chakra-colors-cyan-300);
        --chakra-colors-cyan-subtle: var(--chakra-colors-cyan-900);
        --chakra-colors-cyan-muted: var(--chakra-colors-cyan-800);
        --chakra-colors-cyan-emphasized: var(--chakra-colors-cyan-700);
        --chakra-colors-cyan-solid: var(--chakra-colors-cyan-600);
        --chakra-colors-cyan-focus-ring: var(--chakra-colors-cyan-500);
        --chakra-shadows-xs:
            0px 1px 1px color-mix(in srgb, black 64%, transparent),
            0px 0px 1px inset
                color-mix(
                    in srgb,
                    var(--chakra-colors-gray-300) 20%,
                    transparent
                );
        --chakra-shadows-sm:
            0px 2px 4px color-mix(in srgb, black 64%, transparent),
            0px 0px 1px inset
                color-mix(
                    in srgb,
                    var(--chakra-colors-gray-300) 30%,
                    transparent
                );
        --chakra-shadows-md:
            0px 4px 8px color-mix(in srgb, black 64%, transparent),
            0px 0px 1px inset
                color-mix(
                    in srgb,
                    var(--chakra-colors-gray-300) 30%,
                    transparent
                );
        --chakra-shadows-lg:
            0px 8px 16px color-mix(in srgb, black 64%, transparent),
            0px 0px 1px inset
                color-mix(
                    in srgb,
                    var(--chakra-colors-gray-300) 30%,
                    transparent
                );
        --chakra-shadows-xl:
            0px 16px 24px color-mix(in srgb, black 64%, transparent),
            0px 0px 1px inset
                color-mix(
                    in srgb,
                    var(--chakra-colors-gray-300) 30%,
                    transparent
                );
        --chakra-shadows-2xl:
            0px 24px 40px color-mix(in srgb, black 64%, transparent),
            0px 0px 1px inset
                color-mix(
                    in srgb,
                    var(--chakra-colors-gray-300) 30%,
                    transparent
                );
        --chakra-shadows-inner: inset 0 2px 4px 0 black;
        --chakra-shadows-inset: inset 0 0 0 1px
            color-mix(in srgb, var(--chakra-colors-gray-300) 5%, transparent);
    }
}

/* Component specific classes and Emotion Recipes */
.css-19ka4ho {
    padding-inline: 0;
    padding-block: 0;
}
@layer recipes {
    .css-19ka4ho {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        appearance: none;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        position: relative;
        border-radius: var(--chakra-radii-l2);
        white-space: nowrap;
        vertical-align: middle;
        border-width: 1px;
        border-color: var(--chakra-colors-transparent);
        cursor: var(--chakra-cursor-button);
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        outline: 0;
        line-height: 1.25rem;
        isolation: isolate;
        font-weight: var(--chakra-font-weights-medium);
        transition-property:
            background-color, border-color, color, fill, stroke, opacity,
            box-shadow, translate, transform;
        transition-duration: var(--chakra-durations-moderate);
        --focus-ring-color: var(--chakra-colors-color-palette-focus-ring);
        height: var(--chakra-sizes-9);
        min-width: var(--chakra-sizes-9);
        padding-inline: var(--chakra-spacing-3\.5);
        font-size: var(--chakra-font-sizes-sm);
        gap: var(--chakra-spacing-2);
        background: var(--chakra-colors-color-palette-solid);
        --bg-currentcolor: var(--chakra-colors-color-palette-solid);
        color: var(--chakra-colors-color-palette-contrast);
    }
    .css-19ka4ho:is(:focus-visible, [data-focus-visible]) {
        outline-width: var(--focus-ring-width, 2px);
        outline-offset: var(--focus-ring-offset, 2px);
        outline-style: var(--focus-ring-style, solid);
        outline-color: var(--focus-ring-color);
    }
    .css-19ka4ho:is(
        :disabled,
        [disabled],
        [data-disabled],
        [aria-disabled="true"]
    ) {
        opacity: 0.5;
        cursor: not-allowed;
    }
    .css-19ka4ho :where(svg) {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: var(--chakra-sizes-4);
        height: var(--chakra-sizes-4);
    }
    .css-19ka4ho:is(
        [aria-expanded="true"],
        [data-expanded],
        [data-state="expanded"]
    ) {
        --mix-background: color-mix(
            in srgb,
            var(--chakra-colors-color-palette-solid) 90%,
            transparent
        );
        background: var(
            --mix-background,
            var(--chakra-colors-color-palette-solid)
        );
        --bg-currentcolor: var(
            --mix-background,
            var(--chakra-colors-color-palette-solid)
        );
    }
    @media (hover: hover) {
        .css-19ka4ho:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
            --mix-background: color-mix(
                in srgb,
                var(--chakra-colors-color-palette-solid) 90%,
                transparent
            );
            background: var(
                --mix-background,
                var(--chakra-colors-color-palette-solid)
            );
            --bg-currentcolor: var(
                --mix-background,
                var(--chakra-colors-color-palette-solid)
            );
        }
    }
}
.css-19ka4ho :where(svg) {
    font-size: 1.2em;
}

@layer recipes {
    .css-kcj133 {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        appearance: none;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        position: relative;
        border-radius: var(--chakra-radii-l2);
        white-space: nowrap;
        vertical-align: middle;
        border-width: 1px;
        border-color: var(--chakra-colors-transparent);
        cursor: var(--chakra-cursor-button);
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        outline: 0;
        line-height: 1.25rem;
        isolation: isolate;
        font-weight: var(--chakra-font-weights-medium);
        transition-property:
            background-color, border-color, color, fill, stroke, opacity,
            box-shadow, translate, transform;
        transition-duration: var(--chakra-durations-moderate);
        --focus-ring-color: var(--chakra-colors-color-palette-focus-ring);
        height: var(--chakra-sizes-10);
        min-width: var(--chakra-sizes-10);
        font-size: var(--chakra-font-sizes-sm);
        padding-inline: var(--chakra-spacing-4);
        gap: var(--chakra-spacing-2);
        background: var(--chakra-colors-color-palette-solid);
        --bg-currentcolor: var(--chakra-colors-color-palette-solid);
        color: var(--chakra-colors-color-palette-contrast);
    }
    .css-kcj133:is(:focus-visible, [data-focus-visible]) {
        outline-width: var(--focus-ring-width, 2px);
        outline-offset: var(--focus-ring-offset, 2px);
        outline-style: var(--focus-ring-style, solid);
        outline-color: var(--focus-ring-color);
    }
    .css-kcj133:is(
        :disabled,
        [disabled],
        [data-disabled],
        [aria-disabled="true"]
    ) {
        opacity: 0.5;
        cursor: not-allowed;
    }
    .css-kcj133 :where(svg) {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: var(--chakra-sizes-5);
        height: var(--chakra-sizes-5);
    }
    .css-kcj133:is(
        [aria-expanded="true"],
        [data-expanded],
        [data-state="expanded"]
    ) {
        --mix-background: color-mix(
            in srgb,
            var(--chakra-colors-color-palette-solid) 90%,
            transparent
        );
        background: var(
            --mix-background,
            var(--chakra-colors-color-palette-solid)
        );
        --bg-currentcolor: var(
            --mix-background,
            var(--chakra-colors-color-palette-solid)
        );
    }
    @media (hover: hover) {
        .css-kcj133:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
            --mix-background: color-mix(
                in srgb,
                var(--chakra-colors-color-palette-solid) 90%,
                transparent
            );
            background: var(
                --mix-background,
                var(--chakra-colors-color-palette-solid)
            );
            --bg-currentcolor: var(
                --mix-background,
                var(--chakra-colors-color-palette-solid)
            );
        }
    }
}

@layer recipes {
    .css-16pi25q {
        background: var(--chakra-colors-black-alpha-500);
        --bg-currentcolor: var(--chakra-colors-black-alpha-500);
        position: fixed;
        left: 0;
        top: 0;
        width: 100dvw;
        height: 100dvh;
        z-index: var(--z-index);
    }
    .css-16pi25q:is([open], [data-open], [data-state="open"]) {
        -webkit-animation-name: fade-in;
        animation-name: fade-in;
        -webkit-animation-duration: var(--chakra-durations-slow);
        animation-duration: var(--chakra-durations-slow);
    }
    .css-16pi25q:is([closed], [data-closed], [data-state="closed"]) {
        -webkit-animation-name: fade-out;
        animation-name: fade-out;
        -webkit-animation-duration: var(--chakra-durations-moderate);
        animation-duration: var(--chakra-durations-moderate);
    }
}

@layer recipes {
    .css-9s1h5p {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100dvw;
        height: 100dvh;
        position: fixed;
        left: 0;
        top: 0;
        --dialog-z-index: var(--chakra-z-index-modal);
        z-index: calc(var(--dialog-z-index) + var(--layer-index, 0));
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        overscroll-behavior-y: none;
        overflow: hidden;
        -webkit-align-items: flex-start;
        -webkit-box-align: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
    }
}

.css-1qd7164 {
    padding-inline: 0;
    padding-block: 0;
    border-radius: var(--chakra-radii-full);
}
@layer recipes {
    .css-1qd7164 {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        appearance: none;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        position: relative;
        border-radius: var(--chakra-radii-l2);
        white-space: nowrap;
        vertical-align: middle;
        border-width: 1px;
        border-color: var(--chakra-colors-color-palette-muted);
        cursor: var(--chakra-cursor-button);
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        outline: 0;
        line-height: 1.25rem;
        isolation: isolate;
        font-weight: var(--chakra-font-weights-medium);
        transition-property:
            background-color, border-color, color, fill, stroke, opacity,
            box-shadow, translate, transform;
        transition-duration: var(--chakra-durations-moderate);
        --focus-ring-color: var(--chakra-colors-color-palette-focus-ring);
        height: var(--chakra-sizes-9);
        min-width: var(--chakra-sizes-9);
        padding-inline: var(--chakra-spacing-3\.5);
        font-size: var(--chakra-font-sizes-sm);
        gap: var(--chakra-spacing-2);
        color: var(--chakra-colors-color-palette-fg);
    }
    .css-1qd7164:is(:focus-visible, [data-focus-visible]) {
        outline-width: var(--focus-ring-width, 2px);
        outline-offset: var(--focus-ring-offset, 2px);
        outline-style: var(--focus-ring-style, solid);
        outline-color: var(--focus-ring-color);
    }
    .css-1qd7164:is(
        :disabled,
        [disabled],
        [data-disabled],
        [aria-disabled="true"]
    ) {
        opacity: 0.5;
        cursor: not-allowed;
    }
    .css-1qd7164 :where(svg) {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: var(--chakra-sizes-4);
        height: var(--chakra-sizes-4);
    }
    .css-1qd7164:is(
        [aria-expanded="true"],
        [data-expanded],
        [data-state="expanded"]
    ) {
        background: var(--chakra-colors-color-palette-subtle);
        --bg-currentcolor: var(--chakra-colors-color-palette-subtle);
    }
    @media (hover: hover) {
        .css-1qd7164:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
            background: var(--chakra-colors-color-palette-subtle);
            --bg-currentcolor: var(--chakra-colors-color-palette-subtle);
        }
    }
}
.css-1qd7164 :where(svg) {
    font-size: 1.2em;
}

.css-1e3d3y4 {
    border-radius: var(--chakra-radii-2xl);
    padding: 0;
}
@layer recipes {
    .css-1e3d3y4 {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: var(--chakra-font-sizes-sm);
        line-height: 1.25rem;
        --popover-bg: var(--chakra-colors-bg-panel);
        background: var(--popover-bg);
        --bg-currentcolor: var(--popover-bg);
        box-shadow: var(--chakra-shadows-lg);
        --popover-size: var(--chakra-sizes-xs);
        --popover-mobile-size: calc(100dvw - 1rem);
        width: min(var(--popover-mobile-size), var(--popover-size));
        border-radius: var(--chakra-radii-l3);
        --popover-z-index: var(--chakra-z-index-popover);
        z-index: calc(var(--popover-z-index) + var(--layer-index, 0));
        outline: 0;
        transform-origin: var(--transform-origin);
        max-height: var(--available-height);
        --popover-padding: var(--chakra-spacing-3);
    }
    .css-1e3d3y4:is([open], [data-open], [data-state="open"]) {
        transform-origin: var(--transform-origin);
        -webkit-animation-name: scale-in, fade-in;
        animation-name: scale-in, fade-in;
        -webkit-animation-duration: var(--chakra-durations-fast);
        animation-duration: var(--chakra-durations-fast);
    }
    .css-1e3d3y4:is([closed], [data-closed], [data-state="closed"]) {
        transform-origin: var(--transform-origin);
        -webkit-animation-name: scale-out, fade-out;
        animation-name: scale-out, fade-out;
        -webkit-animation-duration: var(--chakra-durations-faster);
        animation-duration: var(--chakra-durations-faster);
    }
    @media screen and (min-width: 30rem) {
        .css-1e3d3y4 {
            width: var(--popover-size);
        }
    }
}

.css-1cfdhtb {
    padding: 0;
}
@layer recipes {
    .css-1cfdhtb {
        padding-inline: var(--popover-padding);
        padding-top: var(--popover-padding);
    }
}

.css-1rjttkk {
    padding: 0;
}
@layer recipes {
    .css-1rjttkk {
        padding: var(--popover-padding);
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

@layer recipes {
    .css-xsjfp4 {
        width: var(--chakra-sizes-full);
        padding-inline: var(--chakra-spacing-8);
        padding-block: var(--chakra-spacing-12);
    }
}

.css-aexr2j {
    gap: var(--chakra-spacing-2);
}
@layer recipes {
    .css-aexr2j {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        gap: var(--chakra-spacing-6);
    }
}

@layer recipes {
    .css-1j9cxst {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        color: var(--chakra-colors-fg-subtle);
        font-size: var(--chakra-font-sizes-4xl);
        line-height: 2.75rem;
        letter-spacing: -0.025em;
    }
    .css-1j9cxst :where(svg) {
        width: 1em;
        height: 1em;
    }
}

.css-sqtrbi {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.5rem;
    text-align: center;
}

@layer recipes {
    .css-93tr8l {
        font-weight: var(--chakra-font-weights-semibold);
        font-size: var(--chakra-font-sizes-lg);
        line-height: 1.75rem;
    }
}

@layer recipes {
    .css-x3hdzi {
        font-size: var(--chakra-font-sizes-sm);
        line-height: 1.25rem;
        color: var(--chakra-colors-fg-muted);
    }
}

.css-p1amb1 {
    padding: var(--chakra-spacing-4);
}
@layer recipes {
    .css-p1amb1 {
        padding: var(--popover-padding);
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

.css-d2nb42 {
    z-index: 9999 !important;
}

.css-ocrf9y {
    z-index: 9999 !important;
}
@layer recipes {
    .css-ocrf9y {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100dvw;
        height: 100dvh;
        position: fixed;
        left: 0;
        top: 0;
        --dialog-z-index: var(--chakra-z-index-modal);
        z-index: calc(var(--dialog-z-index) + var(--layer-index, 0));
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        overscroll-behavior-y: none;
        overflow: auto;
        pointer-events: auto;
        -webkit-align-items: flex-start;
        -webkit-box-align: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
    }
}

@layer recipes {
    .css-dl39z8 {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: var(--chakra-radii-l2);
        gap: var(--chakra-spacing-1);
        font-weight: var(--chakra-font-weights-medium);
        font-variant-numeric: tabular-nums;
        white-space: nowrap;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background: var(--chakra-colors-color-palette-subtle);
        --bg-currentcolor: var(--chakra-colors-color-palette-subtle);
        color: var(--chakra-colors-color-palette-fg);
        font-size: var(--chakra-font-sizes-2xs);
        line-height: 0.75rem;
        padding-inline: var(--chakra-spacing-1);
        min-height: var(--chakra-sizes-4);
    }
}

@layer recipes {
    .css-1u8nmh6 {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        appearance: none;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        position: relative;
        border-radius: var(--chakra-radii-l2);
        white-space: nowrap;
        vertical-align: middle;
        border-width: 1px;
        border-color: var(--chakra-colors-transparent);
        cursor: var(--chakra-cursor-button);
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        outline: 0;
        line-height: 1.5rem;
        isolation: isolate;
        font-weight: var(--chakra-font-weights-medium);
        transition-property:
            background-color, border-color, color, fill, stroke, opacity,
            box-shadow, translate, transform;
        transition-duration: var(--chakra-durations-moderate);
        --focus-ring-color: var(--chakra-colors-color-palette-focus-ring);
        height: var(--chakra-sizes-11);
        min-width: var(--chakra-sizes-11);
        font-size: var(--chakra-font-sizes-md);
        padding-inline: var(--chakra-spacing-5);
        gap: var(--chakra-spacing-3);
        background: var(--chakra-colors-color-palette-solid);
        --bg-currentcolor: var(--chakra-colors-color-palette-solid);
        color: var(--chakra-colors-color-palette-contrast);
    }
    .css-1u8nmh6:is(:focus-visible, [data-focus-visible]) {
        outline-width: var(--focus-ring-width, 2px);
        outline-offset: var(--focus-ring-offset, 2px);
        outline-style: var(--focus-ring-style, solid);
        outline-color: var(--focus-ring-color);
    }
    .css-1u8nmh6:is(
        :disabled,
        [disabled],
        [data-disabled],
        [aria-disabled="true"]
    ) {
        opacity: 0.5;
        cursor: not-allowed;
    }
    .css-1u8nmh6 :where(svg) {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: var(--chakra-sizes-5);
        height: var(--chakra-sizes-5);
    }
    .css-1u8nmh6:is(
        [aria-expanded="true"],
        [data-expanded],
        [data-state="expanded"]
    ) {
        --mix-background: color-mix(
            in srgb,
            var(--chakra-colors-color-palette-solid) 90%,
            transparent
        );
        background: var(
            --mix-background,
            var(--chakra-colors-color-palette-solid)
        );
        --bg-currentcolor: var(
            --mix-background,
            var(--chakra-colors-color-palette-solid)
        );
    }
    @media (hover: hover) {
        .css-1u8nmh6:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
            --mix-background: color-mix(
                in srgb,
                var(--chakra-colors-color-palette-solid) 90%,
                transparent
            );
            background: var(
                --mix-background,
                var(--chakra-colors-color-palette-solid)
            );
            --bg-currentcolor: var(
                --mix-background,
                var(--chakra-colors-color-palette-solid)
            );
        }
    }
}

.css-zd1jna {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    border-radius: 9999px;
    width: var(--chakra-sizes-9);
    height: var(--chakra-sizes-9);
}

.css-1ry4ot4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    border-radius: 9999px;
    width: var(--chakra-sizes-9);
    height: var(--chakra-sizes-9);
}
@layer recipes {
    .css-1ry4ot4 {
        background: var(--chakra-colors-bg-emphasized);
        --bg-currentcolor: var(--chakra-colors-bg-emphasized);
        -webkit-animation: var(--chakra-animations-pulse);
        animation: var(--chakra-animations-pulse);
        -webkit-animation-duration: var(--duration, 1.2s);
        animation-duration: var(--duration, 1.2s);
        border-radius: var(--chakra-radii-l2);
        box-shadow: none;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        cursor: default;
        color: var(--chakra-colors-transparent);
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
    .css-1ry4ot4::before,
    .css-1ry4ot4::after,
    .css-1ry4ot4 * {
        visibility: hidden;
    }
}

.css-jhpzjc {
    width: var(--chakra-sizes-5);
    height: var(--chakra-sizes-5);
}
@layer recipes {
    .css-jhpzjc {
        display: inline-block;
        line-height: 1em;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        color: currentcolor;
        vertical-align: middle;
    }
}

@layer recipes {
    .css-1tpzwjf {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100dvw;
        height: 100dvh;
        position: fixed;
        left: 0;
        top: 0;
        --dialog-z-index: var(--chakra-z-index-modal);
        z-index: calc(var(--dialog-z-index) + var(--layer-index, 0));
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        overscroll-behavior-y: none;
        overflow: auto;
        pointer-events: auto;
        -webkit-align-items: flex-start;
        -webkit-box-align: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
    }
}

.css-yamsmp {
    display: flex;
    position: relative;
    isolation: isolate;
    --tabs-indicator-shadow: var(--chakra-shadows-xs);
    --tabs-indicator-bg: var(--chakra-colors-bg);
    min-height: var(--tabs-height);
    border-color: var(--chakra-colors-border);
}
.css-yamsmp[data-orientation="horizontal"] {
    flex-direction: row;
    border-bottom-width: 1px;
}
.css-87gxhf {
    display: inline-flex;
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    position: relative;
    border-radius: 9999px;
    white-space: nowrap;
    vertical-align: middle;
    border-width: 1px;
    border-color: var(--chakra-colors-transparent);
    cursor: var(--chakra-cursor-button);
    flex-shrink: 0;
    outline: 0px;
    line-height: 1.25rem;
    isolation: isolate;
    font-weight: var(--chakra-font-weights-medium);
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform;
    transition-duration: var(--chakra-durations-moderate);
    --focus-ring-color: var(--chakra-colors-color-palette-focus-ring);
    height: var(--chakra-sizes-10);
    min-width: var(--chakra-sizes-10);
    font-size: var(--chakra-font-sizes-sm);
    padding-inline: var(--chakra-spacing-4);
    gap: var(--chakra-spacing-2);
    background: var(--chakra-colors-color-palette-solid);
    --bg-currentcolor: var(--chakra-colors-color-palette-solid);
    color: var(--chakra-colors-color-palette-contrast);
}

.css-19cmwdn {
    outline: 0px;
    min-width: var(--tabs-height);
    height: var(--tabs-height);
    display: flex;
    align-items: center;
    font-weight: var(--chakra-font-weights-medium);
    position: relative;
    cursor: pointer;
    gap: var(--chakra-spacing-2);
    padding: var(--chakra-spacing-2) var(--chakra-spacing-4);
    font-size: var(--chakra-font-sizes-sm);
    line-height: 1.25rem;
    color: var(--chakra-colors-fg-muted);
}
.css-19cmwdn:is([aria-selected="true"], [data-selected]) {
    color: rgb(255, 216, 117);
}

.css-19cmwdn:is([aria-selected="true"], [data-selected])::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: rgb(255, 216, 117);
    border-radius: 2px;
}
.shadow, .shadow-2xl {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
}

.css-fs4piz:is([open], [data-open], [data-state="open"]) {
    animation-name: fade-in;
    animation-duration: 160ms;
}
.css-fs4piz[data-orientation="horizontal"] {
    width: 100%;
    padding-top: var(--tabs-content-padding);
}
.css-fs4piz {
    --focus-ring-color: var(--chakra-colors-color-palette-focus-ring);
}

.css-1igwmid {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    gap: 0.5rem;
}
.css-ocrf9y {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100dvw;
    height: 100dvh;
    position: fixed;
    left: 0;
    top: 0;
    --dialog-z-index: var(--chakra-z-index-modal);
    z-index: calc(var(--dialog-z-index) + var(--layer-index, 0));
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    overscroll-behavior-y: none;
    overflow: auto;
    pointer-events: auto;
    -webkit-align-items: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}

.duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
}
.transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
}