@media not all and (min-width: 768px) {
    html[data-root=error] .error-root .app-error-page {
        padding: 0
    }

    html[data-root=error] .error-root .app-error-page .error-card {
        width: calc(100vw - 4rem);
        padding: 16px;
        border-radius: 16px
    }

    html[data-root=error] .error-root .app-error-page .skin-version,
    html[data-root=error] .error-root .app-error-page .links {
        display: none
    }

    html[data-root=error] .error-root .app-error-page .error-header {
        justify-content: center
    }

    html[data-root=error] .error-root .app-error-page .error-header .logo {
        max-width: calc(100vw - 6rem)
    }

    html[data-root=error] .error-root .app-error-page .error-content {
        font-size: 16px;
        line-height: 125%;
        padding-top: 1rem;
        padding-bottom: 1.5rem
    }

    html[data-root=error] .error-root .app-error-page .error-title {
        font-size: 24px;
        line-height: 125%;
        text-align: center
    }

    html[data-root=error] .error-root .app-error-page .error-message,
    html[data-root=error] .error-root .app-error-page .error-hint {
        text-align: center
    }

    html[data-root=error] .error-root .app-error-page .error-stack-trace-wrapper {
        margin-top: 3rem
    }

    html[data-root=error] .error-root .app-error-page .error-stack-trace-wrapper .error-stack-trace {
        display: none
    }

    html[data-root=error] .error-root .app-error-page .error-stack-trace-wrapper .stack-trace-copy-button {
        position: static;
        opacity: 1;
        width: 100%;
        justify-content: center;
        padding: 1rem
    }

    html[data-root=error] .error-root .app-error-page .error-stack-trace-wrapper .stack-trace-copy-button .button-label {
        display: block
    }
}

@media not all and (min-width: 1024px) {
    @media (min-width: 768px) and(max-color: 2147477350) {
        html[data-root=error] .error-root .app-error-page {
            padding-top: 16rem
        }

        html[data-root=error] .error-root .app-error-page .error-card {
            width: calc(100% - 4rem);
            padding: 16px
        }

        html[data-root=error] .error-root .app-error-page .error-header .logo {
            height: 48px
        }

        html[data-root=error] .error-root .app-error-page .error-content {
            font-size: 16px;
            line-height: 125%;
            padding-top: 1rem;
            padding-bottom: 1.5rem
        }

        html[data-root=error] .error-root .app-error-page .error-title {
            font-size: 24px;
            line-height: 125%
        }

        html[data-root=error] .error-root .app-error-page .error-message {
            margin-top: 1rem
        }
    }
}

@media all,
(min-width: 1024px) {
    @media (min-width: 768px) and(color: 2147477350) {
        html[data-root=error] .error-root .app-error-page {
            padding-top: 16rem
        }

        html[data-root=error] .error-root .app-error-page .error-card {
            width: calc(100% - 4rem);
            padding: 16px
        }

        html[data-root=error] .error-root .app-error-page .error-header .logo {
            height: 48px
        }

        html[data-root=error] .error-root .app-error-page .error-content {
            font-size: 16px;
            line-height: 125%;
            padding-top: 1rem;
            padding-bottom: 1.5rem
        }

        html[data-root=error] .error-root .app-error-page .error-title {
            font-size: 24px;
            line-height: 125%
        }

        html[data-root=error] .error-root .app-error-page .error-message {
            margin-top: 1rem
        }
    }
}

.icon[data-v-63b7e496] {
    display: inline-block;
    box-sizing: content-box;
    line-height: 0;
    vertical-align: middle;
    align-self: center;
    max-width: 100%
}

.icon[data-v-63b7e496]~* {
    vertical-align: middle
}

.icon>svg[data-v-63b7e496] {
    aspect-ratio: var(--0e3e5dbf);
    width: var(--6ff219f2);
    height: unset;
    max-height: 100%;
    object-fit: contain;
    display: inline-block
}

@layer legacy {
    .svg-icon[data-v-63b7e496] {
        fill: none;
        stroke: currentcolor
    }

    .svg-fill[data-v-63b7e496] {
        fill: currentcolor;
        stroke: none
    }
}

@layer legacy {
    .slider[data-v-5d992ef1] {
        animation-name: var(--1828e4b0);
        left: var(--0758d8aa);
        right: var(--e3157a10)
    }
}

@layer legacy {
    body:has(#EvoLoginApp) {
        --surface-background: #262a33;
        --page-background-image: var(--login-img-url-background);
        --logo-image: var(--login-img-url-logo-light);
        --input-border-color: #4b5563;
        --input-focus-color: rgb(var(--ui-primary-800) / 1);
        --input-text-color: #e5e7eb;
        --input-placeholder-color: #9ca3af
    }

    body:has(#EvoLoginApp) {
        background-image: var(--page-background-image);
        background-size: cover;
        background-repeat: no-repeat;
        font-family: Montserrat, sans-serif;
        margin: 0;
        padding: 0;
        overflow: hidden
    }

    #EvoLoginApp .Overlay {
        width: 100vw;
        min-height: 100vh;
        overflow: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    @media (min-width: 768px) {
        #EvoLoginApp .Overlay {
            width: auto;
            height: 100vh;
            min-height: auto
        }
    }

    #EvoLoginApp .Overlay .TrialBox {
        background: #0083b4;
        color: #fff;
        align-self: stretch;
        text-align: center;
        padding: .25rem 0;
        font-size: .85rem
    }

    #EvoLoginApp .Overlay .Wrapper {
        background: var(--surface-background);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
        padding: 15px;
        padding-top: 6rem;
        box-sizing: border-box;
        width: 100vw;
        height: 100vh;
        margin: 0
    }

    @media (min-width: 768px) {
        #EvoLoginApp .Overlay .Wrapper {
            zoom: .8;
            border-radius: 40px;
            width: auto;
            height: auto;
            padding: 37px 54px
        }
    }

    #EvoLoginApp .LanguageDropdown {
        position: relative;
        margin-left: 3rem;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    #EvoLoginApp .LanguageDropdown * {
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    #EvoLoginApp .LanguageDropdown .LD__Button {
        cursor: pointer;
        display: flex;
        align-items: center
    }

    #EvoLoginApp .LanguageDropdown .LD__Button .LD_Text {
        margin-left: .5rem;
        color: #fff;
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: .5px
    }

    #EvoLoginApp .LanguageDropdown .LD_Dropdown {
        position: absolute;
        z-index: 39;
        top: calc(100% + 5px);
        right: -1.5rem;
        min-width: 30rem;
        max-width: 36rem;
        max-height: calc(100vh - 56px);
        display: flex;
        flex-flow: column nowrap;
        color: rgb(var(--ui-primary-500) / 1);
        background: var(--surface-background);
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        border: 1px solid rgb(var(--ui-primary-500) / 1);
        overflow-y: auto
    }

    @media not all and (min-width: 480px) {
        #EvoLoginApp .LanguageDropdown .LD_Dropdown {
            position: fixed;
            inset: 89px 0 0;
            overflow: auto;
            max-height: unset;
            border-radius: 0;
            border: 0px none;
            z-index: 4
        }
    }

    #EvoLoginApp .LanguageDropdown .LD_Dropdown .LD__Dropdown__Item {
        display: block;
        text-align: left;
        min-height: 40px;
        line-height: 40px;
        padding: 0 1.5rem;
        font-size: 14px;
        font-weight: 500;
        white-space: nowrap;
        text-transform: capitalize;
        text-overflow: ellipsis;
        overflow-x: hidden;
        cursor: pointer
    }

    #EvoLoginApp .LanguageDropdown .LD_Dropdown .LD__Dropdown__Item.--current {
        color: rgb(var(--ui-primary-500) / 1);
        background-color: rgb(var(--ui-primary-500) / 20%)
    }

    #EvoLoginApp .LanguageDropdown .LD_Dropdown .LD__Dropdown__Item:hover {
        background-color: rgb(var(--ui-primary-500) / 10%);
        color: rgb(var(--ui-primary-500) / 1)
    }

    #EvoLoginApp .LanguageDropdown .LD_Dropdown .LD__Dropdown__Item:first-child {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }

    #EvoLoginApp .LegacyLicense {
        display: flex;
        position: fixed;
        left: 0;
        bottom: 0;
        right: 0;
        background: #ffffff26;
        align-items: center;
        justify-content: center;
        gap: 1rem;
        padding: .5rem 1.5rem;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: .5px;
        cursor: pointer;
        box-shadow: 0 0 2px #00000032;
        transition: all .3s ease;
        border-radius: 0;
        color: #eee
    }

    @media not all and (min-width: 768px) {
        #EvoLoginApp .LegacyLicense {
            display: none
        }
    }

    #EvoLoginApp .LegacyLicense:hover {
        background: #fff;
        color: rgb(var(--ui-primary-700) / 1)
    }

    #EvoLoginApp .LegacyLicense .info-icon {
        width: 20px;
        aspect-ratio: 1;
        flex-shrink: 0
    }

    #EvoLoginApp .Toolbar {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        display: flex;
        align-items: center;
        background: rgb(var(--ui-primary-700) / 1);
        padding: 1rem 1.5rem;
        justify-content: space-between;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        min-height: 3rem
    }

    @media (min-width: 768px) {
        #EvoLoginApp .Toolbar {
            background: transparent;
            padding: 2rem 3.5rem;
            justify-content: flex-end
        }
    }

    #EvoLoginApp .DateTimeBlock {
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        position: absolute;
        top: 100%;
        right: 0;
        left: 0;
        text-align: center;
        padding: 20px;
        color: #fff;
        font-size: 13px;
        font-weight: 500;
        letter-spacing: .5px
    }

    @media not all and (min-width: 768px) {
        #EvoLoginApp .DateTimeBlock {
            color: rgb(var(--ui-primary-600) / 1);
            top: unset;
            bottom: 0
        }
    }

    #EvoLoginApp .ModeToggle {
        display: flex;
        position: relative;
        margin: 10px;
        border-radius: 50px
    }

    #EvoLoginApp .ModeToggle .label {
        padding: 6px;
        border-radius: 50%;
        display: inline-block;
        z-index: 2;
        position: relative;
        cursor: pointer;
        background: var(--primary-a-60)
    }

    #EvoLoginApp .ModeToggle .label:hover {
        background-color: #ffffff1a
    }

    #EvoLoginApp .ModeToggle .label.--active {
        background: none
    }

    #EvoLoginApp .ModeToggle .label:not(:last-child) {
        margin-right: 12px
    }

    #EvoLoginApp .ModeToggle .label .tooltip {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        padding: 10px 20px;
        border-radius: 50px;
        white-space: nowrap;
        margin-top: 10px;
        background: #fff;
        box-shadow: 0 0 10px 1px #a7b2c426;
        box-shadow: 0 1px 1px #000000bf, 0 1px #ffffffbf;
        color: #1d293b;
        font-weight: 500;
        letter-spacing: .5px;
        font-size: 13px;
        transform: translate(-50%)
    }

    #EvoLoginApp .ModeToggle .label:hover .tooltip {
        display: block
    }

    #EvoLoginApp .ModeToggle>.track {
        position: absolute;
        z-index: 0;
        height: 10px;
        box-shadow: inset 0 1px 1px #00000080, 0 1px #fff3;
        top: calc(50% - 5px);
        left: 12px;
        right: 12px;
        border-radius: 10px
    }

    #EvoLoginApp .ModeToggle>.slider {
        position: absolute;
        display: block;
        width: 36px;
        height: 36px;
        border-radius: 36px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1;
        will-change: transform;
        transition: all .3s cubic-bezier(.4, 0, .2, 1);
        box-shadow: 0 1px 1px #000000bf, 0 1px #ffffffbf;
        background: var(--primary-l-15);
        animation-duration: .3s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards
    }

    @media (prefers-reduced-motion: reduce) {
        #EvoLoginApp .ModeToggle>.slider {
            animation-duration: 0s
        }
    }

    @keyframes move-left-center {
        0% {
            width: 36px;
            left: 0;
            right: 96px
        }

        50% {
            width: 84px;
            left: 0;
            right: 48px
        }

        to {
            width: 36px;
            left: 48px;
            right: 48px
        }
    }

    @keyframes move-left-right {
        0% {
            width: 36px;
            left: 0;
            right: 96px
        }

        50% {
            width: 132px;
            left: 0;
            right: 0
        }

        to {
            width: 36px;
            left: 96px;
            right: 0
        }
    }

    @keyframes move-center-left {
        0% {
            width: 36px;
            right: 48px;
            left: 48px
        }

        50% {
            width: 84px;
            right: 48px;
            left: 0
        }

        to {
            width: 36px;
            right: 96px;
            left: 0
        }
    }

    @keyframes move-center-right {
        0% {
            width: 36px;
            left: 48px;
            right: 48px
        }

        50% {
            width: 84px;
            left: 48px;
            right: 0
        }

        to {
            width: 36px;
            left: 96px;
            right: 0
        }
    }

    @keyframes move-right-center {
        0% {
            width: 36px;
            left: 96px;
            right: 0
        }

        50% {
            width: 84px;
            left: 48px;
            right: 0
        }

        to {
            width: 36px;
            left: 48px;
            right: 96px
        }
    }

    @keyframes move-right-left {
        0% {
            width: 36px;
            left: 96px;
            right: 0
        }

        50% {
            width: 132px;
            left: 0;
            right: 0
        }

        to {
            width: 36px;
            left: 0;
            right: 96px
        }
    }

    #EvoLoginApp .Message {
        overflow-wrap: break-word;
        font-size: 18px;
        text-align: center;
        line-height: 40px;
        font-weight: 500;
        margin: 0;
        padding: 30px
    }

    @media not all and (min-width: 768px) {
        #EvoLoginApp .Message {
            font-size: 15px;
            line-height: 24px
        }
    }

    #EvoLoginApp .Link {
        text-decoration: none;
        font-weight: 500;
        font-size: 16px;
        line-height: 40px;
        text-align: center;
        letter-spacing: .428571px;
        color: rgb(var(--ui-primary-500) / 1);
        margin-top: 14px;
        display: block
    }

    #EvoLoginApp .Button {
        margin-top: 28px;
        background-color: rgb(var(--ui-primary-500) / 1);
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        display: inline-block;
        vertical-align: top;
        border: none;
        -webkit-font-smoothing: antialiased;
        cursor: pointer;
        white-space: nowrap;
        text-decoration: none;
        border-radius: 10px;
        color: #fff;
        font-weight: 500;
        font-size: 20px;
        line-height: 40px;
        letter-spacing: .428571px;
        padding: 20px;
        text-align: center
    }

    #EvoLoginApp .Box {
        min-width: 480px;
        max-width: 700px
    }

    @media not all and (min-width: 768px) {
        #EvoLoginApp .Box {
            min-width: 80vw;
            max-width: 80vw;
            width: 100%;
            margin-top: 0;
            margin-bottom: 0
        }
    }

    #EvoLoginApp .Box .Box__Header {
        margin-bottom: 14px;
        height: 150px;
        width: 80%;
        margin-left: 10%;
        background: var(--logo-image);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 50% 50%
    }

    @media not all and (min-width: 768px) {
        #EvoLoginApp .Box .Box__Header {
            border-radius: 0
        }
    }

    #EvoLoginApp .Box .Box__Form {
        background: var(--surface-background);
        display: flex;
        flex-direction: column;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px
    }

    @media not all and (min-width: 768px) {
        #EvoLoginApp .Box .Box__Form {
            background: transparent;
            border-radius: 0;
            flex-grow: 1;
            justify-content: center
        }
    }

    #EvoLoginApp .Input {
        position: relative;
        display: flex;
        margin-top: 6px;
        min-width: 500px
    }

    @media not all and (min-width: 768px) {
        #EvoLoginApp .Input {
            min-width: unset
        }
    }

    #EvoLoginApp .Input.--align-right {
        justify-content: flex-end
    }

    #EvoLoginApp .Input> :is(input[type=text], input[type=password]) {
        border: 1px solid var(--input-border-color);
        border-radius: 10px;
        padding: 15px 19px;
        font-size: 18px;
        line-height: 40px;
        letter-spacing: .428571px;
        color: var(--input-text-color);
        font-weight: 500;
        flex-grow: 1;
        height: unset !important;
        background-color: var(--surface-background)
    }

    @media not all and (min-width: 768px) {
        #EvoLoginApp .Input> :is(input[type=text], input[type=password]) {
            font-size: 16px
        }
    }

    #EvoLoginApp .Input> :is(input[type=text], input[type=password]):focus {
        outline: 1px solid var(--input-focus-color)
    }

    #EvoLoginApp .Input> :is(input[type=text], input[type=password])::-moz-placeholder {
        font-weight: 400;
        font-size: 18px;
        line-height: 40px;
        letter-spacing: .428571px;
        color: var(--input-placeholder-color);
        -moz-transition: color .3s ease;
        transition: color .3s ease
    }

    #EvoLoginApp .Input> :is(input[type=text], input[type=password])::placeholder {
        font-weight: 400;
        font-size: 18px;
        line-height: 40px;
        letter-spacing: .428571px;
        color: var(--input-placeholder-color);
        transition: color .3s ease
    }

    @media not all and (min-width: 768px) {
        #EvoLoginApp .Input> :is(input[type=text], input[type=password])::-moz-placeholder {
            font-size: 16px
        }

        #EvoLoginApp .Input> :is(input[type=text], input[type=password])::placeholder {
            font-size: 16px
        }
    }

    #EvoLoginApp .Input> :is(input[type=text], input[type=password]).error:focus {
        background-color: rgb(var(--ui-danger-500) / 5%)
    }

    #EvoLoginApp .Input> :is(input[type=text], input[type=password]).error::-moz-placeholder {
        color: rgb(var(--ui-danger-700) / 1)
    }

    #EvoLoginApp .Input> :is(input[type=text], input[type=password]).error::placeholder {
        color: rgb(var(--ui-danger-700) / 1)
    }

    #EvoLoginApp .Input>.Input__Icon {
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        top: 0;
        right: 25px;
        bottom: 0
    }

    #EvoLoginApp .Input>.Input__Icon.hoverable {
        cursor: pointer;
        will-change: transform;
        transition: transform .3s ease-in-out
    }

    #EvoLoginApp .Input>.Input__Icon.hoverable:hover {
        transform: scale(1.25)
    }

    #EvoLoginApp .InputLabel {
        font-weight: 500;
        font-size: 20px;
        line-height: 40px;
        letter-spacing: .428571px;
        color: #b5b5b5;
        max-width: 500px
    }

    #EvoLoginApp .InputLabel:not(:first-child) {
        margin-top: 24px
    }

    #EvoLoginApp .InputHint {
        font-weight: 400;
        font-size: 16px;
        line-height: 35px;
        letter-spacing: .428571px;
        color: #697388;
        padding: 10px 0
    }

    #EvoLoginApp .InputHint.--error {
        color: rgb(var(--ui-danger-500) / 1)
    }

    #EvoLoginApp .Input>.Input__Checkbox {
        display: flex;
        align-items: center
    }

    #EvoLoginApp .Input>.Input__Checkbox>.Input__Icon {
        position: relative;
        top: unset;
        right: unset;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 16px;
        height: 16px;
        border-radius: 1px;
        border: 1px solid var(--input-border-color);
        color: var(--input-text-color);
        margin-right: 10px
    }
}

@layer util {
    .m\:top\:30 {
        margin-top: 30px
    }

    .m\:top\:10 {
        margin-top: 10px
    }

    .m\:top\:22 {
        margin-top: 22px
    }
}

.material-icons {
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga"
}

body[data-root=app] .check-group {
    display: inline-block;
    width: auto
}

body[data-root=app] .check-group.--isOpen .check-group-button {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-width: 0px
}

body[data-root=app] .check-group-dropdown {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    border: 1px solid var(--legacy-color-border);
    background: #fff;
    z-index: 5;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    min-width: 100%
}

body[data-root=app] .check-group-dropdown>* {
    padding: .5rem;
    width: 100%;
    white-space: nowrap
}

body[data-root=app] .check-group-dropdown>* :hover {
    background-color: rgb(var(--ui-primary-500));
    color: var(--legacy-color-light)
}

body[data-root=app] .check-group-dropdown .check-group-item {
    display: flex;
    flex-flow: row nowrap;
    white-space: nowrap;
    align-items: center;
    margin: 0 !important
}

body[data-root=app] .check-group-dropdown .check-group-item>* {
    margin: 0 .5rem
}

body[data-root=app] .check-group-dropdown .select-all-checkbox {
    border-bottom: 1px solid var(--legacy-color-border);
    color: rgb(var(--ui-layout-color-500))
}

@layer legacy {
    body[data-root=app] .input-checkbox {
        display: flex;
        align-items: center;
        cursor: pointer;
        margin-right: 18px
    }

    body[data-root=app] .input-checkbox .input-checkbox-control {
        display: flex;
        width: 1.5rem;
        height: 1.5rem;
        border: 1px solid #848da0;
        justify-content: center;
        align-items: center;
        padding: 7px
    }

    body[data-root=app] .input-checkbox .input-checkbox-control .icon {
        position: relative;
        min-width: 16px;
        min-height: 16px
    }

    body[data-root=app] .input-checkbox .input-checkbox-control:hover {
        border-color: rgb(var(--ui-primary-600) / 1) !important
    }

    body[data-root=app] .input-checkbox .input-checkbox-control:focus {
        box-shadow: 0 0 0 2px rgb(var(--ui-primary-500) / 1)
    }

    body[data-root=app] .input-checkbox .input-checkbox-label {
        margin-inline-start: 1rem;
        text-align: start
    }

    body[data-root=app] .input-checkbox.--inverted .input-checkbox-control {
        order: 1
    }

    body[data-root=app] .input-checkbox.--inverted .input-checkbox-label {
        order: 0;
        margin-inline-start: 0;
        margin-inline-end: 1rem
    }

    body[data-root=app].-refreshed-layout .input-checkbox {
        min-height: 35px
    }

    body[data-root=app].-refreshed-layout .input-checkbox .input-checkbox-control {
        border-radius: 4px
    }

    body[data-root=app].-refreshed-layout .input-checkbox .input-checkbox-control .icon {
        min-width: 12px;
        min-height: 12px
    }

    body[data-root=app].-refreshed-layout .input-checkbox .input-checkbox-control .icon>svg {
        position: static
    }

    body[data-root=app].-refreshed-layout .input-checkbox .input-checkbox-label {
        font-family: Montserrat;
        font-weight: 400;
        font-size: 13px;
        line-height: 20px;
        letter-spacing: .428571px;
        color: #697388
    }

    body[data-root=app].-refreshed-layout .input-checkbox.--checked .input-checkbox-control {
        border-color: rgb(var(--ui-primary-500) / 1);
        background: rgb(var(--ui-primary-500) / 1);
        transition: all .3s ease
    }
}

@layer legacy {
    html.vue-app.root\:app {
        --dp-font-family: "Montserrat", sans-serif;
        --dp-border-radius: 4px;
        --dp-cell-border-radius: 4px;
        --dp-common-transition: all .1s ease-in;
        --dp-button-height: 35px;
        --dp-month-year-row-height: 35px;
        --dp-month-year-row-button-size: 35px;
        --dp-button-icon-height: 20px;
        --dp-cell-size: 35px;
        --dp-cell-padding: 5px;
        --dp-common-padding: 10px;
        --dp-input-icon-padding: 35px;
        --dp-input-padding: 6px 30px 6px 12px;
        --dp-menu-min-width: 260px;
        --dp-action-buttons-padding: 2px 5px;
        --dp-row-maring: 5px 0;
        --dp-calendar-header-cell-padding: .5rem;
        --dp-two-calendars-spacing: 10px;
        --dp-overlay-col-padding: 3px;
        --dp-time-inc-dec-button-size: 32px;
        --dp-menu-padding: 6px 8px;
        --dp-font-size: 1.2rem;
        --dp-preview-font-size: 1.1rem;
        --dp-time-font-size: 1.1rem;
        --dp-animation-duration: .1s;
        --dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);
        --dp-transition-timing: ease-out
    }

    html.vue-app.root\:app .dp__calendar_header_item {
        overflow: hidden
    }

    html.vue-app.root\:app .dp__theme_dark {
        --dp-background-color: var(--dark-mode-bg);
        --dp-text-color: #ffffff;
        --dp-hover-color: #484848;
        --dp-hover-text-color: #ffffff;
        --dp-hover-icon-color: #959595;
        --dp-primary-color: rgb(var(--ui-primary-500));
        --dp-primary-text-color: #ffffff;
        --dp-secondary-color: #a9a9a9;
        --dp-border-color: #2d2d2d;
        --dp-menu-border-color: #2d2d2d;
        --dp-border-color-hover: #aaaeb7;
        --dp-disabled-color: #737373;
        --dp-scroll-bar-background: #212121;
        --dp-scroll-bar-color: #484848;
        --dp-success-color: rgb(var(--ui-safe-500));
        --dp-success-color-disabled: rgb(var(--ui-safe-800));
        --dp-icon-color: #959595;
        --dp-danger-color: rgb(var(--ui-danger-500));
        --dp-highlight-color: rgba(0, 92, 178, .2)
    }

    html.vue-app.root\:app .dp__theme_light {
        --dp-background-color: #ffffff;
        --dp-text-color: #212121;
        --dp-hover-color: #f3f3f3;
        --dp-hover-text-color: #212121;
        --dp-hover-icon-color: #959595;
        --dp-primary-color: rgb(var(--ui-primary-500));
        --dp-primary-text-color: #f8f5f5;
        --dp-secondary-color: #c0c4cc;
        --dp-border-color: #ddd;
        --dp-menu-border-color: #ddd;
        --dp-border-color-hover: #aaaeb7;
        --dp-disabled-color: #f6f6f6;
        --dp-scroll-bar-background: #f3f3f3;
        --dp-scroll-bar-color: #959595;
        --dp-success-color: rgb(var(--ui-safe-500));
        --dp-success-color-disabled: rgb(var(--ui-safe-300));
        --dp-icon-color: #959595;
        --dp-danger-color: rgb(var(--ui-danger-500));
        --dp-highlight-color: rgba(25, 118, 210, .1)
    }
}

@layer legacy {
    .dropzone {
        background: var(--legacy-color-gray2);
        border: 2px dashed var(--legacy-color-border);
        transition-property: background, border
    }

    .dropzone.-is-allowUpload.-has-dragStarted {
        background: rgb(var(--ui-primary-500) /.1);
        border-color: rgb(var(--ui-primary-500))
    }

    .dropzone.-is-allowUpload.-has-dragOver {
        background: rgb(var(--ui-safe-100));
        border-color: rgb(var(--ui-safe-500))
    }

    .dropzone.-has-dragOver:not(.-is-allowUpload) {
        cursor: no-drop
    }

    .dropzone-link:hover {
        background: rgb(var(--ui-primary-500)/.1)
    }

    .dropzone.-is-small .dropzone-inner {
        min-height: 7rem
    }

    .dropzone.-is-normal .dropzone-inner {
        min-height: 16rem
    }

    .dropzone.-is-big .dropzone-inner {
        min-height: 24rem
    }
}

@layer legacy {
    .inputPassword .inputGroup-input {
        position: relative
    }

    html.vue-app.dir\:rtl .inputPassword .inputGroup-input {
        direction: ltr
    }

    html.vue-app.dir\:rtl .inputPassword .inputGroup-input .input-password {
        direction: rtl
    }

    .inputPassword .inputGroup-input .loader-padding {
        padding-right: 50px
    }

    .inputPassword .inputGroup-input .rtl-loader-padding {
        padding-left: 50px
    }

    .inputPassword .inputGroup-input .input-loading-icon {
        position: absolute;
        display: flex;
        align-items: center;
        top: 0;
        right: 15px;
        bottom: 0;
        z-index: 30
    }

    html.vue-app.dir\:rtl .inputPassword .inputGroup-input .input-loading-icon {
        width: 50px;
        right: 0;
        left: 15px
    }
}

@layer legacy {
    body[data-root=app] .input-radio {
        display: flex;
        align-items: center;
        cursor: pointer;
        padding: 0 18px
    }

    body[data-root=app] .input-radio .hint {
        color: #0000008a
    }

    body[data-root=app] .input-radio .input-radio-label {
        margin-inline-start: 1rem;
        text-align: start
    }

    body[data-root=app] .input-radio.--inverted .input-radio-control {
        order: 1
    }

    body[data-root=app] .input-radio.--inverted .input-radio-label {
        order: 0;
        margin-inline-start: 0;
        margin-inline-end: 1rem
    }

    body[data-root=app].-refreshed-layout .input-radio {
        min-height: 35px
    }

    body[data-root=app].-refreshed-layout .input-radio .input-radio-label {
        font-family: Montserrat;
        font-weight: 400;
        font-size: 13px;
        line-height: 20px;
        letter-spacing: .428571px;
        color: #697388
    }
}

@layer legacy {
    .SelectMultiple>.Header {
        padding: 1rem 1.5rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border: 1px solid var(--legacy-color-border);
        border-bottom-width: 0;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }

    .SelectMultiple>.Header>.Search {
        flex-grow: 0
    }

    .SelectMultiple>.OptionsList {
        overflow-y: auto;
        border: 1px solid var(--legacy-color-border);
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        min-height: 9rem;
        box-sizing: content-box
    }

    .SelectMultiple>.OptionsList .ListItem {
        display: flex;
        align-items: center;
        height: 3rem;
        padding: 0 1.5rem;
        cursor: pointer
    }

    .SelectMultiple>.OptionsList .ListItem>.inputCheck {
        margin-right: 1rem
    }

    .SelectMultiple>.OptionsList .ListItem:not(:last-child) {
        border-bottom: 1px solid rgb(var(--ui-neutral-500)/.1)
    }

    .SelectMultiple>.OptionsList .ListItem.--selected {
        background: rgb(var(--ui-primary-500)/.4)
    }

    .SelectMultiple>.OptionsList .ListItem:hover {
        background: rgb(var(--ui-primary-500))
    }

    .SelectMultiple>.OptionsList>.NoResults {
        width: 100%;
        height: 9rem;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 600
    }

    .SelectMultiple>.OptionsList.-has-groups .ListItem:not(.--group-header) {
        padding-left: 3rem
    }

    .SelectMultiple>.OptionsList.-has-groups .ListItem:not(.--group-header)>label {
        font-weight: 400
    }
}

@layer legacy {
    body[data-root=app] .inputGroup.inputGroup-Select {
        width: 100%;
        min-width: unset
    }

    body[data-root=app] .inputGroup.inputGroup-Select .inputGroup-slotWrap.grow {
        max-width: 100%
    }

    body[data-root=app] .Select {
        max-width: 100%;
        flex-grow: 1
    }

    body[data-root=app] .Select .Select__Button {
        text-align: left;
        position: relative;
        color: var(--legacy-color-content);
        height: 3.5rem;
        padding: 0 1.5rem;
        background: #fff;
        border: 1px solid var(--legacy-color-border);
        font-family: Open Sans, Tahoma, sans-serif;
        font-size: 1.2rem;
        display: flex;
        border-radius: 4px;
        align-items: center;
        width: 100%
    }

    body[data-root=app] .Select .Select__Button:focus {
        border: 1px solid var(--legacy-color-border);
        box-shadow: unset
    }

    body[data-root=app] .Select .Select__Button:hover {
        border-color: var(--primary)
    }

    body[data-root=app] .Select .Select__Button .Select__Button__Label {
        flex-grow: 1;
        padding-right: 1rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    body[data-root=app] .Select .Select__Button .Select__Button__Label:dir(rtl) {
        direction: rtl;
        text-align: right;
        padding-left: 0;
        padding-right: 1rem
    }

    body[data-root=app] .Select .Select__Button .Select__Button__Search {
        margin-left: -1.5rem;
        border: 1px solid transparent;
        height: 3rem !important;
        flex-grow: 1;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        width: 100%
    }

    body[data-root=app] .Select .Select__Button .Select__Button__Search:focus {
        box-shadow: unset;
        border-color: transparent
    }

    @media not all and (min-width: 1024px) {
        body[data-root=app] .Select .Select__Button {
            height: 3.5rem
        }
    }

    body[data-root=app] .Select.-is-open {
        border-radius: 4px
    }

    body[data-root=app] .Select.-is-open.-placement-bottom .Select__Button,
    body[data-root=app] .Select.-is-open.-placement-bottom-left .Select__Button,
    body[data-root=app] .Select.-is-open.-placement-bottom-right .Select__Button {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-width: 0px;
        border-color: rgb(var(--ui-primary-600) / 1) !important
    }

    body[data-root=app] .Select.-is-open.-placement-top .Select__Button,
    body[data-root=app] .Select.-is-open.-placement-top-left .Select__Button,
    body[data-root=app] .Select.-is-open.-placement-top-right .Select__Button {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-top-width: 0px;
        border-color: rgb(var(--ui-primary-600) / 1) !important
    }

    body[data-root=app] .Select__Dropdown__Items {
        border: 1px solid rgb(var(--ui-primary-600) / 1);
        background: #fff;
        overflow-y: auto;
        overflow-x: hidden;
        box-sizing: content-box !important
    }

    body[data-root=app] .Select__Dropdown__Items .Select__Dropdown__Items__Item {
        display: block;
        padding: 0 1.5rem;
        line-height: 3rem;
        text-align: left;
        cursor: pointer;
        overflow-x: hidden;
        width: 100%;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    body[data-root=app] .Select__Dropdown__Items .Select__Dropdown__Items__Item.--focused {
        background: rgb(var(--ui-primary-500));
        color: #fff
    }

    body[data-root=app] .Select__Dropdown__Items .Select__Dropdown__Items__Item.--disabled {
        background: var(--legacy-color-gray2);
        pointer-events: disabled;
        opacity: .7
    }

    body[data-root=app] .Select__Dropdown__Items .Select__Dropdown__Items__Item:dir(rtl) {
        text-align: right;
        direction: rtl
    }

    body[data-root=app] .Select__Dropdown__Items.-placement-bottom,
    body[data-root=app] .Select__Dropdown__Items.-placement-bottom-left,
    body[data-root=app] .Select__Dropdown__Items.-placement-bottom-right {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px
    }

    body[data-root=app] .Select__Dropdown__Items.-placement-top,
    body[data-root=app] .Select__Dropdown__Items.-placement-top-left,
    body[data-root=app] .Select__Dropdown__Items.-placement-top-right {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }
}

@layer legacy {
    .inputText.inputGroup .inputGroup-input {
        position: relative
    }

    html.vue-app.dir\:rtl .inputText.inputGroup .inputGroup-input {
        direction: ltr
    }

    html.vue-app.dir\:rtl .inputText.inputGroup .inputGroup-input .input-text {
        direction: rtl
    }

    .inputText.inputGroup .inputGroup-input .loader-padding {
        padding-right: 50px
    }

    .inputText.inputGroup .inputGroup-input .rtl-loader-padding {
        padding-left: 50px
    }

    .inputText.inputGroup .inputGroup-input .input-loading-icon {
        position: absolute;
        display: flex;
        align-items: center;
        top: 0;
        right: 15px;
        bottom: 0;
        z-index: 30
    }

    html.vue-app.dir\:rtl .inputText.inputGroup .inputGroup-input .input-loading-icon {
        width: 50px;
        right: 0;
        left: 15px
    }
}

@layer legacy {

    textarea:hover,
    textarea:focus {
        border-color: rgb(var(--ui-primary-600) / 1) !important
    }
}

.ui-actions>.actions-container a {
    color: var(--legacy-color-light);
    border-color: #4b5563;
    white-space: nowrap;
    font-size: 11px;
    font-weight: 500;
    padding: .5rem 1.5rem;
    border-radius: 4px;
    transition-duration: 75ms
}

.ui-actions>.actions-container a:hover {
    opacity: 1;
    background: #030712
}

.ui-actions>.actions-container a:focus {
    border-width: 0;
    border-bottom-width: 1px
}

@layer legacy {
    .ui-api-table .r-table.-is-blurred[data-v-a20cf3b0] {
        filter: blur(2px);
        opacity: .5;
        pointer-events: none
    }
}

@layer elements {
    .badge {
        background: var(--bg, rgb(var(--ui-primary-50) / 1));
        color: var(--text, rgb(var(--ui-primary-400) / 1));
        border-color: var(--border, rgb(var(--ui-primary-400) / 1))
    }

    .badge.-size-big {
        padding: 0 1rem
    }

    .badge.-size-big .badge-inner {
        height: 3.3rem
    }

    .badge.-size-normal .badge-inner {
        min-height: 1.4rem
    }

    .badge.-size-normal,
    .badge.-size-small {
        padding: .5rem
    }

    .badge .badge-text {
        margin-bottom: -2px
    }
}

@layer legacy {
    body[data-root=app] .button {
        display: inline-block;
        position: relative;
        height: var(--height, auto);
        min-width: 0;
        margin: 0;
        padding: 0 var(--padding-h, 0);
        background: var(--bg, none);
        color: var(--color, inherit);
        border: 1px solid var(--border-color, transparent);
        border-radius: 4px;
        font-family: Open Sans, Tahoma, sans-serif;
        font-size: 1.2rem;
        font-weight: inherit;
        line-height: inherit;
        text-transform: none;
        text-decoration: none;
        text-align: left;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        transition-property: color, background, opacity, border, filter;
        box-shadow: inset 0 -2px var(--shadow-color)
    }

    body[data-root=app] .button:hover {
        opacity: .75
    }

    body[data-root=app] .button:active,
    body[data-root=app] .button:active:hover {
        opacity: 1;
        transition-duration: 60ms
    }

    body[data-root=app] .button:disabled,
    body[data-root=app] .button.-is-disabled {
        filter: grayscale(.5);
        opacity: .75 !important;
        cursor: default;
        transition-duration: 0ms
    }

    body[data-root=app] .button:active,
    body[data-root=app] .button:focus {
        position: relative;
        z-index: 1;
        box-shadow: 0 0 0 2px var(--primary)
    }

    body[data-root=app] .button.-theme-primary {
        --color: #ffffff;
        --bg: rgb(var(--ui-primary-500) / 1);
        --shadow-color: rgb(var(--ui-primary-600) / 1)
    }

    body[data-root=app] .button.-theme-safe {
        --color: #ffffff;
        --bg: rgb(var(--ui-safe-500) / 1);
        --shadow-color: rgb(var(--ui-safe-600) / 1)
    }

    body[data-root=app] .button.-theme-danger {
        --color: #ffffff;
        --bg: rgb(var(--ui-danger-500) / 1);
        --shadow-color: rgb(var(--ui-danger-600) / 1)
    }

    body[data-root=app] .button.-theme-neutral {
        --color: #ffffff;
        --bg: rgb(var(--ui-neutral-500) / 1);
        --shadow-color: rgb(var(--ui-neutral-600) / 1)
    }

    body[data-root=app] .button.-theme-dark {
        --color: #ffffff;
        --bg: var(--legacy-color-content);
        --border-color: #ffffff;
        --shadow-color: var(--legacy-color-content)
    }

    body[data-root=app] .button.-theme-light {
        --color: var(--legacy-color-content);
        --bg: #ffffff;
        --border-color: var(--legacy-color-border);
        --shadow-color: #f9fafb
    }

    body[data-root=app] .button.-size-big {
        --height: 3.5rem;
        --padding-h: 1.5rem;
        --icon-only-size: 18px;
        min-width: 8rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .2px
    }

    body[data-root=app] .button.-size-normal {
        --height: 3.5rem;
        --padding-h: 1.5rem;
        --icon-only-size: 14px
    }

    body[data-root=app] .button.-size-small {
        --height: 2.6rem;
        --padding-h: 1rem;
        --icon-only-size: 12px;
        line-height: 2.6rem;
        font-weight: 400
    }

    body[data-root=app] .button .button-inner {
        height: 100%;
        flex-direction: row-reverse
    }

    body[data-root=app] .button .button-inner>* {
        display: inline-block;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis
    }

    body[data-root=app] .button .button-inner>*>.icon {
        padding: .1rem
    }

    body[data-root=app] .button .button-inner .icon-slot {
        margin-right: .5rem
    }

    body[data-root=app] .button .button-inner .label-slot:empty+.icon-slot {
        margin-right: 0
    }

    body[data-root=app] .button .button-inner .label-slot:empty+.icon-slot .icon>svg {
        width: var(--icon-only-size) !important;
        height: var(--icon-only-size) !important
    }
}

html.vue-app[data-device=mobile] body[data-root=app] .button.-size-big,
html.vue-app[data-device=mobile] body[data-root=app] .button.-size-normal,
html.vue-app[data-device=mobile] body[data-root=app] .button.-size-small {
    --height: 3.5rem
}

html.vue-app[data-dir=rtl] body[data-root=app] .button .button-inner {
    flex-direction: row
}

@layer legacy {
    html.vue-app.root\:app .ui-card {
        padding: 30px;
        border-radius: 8px;
        overflow-x: auto;
        flex-grow: 1;
        margin-bottom: 1rem;
        background: var(--legacy-color-light);
        border: 1px solid var(--legacy-color-border);
        box-shadow: 0 1px 2px var(--legacy-color-shadow);
        line-height: 2
    }

    html.vue-app.root\:app.mode\:dark .ui-card {
        background: var(--dark-mode-bg)
    }

    html.vue-app.root\:app .ui-card.--has-buttons .ui-card-content {
        border-bottom: .8px solid var(--legacy-color-border)
    }

    html.vue-app.root\:app .ui-card .ui-card-buttons {
        display: flex;
        justify-content: flex-end;
        padding: .5rem 1.5rem
    }
}

@layer legacy {
    body[data-root=app] .formElement[data-orthogonal=vertical] {
        >div>.formElement-title {
            padding-bottom: .5rem
        }

        >div {
            flex-wrap: wrap
        }

        >div>label {
            width: 100%
        }

        #ui-tooltip {
            margin-left: 0;
            margin-right: 0
        }
    }

    @media not all and (min-width: 1024px) {
        body[data-root=app] .formElement[data-orthogonal=vertical-on-phone] {
            >div>.formElement-title {
                padding-bottom: .5rem
            }

            >div {
                flex-wrap: wrap
            }

            >div>label {
                width: 100%
            }

            #ui-tooltip {
                margin-left: 0;
                margin-right: 0
            }
        }
    }

    @media (min-width: 1024px) {
        body[data-root=app] .formElement[data-orthogonal=vertical-on-phone] {
            width: 100%;

            &[data-underline=true] {
                border-bottom: 1px solid var(--legacy-color-border-light)
            }

            :root[data-mode=dark] &[data-underline=true] {
                border-bottom-color: var(--dark-mode-border)
            }

            >div {
                flex-wrap: nowrap
            }

            #ui-tooltip {
                margin-left: 2rem;
                margin-right: 2rem
            }
        }
    }

    body[data-root=app] .formElement[data-orthogonal=horizontal] {
        width: 100%;

        &[data-underline=true] {
            border-bottom: 1px solid var(--legacy-color-border-light)
        }

        :root[data-mode=dark] &[data-underline=true] {
            border-bottom-color: var(--dark-mode-border)
        }

        >div {
            flex-wrap: nowrap
        }

        #ui-tooltip {
            margin-left: 2rem;
            margin-right: 2rem
        }
    }

    body[data-root=app] .formElement .formElement-content>* {
        flex-basis: 0;
        flex-grow: 1
    }

    body[data-root=app] .formElement .formElement-title {
        width: 30%;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    :root[data-mode=dark] body[data-root=app] .formElement .formElement-title {
        color: var(--dark-mode-content)
    }

    body[data-root=app] .formElement .formElement-title .tooltip {
        margin: 0 1rem
    }

    body[data-root=app]:has(#refreshedLayout) .formElement .formElement-title {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 13px;
        line-height: 20px;
        letter-spacing: .428571px;
        color: #1d293b
    }

    body[data-root=app]:has(#refreshedLayout) .formElement .formElement-content>* {
        flex-basis: 0;
        flex-grow: 1
    }
}

html[data-root=app] body[data-root=app] .formElement .validation-borders div.relative textarea[rows],
html[data-root=app] body[data-root=app] .formElement .validation-borders .dp__input_wrap input.dp__input,
html[data-root=app] body[data-root=app] .formElement .validation-borders .inputGroup-wrap .inputGroup-input .Select button.Select__Button,
html[data-root=app] body[data-root=app] .formElement .validation-borders .inputGroup-input input[type=text]:not(.Select__Button__Search) {
    border-color: rgb(var(--ui-danger-500))
}

html[data-root=app] body[data-root=app] .formElement .validation-borders div.relative textarea[rows]:focus,
html[data-root=app] body[data-root=app] .formElement .validation-borders div.relative textarea[rows]:hover,
html[data-root=app] body[data-root=app] .formElement .validation-borders .dp__input_wrap input.dp__input:focus,
html[data-root=app] body[data-root=app] .formElement .validation-borders .dp__input_wrap input.dp__input:hover,
html[data-root=app] body[data-root=app] .formElement .validation-borders .inputGroup-wrap .inputGroup-input .Select button.Select__Button:focus,
html[data-root=app] body[data-root=app] .formElement .validation-borders .inputGroup-wrap .inputGroup-input .Select button.Select__Button:hover,
html[data-root=app] body[data-root=app] .formElement .validation-borders .inputGroup-input input[type=text]:not(.Select__Button__Search):focus,
html[data-root=app] body[data-root=app] .formElement .validation-borders .inputGroup-input input[type=text]:not(.Select__Button__Search):hover {
    border-color: rgb(var(--ui-primary-600) / 1)
}

@layer legacy {
    .inputGroup {
        min-width: unset;
        width: auto;
        vertical-align: middle;
        flex-grow: 1
    }

    .inputGroup-wrap.inputGroup-wrap>* :not(input):not(.select):not(.inputGroup):not(.inputGroup-slotWrap) {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .inputGroup-wrap.inputGroup-wrap>.inputGroup-input.grow {
        display: flex;
        flex-grow: 1
    }

    .inputGroup-wrap.inputGroup-wrap>.inputGroup-input.grow>* {
        flex-grow: 1
    }

    .inputGroup-wrap.inputGroup-wrap>.inputGroup-input .Select__Button__Label {
        max-width: unset !important
    }

    html.vue-app.dir\:ltr .inputGroup .inputGroup-wrap.inputGroup-wrap>.inputGroup-input.inputGroup-slotWrap--hasLeft input[type=text],
    html.vue-app.dir\:ltr .inputGroup .inputGroup-wrap.inputGroup-wrap>.inputGroup-input.inputGroup-slotWrap--hasLeft input[type=password],
    html.vue-app.dir\:ltr .inputGroup .inputGroup-wrap.inputGroup-wrap>.inputGroup-input.inputGroup-slotWrap--hasLeft .Select__Button,
    html.vue-app.dir\:ltr .inputGroup .inputGroup-wrap.inputGroup-wrap>.inputGroup-input.inputGroup-slotWrap--hasLeft .button {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    html.vue-app.dir\:ltr .inputGroup .inputGroup-wrap.inputGroup-wrap>.inputGroup-input.inputGroup-slotWrap--hasLeft input[type=text]:hover:not(.Select__Button__Search),
    html.vue-app.dir\:ltr .inputGroup .inputGroup-wrap.inputGroup-wrap>.inputGroup-input.inputGroup-slotWrap--hasLeft input[type=text]:focus:not(.Select__Button__Search) {
        border-color: rgb(var(--ui-primary-600) / 1)
    }

    html.vue-app.dir\:ltr .inputGroup .inputGroup-wrap.inputGroup-wrap>.inputGroup-input.inputGroup-slotWrap--hasRight input[type=text],
    html.vue-app.dir\:ltr .inputGroup .inputGroup-wrap.inputGroup-wrap>.inputGroup-input.inputGroup-slotWrap--hasRight input[type=password],
    html.vue-app.dir\:ltr .inputGroup .inputGroup-wrap.inputGroup-wrap>.inputGroup-input.inputGroup-slotWrap--hasRight .Select__Button,
    html.vue-app.dir\:ltr .inputGroup .inputGroup-wrap.inputGroup-wrap>.inputGroup-input.inputGroup-slotWrap--hasRight .button {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    html.vue-app.dir\:ltr .inputGroup .inputGroup-wrap.inputGroup-wrap>.inputGroup-input.inputGroup-slotWrap--hasRight input[type=text]:hover:not(.Select__Button__Search),
    html.vue-app.dir\:ltr .inputGroup .inputGroup-wrap.inputGroup-wrap>.inputGroup-input.inputGroup-slotWrap--hasRight input[type=text]:focus:not(.Select__Button__Search) {
        border-color: rgb(var(--ui-primary-600) / 1)
    }

    html.vue-app.dir\:ltr .inputGroup .inputGroup-wrap.inputGroup-wrap>.inputGroup-left .button,
    html.vue-app.dir\:ltr .inputGroup .inputGroup-wrap.inputGroup-wrap>.inputGroup-left input[type=text],
    html.vue-app.dir\:ltr .inputGroup .inputGroup-wrap.inputGroup-wrap>.inputGroup-left input[type=password] {
        border-right-color: transparent;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    html.vue-app.dir\:ltr .inputGroup .inputGroup-wrap.inputGroup-wrap>.inputGroup-left .button:focus,
    html.vue-app.dir\:ltr .inputGroup .inputGroup-wrap.inputGroup-wrap>.inputGroup-left input[type=text]:focus,
    html.vue-app.dir\:ltr .inputGroup .inputGroup-wrap.inputGroup-wrap>.inputGroup-left input[type=password]:focus {
        border-right-color: rgb(var(--ui-primary-600) / 1)
    }

    html.vue-app.dir\:ltr .inputGroup .inputGroup-wrap.inputGroup-wrap>.inputGroup-left .Select__Button {
        border-right-color: transparent;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    html.vue-app.dir\:ltr .inputGroup .inputGroup-wrap.inputGroup-wrap>.inputGroup-left .Select__Button:hover {
        border-right-color: rgb(var(--ui-primary-600) / 1)
    }

    html.vue-app.dir\:ltr .inputGroup .inputGroup-wrap.inputGroup-wrap>.inputGroup-right {
        display: inline-grid;
        align-items: center
    }

    html.vue-app.dir\:ltr .inputGroup .inputGroup-wrap.inputGroup-wrap>.inputGroup-right .button,
    html.vue-app.dir\:ltr .inputGroup .inputGroup-wrap.inputGroup-wrap>.inputGroup-right input[type=text],
    html.vue-app.dir\:ltr .inputGroup .inputGroup-wrap.inputGroup-wrap>.inputGroup-right input[type=password] {
        border-left-color: transparent;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    html.vue-app.dir\:ltr .inputGroup .inputGroup-wrap.inputGroup-wrap>.inputGroup-right .button:focus,
    html.vue-app.dir\:ltr .inputGroup .inputGroup-wrap.inputGroup-wrap>.inputGroup-right input[type=text]:focus,
    html.vue-app.dir\:ltr .inputGroup .inputGroup-wrap.inputGroup-wrap>.inputGroup-right input[type=password]:focus {
        border-left-color: rgb(var(--ui-primary-600) / 1)
    }

    html.vue-app.dir\:ltr .inputGroup .inputGroup-wrap.inputGroup-wrap>.inputGroup-right .button {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    html.vue-app.dir\:ltr .inputGroup .inputGroup-wrap.inputGroup-wrap>.inputGroup-right .Select__Button {
        border-left-color: transparent;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    html.vue-app.dir\:ltr .inputGroup .inputGroup-wrap.inputGroup-wrap>.inputGroup-right .Select__Button:hover {
        border-left-color: rgb(var(--ui-primary-600) / 1)
    }

    html.vue-app.dir\:rtl .inputGroup .inputGroup-wrap.inputGroup-wrap>.inputGroup-input.inputGroup-slotWrap--hasLeft input[type=text],
    html.vue-app.dir\:rtl .inputGroup .inputGroup-wrap.inputGroup-wrap>.inputGroup-input.inputGroup-slotWrap--hasLeft input[type=password],
    html.vue-app.dir\:rtl .inputGroup .inputGroup-wrap.inputGroup-wrap>.inputGroup-input.inputGroup-slotWrap--hasLeft .Select__Button,
    html.vue-app.dir\:rtl .inputGroup .inputGroup-wrap.inputGroup-wrap>.inputGroup-input.inputGroup-slotWrap--hasLeft .button {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    html.vue-app.dir\:rtl .inputGroup .inputGroup-wrap.inputGroup-wrap>.inputGroup-input.inputGroup-slotWrap--hasRight input[type=text],
    html.vue-app.dir\:rtl .inputGroup .inputGroup-wrap.inputGroup-wrap>.inputGroup-input.inputGroup-slotWrap--hasRight input[type=password],
    html.vue-app.dir\:rtl .inputGroup .inputGroup-wrap.inputGroup-wrap>.inputGroup-input.inputGroup-slotWrap--hasRight .Select__Button,
    html.vue-app.dir\:rtl .inputGroup .inputGroup-wrap.inputGroup-wrap>.inputGroup-input.inputGroup-slotWrap--hasRight .button {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    html.vue-app.dir\:rtl .inputGroup .inputGroup-wrap.inputGroup-wrap>.inputGroup-left .button,
    html.vue-app.dir\:rtl .inputGroup .inputGroup-wrap.inputGroup-wrap>.inputGroup-left .Select__Button,
    html.vue-app.dir\:rtl .inputGroup .inputGroup-wrap.inputGroup-wrap>.inputGroup-left input[type=text],
    html.vue-app.dir\:rtl .inputGroup .inputGroup-wrap.inputGroup-wrap>.inputGroup-left input[type=password] {
        border-left-width: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    html.vue-app.dir\:rtl .inputGroup .inputGroup-wrap.inputGroup-wrap>.inputGroup-right .button,
    html.vue-app.dir\:rtl .inputGroup .inputGroup-wrap.inputGroup-wrap>.inputGroup-right .Select__Button,
    html.vue-app.dir\:rtl .inputGroup .inputGroup-wrap.inputGroup-wrap>.inputGroup-right input[type=text],
    html.vue-app.dir\:rtl .inputGroup .inputGroup-wrap.inputGroup-wrap>.inputGroup-right input[type=password] {
        border-right-width: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
}

.ui-loader-icon {
    display: flex;
    justify-content: space-between;
    align-items: stretch
}

.ui-loader-icon>span {
    display: block;
    width: 24%;
    background: rgb(var(--ui-primary-500) / 1);
    transform-origin: 50% 50%;
    transform: scaleY(.8);
    animation-duration: 1s;
    animation-delay: 1s;
    animation-iteration-count: infinite
}

.ui-loader-icon>span.first {
    animation: loaderScaleFirst;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    background: rgb(var(--ui-primary-700) / 1)
}

.ui-loader-icon>span.second {
    animation: loaderScaleSecond;
    animation-duration: 1s;
    animation-iteration-count: infinite
}

.ui-loader-icon>span.third {
    animation: loaderScaleThird;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    background: rgb(var(--ui-primary-300) / 1)
}

@keyframes loaderScaleFirst {
    0% {
        transform: scaleY(.8)
    }

    39% {
        transform: scaleY(.8)
    }

    40% {
        transform: scaleY(1)
    }

    to {
        transform: scaleY(.8)
    }
}

@keyframes loaderScaleSecond {
    0% {
        transform: scaleY(.8)
    }

    49% {
        transform: scaleY(.8)
    }

    50% {
        transform: scaleY(1)
    }

    to {
        transform: scaleY(.8)
    }
}

@keyframes loaderScaleThird {
    0% {
        transform: scaleY(.8)
    }

    59% {
        transform: scaleY(.8)
    }

    60% {
        transform: scaleY(1)
    }

    to {
        transform: scaleY(.8)
    }
}

@layer legacy {
    .ui-pre {
        margin: 0;
        padding: 0;
        background: var(--legacy-color-light);
        border: 1px solid var(--legacy-color-border);
        overflow: hidden;
        overflow-x: auto;
        color: rgb(var(--ui-neutral-500));
        font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, monospace, serif;
        min-height: 10rem
    }

    html.vue-app.mode\:dark .ui-pre {
        background: var(--dark-mode-bg);
        border-color: var(--dark-mode-bg)
    }

    .ui-pre li.line {
        background: #fff;
        white-space: nowrap;
        width: 100%;
        list-style-type: none
    }

    html.vue-app.mode\:dark .ui-pre li.line {
        background: var(--dark-mode-bg)
    }

    html.vue-app.mode\:dark .ui-pre li.line::marker {
        color: #fff
    }

    .ui-pre li.line .line-content {
        color: rgb(var(--ui-neutral-500));
        padding: .5rem;
        vertical-align: top;
        padding: 0;
        position: relative;
        white-space: nowrap;
        display: inline-flex;
        line-height: 175%;
        min-height: 2rem
    }

    .ui-pre li.line .line-content.wrap {
        white-space: normal
    }

    html.vue-app.mode\:dark .ui-pre li.line .line-content {
        color: var(--dark-mode-content)
    }

    .ui-pre li.header {
        font-weight: 600;
        list-style-type: none
    }

    .ui-pre.numbers {
        padding-left: 5.5rem
    }

    .ui-pre.numbers .line {
        margin-left: -.5rem;
        list-style-type: decimal;
        list-style-position: outside
    }

    .ui-pre.numbers .line-content {
        border-left: 1px solid var(--legacy-color-border)
    }

    .ui-pre.numbers .header {
        margin-left: -5.5rem;
        padding-left: 1rem
    }
}

@layer legacy {
    .ui-progress-label .ui-progress-label-info-line[data-v-adf25634] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-weight: 700
    }

    .ui-progress-label .ui-progress-label-usage[data-v-adf25634] {
        text-transform: uppercase;
        font-size: 11px
    }

    .ui-progress-label .ui-progress-label-limit.unlimited[data-v-adf25634] {
        display: none
    }

    .ui-progress-label:hover .ui-progress-label-limit.unlimited[data-v-adf25634] {
        display: inline
    }

    .ui-progress-label .ui-progress-label-track[data-v-adf25634] {
        height: .8rem;
        margin: .5rem 0;
        clip-path: inset(0 0 round .4rem .4rem);
        background-color: rgb(var(--ui-neutral-500)/.2)
    }

    .ui-progress-label .ui-progress-label-meter[data-v-adf25634] {
        display: block;
        height: .8rem
    }

    .ui-progress-label .ui-progress-label-meter.unlimited[data-v-adf25634] {
        background-color: rgb(var(--ui-neutral-500)/.2)
    }

    .ui-progress-label .ui-progress-label-meter.normal[data-v-adf25634] {
        background: rgb(var(--ui-safe-500))
    }

    .ui-progress-label .ui-progress-label-meter.high[data-v-adf25634] {
        background: #fff132
    }

    .ui-progress-label .ui-progress-label-meter.critical[data-v-adf25634] {
        background: rgb(var(--ui-danger-500))
    }
}

.progress {
    --shadow-color: rgba(0, 0, 0, .15);
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    width: 100%;
    background-color: var(--track);
    box-shadow: inset 0 1px 2px var(--shadow-color);
    border: 1px solid var(--border, transparent)
}

.progress>div {
    z-index: 2;
    color: var(--txt);
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    text-shadow: 0 -1px 0 var(--shadow-color)
}

.progress>.progress-bar {
    background-color: var(--thumb);
    transition: width .6s ease;
    box-shadow: inset 0 -1px 0 var(--shadow-color)
}

.progress.-theme-primary {
    --thumb: rgb(var(--ui-primary-500) / 1);
    --txt: var(--legacy-color-content);
    --track: rgb(var(--ui-primary-500) / 10%)
}

.progress.-theme-safe {
    --thumb: rgb(var(--ui-safe-500) / 1);
    --txt: var(--legacy-color-content);
    --track: rgb(var(--ui-safe-500) / 10%)
}

.progress.-theme-danger {
    --thumb: rgb(var(--ui-danger-500) / 1);
    --txt: var(--legacy-color-content);
    --track: rgb(var(--ui-danger-500) / 10%)
}

.progress.-theme-neutral {
    --thumb: rgb(var(--ui-neutral-500) / 1);
    --txt: var(--legacy-color-content);
    --track: rgb(var(--ui-neutral-500) / 10%)
}

.progress.-theme-light {
    --thumb: var(--legacy-color-light);
    --txt: var(--legacy-color-content);
    --track: var(--legacy-color-gray);
    --border: var(--legacy-color-content)
}

.progress.-theme-dark {
    --thumb: var(--legacy-color-gray3-darker);
    --txt: var(--legacy-color-light);
    --track: var(--legacy-color-gray3)
}

.progress.-size-big {
    height: 2.6rem
}

.progress.-size-normal {
    height: 1rem
}

.progress.-size-small {
    height: 3px
}

@layer legacy {
    html.vue-app .r-table {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-bottom: 3rem
    }

    html.vue-app.media\:small-phone .r-table,
    html.vue-app.media\:big-phone .r-table,
    html.vue-app .r-table .ui-table .table-wrapper {
        overflow-x: auto
    }

    html.vue-app.media\:small-phone .r-table .ui-table .inputText,
    html.vue-app.media\:big-phone .r-table .ui-table .inputText {
        width: 100%
    }

    html.vue-app .r-table .r-table-empty {
        display: flex;
        align-items: center;
        justify-content: center;
        border-bottom: 1px solid #e5e5e5;
        padding: 1rem
    }

    html.vue-app.media\:small-phone .r-table .r-table-empty,
    html.vue-app.media\:big-phone .r-table .r-table-empty {
        border-top: 1px solid #e5e5e5;
        margin-top: 1rem;
        background: rgb(var(--ui-primary-500)/.1)
    }

    html.vue-app .r-table .r-table-after {
        display: flex;
        align-items: center;
        padding: .5rem 1rem
    }

    html.vue-app .r-table .r-table-after>* {
        flex-grow: 1
    }

    html.vue-app .r-table .r-table-pagination-wrapper {
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-start;
        align-items: center;
        margin-top: 1rem;
        padding: 0 1rem
    }

    html.vue-app .r-table .r-table-pagination-wrapper .r-table-pagination-before {
        margin-right: 1rem
    }

    html.vue-app .r-table .r-table-pagination-wrapper .r-table-pagination-after {
        margin-left: 1rem
    }

    html.vue-app .r-table .r-table-pagination-wrapper .r-table-pagination {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        flex: 1
    }

    html.vue-app .r-table .r-table-buttons-before {
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-end;
        align-items: center;
        margin: 1rem;
        margin-top: 0
    }

    html.vue-app .r-table .r-table-buttons-before-slot {
        padding: 1rem 0
    }

    html.vue-app.media\:small-phone .r-table .r-table-buttons-before-slot {
        display: flex;
        flex-direction: column;
        justify-content: flex-end
    }

    html.vue-app.media\:small-phone .r-table .r-table-buttons-before-slot>* {
        margin-top: .5rem !important;
        margin-right: 0 !important
    }

    html.vue-app.media\:big-phone .r-table .r-table-buttons-before-slot {
        display: flex;
        flex-direction: column;
        justify-content: flex-end
    }

    html.vue-app.media\:big-phone .r-table .r-table-buttons-before-slot>* {
        margin-top: .5rem !important;
        margin-right: 0 !important
    }

    html.vue-app .r-table .r-table-buttons-before-slot:empty {
        display: none
    }

    html.vue-app .r-table .r-table-buttons-before-ui:not(.--mobile)>* :not(:last-child) {
        padding: 0 1rem
    }

    html.vue-app .r-table .r-table-buttons-before-ui.--mobile>* :not(:last-child) {
        padding: 1rem 0
    }

    html.vue-app.media\:small-phone .r-table .r-table-buttons-before,
    html.vue-app.media\:big-phone .r-table .r-table-buttons-before {
        flex-direction: column;
        align-items: flex-end
    }

    html.vue-app.dir\:rtl .r-table-buttons-before-ui:not(.--mobile)>* :not(:last-child) {
        border-right-width: 0px;
        border-left: 1px solid #e5e5e5
    }

    html.vue-app .r-table-settings-columns {
        display: flex;
        flex-direction: column
    }

    html.vue-app .r-table-settings-columns .inputCheck {
        line-height: 4rem;
        padding-left: 1rem;
        border-bottom: 1px solid #e5e5e5
    }

    html.vue-app .r-table-settings-columns .inputCheck .inputCheck-label {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-right: 1rem
    }

    html.vue-app .r-table-settings-columns .inputCheck:hover {
        background: rgb(var(--ui-primary-500)/.1)
    }

    @keyframes slideLeftOut {
        0% {
            transform: translate(0);
            opacity: .7
        }

        to {
            transform: translate(-100%);
            opacity: 0
        }
    }

    @keyframes slideLeftIn {
        0% {
            transform: translate(100%);
            opacity: .3
        }

        to {
            transform: translate(0);
            opacity: 1
        }
    }

    html.vue-app .r-table-settings-columns .slideLeft-enter-active {
        animation: slideLeftIn .3s
    }

    html.vue-app .r-table-settings-columns .slideLeft-leave-active {
        animation: slideLeftOut .3s
    }

    html.vue-app .r-table-settings-columns .slideLeft-leave-to {
        position: absolute !important;
        right: 0
    }

    @keyframes slideRightOut {
        0% {
            transform: translate(0);
            opacity: .7
        }

        to {
            transform: translate(100%);
            opacity: 0
        }
    }

    @keyframes slideRightIn {
        0% {
            transform: translate(-100%);
            opacity: .3
        }

        to {
            transform: translate(0);
            opacity: 1
        }
    }

    html.vue-app .r-table-settings-columns .slideRight-enter-active {
        animation: slideRightIn .3s
    }

    html.vue-app .r-table-settings-columns .slideRight-leave-active {
        animation: slideRightOut .3s
    }

    html.vue-app .r-table-settings-columns .slideRight-leave-to {
        position: absolute !important;
        right: 0
    }
}

@layer legacy {
    html.vue-app.root\:app .ui-refresh-timer .trigger-button {
        cursor: pointer;
        width: 20px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    html.vue-app.root\:app .ui-refresh-dropdown {
        font-family: Montserrat, sans-serif;
        font-size: 12px;
        border-radius: 4px;
        border: .7px solid #e6e6e6;
        top: calc(100% + 2rem);
        z-index: 2000;
        background: #fff;
        white-space: nowrap;
        min-width: 240px
    }

    html.vue-app.root\:app.mode\:dark .ui-refresh-dropdown {
        background: var(--dark-mode-bg-light);
        border-color: var(--dark-mode-input-border);
        color: var(--dark-mode-input-content)
    }

    html.vue-app.root\:app .ui-refresh-dropdown .refresh-dropdown-header {
        font-size: 10px;
        font-weight: 500;
        letter-spacing: .5px;
        text-transform: uppercase;
        min-height: 3.5rem;
        color: #8e8e8e;
        padding: .5rem 2rem;
        border-bottom: .7px solid #e6e6e6;
        display: flex;
        align-items: flex-end
    }

    html.vue-app.root\:app.mode\:dark .ui-refresh-dropdown .refresh-dropdown-header {
        border-color: var(--dark-mode-input-border);
        color: var(--dark-mode-input-border)
    }

    html.vue-app.root\:app .ui-refresh-dropdown .refresh-dropdown-item {
        padding: .5rem 2rem;
        line-height: 3.5rem;
        min-height: 3.5rem;
        display: flex;
        align-items: center;
        cursor: pointer;
        transition: background .2s ease
    }

    html.vue-app.root\:app .ui-refresh-dropdown .refresh-dropdown-item:hover {
        background: #f5f5f5
    }

    html.vue-app.root\:app.mode\:dark .ui-refresh-dropdown .refresh-dropdown-item {
        color: var(--dark-mode-input-content)
    }

    html.vue-app.root\:app.mode\:dark .ui-refresh-dropdown .refresh-dropdown-item:hover {
        background: var(--dark-mode-bg-hover)
    }

    html.vue-app.root\:app .ui-refresh-dropdown .ui-refresh-buttons {
        margin: 2rem;
        display: flex;
        flex-direction: column
    }

    html.vue-app.root\:app .ui-refresh-dropdown .ui-refresh-buttons>* {
        flex-grow: 1
    }

    html.vue-app.root\:app .ui-refresh-dropdown .ui-refresh-buttons>* :first-child {
        margin-bottom: 1rem
    }
}

@layer legacy {
    .roundBadge {
        display: inline-block;
        vertical-align: middle;
        border-radius: 50%;
        min-width: 16px;
        min-height: 16px
    }

    .roundBadge~* {
        vertical-align: middle
    }
}

@layer legacy {
    .ui-steps {
        border-top: 1px solid #f1f0f0;
        padding-top: .5rem
    }

    .ui-steps .ui-steps-header {
        display: flex;
        align-items: stretch
    }

    html.vue-app.media\:small-phone .ui-steps .ui-steps-header,
    html.vue-app.media\:big-phone .ui-steps .ui-steps-header {
        flex-direction: column
    }

    .ui-steps .ui-steps-header-step {
        flex: 1;
        border-bottom: 1px solid #f1f0f0;
        padding: 0;
        cursor: pointer;
        transition: background-color .3s ease;
        display: flex;
        align-items: stretch
    }

    html.vue-app.mode\:dark .ui-steps .ui-steps-header-step {
        border-color: var(--dark-mode-border)
    }

    .ui-steps .ui-steps-header-step-content {
        padding: 1rem;
        margin: 0rem .5rem .5rem;
        background-color: #f9f9f9;
        flex: 1
    }

    html.vue-app.mode\:dark .ui-steps .ui-steps-header-step-content {
        background: var(--dark-mode-bg)
    }

    .ui-steps .ui-steps-header-step-label {
        display: block;
        font-size: 11px;
        font-weight: 700;
        line-height: 19px
    }

    .ui-steps .ui-steps-header-step-desc {
        margin-top: 0;
        margin-bottom: 0;
        display: block;
        font-size: 11px;
        line-height: 18px;
        padding-left: 2.4rem
    }

    .ui-steps .ui-steps-header-step.active {
        opacity: 1;
        border-bottom-width: 0px;
        background-color: #fff;
        cursor: pointer
    }

    html.vue-app.mode\:dark .ui-steps .ui-steps-header-step.active {
        background-color: var(--dark-mode-refreshed-bg-light2, var(--dark-mode-bg-l5))
    }

    html.vue-app.media\:small-phone .ui-steps .ui-steps-header-step.active,
    html.vue-app.media\:big-phone .ui-steps .ui-steps-header-step.active {
        background-color: rgb(var(--ui-primary-500)/.2)
    }

    .ui-steps .ui-steps-header-step.active .ui-steps-header-step-content {
        background-color: #fff
    }

    html.vue-app.mode\:dark .ui-steps .ui-steps-header-step.active .ui-steps-header-step-content {
        background-color: var(--dark-mode-refreshed-bg-light2, var(--dark-mode-bg-l5))
    }

    html.vue-app.media\:small-phone .ui-steps .ui-steps-header-step.active .ui-steps-header-step-content,
    html.vue-app.media\:big-phone .ui-steps .ui-steps-header-step.active .ui-steps-header-step-content {
        background-color: transparent
    }

    html.vue-app.mode\:dark .ui-steps .ui-steps-header-step:not(:first-child):before {
        border-left-color: var(--dark-mode-border) !important
    }

    .ui-steps .ui-steps-content {
        padding: 1rem
    }

    .ui-steps .ui-steps-content .formElement:last-child {
        border-bottom-width: 0
    }

    .ui-steps .ui-steps-buttons {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: .5rem;
        align-items: center;
        padding: 1rem
    }

    .ui-steps .ui-steps-buttons>* :not(:first-child) {
        margin-left: 1rem
    }

    .ui-steps .ui-steps-buttons-group>.button:not(:first-child) {
        margin-left: 1rem
    }

    .ui-steps .ui-steps-buttons-group {
        display: flex;
        flex-wrap: wrap;
        gap: .5rem
    }

    html.vue-app.media\:small-phone .ui-steps .ui-steps-buttons .button,
    html.vue-app.media\:big-phone .ui-steps .ui-steps-buttons .button {
        white-space: nowrap
    }

    html.vue-app.media\:small-phone .ui-steps .ui-steps-buttons-previous,
    html.vue-app.media\:small-phone .ui-steps .ui-steps-buttons-group,
    html.vue-app.media\:small-phone .ui-steps .ui-steps-buttons .button {
        min-width: 100%
    }

    html.vue-app.media\:small-phone .ui-steps .ui-steps-buttons>* :not(:first-child),
    html.vue-app.media\:small-phone .ui-steps .ui-steps-buttons-group>.button:not(:first-child) {
        margin-left: 0rem
    }

    html.vue-app.dir\:ltr .ui-steps .ui-steps-header-step:not(:first-child):before {
        content: "";
        border-left: 1px solid #f1f0f0;
        margin-bottom: .5rem
    }
}

@layer legacy {
    html.vue-app.root\:app .q-virtual-scroll__padding {
        background: linear-gradient(transparent, transparent 50%, #f9f9fa 50%, #f9f9fa 100%);
        background-size: 100% 70px
    }

    html.vue-app.root\:app .q-virtual-scroll__padding td {
        padding: 0 !important;
        border: none !important
    }

    html.vue-app.root\:app .--loading .q-virtual-scroll__content {
        filter: blur(2px)
    }

    @keyframes q-linear-progress--indeterminate {
        0% {
            transform: translate3d(-35%, 0, 0) scaleX(.35)
        }

        60% {
            transform: translate3d(100%, 0, 0) scaleX(.9)
        }

        to {
            transform: translate3d(100%, 0, 0) scaleX(.9)
        }
    }

    @keyframes q-linear-progress--indeterminate-short {
        0% {
            transform: translate3d(-101%, 0, 0) scaleX(1)
        }

        60% {
            transform: translate3d(107%, 0, 0) scaleX(.01)
        }

        to {
            transform: translate3d(107%, 0, 0) scaleX(.01)
        }
    }

    html.vue-app.root\:app .table-elem td.--min-content {
        width: 1px;
        white-space: nowrap !important
    }

    html.vue-app.root\:app .table-elem .table-loading-progress {
        height: 0 !important;
        padding: 0 !important;
        position: relative
    }

    html.vue-app.root\:app .table-elem .table-loading-progress .table-progress-elem {
        bottom: 0;
        height: 2px;
        width: 100%;
        overflow: hidden;
        position: absolute;
        background: transparent
    }

    html.vue-app.root\:app .table-elem .table-loading-progress .table-progress-elem>.track {
        transform: scaleZ(1);
        position: absolute;
        inset: 0;
        transition: transform 2.1s
    }

    html.vue-app.root\:app .table-elem .table-loading-progress .table-progress-elem>.model {
        position: absolute;
        inset: 0;
        transform: scaleZ(1)
    }

    html.vue-app.root\:app .table-elem .table-loading-progress .table-progress-elem>.model:before {
        background: rgb(var(--ui-primary-500));
        content: "";
        inset: 0;
        position: absolute;
        transform-origin: 0 0;
        animation: q-linear-progress--indeterminate 2.1s cubic-bezier(.65, .815, .735, .395) infinite
    }

    html.vue-app.root\:app .table-elem .table-loading-progress .table-progress-elem>.model:after {
        background: rgb(var(--ui-primary-500));
        content: "";
        inset: 0;
        position: absolute;
        transform-origin: 0 0;
        animation: q-linear-progress--indeterminate-short 2.1s cubic-bezier(.165, .84, .44, 1) infinite;
        animation-delay: 1.15s;
        transform: translate3d(-101%, 0, 0) scaleX(1)
    }

    html.vue-app.root\:app .table-elem td>.empty-table-message {
        font-weight: 500;
        letter-spacing: .5px;
        font-size: 14px;
        padding: .5rem 0;
        text-align: center
    }

    html.vue-app.root\:app .table-elem.--overusage-highlight .--usage\:overused {
        background-color: rgb(var(--ui-danger-500)) !important;
        color: #fff
    }

    html.vue-app.root\:app .table-elem.--overusage-highlight .--usage\:almost_used {
        background-color: rgb(var(--ui-danger-100)) !important;
        color: #fff;
        font-weight: 600;
        color: var(--legacy-color-content)
    }

    html.vue-app.root\:app.mode\:dark .q-virtual-scroll__padding {
        background: linear-gradient(transparent, transparent 50%, var(--dark-mode-bg-light) 50%, var(--dark-mode-bg-light) 100%);
        background-size: 100% 70px
    }

    html.vue-app.root\:app.mode\:dark .q-virtual-scroll__padding td {
        padding: 0 !important;
        border: none !important
    }
}

@layer legacy {
    html.vue-app.root\:app .table-elem.--rotated th {
        border-top: 1px solid #e0e0e0
    }

    html.vue-app.root\:app.mode\:dark .table-elem.--rotated th {
        background: unset
    }

    html.vue-app.root\:app .table-elem.--rotated .table-row:last-child th {
        border-bottom: 1px solid #e0e0e0
    }

    html.vue-app.root\:app.mode\:dark .table-elem.--rotated .table-row:last-child th {
        border-color: var(--dark-mode-border)
    }
}

@layer legacy {
    .ui-tabs {
        border-top: 1px solid #e0e0e0;
        border: 1px solid #e0e0e0
    }

    html.vue-app.mode\:dark .ui-tabs {
        border-color: var(--dark-mode-border)
    }

    .ui-tabs.hideTabs {
        border-width: 0
    }

    .ui-tabs .ui-tabs-header {
        display: flex;
        flex-direction: row;
        align-items: stretch
    }

    html.vue-app.media\:small-phone .ui-tabs .ui-tabs-header,
    html.vue-app.media\:big-phone .ui-tabs .ui-tabs-header {
        flex-direction: column
    }

    .ui-tabs .ui-tabs-header-tab {
        flex: 1;
        border-bottom: 1px solid #e0e0e0;
        background-color: #fcfcfc;
        padding: 0;
        cursor: pointer;
        transition: background-color .3s ease
    }

    html.vue-app.mode\:dark .ui-tabs .ui-tabs-header-tab {
        background: var(--dark-mode-bg-l5);
        border-color: var(--dark-mode-border);
        border-left-color: var(--dark-mode-border) !important
    }

    .ui-tabs .ui-tabs-header-tab-content {
        padding: 1rem
    }

    html.vue-app.dir\:rtl .ui-tabs .ui-tabs-header-tab-content {
        text-align: right
    }

    .ui-tabs .ui-tabs-header-tab-label {
        display: flex;
        font-size: 11px;
        font-weight: 700;
        line-height: 19px;
        align-items: center
    }

    .ui-tabs .ui-tabs-header-tab-label>.icon {
        transform: rotate(-90deg);
        margin: 0 .5rem;
        transition: transform .3s ease
    }

    .ui-tabs .ui-tabs-header-tab-desc {
        margin-top: 0;
        margin-bottom: 0;
        display: block;
        font-size: 11px;
        line-height: 18px
    }

    .ui-tabs .ui-tabs-header-tab-desc.radio {
        margin-top: 3px;
        padding-left: 2.5rem
    }

    .ui-tabs .ui-tabs-header-tab:not(:first-child) {
        border-left: 1px solid #e0e0e0
    }

    .ui-tabs .ui-tabs-header-tab.active {
        cursor: pointer;
        opacity: 1;
        border-bottom-width: 0px;
        background-color: #fff
    }

    html.vue-app.mode\:dark .ui-tabs .ui-tabs-header-tab.active {
        background: var(--dark-mode-bg)
    }

    html.vue-app.media\:small-phone .ui-tabs .ui-tabs-header-tab.active,
    html.vue-app.media\:big-phone .ui-tabs .ui-tabs-header-tab.active {
        border-bottom-width: 1px;
        background-color: rgb(var(--ui-primary-500)/.2)
    }

    .ui-tabs .ui-tabs-header-tab.active .icon {
        transform: unset
    }

    .ui-tabs .ui-tabs-content {
        padding: 1rem
    }

    .ui-tabs .ui-tabs-buttons {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding: 1rem
    }

    .ui-tabs .ui-tabs-buttons>* :not(:first-child) {
        margin-left: 1rem
    }

    html.vue-app.mode\:dark .ui-tabs {
        white-space: normal
    }

    html.vue-app.dir\:ltr .ui-tabs .ui-tabs-header .ui-tabs-header-tab:not(:first-child) {
        border-left: 1px solid #e0e0e0
    }

    html.vue-app.dir\:rtl .ui-tabs .ui-tabs-header .ui-tabs-header-tab:not(:last-child) {
        border-left: 1px solid #e0e0e0
    }

    html.vue-app .-refreshed-layout .ui-tabs {
        border-width: 0
    }

    html.vue-app .-refreshed-layout .ui-tabs .ui-tabs-header-tab {
        background-color: #fff;
        border-left-width: 0 !important;
        position: relative
    }

    html.vue-app.mode\:dark .-refreshed-layout .ui-tabs .ui-tabs-header-tab {
        background: transparent;
        border-color: var(--dark-mode-border);
        border-left-color: var(--dark-mode-border) !important
    }

    html.vue-app .-refreshed-layout .ui-tabs .ui-tabs-header-tab .ui-tabs-header-tab-label {
        font-family: Montserrat;
        display: inline-block;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: .4px;
        text-align: center;
        color: #697388;
        margin: auto;
        width: 100%
    }

    html.vue-app.mode\:dark .-refreshed-layout .ui-tabs .ui-tabs-header-tab .ui-tabs-header-tab-label {
        color: var(--dark-mode-content)
    }

    html.vue-app.device\:mobile .-refreshed-layout .ui-tabs .ui-tabs-header-tab .ui-tabs-header-tab-label {
        display: flex;
        align-items: flex-start
    }

    html.vue-app .-refreshed-layout .ui-tabs .ui-tabs-header-tab .ui-tabs-header-tab-desc {
        text-align: center
    }

    html.vue-app.mode\:dark .-refreshed-layout .ui-tabs .ui-tabs-header-tab.active {
        background-color: transparent
    }

    html.vue-app .-refreshed-layout .ui-tabs .ui-tabs-header-tab.active :after {
        display: block;
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        height: 4px;
        bottom: -1.5px;
        background: rgb(var(--ui-primary-500));
        z-index: 4
    }
}

@layer legacy {
    .notification-bubble {
        position: relative;
        display: inline-flex;
        align-items: center
    }

    .notification-bubble .notification-bubble__content {
        margin-left: 1rem;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, monospace, serif;
        font-size: 11px;
        letter-spacing: .5px;
        font-weight: 500;
        color: #fff;
        height: 21px;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        pointer-events: none;
        min-width: 27px;
        text-align: center;
        padding: 0 6px;
        background: var(--primary);
        border-radius: 4px;
        border: var(--primary) solid 1px
    }

    .notification-bubble .notification-bubble__content:after {
        content: "";
        position: absolute;
        border-style: solid;
        border-width: 4px 4px 4px 0;
        border-color: transparent var(--primary);
        display: block;
        width: 0;
        z-index: 0;
        margin-top: -4px;
        left: -4px;
        top: 50%
    }

    html.vue-app.dir\:rtl .notification-bubble .notification-bubble__content:after {
        display: none
    }

    .notification-bubble .notification-bubble__content:before {
        content: "";
        position: absolute;
        border-style: solid;
        border-width: 4px 5px 4px 0;
        border-color: transparent var(--primary);
        display: block;
        width: 0;
        z-index: 0;
        margin-top: -4px;
        left: -5px;
        top: 50%
    }

    html.vue-app.dir\:rtl .notification-bubble .notification-bubble__content:before {
        transform: rotate(180deg);
        right: -4px
    }

    html.vue-app.dir\:rtl .notification-bubble .notification-bubble__content {
        margin-right: 1rem
    }

    .notification-bubble.--float .notification-bubble__content {
        position: absolute;
        top: 0;
        right: 0;
        transform: translate(13px, 4px)
    }

    .notification-bubble.--float .notification-bubble__content:before,
    .notification-bubble.--float .notification-bubble__content:after {
        display: none
    }
}

@layer reset {

    * :where(:not(.quasar-area, .quasar-area *)),
    :before:where(:not(.quasar-area, .quasar-area *)),
    :after:where(:not(.quasar-area, .quasar-area *)) {
        box-sizing: border-box;
        border-width: 0;
        border-style: solid;
        border-color: #e5e7eb
    }

    :before:where(:not(.quasar-area, .quasar-area *)),
    :after:where(:not(.quasar-area, .quasar-area *)) {
        --tw-content: ""
    }

    html,
    :host {
        line-height: 1.5;
        -webkit-text-size-adjust: 100%;
        -moz-tab-size: 4;
        tab-size: 4;
        font-family: Montserrat, sans-serif;
        font-feature-settings: normal;
        font-variation-settings: normal;
        -webkit-tap-highlight-color: transparent
    }

    body {
        margin: 0;
        line-height: inherit
    }

    hr:where(:not(.quasar-area, .quasar-area *)) {
        height: 0;
        color: inherit;
        border-top-width: 1px
    }

    abbr:where([title]):where(:not(.quasar-area, .quasar-area *)) {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
    }

    h1:where(:not(.quasar-area, .quasar-area *)),
    h2:where(:not(.quasar-area, .quasar-area *)),
    h3:where(:not(.quasar-area, .quasar-area *)),
    h4:where(:not(.quasar-area, .quasar-area *)),
    h5:where(:not(.quasar-area, .quasar-area *)),
    h6:where(:not(.quasar-area, .quasar-area *)) {
        font-size: inherit;
        font-weight: inherit
    }

    a:where(:not(.quasar-area, .quasar-area *)) {
        color: inherit;
        text-decoration: inherit
    }

    b:where(:not(.quasar-area, .quasar-area *)),
    strong:where(:not(.quasar-area, .quasar-area *)) {
        font-weight: bolder
    }

    code:where(:not(.quasar-area, .quasar-area *)),
    kbd:where(:not(.quasar-area, .quasar-area *)),
    samp:where(:not(.quasar-area, .quasar-area *)),
    pre:where(:not(.quasar-area, .quasar-area *)) {
        font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, monospace, serif;
        font-feature-settings: normal;
        font-variation-settings: normal;
        font-size: 1em
    }

    small:where(:not(.quasar-area, .quasar-area *)) {
        font-size: 80%
    }

    sub:where(:not(.quasar-area, .quasar-area *)),
    sup:where(:not(.quasar-area, .quasar-area *)) {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline
    }

    sub:where(:not(.quasar-area, .quasar-area *)) {
        bottom: -.25em
    }

    sup:where(:not(.quasar-area, .quasar-area *)) {
        top: -.5em
    }

    table:where(:not(.quasar-area, .quasar-area *)) {
        text-indent: 0;
        border-color: inherit;
        border-collapse: collapse
    }

    button:where(:not(.quasar-area, .quasar-area *)),
    input:where(:not(.quasar-area, .quasar-area *)),
    optgroup:where(:not(.quasar-area, .quasar-area *)),
    select:where(:not(.quasar-area, .quasar-area *)),
    textarea:where(:not(.quasar-area, .quasar-area *)) {
        font-family: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        font-size: 100%;
        font-weight: inherit;
        line-height: inherit;
        letter-spacing: inherit;
        color: inherit;
        margin: 0;
        padding: 0
    }

    button:where(:not(.quasar-area, .quasar-area *)),
    select:where(:not(.quasar-area, .quasar-area *)) {
        text-transform: none
    }

    button:where(:not(.quasar-area, .quasar-area *)),
    input:where([type=button]):where(:not(.quasar-area, .quasar-area *)),
    input:where([type=reset]):where(:not(.quasar-area, .quasar-area *)),
    input:where([type=submit]):where(:not(.quasar-area, .quasar-area *)) {
        -webkit-appearance: button;
        background-color: transparent;
        background-image: none
    }

    :-moz-focusring:where(:not(.quasar-area, .quasar-area *)) {
        outline: auto
    }

    :-moz-ui-invalid:where(:not(.quasar-area, .quasar-area *)) {
        box-shadow: none
    }

    progress:where(:not(.quasar-area, .quasar-area *)) {
        vertical-align: baseline
    }

    ::-webkit-inner-spin-button:where(:not(.quasar-area, .quasar-area *)),
    ::-webkit-outer-spin-button:where(:not(.quasar-area, .quasar-area *)) {
        height: auto
    }

    [type=search]:where(:not(.quasar-area, .quasar-area *)) {
        -webkit-appearance: textfield;
        outline-offset: -2px
    }

    ::-webkit-search-decoration:where(:not(.quasar-area, .quasar-area *)) {
        -webkit-appearance: none
    }

    ::-webkit-file-upload-button:where(:not(.quasar-area, .quasar-area *)) {
        -webkit-appearance: button;
        font: inherit
    }

    summary:where(:not(.quasar-area, .quasar-area *)) {
        display: list-item
    }

    blockquote:where(:not(.quasar-area, .quasar-area *)),
    dl:where(:not(.quasar-area, .quasar-area *)),
    dd:where(:not(.quasar-area, .quasar-area *)),
    h1:where(:not(.quasar-area, .quasar-area *)),
    h2:where(:not(.quasar-area, .quasar-area *)),
    h3:where(:not(.quasar-area, .quasar-area *)),
    h4:where(:not(.quasar-area, .quasar-area *)),
    h5:where(:not(.quasar-area, .quasar-area *)),
    h6:where(:not(.quasar-area, .quasar-area *)),
    hr:where(:not(.quasar-area, .quasar-area *)),
    figure:where(:not(.quasar-area, .quasar-area *)),
    p:where(:not(.quasar-area, .quasar-area *)),
    pre:where(:not(.quasar-area, .quasar-area *)) {
        margin: 0
    }

    fieldset:where(:not(.quasar-area, .quasar-area *)) {
        margin: 0;
        padding: 0
    }

    legend:where(:not(.quasar-area, .quasar-area *)) {
        padding: 0
    }

    ol:where(:not(.quasar-area, .quasar-area *)),
    ul:where(:not(.quasar-area, .quasar-area *)),
    menu:where(:not(.quasar-area, .quasar-area *)) {
        list-style: none;
        margin: 0;
        padding: 0
    }

    dialog:where(:not(.quasar-area, .quasar-area *)) {
        padding: 0
    }

    textarea:where(:not(.quasar-area, .quasar-area *)) {
        resize: vertical
    }

    input::-moz-placeholder:where(:not(.quasar-area, .quasar-area *)),
    textarea::-moz-placeholder:where(:not(.quasar-area, .quasar-area *)) {
        opacity: 1;
        color: #9ca3af
    }

    input::placeholder:where(:not(.quasar-area, .quasar-area *)),
    textarea::placeholder:where(:not(.quasar-area, .quasar-area *)) {
        opacity: 1;
        color: #9ca3af
    }

    button:where(:not(.quasar-area, .quasar-area *)),
    [role=button]:where(:not(.quasar-area, .quasar-area *)) {
        cursor: pointer
    }

    :disabled:where(:not(.quasar-area, .quasar-area *)) {
        cursor: default
    }

    img:where(:not(.quasar-area, .quasar-area *)),
    svg:where(:not(.quasar-area, .quasar-area *)),
    video:where(:not(.quasar-area, .quasar-area *)),
    canvas:where(:not(.quasar-area, .quasar-area *)),
    audio:where(:not(.quasar-area, .quasar-area *)),
    iframe:where(:not(.quasar-area, .quasar-area *)),
    embed:where(:not(.quasar-area, .quasar-area *)),
    object:where(:not(.quasar-area, .quasar-area *)) {
        display: block;
        vertical-align: middle
    }

    img:where(:not(.quasar-area, .quasar-area *)),
    video:where(:not(.quasar-area, .quasar-area *)) {
        max-width: 100%;
        height: auto
    }

    [hidden]:where(:not(.quasar-area, .quasar-area *)) {
        display: none
    }

    html {
        --legacy-color-light: #fff;
        --legacy-color-gray: #b5b5b5;
        --legacy-color-gray-lighten: whitesmoke;
        --legacy-color-gray2: #f9f9fa;
        --legacy-color-gray2-darker: #ebebef;
        --legacy-color-gray3: #6f7070;
        --legacy-color-gray3-darker: black;
        --legacy-color-shadow: rgba(0, 0, 0, .4);
        --legacy-color-content: #34383c;
        --legacy-color-border: #e0e0e0;
        --legacy-color-border-light: #ededed;
        font-size: 10px
    }

    body {
        position: relative;
        min-height: 100%;
        min-width: 240px;
        margin: 0;
        padding-top: .1px;
        font-family: Open Sans, Tahoma, sans-serif;
        font-size: 1.2rem;
        font-weight: 400;
        line-height: 1.67;
        color: var(--legacy-color-content);
        background: var(--legacy-color-gray2);
        overflow-x: hidden
    }

    .tailwind-area *,
    .tailwind-area * :before,
    .tailwind-area * :after {
        box-sizing: border-box;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        transition-property: none;
        transition-duration: .3s;
        transition-timing-function: cubic-bezier(.4, 0, .5, 1)
    }

    .tailwind-area input,
    .tailwind-area select,
    .tailwind-area textarea {
        display: inline-block;
        vertical-align: middle;
        padding: 0 1.5rem;
        font-size: 1.2rem;
        line-height: 3.5rem;
        height: 3.5rem;
        color: #34383c;
        background-color: #fff;
        border: 1px solid var(--legacy-color-border);
        border-radius: 4px
    }

    .tailwind-area input~*,
    .tailwind-area select~*,
    .tailwind-area textarea~* {
        vertical-align: middle
    }

    .tailwind-area :is(input, select, textarea):focus {
        position: relative;
        z-index: 2
    }

    .tailwind-area :is(input, select, textarea):disabled {
        filter: grayscale(.5);
        opacity: .75 !important;
        cursor: default;
        transition-duration: 0ms;
        background-color: var(--legacy-color-gray2)
    }

    .tailwind-area textarea {
        line-height: inherit;
        height: auto;
        max-height: 40rem
    }

    .tailwind-area input[type=radio],
    .tailwind-area input[type=checkbox] {
        width: 1.5rem;
        height: 1.5rem;
        margin: 0 1rem 0 0;
        padding: 0;
        cursor: pointer
    }

    @supports ((-webkit-appearance: none) or(-moz-appearance: none) or(appearance: none)) {

        .tailwind-area input[type=radio],
        .tailwind-area input[type=checkbox] {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none
        }

        .tailwind-area input[type=radio] {
            border-radius: 50%
        }

        .tailwind-area input[type=radio]:checked {
            box-shadow: inset 0 0 0 .3rem #fff
        }
    }

    .tailwind-area input[type=range],
    .tailwind-area select[multiple] {
        height: inherit
    }

    .tailwind-area label {
        display: inline-block;
        vertical-align: middle;
        font-size: 1.2rem;
        font-weight: 600
    }

    .tailwind-area label[for] {
        cursor: pointer
    }

    .tailwind-area h1,
    .tailwind-area h2,
    .tailwind-area h3,
    .tailwind-area h4,
    .tailwind-area h5,
    .tailwind-area h6 {
        font-family: Open Sans, Tahoma, sans-serif;
        font-weight: 600
    }

    .tailwind-area h1 {
        font-size: 2.2rem;
        line-height: 1.25
    }

    .tailwind-area h2 {
        font-size: 1.8rem;
        line-height: 1.25
    }

    .tailwind-area h3 {
        font-size: 1.6rem;
        line-height: 1.25
    }

    .tailwind-area h4 {
        line-height: 1.67;
        font-size: 1.5rem
    }

    .tailwind-area h5 {
        line-height: 1.67;
        font-size: 1.4rem
    }

    .tailwind-area h6 {
        line-height: 1.67;
        font-size: 1.3rem
    }

    .tailwind-area hr {
        border-top: 3px solid;
        border-top-color: var(--legacy-color-border)
    }

    .tailwind-area * :not(a):focus {
        outline: 0;
        border: 1px solid rgb(var(--ui-primary-700) / 1);
        box-shadow: unset
    }

    .tailwind-area ::-moz-focus-inner {
        border: 0
    }

    .tailwind-area a {
        color: rgb(var(--ui-primary-500) / 1);
        text-decoration: none;
        border-radius: 4px;
        transition-property: color, background, opacity, border, filter
    }

    .tailwind-area a:hover {
        opacity: .75
    }

    .tailwind-area a:active,
    .tailwind-area a:active:hover {
        opacity: 1;
        transition-duration: 60ms
    }

    .tailwind-area img {
        max-width: 100%;
        box-sizing: content-box;
        image-rendering: optimizeQuality
    }

    .tailwind-area img:not([height]) {
        height: auto
    }

    .tailwind-area ul,
    .tailwind-area ol {
        margin-left: 0;
        padding-left: 0;
        list-style: inside;
        text-indent: 1rem
    }

    .tailwind-area :is(ul, ol) li:first-child {
        margin-top: 0
    }

    .tailwind-area :is(h1, h2, h3, h4, h5, h6, p, ol, ul, dd, dl, blockquote, hr, table) {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .tailwind-area :is(h1, h2, h3, h4, h5, h6, p, ol, ul, dd, dl, blockquote, hr, table):first-child {
        margin-top: 0
    }

    .tailwind-area :is(h1, h2, h3, h4, h5, h6, p, ol, ul, dd, dl, blockquote, hr, table):last-child {
        margin-bottom: 0
    }

    *,
    :before,
    :after {
        --tw-border-spacing-x: 0;
        --tw-border-spacing-y: 0;
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-rotate: 0;
        --tw-skew-x: 0;
        --tw-skew-y: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        --tw-pan-x: ;
        --tw-pan-y: ;
        --tw-pinch-zoom: ;
        --tw-scroll-snap-strictness: proximity;
        --tw-gradient-from-position: ;
        --tw-gradient-via-position: ;
        --tw-gradient-to-position: ;
        --tw-ordinal: ;
        --tw-slashed-zero: ;
        --tw-numeric-figure: ;
        --tw-numeric-spacing: ;
        --tw-numeric-fraction: ;
        --tw-ring-inset: ;
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: rgb(59 130 246 / .5);
        --tw-ring-offset-shadow: 0 0 #0000;
        --tw-ring-shadow: 0 0 #0000;
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        --tw-blur: ;
        --tw-brightness: ;
        --tw-contrast: ;
        --tw-grayscale: ;
        --tw-hue-rotate: ;
        --tw-invert: ;
        --tw-saturate: ;
        --tw-sepia: ;
        --tw-drop-shadow: ;
        --tw-backdrop-blur: ;
        --tw-backdrop-brightness: ;
        --tw-backdrop-contrast: ;
        --tw-backdrop-grayscale: ;
        --tw-backdrop-hue-rotate: ;
        --tw-backdrop-invert: ;
        --tw-backdrop-opacity: ;
        --tw-backdrop-saturate: ;
        --tw-backdrop-sepia: ;
        --tw-contain-size: ;
        --tw-contain-layout: ;
        --tw-contain-paint: ;
        --tw-contain-style:
    }

    ::backdrop {
        --tw-border-spacing-x: 0;
        --tw-border-spacing-y: 0;
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-rotate: 0;
        --tw-skew-x: 0;
        --tw-skew-y: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        --tw-pan-x: ;
        --tw-pan-y: ;
        --tw-pinch-zoom: ;
        --tw-scroll-snap-strictness: proximity;
        --tw-gradient-from-position: ;
        --tw-gradient-via-position: ;
        --tw-gradient-to-position: ;
        --tw-ordinal: ;
        --tw-slashed-zero: ;
        --tw-numeric-figure: ;
        --tw-numeric-spacing: ;
        --tw-numeric-fraction: ;
        --tw-ring-inset: ;
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: rgb(59 130 246 / .5);
        --tw-ring-offset-shadow: 0 0 #0000;
        --tw-ring-shadow: 0 0 #0000;
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        --tw-blur: ;
        --tw-brightness: ;
        --tw-contrast: ;
        --tw-grayscale: ;
        --tw-hue-rotate: ;
        --tw-invert: ;
        --tw-saturate: ;
        --tw-sepia: ;
        --tw-drop-shadow: ;
        --tw-backdrop-blur: ;
        --tw-backdrop-brightness: ;
        --tw-backdrop-contrast: ;
        --tw-backdrop-grayscale: ;
        --tw-backdrop-hue-rotate: ;
        --tw-backdrop-invert: ;
        --tw-backdrop-opacity: ;
        --tw-backdrop-saturate: ;
        --tw-backdrop-sepia: ;
        --tw-contain-size: ;
        --tw-contain-layout: ;
        --tw-contain-paint: ;
        --tw-contain-style:
    }
}

@layer elements {
    .container {
        width: 100%
    }

    @media (min-width: 480px) {
        .container {
            max-width: 480px
        }
    }

    @media (min-width: 768px) {
        .container {
            max-width: 768px
        }
    }

    @media (min-width: 1024px) {
        .container {
            max-width: 1024px
        }
    }

    @media (min-width: 1280px) {
        .container {
            max-width: 1280px
        }
    }

    @media (min-width: 1536px) {
        .container {
            max-width: 1536px
        }
    }

    @media (min-width: 1920px) {
        .container {
            max-width: 1920px
        }
    }

    .direction-ltr {
        direction: ltr
    }

    .border-default {
        border-color: var(--legacy-color-border)
    }

    .border-default:is([data-mode=dark] *) {
        border-color: #fff3
    }

    .legacy-text-neutral {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-neutral-500) / var(--tw-text-opacity))
    }

    .legacy-text-neutral:is([data-mode=dark] *) {
        color: #fff
    }

    .legacy-text-gray {
        --tw-text-opacity: 1;
        color: rgb(181 181 181 / var(--tw-text-opacity));
        color: var(--legacy-color-gray)
    }

    .legacy-text-gray:is([data-mode=dark] *) {
        --tw-text-opacity: 1;
        color: rgb(222 222 222 / var(--tw-text-opacity))
    }

    .legacy-bg-gray2 {
        background-color: var(--legacy-color-gray2)
    }

    .legacy-bg-gray2:is([data-mode=dark] *) {
        --tw-bg-opacity: 1;
        background-color: rgb(24 24 27 / var(--tw-bg-opacity))
    }

    .scrollbar-primary::-webkit-scrollbar-track {
        background-color: transparent
    }

    .scrollbar-primary:is([data-mode=dark] *)::-webkit-scrollbar-track {
        --tw-bg-opacity: 1;
        background-color: rgb(31 31 31 / var(--tw-bg-opacity))
    }

    .scrollbar-primary::-webkit-scrollbar {
        width: 1rem
    }

    .scrollbar-primary::-webkit-scrollbar-thumb {
        border-radius: 4px;
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-primary-500) / var(--tw-bg-opacity));
        box-shadow: inset 0 0 3px var(--legacy-color-shadow)
    }

    .input-style-disabled {
        opacity: .75;
        pointer-events: none;
        cursor: default;
        transition-duration: 0ms;
        filter: grayscale(.5)
    }

    .-TwInputWrap {
        position: relative;
        display: grid;
        gap: .5rem
    }

    .-InputHeader {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem
    }

    .-InputHeader:empty {
        display: none
    }

    .-InputFooter {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem
    }

    .-InputFooter:empty {
        display: none
    }

    .-InputLabel {
        display: block;
        font-family: Montserrat, sans-serif;
        font-size: 1.6rem;
        font-weight: 500;
        line-height: 1.5rem;
        letter-spacing: .025em;
        --tw-text-opacity: 1;
        color: rgb(17 24 39 / var(--tw-text-opacity))
    }

    .-InputLabel:is([data-mode=dark] *) {
        --tw-text-opacity: 1;
        color: rgb(229 231 235 / var(--tw-text-opacity))
    }

    .-InputError {
        margin-top: 0;
        margin-bottom: 0;
        font-family: Montserrat, sans-serif;
        font-size: 1.4rem;
        font-weight: 500;
        letter-spacing: .025em;
        --tw-text-opacity: 1;
        color: rgb(var(--ui-danger-500) / var(--tw-text-opacity))
    }

    .-InputError:empty {
        display: none
    }

    .-InputHint {
        margin-top: 0;
        margin-bottom: 0;
        font-family: Montserrat, sans-serif;
        font-size: 1.4rem;
        --tw-text-opacity: 1;
        color: rgb(107 114 128 / var(--tw-text-opacity))
    }

    .-InputHint:empty {
        display: none
    }

    .-InputHint:is([data-mode=dark] *) {
        --tw-text-opacity: 1;
        color: rgb(209 213 219 / var(--tw-text-opacity))
    }

    .-InputHint {
        word-break: break-word
    }

    .-TwPassword {
        --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
        --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
        --tw-ring-inset: inset;
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
        --tw-grayscale: grayscale(0);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
    }

    .-TwPassword:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--ui-primary-500) / var(--tw-ring-opacity))
    }

    .-TwPassword:focus {
        border-width: 0px;
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        outline: 2px solid transparent;
        outline-offset: 2px;
        --tw-ring-inset: inset
    }

    .-TwPassword:is([data-mode=dark] *) {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity))
    }

    .-TwPassword:focus-within:is([data-mode=dark] *) {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--ui-primary-500) / var(--tw-ring-opacity))
    }

    .-TwPassword {
        display: inline-flex;
        width: 100%
    }

    .-TwPassword> :not([hidden])~ :not([hidden]) {
        --tw-divide-x-reverse: 0;
        border-right-width: calc(1px * var(--tw-divide-x-reverse));
        border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
        border-color: inherit
    }

    .-TwPassword {
        border-radius: 4px;
        height: 4rem
    }

    .-TwPassword:where([dir=rtl], [dir=rtl] *) {
        direction: rtl
    }

    .-TwPassword:is([data-mode=dark] *) {
        --tw-border-opacity: 1;
        border-color: rgb(55 65 81 / var(--tw-border-opacity))
    }

    .-TwPassword:where([dir=rtl], [dir=rtl] *)> :not([hidden])~ :not([hidden]) {
        --tw-divide-x-reverse: 1
    }

    .-TwPassword:is([data-mode=dark] *)> :not([hidden])~ :not([hidden]) {
        border-color: #fff3
    }

    .-TwPassword button {
        --tw-ring-inset: inset
    }

    .-TwPassword button:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--ui-primary-400) / var(--tw-ring-opacity));
        --tw-ring-offset-color: rgb(var(--ui-primary-300) / 1)
    }

    .-TwPasswordInput {
        position: relative;
        width: 100%;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-width: 0px;
        background-color: #ffffff0d;
        font-size: 1.2rem;
        line-height: 1.5rem
    }

    .-TwPasswordInput input {
        height: 4rem;
        width: 100%;
        border-width: 0px;
        padding: .5rem 1rem;
        font-family: Montserrat, sans-serif;
        --tw-text-opacity: 1;
        color: rgb(17 24 39 / var(--tw-text-opacity))
    }

    .-TwPasswordInput input::-moz-placeholder {
        --tw-text-opacity: 1;
        color: rgb(156 163 175 / var(--tw-text-opacity))
    }

    .-TwPasswordInput input::placeholder {
        --tw-text-opacity: 1;
        color: rgb(156 163 175 / var(--tw-text-opacity))
    }

    @media (min-width: 768px) {
        .-TwPasswordInput input {
            font-size: 1.4rem;
            line-height: 1.5rem
        }
    }

    .-TwPasswordInput input {
        border-radius: 0;
        background-color: transparent !important
    }

    .-TwPasswordInput input:is([data-mode=dark] *) {
        --tw-text-opacity: 1;
        color: rgb(229 231 235 / var(--tw-text-opacity))
    }

    .-TwPasswordInput input:where([dir=rtl], [dir=rtl] *) {
        left: 0;
        right: auto
    }

    .-TwPasswordErrorIcon {
        pointer-events: none;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        z-index: 10;
        display: flex;
        align-items: center;
        padding-right: .75rem
    }

    .-PopoverSurface {
        border-radius: 4px;
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
        --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .-PopoverSurface:focus {
        border-width: 0px
    }

    .-PopoverSurface:is([data-mode=dark] *) {
        --tw-bg-opacity: 1;
        background-color: rgb(63 63 70 / var(--tw-bg-opacity))
    }

    .-ListboxButton {
        --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
        --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
        --tw-ring-inset: inset;
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
        --tw-grayscale: grayscale(0);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
    }

    .-ListboxButton:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--ui-primary-500) / var(--tw-ring-opacity))
    }

    .-ListboxButton:focus {
        border-width: 0px;
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        outline: 2px solid transparent;
        outline-offset: 2px;
        --tw-ring-inset: inset
    }

    .-ListboxButton:is([data-mode=dark] *) {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity))
    }

    .-ListboxButton:focus-within:is([data-mode=dark] *) {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--ui-primary-500) / var(--tw-ring-opacity))
    }

    .-ListboxButton {
        position: relative;
        display: inline-flex;
        width: 100%;
        cursor: default;
        align-items: center;
        justify-content: space-between;
        border-radius: 4px;
        height: 4rem;
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        padding: .5rem .5rem .5rem 1.5rem;
        text-align: start;
        font-family: Montserrat, sans-serif;
        letter-spacing: .025em;
        --tw-text-opacity: 1;
        color: rgb(17 24 39 / var(--tw-text-opacity));
        border-width: 0px
    }

    .-ListboxButton:is([data-mode=dark] *) {
        --tw-bg-opacity: 1;
        background-color: rgb(47 51 59 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
    }

    @media (min-width: 768px) {
        .-ListboxButton {
            font-size: 1.4rem;
            line-height: 1.5rem
        }
    }

    .-ListboxButton[data-placeholder] {
        --tw-text-opacity: 1;
        color: rgb(156 163 175 / var(--tw-text-opacity))
    }

    .-ListboxContent {
        width: var(--radix-select-trigger-width);
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
        --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
        --tw-ring-opacity: .05;
        max-height: var(--radix-select-content-available-height)
    }

    .-ListboxScrollArea {
        border-radius: 4px;
        --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
        --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .-ListboxScrollViewport {
        height: 100%;
        width: 100%;
        border-radius: 4px
    }

    .-ListboxScrollbar {
        display: flex;
        touch-action: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        padding: .125rem
    }

    .-ListboxScrollbar[data-orientation=vertical] {
        width: .625rem
    }

    .-ListboxScrollThumb {
        position: relative;
        flex: 1 1 0%
    }

    .-ListboxScrollThumb:before {
        position: absolute;
        top: 50%;
        height: 100%;
        min-height: 44px;
        width: .75rem;
        --tw-translate-x: -50%;
        --tw-translate-y: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        border-radius: 4px;
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(209 213 219 / var(--tw-bg-opacity))
    }

    .-ListboxOption {
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        padding: 1rem 1.5rem;
        font-size: 1.4rem;
        font-weight: 400;
        --tw-text-opacity: 1;
        color: rgb(31 41 55 / var(--tw-text-opacity))
    }

    .-ListboxOption:focus {
        border-width: 0px
    }

    .-ListboxOption:is([data-mode=dark] *) {
        color: #e5e7ebbf
    }

    .-ListboxOption[data-disabled] {
        --tw-bg-opacity: 1;
        background-color: rgb(243 244 246 / var(--tw-bg-opacity));
        color: #4b5563bf
    }

    .-ListboxOption[data-disabled]:is([data-mode=dark] *) {
        background-color: #e4e4e70d;
        color: #9ca3afbf
    }

    .-ListboxOption[data-highlighted] {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-primary-50) / var(--tw-bg-opacity))
    }

    .-ListboxOption[data-highlighted]:is([data-mode=dark] *) {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-primary-900) / var(--tw-bg-opacity))
    }

    .-ListboxOption[data-state=checked] {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(var(--ui-primary-700) / var(--tw-bg-opacity)) !important;
        font-weight: 600;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
    }

    .-Code {
        white-space: pre-wrap;
        overflow-wrap: normal;
        word-break: normal;
        border-radius: 4px;
        border-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgb(243 244 246 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(249 250 251 / var(--tw-bg-opacity));
        font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, monospace, serif;
        font-size: 1.2rem
    }

    .-Code:is([data-mode=dark] *) {
        --tw-border-opacity: 1;
        border-color: rgb(55 65 81 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(31 41 55 / var(--tw-bg-opacity))
    }

    .-Code {
        font-variant-ligatures: none;
        -moz-tab-size: 4;
        tab-size: 4
    }

    .-CodeInline {
        font-variant-ligatures: none;
        -moz-tab-size: 4;
        tab-size: 4;
        white-space: pre-wrap;
        overflow-wrap: normal;
        word-break: normal;
        border-radius: 4px;
        border-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgb(243 244 246 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(249 250 251 / var(--tw-bg-opacity));
        font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, monospace, serif;
        font-size: 1.2rem
    }

    .-CodeInline:is([data-mode=dark] *) {
        --tw-border-opacity: 1;
        border-color: rgb(55 65 81 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(31 41 55 / var(--tw-bg-opacity))
    }

    .-CodeInline {
        padding-left: .25rem;
        padding-right: .25rem;
        padding-top: .25rem;
        padding-bottom: 1px;
        --tw-text-opacity: 1;
        color: rgb(239 68 68 / var(--tw-text-opacity))
    }

    .-CodeInline:is([data-mode=dark] *) {
        --tw-text-opacity: 1;
        color: rgb(245 158 11 / var(--tw-text-opacity))
    }

    .-CodeBlock {
        font-variant-ligatures: none;
        -moz-tab-size: 4;
        tab-size: 4;
        white-space: pre-wrap;
        overflow-wrap: normal;
        word-break: normal;
        border-radius: 4px;
        border-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgb(243 244 246 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(249 250 251 / var(--tw-bg-opacity));
        font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, monospace, serif;
        font-size: 1.2rem
    }

    .-CodeBlock:is([data-mode=dark] *) {
        --tw-border-opacity: 1;
        border-color: rgb(55 65 81 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(31 41 55 / var(--tw-bg-opacity))
    }

    .-CodeBlock {
        margin-top: .5rem;
        margin-bottom: .5rem;
        display: block;
        overflow-y: hidden;
        padding: .75rem
    }

    .-InputBorder {
        --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
        --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
        --tw-ring-inset: inset;
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
        --tw-grayscale: grayscale(0);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
    }

    .-InputBorder:is([data-mode=dark] *) {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity))
    }

    .-InputBorder:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
    }

    .-InputBorder:focus {
        border-width: 0px;
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        outline: 2px solid transparent;
        outline-offset: 2px;
        --tw-ring-inset: inset
    }

    .-InputBorder:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--ui-primary-500) / var(--tw-ring-opacity))
    }

    .-InputBorder:focus-within:is([data-mode=dark] *) {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--ui-primary-500) / var(--tw-ring-opacity))
    }

    .-InputErrorBorder {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--ui-danger-300) / var(--tw-ring-opacity))
    }

    .-InputErrorBorder:focus-within {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--ui-danger-500) / var(--tw-ring-opacity))
    }

    .-InputErrorBorder:is([data-mode=dark] *) {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--ui-danger-700) / var(--tw-ring-opacity))
    }

    .-InputErrorBorder:focus-within:is([data-mode=dark] *) {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--ui-danger-500) / var(--tw-ring-opacity))
    }

    .border-default-gray {
        --tw-border-opacity: 1;
        border-color: rgb(229 231 235 / var(--tw-border-opacity))
    }

    .border-default-gray:is([data-mode=dark] *) {
        --tw-border-opacity: 1;
        border-color: rgb(75 85 99 / var(--tw-border-opacity))
    }

    .font-default-style {
        font-family: Montserrat, sans-serif;
        font-weight: 500;
        line-height: 1.625;
        letter-spacing: .025em
    }

    .form-input,
    .form-textarea,
    .form-select,
    .form-multiselect {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: #fff;
        border-color: #6b7280;
        border-width: 1px;
        border-radius: 0;
        padding: .5rem .75rem;
        font-size: 1rem;
        line-height: 1.5rem;
        --tw-shadow: 0 0 #0000
    }

    .form-input:focus,
    .form-textarea:focus,
    .form-select:focus,
    .form-multiselect:focus {
        outline: 2px solid transparent;
        outline-offset: 2px;
        --tw-ring-inset: var(--tw-empty, );
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: #2563eb;
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        border-color: #2563eb
    }

    .form-input::-moz-placeholder,
    .form-textarea::-moz-placeholder {
        color: #6b7280;
        opacity: 1
    }

    .form-input::placeholder,
    .form-textarea::placeholder {
        color: #6b7280;
        opacity: 1
    }

    .form-input::-webkit-datetime-edit-fields-wrapper {
        padding: 0
    }

    .form-input::-webkit-date-and-time-value {
        min-height: 1.5em
    }

    .form-input::-webkit-datetime-edit,
    .form-input::-webkit-datetime-edit-year-field,
    .form-input::-webkit-datetime-edit-month-field,
    .form-input::-webkit-datetime-edit-day-field,
    .form-input::-webkit-datetime-edit-hour-field,
    .form-input::-webkit-datetime-edit-minute-field,
    .form-input::-webkit-datetime-edit-second-field,
    .form-input::-webkit-datetime-edit-millisecond-field,
    .form-input::-webkit-datetime-edit-meridiem-field {
        padding-top: 0;
        padding-bottom: 0
    }

    .form-checkbox,
    .form-radio {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding: 0;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
        display: inline-block;
        vertical-align: middle;
        background-origin: border-box;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        flex-shrink: 0;
        height: 1rem;
        width: 1rem;
        color: #2563eb;
        background-color: #fff;
        border-color: #6b7280;
        border-width: 1px;
        --tw-shadow: 0 0 #0000
    }

    .form-checkbox {
        border-radius: 0
    }

    .form-checkbox:focus,
    .form-radio:focus {
        outline: 2px solid transparent;
        outline-offset: 2px;
        --tw-ring-inset: var(--tw-empty, );
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: #2563eb;
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .form-checkbox:checked,
    .form-radio:checked {
        border-color: transparent;
        background-color: currentColor;
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat
    }

    .form-checkbox:checked {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")
    }

    .form-checkbox:checked:hover,
    .form-checkbox:checked:focus,
    .form-radio:checked:hover,
    .form-radio:checked:focus {
        border-color: transparent;
        background-color: currentColor
    }

    .form-checkbox:indeterminate {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
        border-color: transparent;
        background-color: currentColor;
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat
    }

    .form-checkbox:indeterminate:hover,
    .form-checkbox:indeterminate:focus {
        border-color: transparent;
        background-color: currentColor
    }

    .prose {
        color: var(--tw-prose-body);
        max-width: 65ch
    }

    .prose :where(p):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        margin-top: 1.25em;
        margin-bottom: 1.25em
    }

    .prose :where([class ~=lead]):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        color: var(--tw-prose-lead);
        font-size: 1.25em;
        line-height: 1.6;
        margin-top: 1.2em;
        margin-bottom: 1.2em
    }

    .prose :where(a):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        color: var(--tw-prose-links);
        text-decoration: underline;
        font-weight: 500
    }

    .prose :where(strong):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        color: var(--tw-prose-bold);
        font-weight: 600
    }

    .prose :where(a strong):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        color: inherit
    }

    .prose :where(blockquote strong):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        color: inherit
    }

    .prose :where(thead th strong):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        color: inherit
    }

    .prose :where(ol):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        list-style-type: decimal;
        margin-top: 1.25em;
        margin-bottom: 1.25em;
        padding-inline-start: 1.625em
    }

    .prose :where(ol[type=A]):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        list-style-type: upper-alpha
    }

    .prose :where(ol[type=a]):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        list-style-type: lower-alpha
    }

    .prose :where(ol[type=A s]):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        list-style-type: upper-alpha
    }

    .prose :where(ol[type=a s]):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        list-style-type: lower-alpha
    }

    .prose :where(ol[type=I]):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        list-style-type: upper-roman
    }

    .prose :where(ol[type=i]):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        list-style-type: lower-roman
    }

    .prose :where(ol[type=I s]):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        list-style-type: upper-roman
    }

    .prose :where(ol[type=i s]):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        list-style-type: lower-roman
    }

    .prose :where(ol[type="1"]):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        list-style-type: decimal
    }

    .prose :where(ul):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        list-style-type: disc;
        margin-top: 1.25em;
        margin-bottom: 1.25em;
        padding-inline-start: 1.625em
    }

    .prose :where(ol > li):not(:where([class ~=not-prose], [class ~=not-prose] *))::marker {
        font-weight: 400;
        color: var(--tw-prose-counters)
    }

    .prose :where(ul > li):not(:where([class ~=not-prose], [class ~=not-prose] *))::marker {
        color: var(--tw-prose-bullets)
    }

    .prose :where(dt):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        color: var(--tw-prose-headings);
        font-weight: 600;
        margin-top: 1.25em
    }

    .prose :where(hr):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        border-color: var(--tw-prose-hr);
        border-top-width: 1px;
        margin-top: 3em;
        margin-bottom: 3em
    }

    .prose :where(blockquote):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        font-weight: 500;
        font-style: italic;
        color: var(--tw-prose-quotes);
        border-inline-start-width: .25rem;
        border-inline-start-color: var(--tw-prose-quote-borders);
        quotes: "“" "”" "‘" "’";
        margin-top: 1.6em;
        margin-bottom: 1.6em;
        padding-inline-start: 1em
    }

    .prose :where(blockquote p:first-of-type):not(:where([class ~=not-prose], [class ~=not-prose] *)):before {
        content: open-quote
    }

    .prose :where(blockquote p:last-of-type):not(:where([class ~=not-prose], [class ~=not-prose] *)):after {
        content: close-quote
    }

    .prose :where(h1):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        color: var(--tw-prose-headings);
        font-weight: 800;
        font-size: 2.25em;
        margin-top: 0;
        margin-bottom: .8888889em;
        line-height: 1.1111111
    }

    .prose :where(h1 strong):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        font-weight: 900;
        color: inherit
    }

    .prose :where(h2):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        color: var(--tw-prose-headings);
        font-weight: 700;
        font-size: 1.5em;
        margin-top: 2em;
        margin-bottom: 1em;
        line-height: 1.3333333
    }

    .prose :where(h2 strong):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        font-weight: 800;
        color: inherit
    }

    .prose :where(h3):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        color: var(--tw-prose-headings);
        font-weight: 600;
        font-size: 1.25em;
        margin-top: 1.6em;
        margin-bottom: .6em;
        line-height: 1.6
    }

    .prose :where(h3 strong):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        font-weight: 700;
        color: inherit
    }

    .prose :where(h4):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        color: var(--tw-prose-headings);
        font-weight: 600;
        margin-top: 1.5em;
        margin-bottom: .5em;
        line-height: 1.5
    }

    .prose :where(h4 strong):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        font-weight: 700;
        color: inherit
    }

    .prose :where(img):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        margin-top: 2em;
        margin-bottom: 2em
    }

    .prose :where(picture):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        display: block;
        margin-top: 2em;
        margin-bottom: 2em
    }

    .prose :where(video):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        margin-top: 2em;
        margin-bottom: 2em
    }

    .prose :where(kbd):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        font-weight: 500;
        font-family: inherit;
        color: var(--tw-prose-kbd);
        box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px rgb(var(--tw-prose-kbd-shadows) / 10%);
        font-size: .875em;
        border-radius: .3125rem;
        padding-top: .1875em;
        padding-inline-end: .375em;
        padding-bottom: .1875em;
        padding-inline-start: .375em
    }

    .prose :where(code):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        color: var(--tw-prose-code);
        font-weight: 600;
        font-size: .875em
    }

    .prose :where(code):not(:where([class ~=not-prose], [class ~=not-prose] *)):before {
        content: "`"
    }

    .prose :where(code):not(:where([class ~=not-prose], [class ~=not-prose] *)):after {
        content: "`"
    }

    .prose :where(a code):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        color: inherit
    }

    .prose :where(h1 code):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        color: inherit
    }

    .prose :where(h2 code):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        color: inherit;
        font-size: .875em
    }

    .prose :where(h3 code):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        color: inherit;
        font-size: .9em
    }

    .prose :where(h4 code):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        color: inherit
    }

    .prose :where(blockquote code):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        color: inherit
    }

    .prose :where(thead th code):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        color: inherit
    }

    .prose :where(pre):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        color: var(--tw-prose-pre-code);
        background-color: var(--tw-prose-pre-bg);
        overflow-x: auto;
        font-weight: 400;
        font-size: .875em;
        line-height: 1.7142857;
        margin-top: 1.7142857em;
        margin-bottom: 1.7142857em;
        border-radius: .375rem;
        padding-top: .8571429em;
        padding-inline-end: 1.1428571em;
        padding-bottom: .8571429em;
        padding-inline-start: 1.1428571em
    }

    .prose :where(pre code):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        background-color: transparent;
        border-width: 0;
        border-radius: 0;
        padding: 0;
        font-weight: inherit;
        color: inherit;
        font-size: inherit;
        font-family: inherit;
        line-height: inherit
    }

    .prose :where(pre code):not(:where([class ~=not-prose], [class ~=not-prose] *)):before {
        content: none
    }

    .prose :where(pre code):not(:where([class ~=not-prose], [class ~=not-prose] *)):after {
        content: none
    }

    .prose :where(table):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        width: 100%;
        table-layout: auto;
        margin-top: 2em;
        margin-bottom: 2em;
        font-size: .875em;
        line-height: 1.7142857
    }

    .prose :where(thead):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        border-bottom-width: 1px;
        border-bottom-color: var(--tw-prose-th-borders)
    }

    .prose :where(thead th):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        color: var(--tw-prose-headings);
        font-weight: 600;
        vertical-align: bottom;
        padding-inline-end: .5714286em;
        padding-bottom: .5714286em;
        padding-inline-start: .5714286em
    }

    .prose :where(tbody tr):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        border-bottom-width: 1px;
        border-bottom-color: var(--tw-prose-td-borders)
    }

    .prose :where(tbody tr:last-child):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        border-bottom-width: 0
    }

    .prose :where(tbody td):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        vertical-align: baseline
    }

    .prose :where(tfoot):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        border-top-width: 1px;
        border-top-color: var(--tw-prose-th-borders)
    }

    .prose :where(tfoot td):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        vertical-align: top
    }

    .prose :where(th, td):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        text-align: start
    }

    .prose :where(figure > *):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        margin-top: 0;
        margin-bottom: 0
    }

    .prose :where(figcaption):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        color: var(--tw-prose-captions);
        font-size: .875em;
        line-height: 1.4285714;
        margin-top: .8571429em
    }

    .prose {
        --tw-prose-body: #374151;
        --tw-prose-headings: #111827;
        --tw-prose-lead: #4b5563;
        --tw-prose-links: #111827;
        --tw-prose-bold: #111827;
        --tw-prose-counters: #6b7280;
        --tw-prose-bullets: #d1d5db;
        --tw-prose-hr: #e5e7eb;
        --tw-prose-quotes: #111827;
        --tw-prose-quote-borders: #e5e7eb;
        --tw-prose-captions: #6b7280;
        --tw-prose-kbd: #111827;
        --tw-prose-kbd-shadows: 17 24 39;
        --tw-prose-code: #111827;
        --tw-prose-pre-code: #e5e7eb;
        --tw-prose-pre-bg: #1f2937;
        --tw-prose-th-borders: #d1d5db;
        --tw-prose-td-borders: #e5e7eb;
        --tw-prose-invert-body: #d1d5db;
        --tw-prose-invert-headings: #fff;
        --tw-prose-invert-lead: #9ca3af;
        --tw-prose-invert-links: #fff;
        --tw-prose-invert-bold: #fff;
        --tw-prose-invert-counters: #9ca3af;
        --tw-prose-invert-bullets: #4b5563;
        --tw-prose-invert-hr: #374151;
        --tw-prose-invert-quotes: #f3f4f6;
        --tw-prose-invert-quote-borders: #374151;
        --tw-prose-invert-captions: #9ca3af;
        --tw-prose-invert-kbd: #fff;
        --tw-prose-invert-kbd-shadows: 255 255 255;
        --tw-prose-invert-code: #fff;
        --tw-prose-invert-pre-code: #d1d5db;
        --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
        --tw-prose-invert-th-borders: #4b5563;
        --tw-prose-invert-td-borders: #374151;
        font-size: 1rem;
        line-height: 1.75
    }

    .prose :where(picture > img):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        margin-top: 0;
        margin-bottom: 0
    }

    .prose :where(li):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        margin-top: .5em;
        margin-bottom: .5em
    }

    .prose :where(ol > li):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        padding-inline-start: .375em
    }

    .prose :where(ul > li):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        padding-inline-start: .375em
    }

    .prose :where(.prose > ul > li p):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        margin-top: .75em;
        margin-bottom: .75em
    }

    .prose :where(.prose > ul > li > p:first-child):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        margin-top: 1.25em
    }

    .prose :where(.prose > ul > li > p:last-child):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        margin-bottom: 1.25em
    }

    .prose :where(.prose > ol > li > p:first-child):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        margin-top: 1.25em
    }

    .prose :where(.prose > ol > li > p:last-child):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        margin-bottom: 1.25em
    }

    .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        margin-top: .75em;
        margin-bottom: .75em
    }

    .prose :where(dl):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        margin-top: 1.25em;
        margin-bottom: 1.25em
    }

    .prose :where(dd):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        margin-top: .5em;
        padding-inline-start: 1.625em
    }

    .prose :where(hr + *):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        margin-top: 0
    }

    .prose :where(h2 + *):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        margin-top: 0
    }

    .prose :where(h3 + *):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        margin-top: 0
    }

    .prose :where(h4 + *):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        margin-top: 0
    }

    .prose :where(thead th:first-child):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        padding-inline-start: 0
    }

    .prose :where(thead th:last-child):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        padding-inline-end: 0
    }

    .prose :where(tbody td, tfoot td):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        padding-top: .5714286em;
        padding-inline-end: .5714286em;
        padding-bottom: .5714286em;
        padding-inline-start: .5714286em
    }

    .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        padding-inline-start: 0
    }

    .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        padding-inline-end: 0
    }

    .prose :where(figure):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        margin-top: 2em;
        margin-bottom: 2em
    }

    .prose :where(.prose > :first-child):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        margin-top: 0
    }

    .prose :where(.prose > :last-child):not(:where([class ~=not-prose], [class ~=not-prose] *)) {
        margin-bottom: 0
    }
}

@layer util {
    html .tailwind-area .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }

    html .tailwind-area .pointer-events-none {
        pointer-events: none
    }

    html .tailwind-area .pointer-events-auto {
        pointer-events: auto
    }

    html .tailwind-area .visible {
        visibility: visible
    }

    html .tailwind-area .invisible {
        visibility: hidden
    }

    html .tailwind-area .static {
        position: static
    }

    html .tailwind-area .fixed {
        position: fixed
    }

    html .tailwind-area .absolute {
        position: absolute
    }

    html .tailwind-area .relative {
        position: relative
    }

    html .tailwind-area .sticky {
        position: sticky
    }

    html .tailwind-area .inset-0 {
        inset: 0
    }

    html .tailwind-area .inset-x-0 {
        left: 0;
        right: 0
    }

    html .tailwind-area .inset-y-0 {
        top: 0;
        bottom: 0
    }

    html .tailwind-area .inset-y-4 {
        top: 1rem;
        bottom: 1rem
    }

    html .tailwind-area .-bottom-2 {
        bottom: -.5rem
    }

    html .tailwind-area .-left-1\/2 {
        left: -50%
    }

    html .tailwind-area .-right-2 {
        right: -.5rem
    }

    html .tailwind-area .bottom-0 {
        bottom: 0
    }

    html .tailwind-area .bottom-full {
        bottom: 100%
    }

    html .tailwind-area .left-0 {
        left: 0
    }

    html .tailwind-area .left-1\/2 {
        left: 50%
    }

    html .tailwind-area .right-0 {
        right: 0
    }

    html .tailwind-area .right-2 {
        right: .5rem
    }

    html .tailwind-area .right-3 {
        right: .75rem
    }

    html .tailwind-area .right-4 {
        right: 1rem
    }

    html .tailwind-area .top-0 {
        top: 0
    }

    html .tailwind-area .top-3 {
        top: .75rem
    }

    html .tailwind-area .top-4 {
        top: 1rem
    }

    html .tailwind-area .top-full {
        top: 100%
    }

    html .tailwind-area .isolate {
        isolation: isolate
    }

    html .tailwind-area .z-0 {
        z-index: 0
    }

    html .tailwind-area .z-1 {
        z-index: 1
    }

    html .tailwind-area .z-10 {
        z-index: 10
    }

    html .tailwind-area .z-2 {
        z-index: 2
    }

    html .tailwind-area .z-40 {
        z-index: 40
    }

    html .tailwind-area .z-\[35\] {
        z-index: 35
    }

    html .tailwind-area .z-\[4\] {
        z-index: 4
    }

    html .tailwind-area .z-\[5\] {
        z-index: 5
    }

    html .tailwind-area .order-1 {
        order: 1
    }

    html .tailwind-area .order-2 {
        order: 2
    }

    html .tailwind-area .order-3 {
        order: 3
    }

    html .tailwind-area .order-4 {
        order: 4
    }

    html .tailwind-area .order-5 {
        order: 5
    }

    html .tailwind-area .order-6 {
        order: 6
    }

    html .tailwind-area .col-span-2 {
        grid-column: span 2 / span 2
    }

    html .tailwind-area .col-span-3 {
        grid-column: span 3 / span 3
    }

    html .tailwind-area .col-span-4 {
        grid-column: span 4 / span 4
    }

    html .tailwind-area .col-span-5 {
        grid-column: span 5 / span 5
    }

    html .tailwind-area .col-span-6 {
        grid-column: span 6 / span 6
    }

    html .tailwind-area .col-start-1 {
        grid-column-start: 1
    }

    html .tailwind-area .col-start-2 {
        grid-column-start: 2
    }

    html .tailwind-area .row-span-2 {
        grid-row: span 2 / span 2
    }

    html .tailwind-area .row-start-1 {
        grid-row-start: 1
    }

    html .tailwind-area .row-start-2 {
        grid-row-start: 2
    }

    html .tailwind-area .row-start-3 {
        grid-row-start: 3
    }

    html .tailwind-area .m-0 {
        margin: 0
    }

    html .tailwind-area .m-1 {
        margin: .25rem
    }

    html .tailwind-area .m-12 {
        margin: 3rem
    }

    html .tailwind-area .m-2 {
        margin: .5rem
    }

    html .tailwind-area .m-4 {
        margin: 1rem
    }

    html .tailwind-area .m-auto {
        margin: auto
    }

    html .tailwind-area .m-px {
        margin: 1px
    }

    html .tailwind-area .-mx-px {
        margin-left: -1px;
        margin-right: -1px
    }

    html .tailwind-area .mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    html .tailwind-area .mx-1 {
        margin-left: .25rem;
        margin-right: .25rem
    }

    html .tailwind-area .mx-2 {
        margin-left: .5rem;
        margin-right: .5rem
    }

    html .tailwind-area .mx-4 {
        margin-left: 1rem;
        margin-right: 1rem
    }

    html .tailwind-area .mx-6 {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }

    html .tailwind-area .mx-8 {
        margin-left: 2rem;
        margin-right: 2rem
    }

    html .tailwind-area .mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    html .tailwind-area .my-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    html .tailwind-area .my-12 {
        margin-top: 3rem;
        margin-bottom: 3rem
    }

    html .tailwind-area .my-2 {
        margin-top: .5rem;
        margin-bottom: .5rem
    }

    html .tailwind-area .my-4 {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    html .tailwind-area .my-6 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }

    html .tailwind-area .my-8 {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    html .tailwind-area .my-auto {
        margin-top: auto;
        margin-bottom: auto
    }

    html .tailwind-area .-mt-2 {
        margin-top: -.5rem
    }

    html .tailwind-area .mb-0 {
        margin-bottom: 0
    }

    html .tailwind-area .mb-1 {
        margin-bottom: .25rem
    }

    html .tailwind-area .mb-12 {
        margin-bottom: 3rem
    }

    html .tailwind-area .mb-2 {
        margin-bottom: .5rem
    }

    html .tailwind-area .mb-3 {
        margin-bottom: .75rem
    }

    html .tailwind-area .mb-4 {
        margin-bottom: 1rem
    }

    html .tailwind-area .mb-6 {
        margin-bottom: 1.5rem
    }

    html .tailwind-area .mb-8 {
        margin-bottom: 2rem
    }

    html .tailwind-area .me-1 {
        margin-inline-end: .25rem
    }

    html .tailwind-area .me-2 {
        margin-inline-end: .5rem
    }

    html .tailwind-area .me-4 {
        margin-inline-end: 1rem
    }

    html .tailwind-area .me-auto {
        margin-inline-end: auto
    }

    html .tailwind-area .me-px {
        margin-inline-end: 1px
    }

    html .tailwind-area .ml-1 {
        margin-left: .25rem
    }

    html .tailwind-area .ml-1\.5 {
        margin-left: .375rem
    }

    html .tailwind-area .ml-12 {
        margin-left: 3rem
    }

    html .tailwind-area .ml-16 {
        margin-left: 4rem
    }

    html .tailwind-area .ml-2 {
        margin-left: .5rem
    }

    html .tailwind-area .ml-20 {
        margin-left: 5rem
    }

    html .tailwind-area .ml-3 {
        margin-left: .75rem
    }

    html .tailwind-area .ml-4 {
        margin-left: 1rem
    }

    html .tailwind-area .ml-6 {
        margin-left: 1.5rem
    }

    html .tailwind-area .ml-8 {
        margin-left: 2rem
    }

    html .tailwind-area .ml-\[-3px\] {
        margin-left: -3px
    }

    html .tailwind-area .ml-auto {
        margin-left: auto
    }

    html .tailwind-area .mr-0\.5 {
        margin-right: .125rem
    }

    html .tailwind-area .mr-1 {
        margin-right: .25rem
    }

    html .tailwind-area .mr-2 {
        margin-right: .5rem
    }

    html .tailwind-area .mr-3 {
        margin-right: .75rem
    }

    html .tailwind-area .mr-4 {
        margin-right: 1rem
    }

    html .tailwind-area .mr-5 {
        margin-right: 1.25rem
    }

    html .tailwind-area .mr-6 {
        margin-right: 1.5rem
    }

    html .tailwind-area .mr-8 {
        margin-right: 2rem
    }

    html .tailwind-area .ms-2 {
        margin-inline-start: .5rem
    }

    html .tailwind-area .ms-4 {
        margin-inline-start: 1rem
    }

    html .tailwind-area .ms-6 {
        margin-inline-start: 1.5rem
    }

    html .tailwind-area .ms-8 {
        margin-inline-start: 2rem
    }

    html .tailwind-area .ms-auto {
        margin-inline-start: auto
    }

    html .tailwind-area .mt-0 {
        margin-top: 0
    }

    html .tailwind-area .mt-1 {
        margin-top: .25rem
    }

    html .tailwind-area .mt-12 {
        margin-top: 3rem
    }

    html .tailwind-area .mt-2 {
        margin-top: .5rem
    }

    html .tailwind-area .mt-4 {
        margin-top: 1rem
    }

    html .tailwind-area .mt-48 {
        margin-top: 12rem
    }

    html .tailwind-area .mt-6 {
        margin-top: 1.5rem
    }

    html .tailwind-area .mt-8 {
        margin-top: 2rem
    }

    html .tailwind-area .mt-\[-3px\] {
        margin-top: -3px
    }

    html .tailwind-area .mt-auto {
        margin-top: auto
    }

    html .tailwind-area .box-content {
        box-sizing: content-box
    }

    html .tailwind-area .line-clamp-2 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
    }

    html .tailwind-area .block {
        display: block
    }

    html .tailwind-area .inline-block {
        display: inline-block
    }

    html .tailwind-area .inline {
        display: inline
    }

    html .tailwind-area .flex {
        display: flex
    }

    html .tailwind-area .inline-flex {
        display: inline-flex
    }

    html .tailwind-area .\  !table {
        display: table !important
    }

    html .tailwind-area .table {
        display: table
    }

    html .tailwind-area .table-row {
        display: table-row
    }

    html .tailwind-area .grid {
        display: grid
    }

    html .tailwind-area .contents {
        display: contents
    }

    html .tailwind-area .hidden {
        display: none
    }

    html .tailwind-area .size-0 {
        width: 0px;
        height: 0px
    }

    html .tailwind-area .size-10 {
        width: 2.5rem;
        height: 2.5rem
    }

    html .tailwind-area .size-12 {
        width: 3rem;
        height: 3rem
    }

    html .tailwind-area .size-14 {
        width: 3.5rem;
        height: 3.5rem
    }

    html .tailwind-area .size-16 {
        width: 4rem;
        height: 4rem
    }

    html .tailwind-area .size-20 {
        width: 5rem;
        height: 5rem
    }

    html .tailwind-area .size-4 {
        width: 1rem;
        height: 1rem
    }

    html .tailwind-area .size-5 {
        width: 1.25rem;
        height: 1.25rem
    }

    html .tailwind-area .size-6 {
        width: 1.5rem;
        height: 1.5rem
    }

    html .tailwind-area .size-7 {
        width: 1.75rem;
        height: 1.75rem
    }

    html .tailwind-area .size-8 {
        width: 2rem;
        height: 2rem
    }

    html .tailwind-area .size-9 {
        width: 2.25rem;
        height: 2.25rem
    }

    html .tailwind-area .size-\[48px\] {
        width: 48px;
        height: 48px
    }

    html .tailwind-area .size-\[60px\] {
        width: 60px;
        height: 60px
    }

    html .tailwind-area .size-full {
        width: 100%;
        height: 100%
    }

    html .tailwind-area .size-min {
        width: -moz-min-content;
        width: min-content;
        height: -moz-min-content;
        height: min-content
    }

    html .tailwind-area .\  !h-\[10px\] {
        height: 10px !important
    }

    html .tailwind-area .\  !h-\[70px\] {
        height: 70px !important
    }

    html .tailwind-area .h-10 {
        height: 2.5rem
    }

    html .tailwind-area .h-12 {
        height: 3rem
    }

    html .tailwind-area .h-14 {
        height: 3.5rem
    }

    html .tailwind-area .h-16 {
        height: 4rem
    }

    html .tailwind-area .h-2 {
        height: .5rem
    }

    html .tailwind-area .h-20 {
        height: 5rem
    }

    html .tailwind-area .h-24 {
        height: 6rem
    }

    html .tailwind-area .h-32 {
        height: 8rem
    }

    html .tailwind-area .h-36 {
        height: 9rem
    }

    html .tailwind-area .h-40 {
        height: 10rem
    }

    html .tailwind-area .h-6 {
        height: 1.5rem
    }

    html .tailwind-area .h-7 {
        height: 1.75rem
    }

    html .tailwind-area .h-8 {
        height: 2rem
    }

    html .tailwind-area .h-80 {
        height: 20rem
    }

    html .tailwind-area .h-9 {
        height: 2.25rem
    }

    html .tailwind-area .h-\[100px\] {
        height: 100px
    }

    html .tailwind-area .h-\[140px\] {
        height: 140px
    }

    html .tailwind-area .h-\[170px\] {
        height: 170px
    }

    html .tailwind-area .h-\[18px\] {
        height: 18px
    }

    html .tailwind-area .h-\[20px\] {
        height: 20px
    }

    html .tailwind-area .h-\[220px\] {
        height: 220px
    }

    html .tailwind-area .h-\[270px\] {
        height: 270px
    }

    html .tailwind-area .h-\[300px\] {
        height: 300px
    }

    html .tailwind-area .h-\[36px\] {
        height: 36px
    }

    html .tailwind-area .h-\[400px\] {
        height: 400px
    }

    html .tailwind-area .h-\[4px\] {
        height: 4px
    }

    html .tailwind-area .h-\[600px\] {
        height: 600px
    }

    html .tailwind-area .h-\[7px\] {
        height: 7px
    }

    html .tailwind-area .h-auto {
        height: auto
    }

    html .tailwind-area .h-dvh {
        height: 100dvh
    }

    html .tailwind-area .h-full {
        height: 100%
    }

    html .tailwind-area .h-min {
        height: -moz-min-content;
        height: min-content
    }

    html .tailwind-area .h-screen {
        height: 100vh
    }

    html .tailwind-area .max-h-60 {
        max-height: 15rem
    }

    html .tailwind-area .max-h-80 {
        max-height: 20rem
    }

    html .tailwind-area .max-h-\[300px\] {
        max-height: 300px
    }

    html .tailwind-area .max-h-\[35vh\] {
        max-height: 35vh
    }

    html .tailwind-area .max-h-\[40rem\] {
        max-height: 40rem
    }

    html .tailwind-area .max-h-\[420px\] {
        max-height: 420px
    }

    html .tailwind-area .max-h-\[48rem\] {
        max-height: 48rem
    }

    html .tailwind-area .max-h-\[50vh\] {
        max-height: 50vh
    }

    html .tailwind-area .max-h-\[75vh\] {
        max-height: 75vh
    }

    html .tailwind-area .max-h-\[calc\(100vh-16rem\)\] {
        max-height: calc(100vh - 16rem)
    }

    html .tailwind-area .max-h-\[var\(--radix-popper-available-height\)\] {
        max-height: var(--radix-popper-available-height)
    }

    html .tailwind-area .max-h-dvh {
        max-height: 100dvh
    }

    html .tailwind-area .max-h-full {
        max-height: 100%
    }

    html .tailwind-area .max-h-max {
        max-height: -moz-max-content;
        max-height: max-content
    }

    html .tailwind-area .min-h-0 {
        min-height: 0px
    }

    html .tailwind-area .min-h-12 {
        min-height: 3rem
    }

    html .tailwind-area .min-h-14 {
        min-height: 3.5rem
    }

    html .tailwind-area .min-h-16 {
        min-height: 4rem
    }

    html .tailwind-area .min-h-20 {
        min-height: 5rem
    }

    html .tailwind-area .min-h-24 {
        min-height: 6rem
    }

    html .tailwind-area .min-h-32 {
        min-height: 8rem
    }

    html .tailwind-area .min-h-40 {
        min-height: 10rem
    }

    html .tailwind-area .min-h-48 {
        min-height: 12rem
    }

    html .tailwind-area .min-h-6 {
        min-height: 1.5rem
    }

    html .tailwind-area .min-h-8 {
        min-height: 2rem
    }

    html .tailwind-area .min-h-\[10rem\] {
        min-height: 10rem
    }

    html .tailwind-area .min-h-\[150px\] {
        min-height: 150px
    }

    html .tailwind-area .min-h-\[200px\] {
        min-height: 200px
    }

    html .tailwind-area .min-h-\[60px\] {
        min-height: 60px
    }

    html .tailwind-area .min-h-\[64px\] {
        min-height: 64px
    }

    html .tailwind-area .min-h-dvh {
        min-height: 100dvh
    }

    html .tailwind-area .w-1\/3 {
        width: 33.333333%
    }

    html .tailwind-area .w-1\/4 {
        width: 25%
    }

    html .tailwind-area .w-10 {
        width: 2.5rem
    }

    html .tailwind-area .w-12 {
        width: 3rem
    }

    html .tailwind-area .w-14 {
        width: 3.5rem
    }

    html .tailwind-area .w-16 {
        width: 4rem
    }

    html .tailwind-area .w-20 {
        width: 5rem
    }

    html .tailwind-area .w-3\/4 {
        width: 75%
    }

    html .tailwind-area .w-32 {
        width: 8rem
    }

    html .tailwind-area .w-6 {
        width: 1.5rem
    }

    html .tailwind-area .w-7 {
        width: 1.75rem
    }

    html .tailwind-area .w-8 {
        width: 2rem
    }

    html .tailwind-area .w-9 {
        width: 2.25rem
    }

    html .tailwind-area .w-\[18px\] {
        width: 18px
    }

    html .tailwind-area .w-\[200\%\] {
        width: 200%
    }

    html .tailwind-area .w-\[36px\] {
        width: 36px
    }

    html .tailwind-area .w-\[400px\] {
        width: 400px
    }

    html .tailwind-area .w-\[460px\] {
        width: 460px
    }

    html .tailwind-area .w-\[600px\] {
        width: 600px
    }

    html .tailwind-area .w-\[60px\] {
        width: 60px
    }

    html .tailwind-area .w-\[6px\] {
        width: 6px
    }

    html .tailwind-area .w-\[7px\] {
        width: 7px
    }

    html .tailwind-area .w-\[calc\(100\%_-_3rem\)\] {
        width: calc(100% - 3rem)
    }

    html .tailwind-area .w-\[var\(--radix-popper-anchor-width\)\] {
        width: var(--radix-popper-anchor-width)
    }

    html .tailwind-area .w-auto {
        width: auto
    }

    html .tailwind-area .w-dvw {
        width: 100dvw
    }

    html .tailwind-area .w-fit {
        width: -moz-fit-content;
        width: fit-content
    }

    html .tailwind-area .w-full {
        width: 100%
    }

    html .tailwind-area .w-max {
        width: -moz-max-content;
        width: max-content
    }

    html .tailwind-area .w-min {
        width: -moz-min-content;
        width: min-content
    }

    html .tailwind-area .w-popper-anchor-width {
        width: var(--radix-popper-anchor-width)
    }

    html .tailwind-area .w-px {
        width: 1px
    }

    html .tailwind-area .w-screen {
        width: 100vw
    }

    html .tailwind-area .min-w-0 {
        min-width: 0px
    }

    html .tailwind-area .min-w-10 {
        min-width: 2.5rem
    }

    html .tailwind-area .min-w-14 {
        min-width: 3.5rem
    }

    html .tailwind-area .min-w-28 {
        min-width: 7rem
    }

    html .tailwind-area .min-w-32 {
        min-width: 8rem
    }

    html .tailwind-area .min-w-40 {
        min-width: 10rem
    }

    html .tailwind-area .min-w-6 {
        min-width: 1.5rem
    }

    html .tailwind-area .min-w-64 {
        min-width: 16rem
    }

    html .tailwind-area .min-w-8 {
        min-width: 2rem
    }

    html .tailwind-area .min-w-80 {
        min-width: 20rem
    }

    html .tailwind-area .min-w-\[100dvw\] {
        min-width: 100dvw
    }

    html .tailwind-area .min-w-\[18\.4rem\] {
        min-width: 18.4rem
    }

    html .tailwind-area .min-w-\[30rem\] {
        min-width: 30rem
    }

    html .tailwind-area .min-w-\[32rem\] {
        min-width: 32rem
    }

    html .tailwind-area .min-w-\[35rem\] {
        min-width: 35rem
    }

    html .tailwind-area .min-w-\[38rem\] {
        min-width: 38rem
    }

    html .tailwind-area .min-w-\[calc\(100vw_-_4rem\)\] {
        min-width: calc(100vw - 4rem)
    }

    html .tailwind-area .min-w-full {
        min-width: 100%
    }

    html .tailwind-area .max-w-3xl {
        max-width: 48rem
    }

    html .tailwind-area .max-w-40 {
        max-width: 10rem
    }

    html .tailwind-area .max-w-\[100dvw\] {
        max-width: 100dvw
    }

    html .tailwind-area .max-w-\[100vw\] {
        max-width: 100vw
    }

    html .tailwind-area .max-w-\[140px\] {
        max-width: 140px
    }

    html .tailwind-area .max-w-\[250px\] {
        max-width: 250px
    }

    html .tailwind-area .max-w-\[300px\] {
        max-width: 300px
    }

    html .tailwind-area .max-w-\[320px\] {
        max-width: 320px
    }

    html .tailwind-area .max-w-\[600px\] {
        max-width: 600px
    }

    html .tailwind-area .max-w-\[700px\] {
        max-width: 700px
    }

    html .tailwind-area .max-w-\[calc\(100\%-120px\)\] {
        max-width: calc(100% - 120px)
    }

    html .tailwind-area .max-w-\[calc\(100dvw-10rem\)\] {
        max-width: calc(100dvw - 10rem)
    }

    html .tailwind-area .max-w-\[calc\(100vw-16rem\)\] {
        max-width: calc(100vw - 16rem)
    }

    html .tailwind-area .max-w-\[calc\(100vw-28rem\)\] {
        max-width: calc(100vw - 28rem)
    }

    html .tailwind-area .max-w-\[calc\(100vw-6rem\)\] {
        max-width: calc(100vw - 6rem)
    }

    html .tailwind-area .max-w-\[calc\(80vw-10rem\)\] {
        max-width: calc(80vw - 10rem)
    }

    html .tailwind-area .max-w-full {
        max-width: 100%
    }

    html .tailwind-area .max-w-md {
        max-width: 28rem
    }

    html .tailwind-area .max-w-min {
        max-width: -moz-min-content;
        max-width: min-content
    }

    html .tailwind-area .max-w-none {
        max-width: none
    }

    html .tailwind-area .max-w-popper-anchor-width {
        max-width: var(--radix-popper-anchor-width)
    }

    html .tailwind-area .max-w-screen-md {
        max-width: 1024px
    }

    html .tailwind-area .flex-1 {
        flex: 1 1 0%
    }

    html .tailwind-area .flex-auto {
        flex: 1 1 auto
    }

    html .tailwind-area .flex-none {
        flex: none
    }

    html .tailwind-area .flex-shrink-0,
    html .tailwind-area .shrink-0 {
        flex-shrink: 0
    }

    html .tailwind-area .flex-grow {
        flex-grow: 1
    }

    html .tailwind-area .\  !grow {
        flex-grow: 1 !important
    }

    html .tailwind-area .grow {
        flex-grow: 1
    }

    html .tailwind-area .grow-0 {
        flex-grow: 0
    }

    html .tailwind-area .basis-1 {
        flex-basis: .25rem
    }

    html .tailwind-area .border-collapse {
        border-collapse: collapse
    }

    html .tailwind-area .border-spacing-0 {
        --tw-border-spacing-x: 0px;
        --tw-border-spacing-y: 0px;
        border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
    }

    html .tailwind-area .-translate-x-1\/2 {
        --tw-translate-x: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    html .tailwind-area .-translate-y-1 {
        --tw-translate-y: -.25rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    html .tailwind-area .-translate-y-1\/2 {
        --tw-translate-y: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    html .tailwind-area .-translate-y-1\/4 {
        --tw-translate-y: -25%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    html .tailwind-area .-translate-y-7 {
        --tw-translate-y: -1.75rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    html .tailwind-area .translate-x-0\.5 {
        --tw-translate-x: .125rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    html .tailwind-area .translate-x-1\/2 {
        --tw-translate-x: 50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    html .tailwind-area .translate-y-0 {
        --tw-translate-y: 0px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    html .tailwind-area .translate-y-1 {
        --tw-translate-y: .25rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    html .tailwind-area .-rotate-90 {
        --tw-rotate: -90deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    html .tailwind-area .rotate-180 {
        --tw-rotate: 180deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    html .tailwind-area .scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    html .tailwind-area .scale-95 {
        --tw-scale-x: .95;
        --tw-scale-y: .95;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    html .tailwind-area .-scale-y-100 {
        --tw-scale-y: -1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    html .tailwind-area .transform {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    @keyframes spin {
        to {
            transform: rotate(360deg)
        }
    }

    html .tailwind-area .animate-spin {
        animation: spin 1s linear infinite
    }

    html .tailwind-area .cursor-default {
        cursor: default
    }

    html .tailwind-area .cursor-not-allowed {
        cursor: not-allowed
    }

    html .tailwind-area .cursor-pointer {
        cursor: pointer
    }

    html .tailwind-area .cursor-text {
        cursor: text
    }

    html .tailwind-area .select-none {
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    html .tailwind-area .select-text {
        -webkit-user-select: text;
        -moz-user-select: text;
        user-select: text
    }

    html .tailwind-area .resize {
        resize: both
    }

    html .tailwind-area .list-outside {
        list-style-position: outside
    }

    html .tailwind-area .list-decimal {
        list-style-type: decimal
    }

    html .tailwind-area .list-none {
        list-style-type: none
    }

    html .tailwind-area .appearance-none {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    html .tailwind-area .columns-2 {
        -moz-columns: 2;
        columns: 2
    }

    html .tailwind-area .columns-\[var\(--columns-count\)\] {
        -moz-columns: var(--columns-count);
        columns: var(--columns-count)
    }

    html .tailwind-area .auto-rows-min {
        grid-auto-rows: min-content
    }

    html .tailwind-area .grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    html .tailwind-area .grid-cols-11 {
        grid-template-columns: repeat(11, minmax(0, 1fr))
    }

    html .tailwind-area .grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    html .tailwind-area .grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    html .tailwind-area .grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    html .tailwind-area .grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    html .tailwind-area .grid-cols-\[1fr_auto\] {
        grid-template-columns: 1fr auto
    }

    html .tailwind-area .grid-cols-\[1fr_repeat\(4\, _min-content\)\] {
        grid-template-columns: 1fr repeat(4, min-content)
    }

    html .tailwind-area .grid-cols-\[1rem_minmax\(0\, _1fr\)_1rem\] {
        grid-template-columns: 1rem minmax(0, 1fr) 1rem
    }

    html .tailwind-area .grid-cols-\[2rem_minmax\(0\, _1fr\)\] {
        grid-template-columns: 2rem minmax(0, 1fr)
    }

    html .tailwind-area .grid-cols-\[300px_auto\] {
        grid-template-columns: 300px auto
    }

    html .tailwind-area .grid-cols-\[8rem_minmax\(0\, _1fr\)\] {
        grid-template-columns: 8rem minmax(0, 1fr)
    }

    html .tailwind-area .grid-cols-\[auto_1fr\] {
        grid-template-columns: auto 1fr
    }

    html .tailwind-area .grid-cols-\[auto_1fr_auto\] {
        grid-template-columns: auto 1fr auto
    }

    html .tailwind-area .grid-cols-\[min\(120px\)_1fr\] {
        grid-template-columns: min(120px) 1fr
    }

    html .tailwind-area .grid-cols-\[min-content_1fr\] {
        grid-template-columns: min-content 1fr
    }

    html .tailwind-area .grid-cols-\[min-content_1fr_1fr_min-content\] {
        grid-template-columns: min-content 1fr 1fr min-content
    }

    html .tailwind-area .grid-cols-\[min-content_1fr_min-content\] {
        grid-template-columns: min-content 1fr min-content
    }

    html .tailwind-area .grid-cols-\[min-content_auto\] {
        grid-template-columns: min-content auto
    }

    html .tailwind-area .grid-cols-\[minmax\(0\, 1fr\)_minmax\(auto\, 80px\)\] {
        grid-template-columns: minmax(0, 1fr) minmax(auto, 80px)
    }

    html .tailwind-area .grid-cols-\[repeat\(auto-fill\, _minmax\(16rem\, _1fr\)\)\] {
        grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr))
    }

    html .tailwind-area .grid-cols-\[repeat\(auto-fill\, _minmax\(18rem\, _1fr\)\)\] {
        grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr))
    }

    html .tailwind-area .grid-cols-\[repeat\(auto-fill\, minmax\(300px\, 1fr\)\)\] {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr))
    }

    html .tailwind-area .grid-cols-fluid {
        grid-template-columns: repeat(auto-fit, minmax(32rem, 1fr))
    }

    html .tailwind-area .grid-cols-subgrid {
        grid-template-columns: subgrid
    }

    html .tailwind-area .grid-rows-1 {
        grid-template-rows: repeat(1, minmax(0, 1fr))
    }

    html .tailwind-area .grid-rows-2 {
        grid-template-rows: repeat(2, minmax(0, 1fr))
    }

    html .tailwind-area .grid-rows-\[1fr_auto\] {
        grid-template-rows: 1fr auto
    }

    html .tailwind-area .grid-rows-\[6rem_1fr\] {
        grid-template-rows: 6rem 1fr
    }

    html .tailwind-area .grid-rows-\[auto_1fr\] {
        grid-template-rows: auto 1fr
    }

    html .tailwind-area .grid-rows-\[auto_auto_2rem_1fr\] {
        grid-template-rows: auto auto 2rem 1fr
    }

    html .tailwind-area .grid-rows-\[min-content_1fr\] {
        grid-template-rows: min-content 1fr
    }

    html .tailwind-area .grid-rows-\[min-content_min-content_minmax\(0\, _1fr\)\] {
        grid-template-rows: min-content min-content minmax(0, 1fr)
    }

    html .tailwind-area .grid-rows-\[min-content_minmax\(0\, _1fr\)\] {
        grid-template-rows: min-content minmax(0, 1fr)
    }

    html .tailwind-area .grid-rows-\[min-content_minmax\(0\, _1fr\)_min-content\] {
        grid-template-rows: min-content minmax(0, 1fr) min-content
    }

    html .tailwind-area .grid-rows-\[minmax\(8rem\, _min-content\)_2\.5rem_1fr\] {
        grid-template-rows: minmax(8rem, min-content) 2.5rem 1fr
    }

    html .tailwind-area .grid-rows-\[repeat\(3\, _2rem\)\] {
        grid-template-rows: repeat(3, 2rem)
    }

    html .tailwind-area .flex-row {
        flex-direction: row
    }

    html .tailwind-area .flex-row-reverse {
        flex-direction: row-reverse
    }

    html .tailwind-area .flex-col {
        flex-direction: column
    }

    html .tailwind-area .flex-wrap {
        flex-wrap: wrap
    }

    html .tailwind-area .flex-nowrap {
        flex-wrap: nowrap
    }

    html .tailwind-area .place-content-center {
        place-content: center
    }

    html .tailwind-area .place-content-start {
        place-content: start
    }

    html .tailwind-area .place-items-center {
        place-items: center
    }

    html .tailwind-area .content-center {
        align-content: center
    }

    html .tailwind-area .content-end {
        align-content: flex-end
    }

    html .tailwind-area .items-start {
        align-items: flex-start
    }

    html .tailwind-area .items-end {
        align-items: flex-end
    }

    html .tailwind-area .items-center {
        align-items: center
    }

    html .tailwind-area .items-baseline {
        align-items: baseline
    }

    html .tailwind-area .items-stretch {
        align-items: stretch
    }

    html .tailwind-area .justify-start {
        justify-content: flex-start
    }

    html .tailwind-area .justify-end {
        justify-content: flex-end
    }

    html .tailwind-area .justify-center {
        justify-content: center
    }

    html .tailwind-area .justify-between {
        justify-content: space-between
    }

    html .tailwind-area .justify-around {
        justify-content: space-around
    }

    html .tailwind-area .justify-items-end {
        justify-items: end
    }

    html .tailwind-area .gap-0 {
        gap: 0px
    }

    html .tailwind-area .gap-1 {
        gap: .25rem
    }

    html .tailwind-area .gap-10 {
        gap: 2.5rem
    }

    html .tailwind-area .gap-2 {
        gap: .5rem
    }

    html .tailwind-area .gap-24 {
        gap: 6rem
    }

    html .tailwind-area .gap-3 {
        gap: .75rem
    }

    html .tailwind-area .gap-4 {
        gap: 1rem
    }

    html .tailwind-area .gap-6 {
        gap: 1.5rem
    }

    html .tailwind-area .gap-8 {
        gap: 2rem
    }

    html .tailwind-area .gap-px {
        gap: 1px
    }

    html .tailwind-area .gap-x-1 {
        -moz-column-gap: .25rem;
        column-gap: .25rem
    }

    html .tailwind-area .gap-x-10 {
        -moz-column-gap: 2.5rem;
        column-gap: 2.5rem
    }

    html .tailwind-area .gap-x-2 {
        -moz-column-gap: .5rem;
        column-gap: .5rem
    }

    html .tailwind-area .gap-x-3 {
        -moz-column-gap: .75rem;
        column-gap: .75rem
    }

    html .tailwind-area .gap-x-4 {
        -moz-column-gap: 1rem;
        column-gap: 1rem
    }

    html .tailwind-area .gap-x-6 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }

    html .tailwind-area .gap-x-8 {
        -moz-column-gap: 2rem;
        column-gap: 2rem
    }

    html .tailwind-area .gap-y-1 {
        row-gap: .25rem
    }

    html .tailwind-area .gap-y-10 {
        row-gap: 2.5rem
    }

    html .tailwind-area .gap-y-12 {
        row-gap: 3rem
    }

    html .tailwind-area .gap-y-2 {
        row-gap: .5rem
    }

    html .tailwind-area .gap-y-4 {
        row-gap: 1rem
    }

    html .tailwind-area .gap-y-6 {
        row-gap: 1.5rem
    }

    html .tailwind-area .gap-y-8 {
        row-gap: 2rem
    }

    html .tailwind-area :is(.-space-y-px > :not([hidden]) ~ :not([hidden])) {
        --tw-space-y-reverse: 0;
        margin-top: calc(-1px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(-1px * var(--tw-space-y-reverse))
    }

    html .tailwind-area :is(.space-x-5 > :not([hidden]) ~ :not([hidden])) {
        --tw-space-x-reverse: 0;
        margin-right: calc(1.25rem * var(--tw-space-x-reverse));
        margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))
    }

    html .tailwind-area :is(.divide-x > :not([hidden]) ~ :not([hidden])) {
        --tw-divide-x-reverse: 0;
        border-right-width: calc(1px * var(--tw-divide-x-reverse));
        border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)))
    }

    html .tailwind-area :is(.divide-x-2 > :not([hidden]) ~ :not([hidden])) {
        --tw-divide-x-reverse: 0;
        border-right-width: calc(2px * var(--tw-divide-x-reverse));
        border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)))
    }

    html .tailwind-area :is(.divide-y > :not([hidden]) ~ :not([hidden])) {
        --tw-divide-y-reverse: 0;
        border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
        border-bottom-width: calc(1px * var(--tw-divide-y-reverse))
    }

    html .tailwind-area :is(.divide-gray-200 > :not([hidden]) ~ :not([hidden])) {
        --tw-divide-opacity: 1;
        border-color: rgb(229 231 235 / var(--tw-divide-opacity))
    }

    html .tailwind-area :is(.divide-primary-100 > :not([hidden]) ~ :not([hidden])) {
        --tw-divide-opacity: 1;
        border-color: rgb(var(--ui-primary-100) / var(--tw-divide-opacity))
    }

    html .tailwind-area .self-start {
        align-self: flex-start
    }

    html .tailwind-area .self-end {
        align-self: flex-end
    }

    html .tailwind-area .self-center {
        align-self: center
    }

    html .tailwind-area .self-stretch {
        align-self: stretch
    }

    html .tailwind-area .justify-self-end {
        justify-self: end
    }

    html .tailwind-area .justify-self-center {
        justify-self: center
    }

    html .tailwind-area .overflow-auto {
        overflow: auto
    }

    html .tailwind-area .overflow-hidden {
        overflow: hidden
    }

    html .tailwind-area .overflow-clip {
        overflow: clip
    }

    html .tailwind-area .overflow-x-auto {
        overflow-x: auto
    }

    html .tailwind-area .overflow-y-auto {
        overflow-y: auto
    }

    html .tailwind-area .overflow-y-hidden {
        overflow-y: hidden
    }

    html .tailwind-area .overflow-x-clip {
        overflow-x: clip
    }

    html .tailwind-area .overscroll-contain {
        overscroll-behavior: contain
    }

    html .tailwind-area .truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    html .tailwind-area .overflow-ellipsis,
    html .tailwind-area .text-ellipsis {
        text-overflow: ellipsis
    }

    html .tailwind-area .whitespace-normal {
        white-space: normal
    }

    html .tailwind-area .whitespace-nowrap {
        white-space: nowrap
    }

    html .tailwind-area .whitespace-pre {
        white-space: pre
    }

    html .tailwind-area .whitespace-pre-line {
        white-space: pre-line
    }

    html .tailwind-area .whitespace-pre-wrap {
        white-space: pre-wrap
    }

    html .tailwind-area .whitespace-break-spaces {
        white-space: break-spaces
    }

    html .tailwind-area .text-wrap {
        text-wrap: wrap
    }

    html .tailwind-area .break-words {
        overflow-wrap: break-word
    }

    html .tailwind-area .break-all {
        word-break: break-all
    }

    html .tailwind-area .\  !rounded,
    html .tailwind-area .\  !rounded-md {
        border-radius: 4px !important
    }

    html .tailwind-area .rounded {
        border-radius: 4px
    }

    html .tailwind-area .rounded-3xl {
        border-radius: 1.5rem
    }

    html .tailwind-area .rounded-\[16px\] {
        border-radius: 16px
    }

    html .tailwind-area .rounded-\[25px\] {
        border-radius: 25px
    }

    html .tailwind-area .rounded-\[4\.6rem\] {
        border-radius: 4.6rem
    }

    html .tailwind-area .rounded-\[inherit\] {
        border-radius: inherit
    }

    html .tailwind-area .rounded-full {
        border-radius: 9999px
    }

    html .tailwind-area .rounded-lg {
        border-radius: 20px
    }

    html .tailwind-area .rounded-md {
        border-radius: 4px
    }

    html .tailwind-area .rounded-none {
        border-radius: 0
    }

    html .tailwind-area .rounded-sm {
        border-radius: 2px
    }

    html .tailwind-area .rounded-b,
    html .tailwind-area .rounded-b-md {
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
    }

    html .tailwind-area .rounded-b-none {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    html .tailwind-area .rounded-l-md {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px
    }

    html .tailwind-area .rounded-l-none {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    html .tailwind-area .rounded-l-sm {
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px
    }

    html .tailwind-area .rounded-r-md {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }

    html .tailwind-area .rounded-r-sm {
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px
    }

    html .tailwind-area .rounded-t,
    html .tailwind-area .rounded-t-md {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }

    html .tailwind-area .rounded-br-none {
        border-bottom-right-radius: 0
    }

    html .tailwind-area .rounded-tr {
        border-top-right-radius: 4px
    }

    html .tailwind-area .rounded-tr-none {
        border-top-right-radius: 0
    }

    html .tailwind-area .border {
        border-width: 1px
    }

    html .tailwind-area .border-0 {
        border-width: 0px
    }

    html .tailwind-area .border-2 {
        border-width: 2px
    }

    html .tailwind-area .border-4 {
        border-width: 4px
    }

    html .tailwind-area .border-x {
        border-left-width: 1px;
        border-right-width: 1px
    }

    html .tailwind-area .border-y-4 {
        border-top-width: 4px;
        border-bottom-width: 4px
    }

    html .tailwind-area .border-b {
        border-bottom-width: 1px
    }

    html .tailwind-area .border-b-2 {
        border-bottom-width: 2px
    }

    html .tailwind-area .border-l-\[6px\] {
        border-left-width: 6px
    }

    html .tailwind-area .border-r {
        border-right-width: 1px
    }

    html .tailwind-area .border-s {
        border-inline-start-width: 1px
    }

    html .tailwind-area .border-t {
        border-top-width: 1px
    }

    html .tailwind-area .border-t-0 {
        border-top-width: 0px
    }

    html .tailwind-area .border-solid {
        border-style: solid
    }

    html .tailwind-area .border-dashed {
        border-style: dashed
    }

    html .tailwind-area .border-danger {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-danger-500) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-danger-100 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-danger-100) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-danger-100\/0 {
        border-color: rgb(var(--ui-danger-100) / 0)
    }

    html .tailwind-area .border-danger-100\/10 {
        border-color: rgb(var(--ui-danger-100) / .1)
    }

    html .tailwind-area .border-danger-100\/100 {
        border-color: rgb(var(--ui-danger-100) / 1)
    }

    html .tailwind-area .border-danger-100\/15 {
        border-color: rgb(var(--ui-danger-100) / .15)
    }

    html .tailwind-area .border-danger-100\/20 {
        border-color: rgb(var(--ui-danger-100) / .2)
    }

    html .tailwind-area .border-danger-100\/25 {
        border-color: rgb(var(--ui-danger-100) / .25)
    }

    html .tailwind-area .border-danger-100\/30 {
        border-color: rgb(var(--ui-danger-100) / .3)
    }

    html .tailwind-area .border-danger-100\/35 {
        border-color: rgb(var(--ui-danger-100) / .35)
    }

    html .tailwind-area .border-danger-100\/40 {
        border-color: rgb(var(--ui-danger-100) / .4)
    }

    html .tailwind-area .border-danger-100\/45 {
        border-color: rgb(var(--ui-danger-100) / .45)
    }

    html .tailwind-area .border-danger-100\/5 {
        border-color: rgb(var(--ui-danger-100) / .05)
    }

    html .tailwind-area .border-danger-100\/50 {
        border-color: rgb(var(--ui-danger-100) / .5)
    }

    html .tailwind-area .border-danger-100\/55 {
        border-color: rgb(var(--ui-danger-100) / .55)
    }

    html .tailwind-area .border-danger-100\/60 {
        border-color: rgb(var(--ui-danger-100) / .6)
    }

    html .tailwind-area .border-danger-100\/65 {
        border-color: rgb(var(--ui-danger-100) / .65)
    }

    html .tailwind-area .border-danger-100\/70 {
        border-color: rgb(var(--ui-danger-100) / .7)
    }

    html .tailwind-area .border-danger-100\/75 {
        border-color: rgb(var(--ui-danger-100) / .75)
    }

    html .tailwind-area .border-danger-100\/80 {
        border-color: rgb(var(--ui-danger-100) / .8)
    }

    html .tailwind-area .border-danger-100\/85 {
        border-color: rgb(var(--ui-danger-100) / .85)
    }

    html .tailwind-area .border-danger-100\/90 {
        border-color: rgb(var(--ui-danger-100) / .9)
    }

    html .tailwind-area .border-danger-100\/95 {
        border-color: rgb(var(--ui-danger-100) / .95)
    }

    html .tailwind-area .border-danger-200 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-danger-200) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-danger-200\/0 {
        border-color: rgb(var(--ui-danger-200) / 0)
    }

    html .tailwind-area .border-danger-200\/10 {
        border-color: rgb(var(--ui-danger-200) / .1)
    }

    html .tailwind-area .border-danger-200\/100 {
        border-color: rgb(var(--ui-danger-200) / 1)
    }

    html .tailwind-area .border-danger-200\/15 {
        border-color: rgb(var(--ui-danger-200) / .15)
    }

    html .tailwind-area .border-danger-200\/20 {
        border-color: rgb(var(--ui-danger-200) / .2)
    }

    html .tailwind-area .border-danger-200\/25 {
        border-color: rgb(var(--ui-danger-200) / .25)
    }

    html .tailwind-area .border-danger-200\/30 {
        border-color: rgb(var(--ui-danger-200) / .3)
    }

    html .tailwind-area .border-danger-200\/35 {
        border-color: rgb(var(--ui-danger-200) / .35)
    }

    html .tailwind-area .border-danger-200\/40 {
        border-color: rgb(var(--ui-danger-200) / .4)
    }

    html .tailwind-area .border-danger-200\/45 {
        border-color: rgb(var(--ui-danger-200) / .45)
    }

    html .tailwind-area .border-danger-200\/5 {
        border-color: rgb(var(--ui-danger-200) / .05)
    }

    html .tailwind-area .border-danger-200\/50 {
        border-color: rgb(var(--ui-danger-200) / .5)
    }

    html .tailwind-area .border-danger-200\/55 {
        border-color: rgb(var(--ui-danger-200) / .55)
    }

    html .tailwind-area .border-danger-200\/60 {
        border-color: rgb(var(--ui-danger-200) / .6)
    }

    html .tailwind-area .border-danger-200\/65 {
        border-color: rgb(var(--ui-danger-200) / .65)
    }

    html .tailwind-area .border-danger-200\/70 {
        border-color: rgb(var(--ui-danger-200) / .7)
    }

    html .tailwind-area .border-danger-200\/75 {
        border-color: rgb(var(--ui-danger-200) / .75)
    }

    html .tailwind-area .border-danger-200\/80 {
        border-color: rgb(var(--ui-danger-200) / .8)
    }

    html .tailwind-area .border-danger-200\/85 {
        border-color: rgb(var(--ui-danger-200) / .85)
    }

    html .tailwind-area .border-danger-200\/90 {
        border-color: rgb(var(--ui-danger-200) / .9)
    }

    html .tailwind-area .border-danger-200\/95 {
        border-color: rgb(var(--ui-danger-200) / .95)
    }

    html .tailwind-area .border-danger-300 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-danger-300) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-danger-300\/0 {
        border-color: rgb(var(--ui-danger-300) / 0)
    }

    html .tailwind-area .border-danger-300\/10 {
        border-color: rgb(var(--ui-danger-300) / .1)
    }

    html .tailwind-area .border-danger-300\/100 {
        border-color: rgb(var(--ui-danger-300) / 1)
    }

    html .tailwind-area .border-danger-300\/15 {
        border-color: rgb(var(--ui-danger-300) / .15)
    }

    html .tailwind-area .border-danger-300\/20 {
        border-color: rgb(var(--ui-danger-300) / .2)
    }

    html .tailwind-area .border-danger-300\/25 {
        border-color: rgb(var(--ui-danger-300) / .25)
    }

    html .tailwind-area .border-danger-300\/30 {
        border-color: rgb(var(--ui-danger-300) / .3)
    }

    html .tailwind-area .border-danger-300\/35 {
        border-color: rgb(var(--ui-danger-300) / .35)
    }

    html .tailwind-area .border-danger-300\/40 {
        border-color: rgb(var(--ui-danger-300) / .4)
    }

    html .tailwind-area .border-danger-300\/45 {
        border-color: rgb(var(--ui-danger-300) / .45)
    }

    html .tailwind-area .border-danger-300\/5 {
        border-color: rgb(var(--ui-danger-300) / .05)
    }

    html .tailwind-area .border-danger-300\/50 {
        border-color: rgb(var(--ui-danger-300) / .5)
    }

    html .tailwind-area .border-danger-300\/55 {
        border-color: rgb(var(--ui-danger-300) / .55)
    }

    html .tailwind-area .border-danger-300\/60 {
        border-color: rgb(var(--ui-danger-300) / .6)
    }

    html .tailwind-area .border-danger-300\/65 {
        border-color: rgb(var(--ui-danger-300) / .65)
    }

    html .tailwind-area .border-danger-300\/70 {
        border-color: rgb(var(--ui-danger-300) / .7)
    }

    html .tailwind-area .border-danger-300\/75 {
        border-color: rgb(var(--ui-danger-300) / .75)
    }

    html .tailwind-area .border-danger-300\/80 {
        border-color: rgb(var(--ui-danger-300) / .8)
    }

    html .tailwind-area .border-danger-300\/85 {
        border-color: rgb(var(--ui-danger-300) / .85)
    }

    html .tailwind-area .border-danger-300\/90 {
        border-color: rgb(var(--ui-danger-300) / .9)
    }

    html .tailwind-area .border-danger-300\/95 {
        border-color: rgb(var(--ui-danger-300) / .95)
    }

    html .tailwind-area .border-danger-400 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-danger-400) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-danger-400\/0 {
        border-color: rgb(var(--ui-danger-400) / 0)
    }

    html .tailwind-area .border-danger-400\/10 {
        border-color: rgb(var(--ui-danger-400) / .1)
    }

    html .tailwind-area .border-danger-400\/100 {
        border-color: rgb(var(--ui-danger-400) / 1)
    }

    html .tailwind-area .border-danger-400\/15 {
        border-color: rgb(var(--ui-danger-400) / .15)
    }

    html .tailwind-area .border-danger-400\/20 {
        border-color: rgb(var(--ui-danger-400) / .2)
    }

    html .tailwind-area .border-danger-400\/25 {
        border-color: rgb(var(--ui-danger-400) / .25)
    }

    html .tailwind-area .border-danger-400\/30 {
        border-color: rgb(var(--ui-danger-400) / .3)
    }

    html .tailwind-area .border-danger-400\/35 {
        border-color: rgb(var(--ui-danger-400) / .35)
    }

    html .tailwind-area .border-danger-400\/40 {
        border-color: rgb(var(--ui-danger-400) / .4)
    }

    html .tailwind-area .border-danger-400\/45 {
        border-color: rgb(var(--ui-danger-400) / .45)
    }

    html .tailwind-area .border-danger-400\/5 {
        border-color: rgb(var(--ui-danger-400) / .05)
    }

    html .tailwind-area .border-danger-400\/50 {
        border-color: rgb(var(--ui-danger-400) / .5)
    }

    html .tailwind-area .border-danger-400\/55 {
        border-color: rgb(var(--ui-danger-400) / .55)
    }

    html .tailwind-area .border-danger-400\/60 {
        border-color: rgb(var(--ui-danger-400) / .6)
    }

    html .tailwind-area .border-danger-400\/65 {
        border-color: rgb(var(--ui-danger-400) / .65)
    }

    html .tailwind-area .border-danger-400\/70 {
        border-color: rgb(var(--ui-danger-400) / .7)
    }

    html .tailwind-area .border-danger-400\/75 {
        border-color: rgb(var(--ui-danger-400) / .75)
    }

    html .tailwind-area .border-danger-400\/80 {
        border-color: rgb(var(--ui-danger-400) / .8)
    }

    html .tailwind-area .border-danger-400\/85 {
        border-color: rgb(var(--ui-danger-400) / .85)
    }

    html .tailwind-area .border-danger-400\/90 {
        border-color: rgb(var(--ui-danger-400) / .9)
    }

    html .tailwind-area .border-danger-400\/95 {
        border-color: rgb(var(--ui-danger-400) / .95)
    }

    html .tailwind-area .border-danger-50 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-danger-50) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-danger-50\/0 {
        border-color: rgb(var(--ui-danger-50) / 0)
    }

    html .tailwind-area .border-danger-50\/10 {
        border-color: rgb(var(--ui-danger-50) / .1)
    }

    html .tailwind-area .border-danger-50\/100 {
        border-color: rgb(var(--ui-danger-50) / 1)
    }

    html .tailwind-area .border-danger-50\/15 {
        border-color: rgb(var(--ui-danger-50) / .15)
    }

    html .tailwind-area .border-danger-50\/20 {
        border-color: rgb(var(--ui-danger-50) / .2)
    }

    html .tailwind-area .border-danger-50\/25 {
        border-color: rgb(var(--ui-danger-50) / .25)
    }

    html .tailwind-area .border-danger-50\/30 {
        border-color: rgb(var(--ui-danger-50) / .3)
    }

    html .tailwind-area .border-danger-50\/35 {
        border-color: rgb(var(--ui-danger-50) / .35)
    }

    html .tailwind-area .border-danger-50\/40 {
        border-color: rgb(var(--ui-danger-50) / .4)
    }

    html .tailwind-area .border-danger-50\/45 {
        border-color: rgb(var(--ui-danger-50) / .45)
    }

    html .tailwind-area .border-danger-50\/5 {
        border-color: rgb(var(--ui-danger-50) / .05)
    }

    html .tailwind-area .border-danger-50\/50 {
        border-color: rgb(var(--ui-danger-50) / .5)
    }

    html .tailwind-area .border-danger-50\/55 {
        border-color: rgb(var(--ui-danger-50) / .55)
    }

    html .tailwind-area .border-danger-50\/60 {
        border-color: rgb(var(--ui-danger-50) / .6)
    }

    html .tailwind-area .border-danger-50\/65 {
        border-color: rgb(var(--ui-danger-50) / .65)
    }

    html .tailwind-area .border-danger-50\/70 {
        border-color: rgb(var(--ui-danger-50) / .7)
    }

    html .tailwind-area .border-danger-50\/75 {
        border-color: rgb(var(--ui-danger-50) / .75)
    }

    html .tailwind-area .border-danger-50\/80 {
        border-color: rgb(var(--ui-danger-50) / .8)
    }

    html .tailwind-area .border-danger-50\/85 {
        border-color: rgb(var(--ui-danger-50) / .85)
    }

    html .tailwind-area .border-danger-50\/90 {
        border-color: rgb(var(--ui-danger-50) / .9)
    }

    html .tailwind-area .border-danger-50\/95 {
        border-color: rgb(var(--ui-danger-50) / .95)
    }

    html .tailwind-area .border-danger-500 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-danger-500) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-danger-500\/0 {
        border-color: rgb(var(--ui-danger-500) / 0)
    }

    html .tailwind-area .border-danger-500\/10 {
        border-color: rgb(var(--ui-danger-500) / .1)
    }

    html .tailwind-area .border-danger-500\/100 {
        border-color: rgb(var(--ui-danger-500) / 1)
    }

    html .tailwind-area .border-danger-500\/15 {
        border-color: rgb(var(--ui-danger-500) / .15)
    }

    html .tailwind-area .border-danger-500\/20 {
        border-color: rgb(var(--ui-danger-500) / .2)
    }

    html .tailwind-area .border-danger-500\/25 {
        border-color: rgb(var(--ui-danger-500) / .25)
    }

    html .tailwind-area .border-danger-500\/30 {
        border-color: rgb(var(--ui-danger-500) / .3)
    }

    html .tailwind-area .border-danger-500\/35 {
        border-color: rgb(var(--ui-danger-500) / .35)
    }

    html .tailwind-area .border-danger-500\/40 {
        border-color: rgb(var(--ui-danger-500) / .4)
    }

    html .tailwind-area .border-danger-500\/45 {
        border-color: rgb(var(--ui-danger-500) / .45)
    }

    html .tailwind-area .border-danger-500\/5 {
        border-color: rgb(var(--ui-danger-500) / .05)
    }

    html .tailwind-area .border-danger-500\/50 {
        border-color: rgb(var(--ui-danger-500) / .5)
    }

    html .tailwind-area .border-danger-500\/55 {
        border-color: rgb(var(--ui-danger-500) / .55)
    }

    html .tailwind-area .border-danger-500\/60 {
        border-color: rgb(var(--ui-danger-500) / .6)
    }

    html .tailwind-area .border-danger-500\/65 {
        border-color: rgb(var(--ui-danger-500) / .65)
    }

    html .tailwind-area .border-danger-500\/70 {
        border-color: rgb(var(--ui-danger-500) / .7)
    }

    html .tailwind-area .border-danger-500\/75 {
        border-color: rgb(var(--ui-danger-500) / .75)
    }

    html .tailwind-area .border-danger-500\/80 {
        border-color: rgb(var(--ui-danger-500) / .8)
    }

    html .tailwind-area .border-danger-500\/85 {
        border-color: rgb(var(--ui-danger-500) / .85)
    }

    html .tailwind-area .border-danger-500\/90 {
        border-color: rgb(var(--ui-danger-500) / .9)
    }

    html .tailwind-area .border-danger-500\/95 {
        border-color: rgb(var(--ui-danger-500) / .95)
    }

    html .tailwind-area .border-danger-600 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-danger-600) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-danger-600\/0 {
        border-color: rgb(var(--ui-danger-600) / 0)
    }

    html .tailwind-area .border-danger-600\/10 {
        border-color: rgb(var(--ui-danger-600) / .1)
    }

    html .tailwind-area .border-danger-600\/100 {
        border-color: rgb(var(--ui-danger-600) / 1)
    }

    html .tailwind-area .border-danger-600\/15 {
        border-color: rgb(var(--ui-danger-600) / .15)
    }

    html .tailwind-area .border-danger-600\/20 {
        border-color: rgb(var(--ui-danger-600) / .2)
    }

    html .tailwind-area .border-danger-600\/25 {
        border-color: rgb(var(--ui-danger-600) / .25)
    }

    html .tailwind-area .border-danger-600\/30 {
        border-color: rgb(var(--ui-danger-600) / .3)
    }

    html .tailwind-area .border-danger-600\/35 {
        border-color: rgb(var(--ui-danger-600) / .35)
    }

    html .tailwind-area .border-danger-600\/40 {
        border-color: rgb(var(--ui-danger-600) / .4)
    }

    html .tailwind-area .border-danger-600\/45 {
        border-color: rgb(var(--ui-danger-600) / .45)
    }

    html .tailwind-area .border-danger-600\/5 {
        border-color: rgb(var(--ui-danger-600) / .05)
    }

    html .tailwind-area .border-danger-600\/50 {
        border-color: rgb(var(--ui-danger-600) / .5)
    }

    html .tailwind-area .border-danger-600\/55 {
        border-color: rgb(var(--ui-danger-600) / .55)
    }

    html .tailwind-area .border-danger-600\/60 {
        border-color: rgb(var(--ui-danger-600) / .6)
    }

    html .tailwind-area .border-danger-600\/65 {
        border-color: rgb(var(--ui-danger-600) / .65)
    }

    html .tailwind-area .border-danger-600\/70 {
        border-color: rgb(var(--ui-danger-600) / .7)
    }

    html .tailwind-area .border-danger-600\/75 {
        border-color: rgb(var(--ui-danger-600) / .75)
    }

    html .tailwind-area .border-danger-600\/80 {
        border-color: rgb(var(--ui-danger-600) / .8)
    }

    html .tailwind-area .border-danger-600\/85 {
        border-color: rgb(var(--ui-danger-600) / .85)
    }

    html .tailwind-area .border-danger-600\/90 {
        border-color: rgb(var(--ui-danger-600) / .9)
    }

    html .tailwind-area .border-danger-600\/95 {
        border-color: rgb(var(--ui-danger-600) / .95)
    }

    html .tailwind-area .border-danger-700 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-danger-700) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-danger-700\/0 {
        border-color: rgb(var(--ui-danger-700) / 0)
    }

    html .tailwind-area .border-danger-700\/10 {
        border-color: rgb(var(--ui-danger-700) / .1)
    }

    html .tailwind-area .border-danger-700\/100 {
        border-color: rgb(var(--ui-danger-700) / 1)
    }

    html .tailwind-area .border-danger-700\/15 {
        border-color: rgb(var(--ui-danger-700) / .15)
    }

    html .tailwind-area .border-danger-700\/20 {
        border-color: rgb(var(--ui-danger-700) / .2)
    }

    html .tailwind-area .border-danger-700\/25 {
        border-color: rgb(var(--ui-danger-700) / .25)
    }

    html .tailwind-area .border-danger-700\/30 {
        border-color: rgb(var(--ui-danger-700) / .3)
    }

    html .tailwind-area .border-danger-700\/35 {
        border-color: rgb(var(--ui-danger-700) / .35)
    }

    html .tailwind-area .border-danger-700\/40 {
        border-color: rgb(var(--ui-danger-700) / .4)
    }

    html .tailwind-area .border-danger-700\/45 {
        border-color: rgb(var(--ui-danger-700) / .45)
    }

    html .tailwind-area .border-danger-700\/5 {
        border-color: rgb(var(--ui-danger-700) / .05)
    }

    html .tailwind-area .border-danger-700\/50 {
        border-color: rgb(var(--ui-danger-700) / .5)
    }

    html .tailwind-area .border-danger-700\/55 {
        border-color: rgb(var(--ui-danger-700) / .55)
    }

    html .tailwind-area .border-danger-700\/60 {
        border-color: rgb(var(--ui-danger-700) / .6)
    }

    html .tailwind-area .border-danger-700\/65 {
        border-color: rgb(var(--ui-danger-700) / .65)
    }

    html .tailwind-area .border-danger-700\/70 {
        border-color: rgb(var(--ui-danger-700) / .7)
    }

    html .tailwind-area .border-danger-700\/75 {
        border-color: rgb(var(--ui-danger-700) / .75)
    }

    html .tailwind-area .border-danger-700\/80 {
        border-color: rgb(var(--ui-danger-700) / .8)
    }

    html .tailwind-area .border-danger-700\/85 {
        border-color: rgb(var(--ui-danger-700) / .85)
    }

    html .tailwind-area .border-danger-700\/90 {
        border-color: rgb(var(--ui-danger-700) / .9)
    }

    html .tailwind-area .border-danger-700\/95 {
        border-color: rgb(var(--ui-danger-700) / .95)
    }

    html .tailwind-area .border-danger-800 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-danger-800) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-danger-800\/0 {
        border-color: rgb(var(--ui-danger-800) / 0)
    }

    html .tailwind-area .border-danger-800\/10 {
        border-color: rgb(var(--ui-danger-800) / .1)
    }

    html .tailwind-area .border-danger-800\/100 {
        border-color: rgb(var(--ui-danger-800) / 1)
    }

    html .tailwind-area .border-danger-800\/15 {
        border-color: rgb(var(--ui-danger-800) / .15)
    }

    html .tailwind-area .border-danger-800\/20 {
        border-color: rgb(var(--ui-danger-800) / .2)
    }

    html .tailwind-area .border-danger-800\/25 {
        border-color: rgb(var(--ui-danger-800) / .25)
    }

    html .tailwind-area .border-danger-800\/30 {
        border-color: rgb(var(--ui-danger-800) / .3)
    }

    html .tailwind-area .border-danger-800\/35 {
        border-color: rgb(var(--ui-danger-800) / .35)
    }

    html .tailwind-area .border-danger-800\/40 {
        border-color: rgb(var(--ui-danger-800) / .4)
    }

    html .tailwind-area .border-danger-800\/45 {
        border-color: rgb(var(--ui-danger-800) / .45)
    }

    html .tailwind-area .border-danger-800\/5 {
        border-color: rgb(var(--ui-danger-800) / .05)
    }

    html .tailwind-area .border-danger-800\/50 {
        border-color: rgb(var(--ui-danger-800) / .5)
    }

    html .tailwind-area .border-danger-800\/55 {
        border-color: rgb(var(--ui-danger-800) / .55)
    }

    html .tailwind-area .border-danger-800\/60 {
        border-color: rgb(var(--ui-danger-800) / .6)
    }

    html .tailwind-area .border-danger-800\/65 {
        border-color: rgb(var(--ui-danger-800) / .65)
    }

    html .tailwind-area .border-danger-800\/70 {
        border-color: rgb(var(--ui-danger-800) / .7)
    }

    html .tailwind-area .border-danger-800\/75 {
        border-color: rgb(var(--ui-danger-800) / .75)
    }

    html .tailwind-area .border-danger-800\/80 {
        border-color: rgb(var(--ui-danger-800) / .8)
    }

    html .tailwind-area .border-danger-800\/85 {
        border-color: rgb(var(--ui-danger-800) / .85)
    }

    html .tailwind-area .border-danger-800\/90 {
        border-color: rgb(var(--ui-danger-800) / .9)
    }

    html .tailwind-area .border-danger-800\/95 {
        border-color: rgb(var(--ui-danger-800) / .95)
    }

    html .tailwind-area .border-danger-900 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-danger-900) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-danger-900\/0 {
        border-color: rgb(var(--ui-danger-900) / 0)
    }

    html .tailwind-area .border-danger-900\/10 {
        border-color: rgb(var(--ui-danger-900) / .1)
    }

    html .tailwind-area .border-danger-900\/100 {
        border-color: rgb(var(--ui-danger-900) / 1)
    }

    html .tailwind-area .border-danger-900\/15 {
        border-color: rgb(var(--ui-danger-900) / .15)
    }

    html .tailwind-area .border-danger-900\/20 {
        border-color: rgb(var(--ui-danger-900) / .2)
    }

    html .tailwind-area .border-danger-900\/25 {
        border-color: rgb(var(--ui-danger-900) / .25)
    }

    html .tailwind-area .border-danger-900\/30 {
        border-color: rgb(var(--ui-danger-900) / .3)
    }

    html .tailwind-area .border-danger-900\/35 {
        border-color: rgb(var(--ui-danger-900) / .35)
    }

    html .tailwind-area .border-danger-900\/40 {
        border-color: rgb(var(--ui-danger-900) / .4)
    }

    html .tailwind-area .border-danger-900\/45 {
        border-color: rgb(var(--ui-danger-900) / .45)
    }

    html .tailwind-area .border-danger-900\/5 {
        border-color: rgb(var(--ui-danger-900) / .05)
    }

    html .tailwind-area .border-danger-900\/50 {
        border-color: rgb(var(--ui-danger-900) / .5)
    }

    html .tailwind-area .border-danger-900\/55 {
        border-color: rgb(var(--ui-danger-900) / .55)
    }

    html .tailwind-area .border-danger-900\/60 {
        border-color: rgb(var(--ui-danger-900) / .6)
    }

    html .tailwind-area .border-danger-900\/65 {
        border-color: rgb(var(--ui-danger-900) / .65)
    }

    html .tailwind-area .border-danger-900\/70 {
        border-color: rgb(var(--ui-danger-900) / .7)
    }

    html .tailwind-area .border-danger-900\/75 {
        border-color: rgb(var(--ui-danger-900) / .75)
    }

    html .tailwind-area .border-danger-900\/80 {
        border-color: rgb(var(--ui-danger-900) / .8)
    }

    html .tailwind-area .border-danger-900\/85 {
        border-color: rgb(var(--ui-danger-900) / .85)
    }

    html .tailwind-area .border-danger-900\/90 {
        border-color: rgb(var(--ui-danger-900) / .9)
    }

    html .tailwind-area .border-danger-900\/95 {
        border-color: rgb(var(--ui-danger-900) / .95)
    }

    html .tailwind-area .border-gray-100 {
        --tw-border-opacity: 1;
        border-color: rgb(243 244 246 / var(--tw-border-opacity))
    }

    html .tailwind-area .border-gray-200 {
        --tw-border-opacity: 1;
        border-color: rgb(229 231 235 / var(--tw-border-opacity))
    }

    html .tailwind-area .border-gray-300 {
        --tw-border-opacity: 1;
        border-color: rgb(209 213 219 / var(--tw-border-opacity))
    }

    html .tailwind-area .border-gray-500 {
        --tw-border-opacity: 1;
        border-color: rgb(107 114 128 / var(--tw-border-opacity))
    }

    html .tailwind-area .border-gray-600 {
        --tw-border-opacity: 1;
        border-color: rgb(75 85 99 / var(--tw-border-opacity))
    }

    html .tailwind-area .border-gray-700 {
        --tw-border-opacity: 1;
        border-color: rgb(55 65 81 / var(--tw-border-opacity))
    }

    html .tailwind-area .border-layout-color-200 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-layout-color-200) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-layout-color-400 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-layout-color-400) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-neutral-100 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-neutral-100) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-neutral-100\/0 {
        border-color: rgb(var(--ui-neutral-100) / 0)
    }

    html .tailwind-area .border-neutral-100\/10 {
        border-color: rgb(var(--ui-neutral-100) / .1)
    }

    html .tailwind-area .border-neutral-100\/100 {
        border-color: rgb(var(--ui-neutral-100) / 1)
    }

    html .tailwind-area .border-neutral-100\/15 {
        border-color: rgb(var(--ui-neutral-100) / .15)
    }

    html .tailwind-area .border-neutral-100\/20 {
        border-color: rgb(var(--ui-neutral-100) / .2)
    }

    html .tailwind-area .border-neutral-100\/25 {
        border-color: rgb(var(--ui-neutral-100) / .25)
    }

    html .tailwind-area .border-neutral-100\/30 {
        border-color: rgb(var(--ui-neutral-100) / .3)
    }

    html .tailwind-area .border-neutral-100\/35 {
        border-color: rgb(var(--ui-neutral-100) / .35)
    }

    html .tailwind-area .border-neutral-100\/40 {
        border-color: rgb(var(--ui-neutral-100) / .4)
    }

    html .tailwind-area .border-neutral-100\/45 {
        border-color: rgb(var(--ui-neutral-100) / .45)
    }

    html .tailwind-area .border-neutral-100\/5 {
        border-color: rgb(var(--ui-neutral-100) / .05)
    }

    html .tailwind-area .border-neutral-100\/50 {
        border-color: rgb(var(--ui-neutral-100) / .5)
    }

    html .tailwind-area .border-neutral-100\/55 {
        border-color: rgb(var(--ui-neutral-100) / .55)
    }

    html .tailwind-area .border-neutral-100\/60 {
        border-color: rgb(var(--ui-neutral-100) / .6)
    }

    html .tailwind-area .border-neutral-100\/65 {
        border-color: rgb(var(--ui-neutral-100) / .65)
    }

    html .tailwind-area .border-neutral-100\/70 {
        border-color: rgb(var(--ui-neutral-100) / .7)
    }

    html .tailwind-area .border-neutral-100\/75 {
        border-color: rgb(var(--ui-neutral-100) / .75)
    }

    html .tailwind-area .border-neutral-100\/80 {
        border-color: rgb(var(--ui-neutral-100) / .8)
    }

    html .tailwind-area .border-neutral-100\/85 {
        border-color: rgb(var(--ui-neutral-100) / .85)
    }

    html .tailwind-area .border-neutral-100\/90 {
        border-color: rgb(var(--ui-neutral-100) / .9)
    }

    html .tailwind-area .border-neutral-100\/95 {
        border-color: rgb(var(--ui-neutral-100) / .95)
    }

    html .tailwind-area .border-neutral-200 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-neutral-200) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-neutral-200\/0 {
        border-color: rgb(var(--ui-neutral-200) / 0)
    }

    html .tailwind-area .border-neutral-200\/10 {
        border-color: rgb(var(--ui-neutral-200) / .1)
    }

    html .tailwind-area .border-neutral-200\/100 {
        border-color: rgb(var(--ui-neutral-200) / 1)
    }

    html .tailwind-area .border-neutral-200\/15 {
        border-color: rgb(var(--ui-neutral-200) / .15)
    }

    html .tailwind-area .border-neutral-200\/20 {
        border-color: rgb(var(--ui-neutral-200) / .2)
    }

    html .tailwind-area .border-neutral-200\/25 {
        border-color: rgb(var(--ui-neutral-200) / .25)
    }

    html .tailwind-area .border-neutral-200\/30 {
        border-color: rgb(var(--ui-neutral-200) / .3)
    }

    html .tailwind-area .border-neutral-200\/35 {
        border-color: rgb(var(--ui-neutral-200) / .35)
    }

    html .tailwind-area .border-neutral-200\/40 {
        border-color: rgb(var(--ui-neutral-200) / .4)
    }

    html .tailwind-area .border-neutral-200\/45 {
        border-color: rgb(var(--ui-neutral-200) / .45)
    }

    html .tailwind-area .border-neutral-200\/5 {
        border-color: rgb(var(--ui-neutral-200) / .05)
    }

    html .tailwind-area .border-neutral-200\/50 {
        border-color: rgb(var(--ui-neutral-200) / .5)
    }

    html .tailwind-area .border-neutral-200\/55 {
        border-color: rgb(var(--ui-neutral-200) / .55)
    }

    html .tailwind-area .border-neutral-200\/60 {
        border-color: rgb(var(--ui-neutral-200) / .6)
    }

    html .tailwind-area .border-neutral-200\/65 {
        border-color: rgb(var(--ui-neutral-200) / .65)
    }

    html .tailwind-area .border-neutral-200\/70 {
        border-color: rgb(var(--ui-neutral-200) / .7)
    }

    html .tailwind-area .border-neutral-200\/75 {
        border-color: rgb(var(--ui-neutral-200) / .75)
    }

    html .tailwind-area .border-neutral-200\/80 {
        border-color: rgb(var(--ui-neutral-200) / .8)
    }

    html .tailwind-area .border-neutral-200\/85 {
        border-color: rgb(var(--ui-neutral-200) / .85)
    }

    html .tailwind-area .border-neutral-200\/90 {
        border-color: rgb(var(--ui-neutral-200) / .9)
    }

    html .tailwind-area .border-neutral-200\/95 {
        border-color: rgb(var(--ui-neutral-200) / .95)
    }

    html .tailwind-area .border-neutral-300 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-neutral-300) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-neutral-300\/0 {
        border-color: rgb(var(--ui-neutral-300) / 0)
    }

    html .tailwind-area .border-neutral-300\/10 {
        border-color: rgb(var(--ui-neutral-300) / .1)
    }

    html .tailwind-area .border-neutral-300\/100 {
        border-color: rgb(var(--ui-neutral-300) / 1)
    }

    html .tailwind-area .border-neutral-300\/15 {
        border-color: rgb(var(--ui-neutral-300) / .15)
    }

    html .tailwind-area .border-neutral-300\/20 {
        border-color: rgb(var(--ui-neutral-300) / .2)
    }

    html .tailwind-area .border-neutral-300\/25 {
        border-color: rgb(var(--ui-neutral-300) / .25)
    }

    html .tailwind-area .border-neutral-300\/30 {
        border-color: rgb(var(--ui-neutral-300) / .3)
    }

    html .tailwind-area .border-neutral-300\/35 {
        border-color: rgb(var(--ui-neutral-300) / .35)
    }

    html .tailwind-area .border-neutral-300\/40 {
        border-color: rgb(var(--ui-neutral-300) / .4)
    }

    html .tailwind-area .border-neutral-300\/45 {
        border-color: rgb(var(--ui-neutral-300) / .45)
    }

    html .tailwind-area .border-neutral-300\/5 {
        border-color: rgb(var(--ui-neutral-300) / .05)
    }

    html .tailwind-area .border-neutral-300\/50 {
        border-color: rgb(var(--ui-neutral-300) / .5)
    }

    html .tailwind-area .border-neutral-300\/55 {
        border-color: rgb(var(--ui-neutral-300) / .55)
    }

    html .tailwind-area .border-neutral-300\/60 {
        border-color: rgb(var(--ui-neutral-300) / .6)
    }

    html .tailwind-area .border-neutral-300\/65 {
        border-color: rgb(var(--ui-neutral-300) / .65)
    }

    html .tailwind-area .border-neutral-300\/70 {
        border-color: rgb(var(--ui-neutral-300) / .7)
    }

    html .tailwind-area .border-neutral-300\/75 {
        border-color: rgb(var(--ui-neutral-300) / .75)
    }

    html .tailwind-area .border-neutral-300\/80 {
        border-color: rgb(var(--ui-neutral-300) / .8)
    }

    html .tailwind-area .border-neutral-300\/85 {
        border-color: rgb(var(--ui-neutral-300) / .85)
    }

    html .tailwind-area .border-neutral-300\/90 {
        border-color: rgb(var(--ui-neutral-300) / .9)
    }

    html .tailwind-area .border-neutral-300\/95 {
        border-color: rgb(var(--ui-neutral-300) / .95)
    }

    html .tailwind-area .border-neutral-400 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-neutral-400) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-neutral-400\/0 {
        border-color: rgb(var(--ui-neutral-400) / 0)
    }

    html .tailwind-area .border-neutral-400\/10 {
        border-color: rgb(var(--ui-neutral-400) / .1)
    }

    html .tailwind-area .border-neutral-400\/100 {
        border-color: rgb(var(--ui-neutral-400) / 1)
    }

    html .tailwind-area .border-neutral-400\/15 {
        border-color: rgb(var(--ui-neutral-400) / .15)
    }

    html .tailwind-area .border-neutral-400\/20 {
        border-color: rgb(var(--ui-neutral-400) / .2)
    }

    html .tailwind-area .border-neutral-400\/25 {
        border-color: rgb(var(--ui-neutral-400) / .25)
    }

    html .tailwind-area .border-neutral-400\/30 {
        border-color: rgb(var(--ui-neutral-400) / .3)
    }

    html .tailwind-area .border-neutral-400\/35 {
        border-color: rgb(var(--ui-neutral-400) / .35)
    }

    html .tailwind-area .border-neutral-400\/40 {
        border-color: rgb(var(--ui-neutral-400) / .4)
    }

    html .tailwind-area .border-neutral-400\/45 {
        border-color: rgb(var(--ui-neutral-400) / .45)
    }

    html .tailwind-area .border-neutral-400\/5 {
        border-color: rgb(var(--ui-neutral-400) / .05)
    }

    html .tailwind-area .border-neutral-400\/50 {
        border-color: rgb(var(--ui-neutral-400) / .5)
    }

    html .tailwind-area .border-neutral-400\/55 {
        border-color: rgb(var(--ui-neutral-400) / .55)
    }

    html .tailwind-area .border-neutral-400\/60 {
        border-color: rgb(var(--ui-neutral-400) / .6)
    }

    html .tailwind-area .border-neutral-400\/65 {
        border-color: rgb(var(--ui-neutral-400) / .65)
    }

    html .tailwind-area .border-neutral-400\/70 {
        border-color: rgb(var(--ui-neutral-400) / .7)
    }

    html .tailwind-area .border-neutral-400\/75 {
        border-color: rgb(var(--ui-neutral-400) / .75)
    }

    html .tailwind-area .border-neutral-400\/80 {
        border-color: rgb(var(--ui-neutral-400) / .8)
    }

    html .tailwind-area .border-neutral-400\/85 {
        border-color: rgb(var(--ui-neutral-400) / .85)
    }

    html .tailwind-area .border-neutral-400\/90 {
        border-color: rgb(var(--ui-neutral-400) / .9)
    }

    html .tailwind-area .border-neutral-400\/95 {
        border-color: rgb(var(--ui-neutral-400) / .95)
    }

    html .tailwind-area .border-neutral-50 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-neutral-50) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-neutral-50\/0 {
        border-color: rgb(var(--ui-neutral-50) / 0)
    }

    html .tailwind-area .border-neutral-50\/10 {
        border-color: rgb(var(--ui-neutral-50) / .1)
    }

    html .tailwind-area .border-neutral-50\/100 {
        border-color: rgb(var(--ui-neutral-50) / 1)
    }

    html .tailwind-area .border-neutral-50\/15 {
        border-color: rgb(var(--ui-neutral-50) / .15)
    }

    html .tailwind-area .border-neutral-50\/20 {
        border-color: rgb(var(--ui-neutral-50) / .2)
    }

    html .tailwind-area .border-neutral-50\/25 {
        border-color: rgb(var(--ui-neutral-50) / .25)
    }

    html .tailwind-area .border-neutral-50\/30 {
        border-color: rgb(var(--ui-neutral-50) / .3)
    }

    html .tailwind-area .border-neutral-50\/35 {
        border-color: rgb(var(--ui-neutral-50) / .35)
    }

    html .tailwind-area .border-neutral-50\/40 {
        border-color: rgb(var(--ui-neutral-50) / .4)
    }

    html .tailwind-area .border-neutral-50\/45 {
        border-color: rgb(var(--ui-neutral-50) / .45)
    }

    html .tailwind-area .border-neutral-50\/5 {
        border-color: rgb(var(--ui-neutral-50) / .05)
    }

    html .tailwind-area .border-neutral-50\/50 {
        border-color: rgb(var(--ui-neutral-50) / .5)
    }

    html .tailwind-area .border-neutral-50\/55 {
        border-color: rgb(var(--ui-neutral-50) / .55)
    }

    html .tailwind-area .border-neutral-50\/60 {
        border-color: rgb(var(--ui-neutral-50) / .6)
    }

    html .tailwind-area .border-neutral-50\/65 {
        border-color: rgb(var(--ui-neutral-50) / .65)
    }

    html .tailwind-area .border-neutral-50\/70 {
        border-color: rgb(var(--ui-neutral-50) / .7)
    }

    html .tailwind-area .border-neutral-50\/75 {
        border-color: rgb(var(--ui-neutral-50) / .75)
    }

    html .tailwind-area .border-neutral-50\/80 {
        border-color: rgb(var(--ui-neutral-50) / .8)
    }

    html .tailwind-area .border-neutral-50\/85 {
        border-color: rgb(var(--ui-neutral-50) / .85)
    }

    html .tailwind-area .border-neutral-50\/90 {
        border-color: rgb(var(--ui-neutral-50) / .9)
    }

    html .tailwind-area .border-neutral-50\/95 {
        border-color: rgb(var(--ui-neutral-50) / .95)
    }

    html .tailwind-area .border-neutral-500 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-neutral-500) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-neutral-500\/0 {
        border-color: rgb(var(--ui-neutral-500) / 0)
    }

    html .tailwind-area .border-neutral-500\/10 {
        border-color: rgb(var(--ui-neutral-500) / .1)
    }

    html .tailwind-area .border-neutral-500\/100 {
        border-color: rgb(var(--ui-neutral-500) / 1)
    }

    html .tailwind-area .border-neutral-500\/15 {
        border-color: rgb(var(--ui-neutral-500) / .15)
    }

    html .tailwind-area .border-neutral-500\/20 {
        border-color: rgb(var(--ui-neutral-500) / .2)
    }

    html .tailwind-area .border-neutral-500\/25 {
        border-color: rgb(var(--ui-neutral-500) / .25)
    }

    html .tailwind-area .border-neutral-500\/30 {
        border-color: rgb(var(--ui-neutral-500) / .3)
    }

    html .tailwind-area .border-neutral-500\/35 {
        border-color: rgb(var(--ui-neutral-500) / .35)
    }

    html .tailwind-area .border-neutral-500\/40 {
        border-color: rgb(var(--ui-neutral-500) / .4)
    }

    html .tailwind-area .border-neutral-500\/45 {
        border-color: rgb(var(--ui-neutral-500) / .45)
    }

    html .tailwind-area .border-neutral-500\/5 {
        border-color: rgb(var(--ui-neutral-500) / .05)
    }

    html .tailwind-area .border-neutral-500\/50 {
        border-color: rgb(var(--ui-neutral-500) / .5)
    }

    html .tailwind-area .border-neutral-500\/55 {
        border-color: rgb(var(--ui-neutral-500) / .55)
    }

    html .tailwind-area .border-neutral-500\/60 {
        border-color: rgb(var(--ui-neutral-500) / .6)
    }

    html .tailwind-area .border-neutral-500\/65 {
        border-color: rgb(var(--ui-neutral-500) / .65)
    }

    html .tailwind-area .border-neutral-500\/70 {
        border-color: rgb(var(--ui-neutral-500) / .7)
    }

    html .tailwind-area .border-neutral-500\/75 {
        border-color: rgb(var(--ui-neutral-500) / .75)
    }

    html .tailwind-area .border-neutral-500\/80 {
        border-color: rgb(var(--ui-neutral-500) / .8)
    }

    html .tailwind-area .border-neutral-500\/85 {
        border-color: rgb(var(--ui-neutral-500) / .85)
    }

    html .tailwind-area .border-neutral-500\/90 {
        border-color: rgb(var(--ui-neutral-500) / .9)
    }

    html .tailwind-area .border-neutral-500\/95 {
        border-color: rgb(var(--ui-neutral-500) / .95)
    }

    html .tailwind-area .border-neutral-600 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-neutral-600) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-neutral-600\/0 {
        border-color: rgb(var(--ui-neutral-600) / 0)
    }

    html .tailwind-area .border-neutral-600\/10 {
        border-color: rgb(var(--ui-neutral-600) / .1)
    }

    html .tailwind-area .border-neutral-600\/100 {
        border-color: rgb(var(--ui-neutral-600) / 1)
    }

    html .tailwind-area .border-neutral-600\/15 {
        border-color: rgb(var(--ui-neutral-600) / .15)
    }

    html .tailwind-area .border-neutral-600\/20 {
        border-color: rgb(var(--ui-neutral-600) / .2)
    }

    html .tailwind-area .border-neutral-600\/25 {
        border-color: rgb(var(--ui-neutral-600) / .25)
    }

    html .tailwind-area .border-neutral-600\/30 {
        border-color: rgb(var(--ui-neutral-600) / .3)
    }

    html .tailwind-area .border-neutral-600\/35 {
        border-color: rgb(var(--ui-neutral-600) / .35)
    }

    html .tailwind-area .border-neutral-600\/40 {
        border-color: rgb(var(--ui-neutral-600) / .4)
    }

    html .tailwind-area .border-neutral-600\/45 {
        border-color: rgb(var(--ui-neutral-600) / .45)
    }

    html .tailwind-area .border-neutral-600\/5 {
        border-color: rgb(var(--ui-neutral-600) / .05)
    }

    html .tailwind-area .border-neutral-600\/50 {
        border-color: rgb(var(--ui-neutral-600) / .5)
    }

    html .tailwind-area .border-neutral-600\/55 {
        border-color: rgb(var(--ui-neutral-600) / .55)
    }

    html .tailwind-area .border-neutral-600\/60 {
        border-color: rgb(var(--ui-neutral-600) / .6)
    }

    html .tailwind-area .border-neutral-600\/65 {
        border-color: rgb(var(--ui-neutral-600) / .65)
    }

    html .tailwind-area .border-neutral-600\/70 {
        border-color: rgb(var(--ui-neutral-600) / .7)
    }

    html .tailwind-area .border-neutral-600\/75 {
        border-color: rgb(var(--ui-neutral-600) / .75)
    }

    html .tailwind-area .border-neutral-600\/80 {
        border-color: rgb(var(--ui-neutral-600) / .8)
    }

    html .tailwind-area .border-neutral-600\/85 {
        border-color: rgb(var(--ui-neutral-600) / .85)
    }

    html .tailwind-area .border-neutral-600\/90 {
        border-color: rgb(var(--ui-neutral-600) / .9)
    }

    html .tailwind-area .border-neutral-600\/95 {
        border-color: rgb(var(--ui-neutral-600) / .95)
    }

    html .tailwind-area .border-neutral-700 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-neutral-700) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-neutral-700\/0 {
        border-color: rgb(var(--ui-neutral-700) / 0)
    }

    html .tailwind-area .border-neutral-700\/10 {
        border-color: rgb(var(--ui-neutral-700) / .1)
    }

    html .tailwind-area .border-neutral-700\/100 {
        border-color: rgb(var(--ui-neutral-700) / 1)
    }

    html .tailwind-area .border-neutral-700\/15 {
        border-color: rgb(var(--ui-neutral-700) / .15)
    }

    html .tailwind-area .border-neutral-700\/20 {
        border-color: rgb(var(--ui-neutral-700) / .2)
    }

    html .tailwind-area .border-neutral-700\/25 {
        border-color: rgb(var(--ui-neutral-700) / .25)
    }

    html .tailwind-area .border-neutral-700\/30 {
        border-color: rgb(var(--ui-neutral-700) / .3)
    }

    html .tailwind-area .border-neutral-700\/35 {
        border-color: rgb(var(--ui-neutral-700) / .35)
    }

    html .tailwind-area .border-neutral-700\/40 {
        border-color: rgb(var(--ui-neutral-700) / .4)
    }

    html .tailwind-area .border-neutral-700\/45 {
        border-color: rgb(var(--ui-neutral-700) / .45)
    }

    html .tailwind-area .border-neutral-700\/5 {
        border-color: rgb(var(--ui-neutral-700) / .05)
    }

    html .tailwind-area .border-neutral-700\/50 {
        border-color: rgb(var(--ui-neutral-700) / .5)
    }

    html .tailwind-area .border-neutral-700\/55 {
        border-color: rgb(var(--ui-neutral-700) / .55)
    }

    html .tailwind-area .border-neutral-700\/60 {
        border-color: rgb(var(--ui-neutral-700) / .6)
    }

    html .tailwind-area .border-neutral-700\/65 {
        border-color: rgb(var(--ui-neutral-700) / .65)
    }

    html .tailwind-area .border-neutral-700\/70 {
        border-color: rgb(var(--ui-neutral-700) / .7)
    }

    html .tailwind-area .border-neutral-700\/75 {
        border-color: rgb(var(--ui-neutral-700) / .75)
    }

    html .tailwind-area .border-neutral-700\/80 {
        border-color: rgb(var(--ui-neutral-700) / .8)
    }

    html .tailwind-area .border-neutral-700\/85 {
        border-color: rgb(var(--ui-neutral-700) / .85)
    }

    html .tailwind-area .border-neutral-700\/90 {
        border-color: rgb(var(--ui-neutral-700) / .9)
    }

    html .tailwind-area .border-neutral-700\/95 {
        border-color: rgb(var(--ui-neutral-700) / .95)
    }

    html .tailwind-area .border-neutral-800 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-neutral-800) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-neutral-800\/0 {
        border-color: rgb(var(--ui-neutral-800) / 0)
    }

    html .tailwind-area .border-neutral-800\/10 {
        border-color: rgb(var(--ui-neutral-800) / .1)
    }

    html .tailwind-area .border-neutral-800\/100 {
        border-color: rgb(var(--ui-neutral-800) / 1)
    }

    html .tailwind-area .border-neutral-800\/15 {
        border-color: rgb(var(--ui-neutral-800) / .15)
    }

    html .tailwind-area .border-neutral-800\/20 {
        border-color: rgb(var(--ui-neutral-800) / .2)
    }

    html .tailwind-area .border-neutral-800\/25 {
        border-color: rgb(var(--ui-neutral-800) / .25)
    }

    html .tailwind-area .border-neutral-800\/30 {
        border-color: rgb(var(--ui-neutral-800) / .3)
    }

    html .tailwind-area .border-neutral-800\/35 {
        border-color: rgb(var(--ui-neutral-800) / .35)
    }

    html .tailwind-area .border-neutral-800\/40 {
        border-color: rgb(var(--ui-neutral-800) / .4)
    }

    html .tailwind-area .border-neutral-800\/45 {
        border-color: rgb(var(--ui-neutral-800) / .45)
    }

    html .tailwind-area .border-neutral-800\/5 {
        border-color: rgb(var(--ui-neutral-800) / .05)
    }

    html .tailwind-area .border-neutral-800\/50 {
        border-color: rgb(var(--ui-neutral-800) / .5)
    }

    html .tailwind-area .border-neutral-800\/55 {
        border-color: rgb(var(--ui-neutral-800) / .55)
    }

    html .tailwind-area .border-neutral-800\/60 {
        border-color: rgb(var(--ui-neutral-800) / .6)
    }

    html .tailwind-area .border-neutral-800\/65 {
        border-color: rgb(var(--ui-neutral-800) / .65)
    }

    html .tailwind-area .border-neutral-800\/70 {
        border-color: rgb(var(--ui-neutral-800) / .7)
    }

    html .tailwind-area .border-neutral-800\/75 {
        border-color: rgb(var(--ui-neutral-800) / .75)
    }

    html .tailwind-area .border-neutral-800\/80 {
        border-color: rgb(var(--ui-neutral-800) / .8)
    }

    html .tailwind-area .border-neutral-800\/85 {
        border-color: rgb(var(--ui-neutral-800) / .85)
    }

    html .tailwind-area .border-neutral-800\/90 {
        border-color: rgb(var(--ui-neutral-800) / .9)
    }

    html .tailwind-area .border-neutral-800\/95 {
        border-color: rgb(var(--ui-neutral-800) / .95)
    }

    html .tailwind-area .border-neutral-900 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-neutral-900) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-neutral-900\/0 {
        border-color: rgb(var(--ui-neutral-900) / 0)
    }

    html .tailwind-area .border-neutral-900\/10 {
        border-color: rgb(var(--ui-neutral-900) / .1)
    }

    html .tailwind-area .border-neutral-900\/100 {
        border-color: rgb(var(--ui-neutral-900) / 1)
    }

    html .tailwind-area .border-neutral-900\/15 {
        border-color: rgb(var(--ui-neutral-900) / .15)
    }

    html .tailwind-area .border-neutral-900\/20 {
        border-color: rgb(var(--ui-neutral-900) / .2)
    }

    html .tailwind-area .border-neutral-900\/25 {
        border-color: rgb(var(--ui-neutral-900) / .25)
    }

    html .tailwind-area .border-neutral-900\/30 {
        border-color: rgb(var(--ui-neutral-900) / .3)
    }

    html .tailwind-area .border-neutral-900\/35 {
        border-color: rgb(var(--ui-neutral-900) / .35)
    }

    html .tailwind-area .border-neutral-900\/40 {
        border-color: rgb(var(--ui-neutral-900) / .4)
    }

    html .tailwind-area .border-neutral-900\/45 {
        border-color: rgb(var(--ui-neutral-900) / .45)
    }

    html .tailwind-area .border-neutral-900\/5 {
        border-color: rgb(var(--ui-neutral-900) / .05)
    }

    html .tailwind-area .border-neutral-900\/50 {
        border-color: rgb(var(--ui-neutral-900) / .5)
    }

    html .tailwind-area .border-neutral-900\/55 {
        border-color: rgb(var(--ui-neutral-900) / .55)
    }

    html .tailwind-area .border-neutral-900\/60 {
        border-color: rgb(var(--ui-neutral-900) / .6)
    }

    html .tailwind-area .border-neutral-900\/65 {
        border-color: rgb(var(--ui-neutral-900) / .65)
    }

    html .tailwind-area .border-neutral-900\/70 {
        border-color: rgb(var(--ui-neutral-900) / .7)
    }

    html .tailwind-area .border-neutral-900\/75 {
        border-color: rgb(var(--ui-neutral-900) / .75)
    }

    html .tailwind-area .border-neutral-900\/80 {
        border-color: rgb(var(--ui-neutral-900) / .8)
    }

    html .tailwind-area .border-neutral-900\/85 {
        border-color: rgb(var(--ui-neutral-900) / .85)
    }

    html .tailwind-area .border-neutral-900\/90 {
        border-color: rgb(var(--ui-neutral-900) / .9)
    }

    html .tailwind-area .border-neutral-900\/95 {
        border-color: rgb(var(--ui-neutral-900) / .95)
    }

    html .tailwind-area .border-neutral-950 {
        --tw-border-opacity: 1;
        border-color: rgb(10 10 10 / var(--tw-border-opacity))
    }

    html .tailwind-area .border-neutral-950\/0 {
        border-color: #0a0a0a00
    }

    html .tailwind-area .border-neutral-950\/10 {
        border-color: #0a0a0a1a
    }

    html .tailwind-area .border-neutral-950\/100 {
        border-color: #0a0a0a
    }

    html .tailwind-area .border-neutral-950\/15 {
        border-color: #0a0a0a26
    }

    html .tailwind-area .border-neutral-950\/20 {
        border-color: #0a0a0a33
    }

    html .tailwind-area .border-neutral-950\/25 {
        border-color: #0a0a0a40
    }

    html .tailwind-area .border-neutral-950\/30 {
        border-color: #0a0a0a4d
    }

    html .tailwind-area .border-neutral-950\/35 {
        border-color: #0a0a0a59
    }

    html .tailwind-area .border-neutral-950\/40 {
        border-color: #0a0a0a66
    }

    html .tailwind-area .border-neutral-950\/45 {
        border-color: #0a0a0a73
    }

    html .tailwind-area .border-neutral-950\/5 {
        border-color: #0a0a0a0d
    }

    html .tailwind-area .border-neutral-950\/50 {
        border-color: #0a0a0a80
    }

    html .tailwind-area .border-neutral-950\/55 {
        border-color: #0a0a0a8c
    }

    html .tailwind-area .border-neutral-950\/60 {
        border-color: #0a0a0a99
    }

    html .tailwind-area .border-neutral-950\/65 {
        border-color: #0a0a0aa6
    }

    html .tailwind-area .border-neutral-950\/70 {
        border-color: #0a0a0ab3
    }

    html .tailwind-area .border-neutral-950\/75 {
        border-color: #0a0a0abf
    }

    html .tailwind-area .border-neutral-950\/80 {
        border-color: #0a0a0acc
    }

    html .tailwind-area .border-neutral-950\/85 {
        border-color: #0a0a0ad9
    }

    html .tailwind-area .border-neutral-950\/90 {
        border-color: #0a0a0ae6
    }

    html .tailwind-area .border-neutral-950\/95 {
        border-color: #0a0a0af2
    }

    html .tailwind-area .border-primary {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-primary-500) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-primary-100 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-primary-100) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-primary-100\/0 {
        border-color: rgb(var(--ui-primary-100) / 0)
    }

    html .tailwind-area .border-primary-100\/10 {
        border-color: rgb(var(--ui-primary-100) / .1)
    }

    html .tailwind-area .border-primary-100\/100 {
        border-color: rgb(var(--ui-primary-100) / 1)
    }

    html .tailwind-area .border-primary-100\/15 {
        border-color: rgb(var(--ui-primary-100) / .15)
    }

    html .tailwind-area .border-primary-100\/20 {
        border-color: rgb(var(--ui-primary-100) / .2)
    }

    html .tailwind-area .border-primary-100\/25 {
        border-color: rgb(var(--ui-primary-100) / .25)
    }

    html .tailwind-area .border-primary-100\/30 {
        border-color: rgb(var(--ui-primary-100) / .3)
    }

    html .tailwind-area .border-primary-100\/35 {
        border-color: rgb(var(--ui-primary-100) / .35)
    }

    html .tailwind-area .border-primary-100\/40 {
        border-color: rgb(var(--ui-primary-100) / .4)
    }

    html .tailwind-area .border-primary-100\/45 {
        border-color: rgb(var(--ui-primary-100) / .45)
    }

    html .tailwind-area .border-primary-100\/5 {
        border-color: rgb(var(--ui-primary-100) / .05)
    }

    html .tailwind-area .border-primary-100\/50 {
        border-color: rgb(var(--ui-primary-100) / .5)
    }

    html .tailwind-area .border-primary-100\/55 {
        border-color: rgb(var(--ui-primary-100) / .55)
    }

    html .tailwind-area .border-primary-100\/60 {
        border-color: rgb(var(--ui-primary-100) / .6)
    }

    html .tailwind-area .border-primary-100\/65 {
        border-color: rgb(var(--ui-primary-100) / .65)
    }

    html .tailwind-area .border-primary-100\/70 {
        border-color: rgb(var(--ui-primary-100) / .7)
    }

    html .tailwind-area .border-primary-100\/75 {
        border-color: rgb(var(--ui-primary-100) / .75)
    }

    html .tailwind-area .border-primary-100\/80 {
        border-color: rgb(var(--ui-primary-100) / .8)
    }

    html .tailwind-area .border-primary-100\/85 {
        border-color: rgb(var(--ui-primary-100) / .85)
    }

    html .tailwind-area .border-primary-100\/90 {
        border-color: rgb(var(--ui-primary-100) / .9)
    }

    html .tailwind-area .border-primary-100\/95 {
        border-color: rgb(var(--ui-primary-100) / .95)
    }

    html .tailwind-area .border-primary-200 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-primary-200) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-primary-200\/0 {
        border-color: rgb(var(--ui-primary-200) / 0)
    }

    html .tailwind-area .border-primary-200\/10 {
        border-color: rgb(var(--ui-primary-200) / .1)
    }

    html .tailwind-area .border-primary-200\/100 {
        border-color: rgb(var(--ui-primary-200) / 1)
    }

    html .tailwind-area .border-primary-200\/15 {
        border-color: rgb(var(--ui-primary-200) / .15)
    }

    html .tailwind-area .border-primary-200\/20 {
        border-color: rgb(var(--ui-primary-200) / .2)
    }

    html .tailwind-area .border-primary-200\/25 {
        border-color: rgb(var(--ui-primary-200) / .25)
    }

    html .tailwind-area .border-primary-200\/30 {
        border-color: rgb(var(--ui-primary-200) / .3)
    }

    html .tailwind-area .border-primary-200\/35 {
        border-color: rgb(var(--ui-primary-200) / .35)
    }

    html .tailwind-area .border-primary-200\/40 {
        border-color: rgb(var(--ui-primary-200) / .4)
    }

    html .tailwind-area .border-primary-200\/45 {
        border-color: rgb(var(--ui-primary-200) / .45)
    }

    html .tailwind-area .border-primary-200\/5 {
        border-color: rgb(var(--ui-primary-200) / .05)
    }

    html .tailwind-area .border-primary-200\/50 {
        border-color: rgb(var(--ui-primary-200) / .5)
    }

    html .tailwind-area .border-primary-200\/55 {
        border-color: rgb(var(--ui-primary-200) / .55)
    }

    html .tailwind-area .border-primary-200\/60 {
        border-color: rgb(var(--ui-primary-200) / .6)
    }

    html .tailwind-area .border-primary-200\/65 {
        border-color: rgb(var(--ui-primary-200) / .65)
    }

    html .tailwind-area .border-primary-200\/70 {
        border-color: rgb(var(--ui-primary-200) / .7)
    }

    html .tailwind-area .border-primary-200\/75 {
        border-color: rgb(var(--ui-primary-200) / .75)
    }

    html .tailwind-area .border-primary-200\/80 {
        border-color: rgb(var(--ui-primary-200) / .8)
    }

    html .tailwind-area .border-primary-200\/85 {
        border-color: rgb(var(--ui-primary-200) / .85)
    }

    html .tailwind-area .border-primary-200\/90 {
        border-color: rgb(var(--ui-primary-200) / .9)
    }

    html .tailwind-area .border-primary-200\/95 {
        border-color: rgb(var(--ui-primary-200) / .95)
    }

    html .tailwind-area .border-primary-300 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-primary-300) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-primary-300\/0 {
        border-color: rgb(var(--ui-primary-300) / 0)
    }

    html .tailwind-area .border-primary-300\/10 {
        border-color: rgb(var(--ui-primary-300) / .1)
    }

    html .tailwind-area .border-primary-300\/100 {
        border-color: rgb(var(--ui-primary-300) / 1)
    }

    html .tailwind-area .border-primary-300\/15 {
        border-color: rgb(var(--ui-primary-300) / .15)
    }

    html .tailwind-area .border-primary-300\/20 {
        border-color: rgb(var(--ui-primary-300) / .2)
    }

    html .tailwind-area .border-primary-300\/25 {
        border-color: rgb(var(--ui-primary-300) / .25)
    }

    html .tailwind-area .border-primary-300\/30 {
        border-color: rgb(var(--ui-primary-300) / .3)
    }

    html .tailwind-area .border-primary-300\/35 {
        border-color: rgb(var(--ui-primary-300) / .35)
    }

    html .tailwind-area .border-primary-300\/40 {
        border-color: rgb(var(--ui-primary-300) / .4)
    }

    html .tailwind-area .border-primary-300\/45 {
        border-color: rgb(var(--ui-primary-300) / .45)
    }

    html .tailwind-area .border-primary-300\/5 {
        border-color: rgb(var(--ui-primary-300) / .05)
    }

    html .tailwind-area .border-primary-300\/50 {
        border-color: rgb(var(--ui-primary-300) / .5)
    }

    html .tailwind-area .border-primary-300\/55 {
        border-color: rgb(var(--ui-primary-300) / .55)
    }

    html .tailwind-area .border-primary-300\/60 {
        border-color: rgb(var(--ui-primary-300) / .6)
    }

    html .tailwind-area .border-primary-300\/65 {
        border-color: rgb(var(--ui-primary-300) / .65)
    }

    html .tailwind-area .border-primary-300\/70 {
        border-color: rgb(var(--ui-primary-300) / .7)
    }

    html .tailwind-area .border-primary-300\/75 {
        border-color: rgb(var(--ui-primary-300) / .75)
    }

    html .tailwind-area .border-primary-300\/80 {
        border-color: rgb(var(--ui-primary-300) / .8)
    }

    html .tailwind-area .border-primary-300\/85 {
        border-color: rgb(var(--ui-primary-300) / .85)
    }

    html .tailwind-area .border-primary-300\/90 {
        border-color: rgb(var(--ui-primary-300) / .9)
    }

    html .tailwind-area .border-primary-300\/95 {
        border-color: rgb(var(--ui-primary-300) / .95)
    }

    html .tailwind-area .border-primary-400 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-primary-400) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-primary-400\/0 {
        border-color: rgb(var(--ui-primary-400) / 0)
    }

    html .tailwind-area .border-primary-400\/10 {
        border-color: rgb(var(--ui-primary-400) / .1)
    }

    html .tailwind-area .border-primary-400\/100 {
        border-color: rgb(var(--ui-primary-400) / 1)
    }

    html .tailwind-area .border-primary-400\/15 {
        border-color: rgb(var(--ui-primary-400) / .15)
    }

    html .tailwind-area .border-primary-400\/20 {
        border-color: rgb(var(--ui-primary-400) / .2)
    }

    html .tailwind-area .border-primary-400\/25 {
        border-color: rgb(var(--ui-primary-400) / .25)
    }

    html .tailwind-area .border-primary-400\/30 {
        border-color: rgb(var(--ui-primary-400) / .3)
    }

    html .tailwind-area .border-primary-400\/35 {
        border-color: rgb(var(--ui-primary-400) / .35)
    }

    html .tailwind-area .border-primary-400\/40 {
        border-color: rgb(var(--ui-primary-400) / .4)
    }

    html .tailwind-area .border-primary-400\/45 {
        border-color: rgb(var(--ui-primary-400) / .45)
    }

    html .tailwind-area .border-primary-400\/5 {
        border-color: rgb(var(--ui-primary-400) / .05)
    }

    html .tailwind-area .border-primary-400\/50 {
        border-color: rgb(var(--ui-primary-400) / .5)
    }

    html .tailwind-area .border-primary-400\/55 {
        border-color: rgb(var(--ui-primary-400) / .55)
    }

    html .tailwind-area .border-primary-400\/60 {
        border-color: rgb(var(--ui-primary-400) / .6)
    }

    html .tailwind-area .border-primary-400\/65 {
        border-color: rgb(var(--ui-primary-400) / .65)
    }

    html .tailwind-area .border-primary-400\/70 {
        border-color: rgb(var(--ui-primary-400) / .7)
    }

    html .tailwind-area .border-primary-400\/75 {
        border-color: rgb(var(--ui-primary-400) / .75)
    }

    html .tailwind-area .border-primary-400\/80 {
        border-color: rgb(var(--ui-primary-400) / .8)
    }

    html .tailwind-area .border-primary-400\/85 {
        border-color: rgb(var(--ui-primary-400) / .85)
    }

    html .tailwind-area .border-primary-400\/90 {
        border-color: rgb(var(--ui-primary-400) / .9)
    }

    html .tailwind-area .border-primary-400\/95 {
        border-color: rgb(var(--ui-primary-400) / .95)
    }

    html .tailwind-area .border-primary-50 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-primary-50) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-primary-50\/0 {
        border-color: rgb(var(--ui-primary-50) / 0)
    }

    html .tailwind-area .border-primary-50\/10 {
        border-color: rgb(var(--ui-primary-50) / .1)
    }

    html .tailwind-area .border-primary-50\/100 {
        border-color: rgb(var(--ui-primary-50) / 1)
    }

    html .tailwind-area .border-primary-50\/15 {
        border-color: rgb(var(--ui-primary-50) / .15)
    }

    html .tailwind-area .border-primary-50\/20 {
        border-color: rgb(var(--ui-primary-50) / .2)
    }

    html .tailwind-area .border-primary-50\/25 {
        border-color: rgb(var(--ui-primary-50) / .25)
    }

    html .tailwind-area .border-primary-50\/30 {
        border-color: rgb(var(--ui-primary-50) / .3)
    }

    html .tailwind-area .border-primary-50\/35 {
        border-color: rgb(var(--ui-primary-50) / .35)
    }

    html .tailwind-area .border-primary-50\/40 {
        border-color: rgb(var(--ui-primary-50) / .4)
    }

    html .tailwind-area .border-primary-50\/45 {
        border-color: rgb(var(--ui-primary-50) / .45)
    }

    html .tailwind-area .border-primary-50\/5 {
        border-color: rgb(var(--ui-primary-50) / .05)
    }

    html .tailwind-area .border-primary-50\/50 {
        border-color: rgb(var(--ui-primary-50) / .5)
    }

    html .tailwind-area .border-primary-50\/55 {
        border-color: rgb(var(--ui-primary-50) / .55)
    }

    html .tailwind-area .border-primary-50\/60 {
        border-color: rgb(var(--ui-primary-50) / .6)
    }

    html .tailwind-area .border-primary-50\/65 {
        border-color: rgb(var(--ui-primary-50) / .65)
    }

    html .tailwind-area .border-primary-50\/70 {
        border-color: rgb(var(--ui-primary-50) / .7)
    }

    html .tailwind-area .border-primary-50\/75 {
        border-color: rgb(var(--ui-primary-50) / .75)
    }

    html .tailwind-area .border-primary-50\/80 {
        border-color: rgb(var(--ui-primary-50) / .8)
    }

    html .tailwind-area .border-primary-50\/85 {
        border-color: rgb(var(--ui-primary-50) / .85)
    }

    html .tailwind-area .border-primary-50\/90 {
        border-color: rgb(var(--ui-primary-50) / .9)
    }

    html .tailwind-area .border-primary-50\/95 {
        border-color: rgb(var(--ui-primary-50) / .95)
    }

    html .tailwind-area .border-primary-500 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-primary-500) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-primary-500\/0 {
        border-color: rgb(var(--ui-primary-500) / 0)
    }

    html .tailwind-area .border-primary-500\/10 {
        border-color: rgb(var(--ui-primary-500) / .1)
    }

    html .tailwind-area .border-primary-500\/100 {
        border-color: rgb(var(--ui-primary-500) / 1)
    }

    html .tailwind-area .border-primary-500\/15 {
        border-color: rgb(var(--ui-primary-500) / .15)
    }

    html .tailwind-area .border-primary-500\/20 {
        border-color: rgb(var(--ui-primary-500) / .2)
    }

    html .tailwind-area .border-primary-500\/25 {
        border-color: rgb(var(--ui-primary-500) / .25)
    }

    html .tailwind-area .border-primary-500\/30 {
        border-color: rgb(var(--ui-primary-500) / .3)
    }

    html .tailwind-area .border-primary-500\/35 {
        border-color: rgb(var(--ui-primary-500) / .35)
    }

    html .tailwind-area .border-primary-500\/40 {
        border-color: rgb(var(--ui-primary-500) / .4)
    }

    html .tailwind-area .border-primary-500\/45 {
        border-color: rgb(var(--ui-primary-500) / .45)
    }

    html .tailwind-area .border-primary-500\/5 {
        border-color: rgb(var(--ui-primary-500) / .05)
    }

    html .tailwind-area .border-primary-500\/50 {
        border-color: rgb(var(--ui-primary-500) / .5)
    }

    html .tailwind-area .border-primary-500\/55 {
        border-color: rgb(var(--ui-primary-500) / .55)
    }

    html .tailwind-area .border-primary-500\/60 {
        border-color: rgb(var(--ui-primary-500) / .6)
    }

    html .tailwind-area .border-primary-500\/65 {
        border-color: rgb(var(--ui-primary-500) / .65)
    }

    html .tailwind-area .border-primary-500\/70 {
        border-color: rgb(var(--ui-primary-500) / .7)
    }

    html .tailwind-area .border-primary-500\/75 {
        border-color: rgb(var(--ui-primary-500) / .75)
    }

    html .tailwind-area .border-primary-500\/80 {
        border-color: rgb(var(--ui-primary-500) / .8)
    }

    html .tailwind-area .border-primary-500\/85 {
        border-color: rgb(var(--ui-primary-500) / .85)
    }

    html .tailwind-area .border-primary-500\/90 {
        border-color: rgb(var(--ui-primary-500) / .9)
    }

    html .tailwind-area .border-primary-500\/95 {
        border-color: rgb(var(--ui-primary-500) / .95)
    }

    html .tailwind-area .border-primary-600 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-primary-600) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-primary-600\/0 {
        border-color: rgb(var(--ui-primary-600) / 0)
    }

    html .tailwind-area .border-primary-600\/10 {
        border-color: rgb(var(--ui-primary-600) / .1)
    }

    html .tailwind-area .border-primary-600\/100 {
        border-color: rgb(var(--ui-primary-600) / 1)
    }

    html .tailwind-area .border-primary-600\/15 {
        border-color: rgb(var(--ui-primary-600) / .15)
    }

    html .tailwind-area .border-primary-600\/20 {
        border-color: rgb(var(--ui-primary-600) / .2)
    }

    html .tailwind-area .border-primary-600\/25 {
        border-color: rgb(var(--ui-primary-600) / .25)
    }

    html .tailwind-area .border-primary-600\/30 {
        border-color: rgb(var(--ui-primary-600) / .3)
    }

    html .tailwind-area .border-primary-600\/35 {
        border-color: rgb(var(--ui-primary-600) / .35)
    }

    html .tailwind-area .border-primary-600\/40 {
        border-color: rgb(var(--ui-primary-600) / .4)
    }

    html .tailwind-area .border-primary-600\/45 {
        border-color: rgb(var(--ui-primary-600) / .45)
    }

    html .tailwind-area .border-primary-600\/5 {
        border-color: rgb(var(--ui-primary-600) / .05)
    }

    html .tailwind-area .border-primary-600\/50 {
        border-color: rgb(var(--ui-primary-600) / .5)
    }

    html .tailwind-area .border-primary-600\/55 {
        border-color: rgb(var(--ui-primary-600) / .55)
    }

    html .tailwind-area .border-primary-600\/60 {
        border-color: rgb(var(--ui-primary-600) / .6)
    }

    html .tailwind-area .border-primary-600\/65 {
        border-color: rgb(var(--ui-primary-600) / .65)
    }

    html .tailwind-area .border-primary-600\/70 {
        border-color: rgb(var(--ui-primary-600) / .7)
    }

    html .tailwind-area .border-primary-600\/75 {
        border-color: rgb(var(--ui-primary-600) / .75)
    }

    html .tailwind-area .border-primary-600\/80 {
        border-color: rgb(var(--ui-primary-600) / .8)
    }

    html .tailwind-area .border-primary-600\/85 {
        border-color: rgb(var(--ui-primary-600) / .85)
    }

    html .tailwind-area .border-primary-600\/90 {
        border-color: rgb(var(--ui-primary-600) / .9)
    }

    html .tailwind-area .border-primary-600\/95 {
        border-color: rgb(var(--ui-primary-600) / .95)
    }

    html .tailwind-area .border-primary-700 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-primary-700) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-primary-700\/0 {
        border-color: rgb(var(--ui-primary-700) / 0)
    }

    html .tailwind-area .border-primary-700\/10 {
        border-color: rgb(var(--ui-primary-700) / .1)
    }

    html .tailwind-area .border-primary-700\/100 {
        border-color: rgb(var(--ui-primary-700) / 1)
    }

    html .tailwind-area .border-primary-700\/15 {
        border-color: rgb(var(--ui-primary-700) / .15)
    }

    html .tailwind-area .border-primary-700\/20 {
        border-color: rgb(var(--ui-primary-700) / .2)
    }

    html .tailwind-area .border-primary-700\/25 {
        border-color: rgb(var(--ui-primary-700) / .25)
    }

    html .tailwind-area .border-primary-700\/30 {
        border-color: rgb(var(--ui-primary-700) / .3)
    }

    html .tailwind-area .border-primary-700\/35 {
        border-color: rgb(var(--ui-primary-700) / .35)
    }

    html .tailwind-area .border-primary-700\/40 {
        border-color: rgb(var(--ui-primary-700) / .4)
    }

    html .tailwind-area .border-primary-700\/45 {
        border-color: rgb(var(--ui-primary-700) / .45)
    }

    html .tailwind-area .border-primary-700\/5 {
        border-color: rgb(var(--ui-primary-700) / .05)
    }

    html .tailwind-area .border-primary-700\/50 {
        border-color: rgb(var(--ui-primary-700) / .5)
    }

    html .tailwind-area .border-primary-700\/55 {
        border-color: rgb(var(--ui-primary-700) / .55)
    }

    html .tailwind-area .border-primary-700\/60 {
        border-color: rgb(var(--ui-primary-700) / .6)
    }

    html .tailwind-area .border-primary-700\/65 {
        border-color: rgb(var(--ui-primary-700) / .65)
    }

    html .tailwind-area .border-primary-700\/70 {
        border-color: rgb(var(--ui-primary-700) / .7)
    }

    html .tailwind-area .border-primary-700\/75 {
        border-color: rgb(var(--ui-primary-700) / .75)
    }

    html .tailwind-area .border-primary-700\/80 {
        border-color: rgb(var(--ui-primary-700) / .8)
    }

    html .tailwind-area .border-primary-700\/85 {
        border-color: rgb(var(--ui-primary-700) / .85)
    }

    html .tailwind-area .border-primary-700\/90 {
        border-color: rgb(var(--ui-primary-700) / .9)
    }

    html .tailwind-area .border-primary-700\/95 {
        border-color: rgb(var(--ui-primary-700) / .95)
    }

    html .tailwind-area .border-primary-800 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-primary-800) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-primary-800\/0 {
        border-color: rgb(var(--ui-primary-800) / 0)
    }

    html .tailwind-area .border-primary-800\/10 {
        border-color: rgb(var(--ui-primary-800) / .1)
    }

    html .tailwind-area .border-primary-800\/100 {
        border-color: rgb(var(--ui-primary-800) / 1)
    }

    html .tailwind-area .border-primary-800\/15 {
        border-color: rgb(var(--ui-primary-800) / .15)
    }

    html .tailwind-area .border-primary-800\/20 {
        border-color: rgb(var(--ui-primary-800) / .2)
    }

    html .tailwind-area .border-primary-800\/25 {
        border-color: rgb(var(--ui-primary-800) / .25)
    }

    html .tailwind-area .border-primary-800\/30 {
        border-color: rgb(var(--ui-primary-800) / .3)
    }

    html .tailwind-area .border-primary-800\/35 {
        border-color: rgb(var(--ui-primary-800) / .35)
    }

    html .tailwind-area .border-primary-800\/40 {
        border-color: rgb(var(--ui-primary-800) / .4)
    }

    html .tailwind-area .border-primary-800\/45 {
        border-color: rgb(var(--ui-primary-800) / .45)
    }

    html .tailwind-area .border-primary-800\/5 {
        border-color: rgb(var(--ui-primary-800) / .05)
    }

    html .tailwind-area .border-primary-800\/50 {
        border-color: rgb(var(--ui-primary-800) / .5)
    }

    html .tailwind-area .border-primary-800\/55 {
        border-color: rgb(var(--ui-primary-800) / .55)
    }

    html .tailwind-area .border-primary-800\/60 {
        border-color: rgb(var(--ui-primary-800) / .6)
    }

    html .tailwind-area .border-primary-800\/65 {
        border-color: rgb(var(--ui-primary-800) / .65)
    }

    html .tailwind-area .border-primary-800\/70 {
        border-color: rgb(var(--ui-primary-800) / .7)
    }

    html .tailwind-area .border-primary-800\/75 {
        border-color: rgb(var(--ui-primary-800) / .75)
    }

    html .tailwind-area .border-primary-800\/80 {
        border-color: rgb(var(--ui-primary-800) / .8)
    }

    html .tailwind-area .border-primary-800\/85 {
        border-color: rgb(var(--ui-primary-800) / .85)
    }

    html .tailwind-area .border-primary-800\/90 {
        border-color: rgb(var(--ui-primary-800) / .9)
    }

    html .tailwind-area .border-primary-800\/95 {
        border-color: rgb(var(--ui-primary-800) / .95)
    }

    html .tailwind-area .border-primary-900 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-primary-900) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-primary-900\/0 {
        border-color: rgb(var(--ui-primary-900) / 0)
    }

    html .tailwind-area .border-primary-900\/10 {
        border-color: rgb(var(--ui-primary-900) / .1)
    }

    html .tailwind-area .border-primary-900\/100 {
        border-color: rgb(var(--ui-primary-900) / 1)
    }

    html .tailwind-area .border-primary-900\/15 {
        border-color: rgb(var(--ui-primary-900) / .15)
    }

    html .tailwind-area .border-primary-900\/20 {
        border-color: rgb(var(--ui-primary-900) / .2)
    }

    html .tailwind-area .border-primary-900\/25 {
        border-color: rgb(var(--ui-primary-900) / .25)
    }

    html .tailwind-area .border-primary-900\/30 {
        border-color: rgb(var(--ui-primary-900) / .3)
    }

    html .tailwind-area .border-primary-900\/35 {
        border-color: rgb(var(--ui-primary-900) / .35)
    }

    html .tailwind-area .border-primary-900\/40 {
        border-color: rgb(var(--ui-primary-900) / .4)
    }

    html .tailwind-area .border-primary-900\/45 {
        border-color: rgb(var(--ui-primary-900) / .45)
    }

    html .tailwind-area .border-primary-900\/5 {
        border-color: rgb(var(--ui-primary-900) / .05)
    }

    html .tailwind-area .border-primary-900\/50 {
        border-color: rgb(var(--ui-primary-900) / .5)
    }

    html .tailwind-area .border-primary-900\/55 {
        border-color: rgb(var(--ui-primary-900) / .55)
    }

    html .tailwind-area .border-primary-900\/60 {
        border-color: rgb(var(--ui-primary-900) / .6)
    }

    html .tailwind-area .border-primary-900\/65 {
        border-color: rgb(var(--ui-primary-900) / .65)
    }

    html .tailwind-area .border-primary-900\/70 {
        border-color: rgb(var(--ui-primary-900) / .7)
    }

    html .tailwind-area .border-primary-900\/75 {
        border-color: rgb(var(--ui-primary-900) / .75)
    }

    html .tailwind-area .border-primary-900\/80 {
        border-color: rgb(var(--ui-primary-900) / .8)
    }

    html .tailwind-area .border-primary-900\/85 {
        border-color: rgb(var(--ui-primary-900) / .85)
    }

    html .tailwind-area .border-primary-900\/90 {
        border-color: rgb(var(--ui-primary-900) / .9)
    }

    html .tailwind-area .border-primary-900\/95 {
        border-color: rgb(var(--ui-primary-900) / .95)
    }

    html .tailwind-area .border-primary\/40 {
        border-color: rgb(var(--ui-primary-500) / .4)
    }

    html .tailwind-area .border-safe {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-safe-500) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-safe-100 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-safe-100) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-safe-100\/0 {
        border-color: rgb(var(--ui-safe-100) / 0)
    }

    html .tailwind-area .border-safe-100\/10 {
        border-color: rgb(var(--ui-safe-100) / .1)
    }

    html .tailwind-area .border-safe-100\/100 {
        border-color: rgb(var(--ui-safe-100) / 1)
    }

    html .tailwind-area .border-safe-100\/15 {
        border-color: rgb(var(--ui-safe-100) / .15)
    }

    html .tailwind-area .border-safe-100\/20 {
        border-color: rgb(var(--ui-safe-100) / .2)
    }

    html .tailwind-area .border-safe-100\/25 {
        border-color: rgb(var(--ui-safe-100) / .25)
    }

    html .tailwind-area .border-safe-100\/30 {
        border-color: rgb(var(--ui-safe-100) / .3)
    }

    html .tailwind-area .border-safe-100\/35 {
        border-color: rgb(var(--ui-safe-100) / .35)
    }

    html .tailwind-area .border-safe-100\/40 {
        border-color: rgb(var(--ui-safe-100) / .4)
    }

    html .tailwind-area .border-safe-100\/45 {
        border-color: rgb(var(--ui-safe-100) / .45)
    }

    html .tailwind-area .border-safe-100\/5 {
        border-color: rgb(var(--ui-safe-100) / .05)
    }

    html .tailwind-area .border-safe-100\/50 {
        border-color: rgb(var(--ui-safe-100) / .5)
    }

    html .tailwind-area .border-safe-100\/55 {
        border-color: rgb(var(--ui-safe-100) / .55)
    }

    html .tailwind-area .border-safe-100\/60 {
        border-color: rgb(var(--ui-safe-100) / .6)
    }

    html .tailwind-area .border-safe-100\/65 {
        border-color: rgb(var(--ui-safe-100) / .65)
    }

    html .tailwind-area .border-safe-100\/70 {
        border-color: rgb(var(--ui-safe-100) / .7)
    }

    html .tailwind-area .border-safe-100\/75 {
        border-color: rgb(var(--ui-safe-100) / .75)
    }

    html .tailwind-area .border-safe-100\/80 {
        border-color: rgb(var(--ui-safe-100) / .8)
    }

    html .tailwind-area .border-safe-100\/85 {
        border-color: rgb(var(--ui-safe-100) / .85)
    }

    html .tailwind-area .border-safe-100\/90 {
        border-color: rgb(var(--ui-safe-100) / .9)
    }

    html .tailwind-area .border-safe-100\/95 {
        border-color: rgb(var(--ui-safe-100) / .95)
    }

    html .tailwind-area .border-safe-200 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-safe-200) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-safe-200\/0 {
        border-color: rgb(var(--ui-safe-200) / 0)
    }

    html .tailwind-area .border-safe-200\/10 {
        border-color: rgb(var(--ui-safe-200) / .1)
    }

    html .tailwind-area .border-safe-200\/100 {
        border-color: rgb(var(--ui-safe-200) / 1)
    }

    html .tailwind-area .border-safe-200\/15 {
        border-color: rgb(var(--ui-safe-200) / .15)
    }

    html .tailwind-area .border-safe-200\/20 {
        border-color: rgb(var(--ui-safe-200) / .2)
    }

    html .tailwind-area .border-safe-200\/25 {
        border-color: rgb(var(--ui-safe-200) / .25)
    }

    html .tailwind-area .border-safe-200\/30 {
        border-color: rgb(var(--ui-safe-200) / .3)
    }

    html .tailwind-area .border-safe-200\/35 {
        border-color: rgb(var(--ui-safe-200) / .35)
    }

    html .tailwind-area .border-safe-200\/40 {
        border-color: rgb(var(--ui-safe-200) / .4)
    }

    html .tailwind-area .border-safe-200\/45 {
        border-color: rgb(var(--ui-safe-200) / .45)
    }

    html .tailwind-area .border-safe-200\/5 {
        border-color: rgb(var(--ui-safe-200) / .05)
    }

    html .tailwind-area .border-safe-200\/50 {
        border-color: rgb(var(--ui-safe-200) / .5)
    }

    html .tailwind-area .border-safe-200\/55 {
        border-color: rgb(var(--ui-safe-200) / .55)
    }

    html .tailwind-area .border-safe-200\/60 {
        border-color: rgb(var(--ui-safe-200) / .6)
    }

    html .tailwind-area .border-safe-200\/65 {
        border-color: rgb(var(--ui-safe-200) / .65)
    }

    html .tailwind-area .border-safe-200\/70 {
        border-color: rgb(var(--ui-safe-200) / .7)
    }

    html .tailwind-area .border-safe-200\/75 {
        border-color: rgb(var(--ui-safe-200) / .75)
    }

    html .tailwind-area .border-safe-200\/80 {
        border-color: rgb(var(--ui-safe-200) / .8)
    }

    html .tailwind-area .border-safe-200\/85 {
        border-color: rgb(var(--ui-safe-200) / .85)
    }

    html .tailwind-area .border-safe-200\/90 {
        border-color: rgb(var(--ui-safe-200) / .9)
    }

    html .tailwind-area .border-safe-200\/95 {
        border-color: rgb(var(--ui-safe-200) / .95)
    }

    html .tailwind-area .border-safe-300 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-safe-300) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-safe-300\/0 {
        border-color: rgb(var(--ui-safe-300) / 0)
    }

    html .tailwind-area .border-safe-300\/10 {
        border-color: rgb(var(--ui-safe-300) / .1)
    }

    html .tailwind-area .border-safe-300\/100 {
        border-color: rgb(var(--ui-safe-300) / 1)
    }

    html .tailwind-area .border-safe-300\/15 {
        border-color: rgb(var(--ui-safe-300) / .15)
    }

    html .tailwind-area .border-safe-300\/20 {
        border-color: rgb(var(--ui-safe-300) / .2)
    }

    html .tailwind-area .border-safe-300\/25 {
        border-color: rgb(var(--ui-safe-300) / .25)
    }

    html .tailwind-area .border-safe-300\/30 {
        border-color: rgb(var(--ui-safe-300) / .3)
    }

    html .tailwind-area .border-safe-300\/35 {
        border-color: rgb(var(--ui-safe-300) / .35)
    }

    html .tailwind-area .border-safe-300\/40 {
        border-color: rgb(var(--ui-safe-300) / .4)
    }

    html .tailwind-area .border-safe-300\/45 {
        border-color: rgb(var(--ui-safe-300) / .45)
    }

    html .tailwind-area .border-safe-300\/5 {
        border-color: rgb(var(--ui-safe-300) / .05)
    }

    html .tailwind-area .border-safe-300\/50 {
        border-color: rgb(var(--ui-safe-300) / .5)
    }

    html .tailwind-area .border-safe-300\/55 {
        border-color: rgb(var(--ui-safe-300) / .55)
    }

    html .tailwind-area .border-safe-300\/60 {
        border-color: rgb(var(--ui-safe-300) / .6)
    }

    html .tailwind-area .border-safe-300\/65 {
        border-color: rgb(var(--ui-safe-300) / .65)
    }

    html .tailwind-area .border-safe-300\/70 {
        border-color: rgb(var(--ui-safe-300) / .7)
    }

    html .tailwind-area .border-safe-300\/75 {
        border-color: rgb(var(--ui-safe-300) / .75)
    }

    html .tailwind-area .border-safe-300\/80 {
        border-color: rgb(var(--ui-safe-300) / .8)
    }

    html .tailwind-area .border-safe-300\/85 {
        border-color: rgb(var(--ui-safe-300) / .85)
    }

    html .tailwind-area .border-safe-300\/90 {
        border-color: rgb(var(--ui-safe-300) / .9)
    }

    html .tailwind-area .border-safe-300\/95 {
        border-color: rgb(var(--ui-safe-300) / .95)
    }

    html .tailwind-area .border-safe-400 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-safe-400) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-safe-400\/0 {
        border-color: rgb(var(--ui-safe-400) / 0)
    }

    html .tailwind-area .border-safe-400\/10 {
        border-color: rgb(var(--ui-safe-400) / .1)
    }

    html .tailwind-area .border-safe-400\/100 {
        border-color: rgb(var(--ui-safe-400) / 1)
    }

    html .tailwind-area .border-safe-400\/15 {
        border-color: rgb(var(--ui-safe-400) / .15)
    }

    html .tailwind-area .border-safe-400\/20 {
        border-color: rgb(var(--ui-safe-400) / .2)
    }

    html .tailwind-area .border-safe-400\/25 {
        border-color: rgb(var(--ui-safe-400) / .25)
    }

    html .tailwind-area .border-safe-400\/30 {
        border-color: rgb(var(--ui-safe-400) / .3)
    }

    html .tailwind-area .border-safe-400\/35 {
        border-color: rgb(var(--ui-safe-400) / .35)
    }

    html .tailwind-area .border-safe-400\/40 {
        border-color: rgb(var(--ui-safe-400) / .4)
    }

    html .tailwind-area .border-safe-400\/45 {
        border-color: rgb(var(--ui-safe-400) / .45)
    }

    html .tailwind-area .border-safe-400\/5 {
        border-color: rgb(var(--ui-safe-400) / .05)
    }

    html .tailwind-area .border-safe-400\/50 {
        border-color: rgb(var(--ui-safe-400) / .5)
    }

    html .tailwind-area .border-safe-400\/55 {
        border-color: rgb(var(--ui-safe-400) / .55)
    }

    html .tailwind-area .border-safe-400\/60 {
        border-color: rgb(var(--ui-safe-400) / .6)
    }

    html .tailwind-area .border-safe-400\/65 {
        border-color: rgb(var(--ui-safe-400) / .65)
    }

    html .tailwind-area .border-safe-400\/70 {
        border-color: rgb(var(--ui-safe-400) / .7)
    }

    html .tailwind-area .border-safe-400\/75 {
        border-color: rgb(var(--ui-safe-400) / .75)
    }

    html .tailwind-area .border-safe-400\/80 {
        border-color: rgb(var(--ui-safe-400) / .8)
    }

    html .tailwind-area .border-safe-400\/85 {
        border-color: rgb(var(--ui-safe-400) / .85)
    }

    html .tailwind-area .border-safe-400\/90 {
        border-color: rgb(var(--ui-safe-400) / .9)
    }

    html .tailwind-area .border-safe-400\/95 {
        border-color: rgb(var(--ui-safe-400) / .95)
    }

    html .tailwind-area .border-safe-50 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-safe-50) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-safe-50\/0 {
        border-color: rgb(var(--ui-safe-50) / 0)
    }

    html .tailwind-area .border-safe-50\/10 {
        border-color: rgb(var(--ui-safe-50) / .1)
    }

    html .tailwind-area .border-safe-50\/100 {
        border-color: rgb(var(--ui-safe-50) / 1)
    }

    html .tailwind-area .border-safe-50\/15 {
        border-color: rgb(var(--ui-safe-50) / .15)
    }

    html .tailwind-area .border-safe-50\/20 {
        border-color: rgb(var(--ui-safe-50) / .2)
    }

    html .tailwind-area .border-safe-50\/25 {
        border-color: rgb(var(--ui-safe-50) / .25)
    }

    html .tailwind-area .border-safe-50\/30 {
        border-color: rgb(var(--ui-safe-50) / .3)
    }

    html .tailwind-area .border-safe-50\/35 {
        border-color: rgb(var(--ui-safe-50) / .35)
    }

    html .tailwind-area .border-safe-50\/40 {
        border-color: rgb(var(--ui-safe-50) / .4)
    }

    html .tailwind-area .border-safe-50\/45 {
        border-color: rgb(var(--ui-safe-50) / .45)
    }

    html .tailwind-area .border-safe-50\/5 {
        border-color: rgb(var(--ui-safe-50) / .05)
    }

    html .tailwind-area .border-safe-50\/50 {
        border-color: rgb(var(--ui-safe-50) / .5)
    }

    html .tailwind-area .border-safe-50\/55 {
        border-color: rgb(var(--ui-safe-50) / .55)
    }

    html .tailwind-area .border-safe-50\/60 {
        border-color: rgb(var(--ui-safe-50) / .6)
    }

    html .tailwind-area .border-safe-50\/65 {
        border-color: rgb(var(--ui-safe-50) / .65)
    }

    html .tailwind-area .border-safe-50\/70 {
        border-color: rgb(var(--ui-safe-50) / .7)
    }

    html .tailwind-area .border-safe-50\/75 {
        border-color: rgb(var(--ui-safe-50) / .75)
    }

    html .tailwind-area .border-safe-50\/80 {
        border-color: rgb(var(--ui-safe-50) / .8)
    }

    html .tailwind-area .border-safe-50\/85 {
        border-color: rgb(var(--ui-safe-50) / .85)
    }

    html .tailwind-area .border-safe-50\/90 {
        border-color: rgb(var(--ui-safe-50) / .9)
    }

    html .tailwind-area .border-safe-50\/95 {
        border-color: rgb(var(--ui-safe-50) / .95)
    }

    html .tailwind-area .border-safe-500 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-safe-500) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-safe-500\/0 {
        border-color: rgb(var(--ui-safe-500) / 0)
    }

    html .tailwind-area .border-safe-500\/10 {
        border-color: rgb(var(--ui-safe-500) / .1)
    }

    html .tailwind-area .border-safe-500\/100 {
        border-color: rgb(var(--ui-safe-500) / 1)
    }

    html .tailwind-area .border-safe-500\/15 {
        border-color: rgb(var(--ui-safe-500) / .15)
    }

    html .tailwind-area .border-safe-500\/20 {
        border-color: rgb(var(--ui-safe-500) / .2)
    }

    html .tailwind-area .border-safe-500\/25 {
        border-color: rgb(var(--ui-safe-500) / .25)
    }

    html .tailwind-area .border-safe-500\/30 {
        border-color: rgb(var(--ui-safe-500) / .3)
    }

    html .tailwind-area .border-safe-500\/35 {
        border-color: rgb(var(--ui-safe-500) / .35)
    }

    html .tailwind-area .border-safe-500\/40 {
        border-color: rgb(var(--ui-safe-500) / .4)
    }

    html .tailwind-area .border-safe-500\/45 {
        border-color: rgb(var(--ui-safe-500) / .45)
    }

    html .tailwind-area .border-safe-500\/5 {
        border-color: rgb(var(--ui-safe-500) / .05)
    }

    html .tailwind-area .border-safe-500\/50 {
        border-color: rgb(var(--ui-safe-500) / .5)
    }

    html .tailwind-area .border-safe-500\/55 {
        border-color: rgb(var(--ui-safe-500) / .55)
    }

    html .tailwind-area .border-safe-500\/60 {
        border-color: rgb(var(--ui-safe-500) / .6)
    }

    html .tailwind-area .border-safe-500\/65 {
        border-color: rgb(var(--ui-safe-500) / .65)
    }

    html .tailwind-area .border-safe-500\/70 {
        border-color: rgb(var(--ui-safe-500) / .7)
    }

    html .tailwind-area .border-safe-500\/75 {
        border-color: rgb(var(--ui-safe-500) / .75)
    }

    html .tailwind-area .border-safe-500\/80 {
        border-color: rgb(var(--ui-safe-500) / .8)
    }

    html .tailwind-area .border-safe-500\/85 {
        border-color: rgb(var(--ui-safe-500) / .85)
    }

    html .tailwind-area .border-safe-500\/90 {
        border-color: rgb(var(--ui-safe-500) / .9)
    }

    html .tailwind-area .border-safe-500\/95 {
        border-color: rgb(var(--ui-safe-500) / .95)
    }

    html .tailwind-area .border-safe-600 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-safe-600) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-safe-600\/0 {
        border-color: rgb(var(--ui-safe-600) / 0)
    }

    html .tailwind-area .border-safe-600\/10 {
        border-color: rgb(var(--ui-safe-600) / .1)
    }

    html .tailwind-area .border-safe-600\/100 {
        border-color: rgb(var(--ui-safe-600) / 1)
    }

    html .tailwind-area .border-safe-600\/15 {
        border-color: rgb(var(--ui-safe-600) / .15)
    }

    html .tailwind-area .border-safe-600\/20 {
        border-color: rgb(var(--ui-safe-600) / .2)
    }

    html .tailwind-area .border-safe-600\/25 {
        border-color: rgb(var(--ui-safe-600) / .25)
    }

    html .tailwind-area .border-safe-600\/30 {
        border-color: rgb(var(--ui-safe-600) / .3)
    }

    html .tailwind-area .border-safe-600\/35 {
        border-color: rgb(var(--ui-safe-600) / .35)
    }

    html .tailwind-area .border-safe-600\/40 {
        border-color: rgb(var(--ui-safe-600) / .4)
    }

    html .tailwind-area .border-safe-600\/45 {
        border-color: rgb(var(--ui-safe-600) / .45)
    }

    html .tailwind-area .border-safe-600\/5 {
        border-color: rgb(var(--ui-safe-600) / .05)
    }

    html .tailwind-area .border-safe-600\/50 {
        border-color: rgb(var(--ui-safe-600) / .5)
    }

    html .tailwind-area .border-safe-600\/55 {
        border-color: rgb(var(--ui-safe-600) / .55)
    }

    html .tailwind-area .border-safe-600\/60 {
        border-color: rgb(var(--ui-safe-600) / .6)
    }

    html .tailwind-area .border-safe-600\/65 {
        border-color: rgb(var(--ui-safe-600) / .65)
    }

    html .tailwind-area .border-safe-600\/70 {
        border-color: rgb(var(--ui-safe-600) / .7)
    }

    html .tailwind-area .border-safe-600\/75 {
        border-color: rgb(var(--ui-safe-600) / .75)
    }

    html .tailwind-area .border-safe-600\/80 {
        border-color: rgb(var(--ui-safe-600) / .8)
    }

    html .tailwind-area .border-safe-600\/85 {
        border-color: rgb(var(--ui-safe-600) / .85)
    }

    html .tailwind-area .border-safe-600\/90 {
        border-color: rgb(var(--ui-safe-600) / .9)
    }

    html .tailwind-area .border-safe-600\/95 {
        border-color: rgb(var(--ui-safe-600) / .95)
    }

    html .tailwind-area .border-safe-700 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-safe-700) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-safe-700\/0 {
        border-color: rgb(var(--ui-safe-700) / 0)
    }

    html .tailwind-area .border-safe-700\/10 {
        border-color: rgb(var(--ui-safe-700) / .1)
    }

    html .tailwind-area .border-safe-700\/100 {
        border-color: rgb(var(--ui-safe-700) / 1)
    }

    html .tailwind-area .border-safe-700\/15 {
        border-color: rgb(var(--ui-safe-700) / .15)
    }

    html .tailwind-area .border-safe-700\/20 {
        border-color: rgb(var(--ui-safe-700) / .2)
    }

    html .tailwind-area .border-safe-700\/25 {
        border-color: rgb(var(--ui-safe-700) / .25)
    }

    html .tailwind-area .border-safe-700\/30 {
        border-color: rgb(var(--ui-safe-700) / .3)
    }

    html .tailwind-area .border-safe-700\/35 {
        border-color: rgb(var(--ui-safe-700) / .35)
    }

    html .tailwind-area .border-safe-700\/40 {
        border-color: rgb(var(--ui-safe-700) / .4)
    }

    html .tailwind-area .border-safe-700\/45 {
        border-color: rgb(var(--ui-safe-700) / .45)
    }

    html .tailwind-area .border-safe-700\/5 {
        border-color: rgb(var(--ui-safe-700) / .05)
    }

    html .tailwind-area .border-safe-700\/50 {
        border-color: rgb(var(--ui-safe-700) / .5)
    }

    html .tailwind-area .border-safe-700\/55 {
        border-color: rgb(var(--ui-safe-700) / .55)
    }

    html .tailwind-area .border-safe-700\/60 {
        border-color: rgb(var(--ui-safe-700) / .6)
    }

    html .tailwind-area .border-safe-700\/65 {
        border-color: rgb(var(--ui-safe-700) / .65)
    }

    html .tailwind-area .border-safe-700\/70 {
        border-color: rgb(var(--ui-safe-700) / .7)
    }

    html .tailwind-area .border-safe-700\/75 {
        border-color: rgb(var(--ui-safe-700) / .75)
    }

    html .tailwind-area .border-safe-700\/80 {
        border-color: rgb(var(--ui-safe-700) / .8)
    }

    html .tailwind-area .border-safe-700\/85 {
        border-color: rgb(var(--ui-safe-700) / .85)
    }

    html .tailwind-area .border-safe-700\/90 {
        border-color: rgb(var(--ui-safe-700) / .9)
    }

    html .tailwind-area .border-safe-700\/95 {
        border-color: rgb(var(--ui-safe-700) / .95)
    }

    html .tailwind-area .border-safe-800 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-safe-800) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-safe-800\/0 {
        border-color: rgb(var(--ui-safe-800) / 0)
    }

    html .tailwind-area .border-safe-800\/10 {
        border-color: rgb(var(--ui-safe-800) / .1)
    }

    html .tailwind-area .border-safe-800\/100 {
        border-color: rgb(var(--ui-safe-800) / 1)
    }

    html .tailwind-area .border-safe-800\/15 {
        border-color: rgb(var(--ui-safe-800) / .15)
    }

    html .tailwind-area .border-safe-800\/20 {
        border-color: rgb(var(--ui-safe-800) / .2)
    }

    html .tailwind-area .border-safe-800\/25 {
        border-color: rgb(var(--ui-safe-800) / .25)
    }

    html .tailwind-area .border-safe-800\/30 {
        border-color: rgb(var(--ui-safe-800) / .3)
    }

    html .tailwind-area .border-safe-800\/35 {
        border-color: rgb(var(--ui-safe-800) / .35)
    }

    html .tailwind-area .border-safe-800\/40 {
        border-color: rgb(var(--ui-safe-800) / .4)
    }

    html .tailwind-area .border-safe-800\/45 {
        border-color: rgb(var(--ui-safe-800) / .45)
    }

    html .tailwind-area .border-safe-800\/5 {
        border-color: rgb(var(--ui-safe-800) / .05)
    }

    html .tailwind-area .border-safe-800\/50 {
        border-color: rgb(var(--ui-safe-800) / .5)
    }

    html .tailwind-area .border-safe-800\/55 {
        border-color: rgb(var(--ui-safe-800) / .55)
    }

    html .tailwind-area .border-safe-800\/60 {
        border-color: rgb(var(--ui-safe-800) / .6)
    }

    html .tailwind-area .border-safe-800\/65 {
        border-color: rgb(var(--ui-safe-800) / .65)
    }

    html .tailwind-area .border-safe-800\/70 {
        border-color: rgb(var(--ui-safe-800) / .7)
    }

    html .tailwind-area .border-safe-800\/75 {
        border-color: rgb(var(--ui-safe-800) / .75)
    }

    html .tailwind-area .border-safe-800\/80 {
        border-color: rgb(var(--ui-safe-800) / .8)
    }

    html .tailwind-area .border-safe-800\/85 {
        border-color: rgb(var(--ui-safe-800) / .85)
    }

    html .tailwind-area .border-safe-800\/90 {
        border-color: rgb(var(--ui-safe-800) / .9)
    }

    html .tailwind-area .border-safe-800\/95 {
        border-color: rgb(var(--ui-safe-800) / .95)
    }

    html .tailwind-area .border-safe-900 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-safe-900) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-safe-900\/0 {
        border-color: rgb(var(--ui-safe-900) / 0)
    }

    html .tailwind-area .border-safe-900\/10 {
        border-color: rgb(var(--ui-safe-900) / .1)
    }

    html .tailwind-area .border-safe-900\/100 {
        border-color: rgb(var(--ui-safe-900) / 1)
    }

    html .tailwind-area .border-safe-900\/15 {
        border-color: rgb(var(--ui-safe-900) / .15)
    }

    html .tailwind-area .border-safe-900\/20 {
        border-color: rgb(var(--ui-safe-900) / .2)
    }

    html .tailwind-area .border-safe-900\/25 {
        border-color: rgb(var(--ui-safe-900) / .25)
    }

    html .tailwind-area .border-safe-900\/30 {
        border-color: rgb(var(--ui-safe-900) / .3)
    }

    html .tailwind-area .border-safe-900\/35 {
        border-color: rgb(var(--ui-safe-900) / .35)
    }

    html .tailwind-area .border-safe-900\/40 {
        border-color: rgb(var(--ui-safe-900) / .4)
    }

    html .tailwind-area .border-safe-900\/45 {
        border-color: rgb(var(--ui-safe-900) / .45)
    }

    html .tailwind-area .border-safe-900\/5 {
        border-color: rgb(var(--ui-safe-900) / .05)
    }

    html .tailwind-area .border-safe-900\/50 {
        border-color: rgb(var(--ui-safe-900) / .5)
    }

    html .tailwind-area .border-safe-900\/55 {
        border-color: rgb(var(--ui-safe-900) / .55)
    }

    html .tailwind-area .border-safe-900\/60 {
        border-color: rgb(var(--ui-safe-900) / .6)
    }

    html .tailwind-area .border-safe-900\/65 {
        border-color: rgb(var(--ui-safe-900) / .65)
    }

    html .tailwind-area .border-safe-900\/70 {
        border-color: rgb(var(--ui-safe-900) / .7)
    }

    html .tailwind-area .border-safe-900\/75 {
        border-color: rgb(var(--ui-safe-900) / .75)
    }

    html .tailwind-area .border-safe-900\/80 {
        border-color: rgb(var(--ui-safe-900) / .8)
    }

    html .tailwind-area .border-safe-900\/85 {
        border-color: rgb(var(--ui-safe-900) / .85)
    }

    html .tailwind-area .border-safe-900\/90 {
        border-color: rgb(var(--ui-safe-900) / .9)
    }

    html .tailwind-area .border-safe-900\/95 {
        border-color: rgb(var(--ui-safe-900) / .95)
    }

    html .tailwind-area .border-stone-600 {
        --tw-border-opacity: 1;
        border-color: rgb(87 83 78 / var(--tw-border-opacity))
    }

    html .tailwind-area .border-transparent {
        border-color: transparent
    }

    html .tailwind-area .border-warning {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-warning-500) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-warning-100 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-warning-100) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-warning-100\/0 {
        border-color: rgb(var(--ui-warning-100) / 0)
    }

    html .tailwind-area .border-warning-100\/10 {
        border-color: rgb(var(--ui-warning-100) / .1)
    }

    html .tailwind-area .border-warning-100\/100 {
        border-color: rgb(var(--ui-warning-100) / 1)
    }

    html .tailwind-area .border-warning-100\/15 {
        border-color: rgb(var(--ui-warning-100) / .15)
    }

    html .tailwind-area .border-warning-100\/20 {
        border-color: rgb(var(--ui-warning-100) / .2)
    }

    html .tailwind-area .border-warning-100\/25 {
        border-color: rgb(var(--ui-warning-100) / .25)
    }

    html .tailwind-area .border-warning-100\/30 {
        border-color: rgb(var(--ui-warning-100) / .3)
    }

    html .tailwind-area .border-warning-100\/35 {
        border-color: rgb(var(--ui-warning-100) / .35)
    }

    html .tailwind-area .border-warning-100\/40 {
        border-color: rgb(var(--ui-warning-100) / .4)
    }

    html .tailwind-area .border-warning-100\/45 {
        border-color: rgb(var(--ui-warning-100) / .45)
    }

    html .tailwind-area .border-warning-100\/5 {
        border-color: rgb(var(--ui-warning-100) / .05)
    }

    html .tailwind-area .border-warning-100\/50 {
        border-color: rgb(var(--ui-warning-100) / .5)
    }

    html .tailwind-area .border-warning-100\/55 {
        border-color: rgb(var(--ui-warning-100) / .55)
    }

    html .tailwind-area .border-warning-100\/60 {
        border-color: rgb(var(--ui-warning-100) / .6)
    }

    html .tailwind-area .border-warning-100\/65 {
        border-color: rgb(var(--ui-warning-100) / .65)
    }

    html .tailwind-area .border-warning-100\/70 {
        border-color: rgb(var(--ui-warning-100) / .7)
    }

    html .tailwind-area .border-warning-100\/75 {
        border-color: rgb(var(--ui-warning-100) / .75)
    }

    html .tailwind-area .border-warning-100\/80 {
        border-color: rgb(var(--ui-warning-100) / .8)
    }

    html .tailwind-area .border-warning-100\/85 {
        border-color: rgb(var(--ui-warning-100) / .85)
    }

    html .tailwind-area .border-warning-100\/90 {
        border-color: rgb(var(--ui-warning-100) / .9)
    }

    html .tailwind-area .border-warning-100\/95 {
        border-color: rgb(var(--ui-warning-100) / .95)
    }

    html .tailwind-area .border-warning-200 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-warning-200) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-warning-200\/0 {
        border-color: rgb(var(--ui-warning-200) / 0)
    }

    html .tailwind-area .border-warning-200\/10 {
        border-color: rgb(var(--ui-warning-200) / .1)
    }

    html .tailwind-area .border-warning-200\/100 {
        border-color: rgb(var(--ui-warning-200) / 1)
    }

    html .tailwind-area .border-warning-200\/15 {
        border-color: rgb(var(--ui-warning-200) / .15)
    }

    html .tailwind-area .border-warning-200\/20 {
        border-color: rgb(var(--ui-warning-200) / .2)
    }

    html .tailwind-area .border-warning-200\/25 {
        border-color: rgb(var(--ui-warning-200) / .25)
    }

    html .tailwind-area .border-warning-200\/30 {
        border-color: rgb(var(--ui-warning-200) / .3)
    }

    html .tailwind-area .border-warning-200\/35 {
        border-color: rgb(var(--ui-warning-200) / .35)
    }

    html .tailwind-area .border-warning-200\/40 {
        border-color: rgb(var(--ui-warning-200) / .4)
    }

    html .tailwind-area .border-warning-200\/45 {
        border-color: rgb(var(--ui-warning-200) / .45)
    }

    html .tailwind-area .border-warning-200\/5 {
        border-color: rgb(var(--ui-warning-200) / .05)
    }

    html .tailwind-area .border-warning-200\/50 {
        border-color: rgb(var(--ui-warning-200) / .5)
    }

    html .tailwind-area .border-warning-200\/55 {
        border-color: rgb(var(--ui-warning-200) / .55)
    }

    html .tailwind-area .border-warning-200\/60 {
        border-color: rgb(var(--ui-warning-200) / .6)
    }

    html .tailwind-area .border-warning-200\/65 {
        border-color: rgb(var(--ui-warning-200) / .65)
    }

    html .tailwind-area .border-warning-200\/70 {
        border-color: rgb(var(--ui-warning-200) / .7)
    }

    html .tailwind-area .border-warning-200\/75 {
        border-color: rgb(var(--ui-warning-200) / .75)
    }

    html .tailwind-area .border-warning-200\/80 {
        border-color: rgb(var(--ui-warning-200) / .8)
    }

    html .tailwind-area .border-warning-200\/85 {
        border-color: rgb(var(--ui-warning-200) / .85)
    }

    html .tailwind-area .border-warning-200\/90 {
        border-color: rgb(var(--ui-warning-200) / .9)
    }

    html .tailwind-area .border-warning-200\/95 {
        border-color: rgb(var(--ui-warning-200) / .95)
    }

    html .tailwind-area .border-warning-300 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-warning-300) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-warning-300\/0 {
        border-color: rgb(var(--ui-warning-300) / 0)
    }

    html .tailwind-area .border-warning-300\/10 {
        border-color: rgb(var(--ui-warning-300) / .1)
    }

    html .tailwind-area .border-warning-300\/100 {
        border-color: rgb(var(--ui-warning-300) / 1)
    }

    html .tailwind-area .border-warning-300\/15 {
        border-color: rgb(var(--ui-warning-300) / .15)
    }

    html .tailwind-area .border-warning-300\/20 {
        border-color: rgb(var(--ui-warning-300) / .2)
    }

    html .tailwind-area .border-warning-300\/25 {
        border-color: rgb(var(--ui-warning-300) / .25)
    }

    html .tailwind-area .border-warning-300\/30 {
        border-color: rgb(var(--ui-warning-300) / .3)
    }

    html .tailwind-area .border-warning-300\/35 {
        border-color: rgb(var(--ui-warning-300) / .35)
    }

    html .tailwind-area .border-warning-300\/40 {
        border-color: rgb(var(--ui-warning-300) / .4)
    }

    html .tailwind-area .border-warning-300\/45 {
        border-color: rgb(var(--ui-warning-300) / .45)
    }

    html .tailwind-area .border-warning-300\/5 {
        border-color: rgb(var(--ui-warning-300) / .05)
    }

    html .tailwind-area .border-warning-300\/50 {
        border-color: rgb(var(--ui-warning-300) / .5)
    }

    html .tailwind-area .border-warning-300\/55 {
        border-color: rgb(var(--ui-warning-300) / .55)
    }

    html .tailwind-area .border-warning-300\/60 {
        border-color: rgb(var(--ui-warning-300) / .6)
    }

    html .tailwind-area .border-warning-300\/65 {
        border-color: rgb(var(--ui-warning-300) / .65)
    }

    html .tailwind-area .border-warning-300\/70 {
        border-color: rgb(var(--ui-warning-300) / .7)
    }

    html .tailwind-area .border-warning-300\/75 {
        border-color: rgb(var(--ui-warning-300) / .75)
    }

    html .tailwind-area .border-warning-300\/80 {
        border-color: rgb(var(--ui-warning-300) / .8)
    }

    html .tailwind-area .border-warning-300\/85 {
        border-color: rgb(var(--ui-warning-300) / .85)
    }

    html .tailwind-area .border-warning-300\/90 {
        border-color: rgb(var(--ui-warning-300) / .9)
    }

    html .tailwind-area .border-warning-300\/95 {
        border-color: rgb(var(--ui-warning-300) / .95)
    }

    html .tailwind-area .border-warning-400 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-warning-400) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-warning-400\/0 {
        border-color: rgb(var(--ui-warning-400) / 0)
    }

    html .tailwind-area .border-warning-400\/10 {
        border-color: rgb(var(--ui-warning-400) / .1)
    }

    html .tailwind-area .border-warning-400\/100 {
        border-color: rgb(var(--ui-warning-400) / 1)
    }

    html .tailwind-area .border-warning-400\/15 {
        border-color: rgb(var(--ui-warning-400) / .15)
    }

    html .tailwind-area .border-warning-400\/20 {
        border-color: rgb(var(--ui-warning-400) / .2)
    }

    html .tailwind-area .border-warning-400\/25 {
        border-color: rgb(var(--ui-warning-400) / .25)
    }

    html .tailwind-area .border-warning-400\/30 {
        border-color: rgb(var(--ui-warning-400) / .3)
    }

    html .tailwind-area .border-warning-400\/35 {
        border-color: rgb(var(--ui-warning-400) / .35)
    }

    html .tailwind-area .border-warning-400\/40 {
        border-color: rgb(var(--ui-warning-400) / .4)
    }

    html .tailwind-area .border-warning-400\/45 {
        border-color: rgb(var(--ui-warning-400) / .45)
    }

    html .tailwind-area .border-warning-400\/5 {
        border-color: rgb(var(--ui-warning-400) / .05)
    }

    html .tailwind-area .border-warning-400\/50 {
        border-color: rgb(var(--ui-warning-400) / .5)
    }

    html .tailwind-area .border-warning-400\/55 {
        border-color: rgb(var(--ui-warning-400) / .55)
    }

    html .tailwind-area .border-warning-400\/60 {
        border-color: rgb(var(--ui-warning-400) / .6)
    }

    html .tailwind-area .border-warning-400\/65 {
        border-color: rgb(var(--ui-warning-400) / .65)
    }

    html .tailwind-area .border-warning-400\/70 {
        border-color: rgb(var(--ui-warning-400) / .7)
    }

    html .tailwind-area .border-warning-400\/75 {
        border-color: rgb(var(--ui-warning-400) / .75)
    }

    html .tailwind-area .border-warning-400\/80 {
        border-color: rgb(var(--ui-warning-400) / .8)
    }

    html .tailwind-area .border-warning-400\/85 {
        border-color: rgb(var(--ui-warning-400) / .85)
    }

    html .tailwind-area .border-warning-400\/90 {
        border-color: rgb(var(--ui-warning-400) / .9)
    }

    html .tailwind-area .border-warning-400\/95 {
        border-color: rgb(var(--ui-warning-400) / .95)
    }

    html .tailwind-area .border-warning-50 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-warning-50) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-warning-50\/0 {
        border-color: rgb(var(--ui-warning-50) / 0)
    }

    html .tailwind-area .border-warning-50\/10 {
        border-color: rgb(var(--ui-warning-50) / .1)
    }

    html .tailwind-area .border-warning-50\/100 {
        border-color: rgb(var(--ui-warning-50) / 1)
    }

    html .tailwind-area .border-warning-50\/15 {
        border-color: rgb(var(--ui-warning-50) / .15)
    }

    html .tailwind-area .border-warning-50\/20 {
        border-color: rgb(var(--ui-warning-50) / .2)
    }

    html .tailwind-area .border-warning-50\/25 {
        border-color: rgb(var(--ui-warning-50) / .25)
    }

    html .tailwind-area .border-warning-50\/30 {
        border-color: rgb(var(--ui-warning-50) / .3)
    }

    html .tailwind-area .border-warning-50\/35 {
        border-color: rgb(var(--ui-warning-50) / .35)
    }

    html .tailwind-area .border-warning-50\/40 {
        border-color: rgb(var(--ui-warning-50) / .4)
    }

    html .tailwind-area .border-warning-50\/45 {
        border-color: rgb(var(--ui-warning-50) / .45)
    }

    html .tailwind-area .border-warning-50\/5 {
        border-color: rgb(var(--ui-warning-50) / .05)
    }

    html .tailwind-area .border-warning-50\/50 {
        border-color: rgb(var(--ui-warning-50) / .5)
    }

    html .tailwind-area .border-warning-50\/55 {
        border-color: rgb(var(--ui-warning-50) / .55)
    }

    html .tailwind-area .border-warning-50\/60 {
        border-color: rgb(var(--ui-warning-50) / .6)
    }

    html .tailwind-area .border-warning-50\/65 {
        border-color: rgb(var(--ui-warning-50) / .65)
    }

    html .tailwind-area .border-warning-50\/70 {
        border-color: rgb(var(--ui-warning-50) / .7)
    }

    html .tailwind-area .border-warning-50\/75 {
        border-color: rgb(var(--ui-warning-50) / .75)
    }

    html .tailwind-area .border-warning-50\/80 {
        border-color: rgb(var(--ui-warning-50) / .8)
    }

    html .tailwind-area .border-warning-50\/85 {
        border-color: rgb(var(--ui-warning-50) / .85)
    }

    html .tailwind-area .border-warning-50\/90 {
        border-color: rgb(var(--ui-warning-50) / .9)
    }

    html .tailwind-area .border-warning-50\/95 {
        border-color: rgb(var(--ui-warning-50) / .95)
    }

    html .tailwind-area .border-warning-500 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-warning-500) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-warning-500\/0 {
        border-color: rgb(var(--ui-warning-500) / 0)
    }

    html .tailwind-area .border-warning-500\/10 {
        border-color: rgb(var(--ui-warning-500) / .1)
    }

    html .tailwind-area .border-warning-500\/100 {
        border-color: rgb(var(--ui-warning-500) / 1)
    }

    html .tailwind-area .border-warning-500\/15 {
        border-color: rgb(var(--ui-warning-500) / .15)
    }

    html .tailwind-area .border-warning-500\/20 {
        border-color: rgb(var(--ui-warning-500) / .2)
    }

    html .tailwind-area .border-warning-500\/25 {
        border-color: rgb(var(--ui-warning-500) / .25)
    }

    html .tailwind-area .border-warning-500\/30 {
        border-color: rgb(var(--ui-warning-500) / .3)
    }

    html .tailwind-area .border-warning-500\/35 {
        border-color: rgb(var(--ui-warning-500) / .35)
    }

    html .tailwind-area .border-warning-500\/40 {
        border-color: rgb(var(--ui-warning-500) / .4)
    }

    html .tailwind-area .border-warning-500\/45 {
        border-color: rgb(var(--ui-warning-500) / .45)
    }

    html .tailwind-area .border-warning-500\/5 {
        border-color: rgb(var(--ui-warning-500) / .05)
    }

    html .tailwind-area .border-warning-500\/50 {
        border-color: rgb(var(--ui-warning-500) / .5)
    }

    html .tailwind-area .border-warning-500\/55 {
        border-color: rgb(var(--ui-warning-500) / .55)
    }

    html .tailwind-area .border-warning-500\/60 {
        border-color: rgb(var(--ui-warning-500) / .6)
    }

    html .tailwind-area .border-warning-500\/65 {
        border-color: rgb(var(--ui-warning-500) / .65)
    }

    html .tailwind-area .border-warning-500\/70 {
        border-color: rgb(var(--ui-warning-500) / .7)
    }

    html .tailwind-area .border-warning-500\/75 {
        border-color: rgb(var(--ui-warning-500) / .75)
    }

    html .tailwind-area .border-warning-500\/80 {
        border-color: rgb(var(--ui-warning-500) / .8)
    }

    html .tailwind-area .border-warning-500\/85 {
        border-color: rgb(var(--ui-warning-500) / .85)
    }

    html .tailwind-area .border-warning-500\/90 {
        border-color: rgb(var(--ui-warning-500) / .9)
    }

    html .tailwind-area .border-warning-500\/95 {
        border-color: rgb(var(--ui-warning-500) / .95)
    }

    html .tailwind-area .border-warning-600 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-warning-600) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-warning-600\/0 {
        border-color: rgb(var(--ui-warning-600) / 0)
    }

    html .tailwind-area .border-warning-600\/10 {
        border-color: rgb(var(--ui-warning-600) / .1)
    }

    html .tailwind-area .border-warning-600\/100 {
        border-color: rgb(var(--ui-warning-600) / 1)
    }

    html .tailwind-area .border-warning-600\/15 {
        border-color: rgb(var(--ui-warning-600) / .15)
    }

    html .tailwind-area .border-warning-600\/20 {
        border-color: rgb(var(--ui-warning-600) / .2)
    }

    html .tailwind-area .border-warning-600\/25 {
        border-color: rgb(var(--ui-warning-600) / .25)
    }

    html .tailwind-area .border-warning-600\/30 {
        border-color: rgb(var(--ui-warning-600) / .3)
    }

    html .tailwind-area .border-warning-600\/35 {
        border-color: rgb(var(--ui-warning-600) / .35)
    }

    html .tailwind-area .border-warning-600\/40 {
        border-color: rgb(var(--ui-warning-600) / .4)
    }

    html .tailwind-area .border-warning-600\/45 {
        border-color: rgb(var(--ui-warning-600) / .45)
    }

    html .tailwind-area .border-warning-600\/5 {
        border-color: rgb(var(--ui-warning-600) / .05)
    }

    html .tailwind-area .border-warning-600\/50 {
        border-color: rgb(var(--ui-warning-600) / .5)
    }

    html .tailwind-area .border-warning-600\/55 {
        border-color: rgb(var(--ui-warning-600) / .55)
    }

    html .tailwind-area .border-warning-600\/60 {
        border-color: rgb(var(--ui-warning-600) / .6)
    }

    html .tailwind-area .border-warning-600\/65 {
        border-color: rgb(var(--ui-warning-600) / .65)
    }

    html .tailwind-area .border-warning-600\/70 {
        border-color: rgb(var(--ui-warning-600) / .7)
    }

    html .tailwind-area .border-warning-600\/75 {
        border-color: rgb(var(--ui-warning-600) / .75)
    }

    html .tailwind-area .border-warning-600\/80 {
        border-color: rgb(var(--ui-warning-600) / .8)
    }

    html .tailwind-area .border-warning-600\/85 {
        border-color: rgb(var(--ui-warning-600) / .85)
    }

    html .tailwind-area .border-warning-600\/90 {
        border-color: rgb(var(--ui-warning-600) / .9)
    }

    html .tailwind-area .border-warning-600\/95 {
        border-color: rgb(var(--ui-warning-600) / .95)
    }

    html .tailwind-area .border-warning-700 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-warning-700) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-warning-700\/0 {
        border-color: rgb(var(--ui-warning-700) / 0)
    }

    html .tailwind-area .border-warning-700\/10 {
        border-color: rgb(var(--ui-warning-700) / .1)
    }

    html .tailwind-area .border-warning-700\/100 {
        border-color: rgb(var(--ui-warning-700) / 1)
    }

    html .tailwind-area .border-warning-700\/15 {
        border-color: rgb(var(--ui-warning-700) / .15)
    }

    html .tailwind-area .border-warning-700\/20 {
        border-color: rgb(var(--ui-warning-700) / .2)
    }

    html .tailwind-area .border-warning-700\/25 {
        border-color: rgb(var(--ui-warning-700) / .25)
    }

    html .tailwind-area .border-warning-700\/30 {
        border-color: rgb(var(--ui-warning-700) / .3)
    }

    html .tailwind-area .border-warning-700\/35 {
        border-color: rgb(var(--ui-warning-700) / .35)
    }

    html .tailwind-area .border-warning-700\/40 {
        border-color: rgb(var(--ui-warning-700) / .4)
    }

    html .tailwind-area .border-warning-700\/45 {
        border-color: rgb(var(--ui-warning-700) / .45)
    }

    html .tailwind-area .border-warning-700\/5 {
        border-color: rgb(var(--ui-warning-700) / .05)
    }

    html .tailwind-area .border-warning-700\/50 {
        border-color: rgb(var(--ui-warning-700) / .5)
    }

    html .tailwind-area .border-warning-700\/55 {
        border-color: rgb(var(--ui-warning-700) / .55)
    }

    html .tailwind-area .border-warning-700\/60 {
        border-color: rgb(var(--ui-warning-700) / .6)
    }

    html .tailwind-area .border-warning-700\/65 {
        border-color: rgb(var(--ui-warning-700) / .65)
    }

    html .tailwind-area .border-warning-700\/70 {
        border-color: rgb(var(--ui-warning-700) / .7)
    }

    html .tailwind-area .border-warning-700\/75 {
        border-color: rgb(var(--ui-warning-700) / .75)
    }

    html .tailwind-area .border-warning-700\/80 {
        border-color: rgb(var(--ui-warning-700) / .8)
    }

    html .tailwind-area .border-warning-700\/85 {
        border-color: rgb(var(--ui-warning-700) / .85)
    }

    html .tailwind-area .border-warning-700\/90 {
        border-color: rgb(var(--ui-warning-700) / .9)
    }

    html .tailwind-area .border-warning-700\/95 {
        border-color: rgb(var(--ui-warning-700) / .95)
    }

    html .tailwind-area .border-warning-800 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-warning-800) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-warning-800\/0 {
        border-color: rgb(var(--ui-warning-800) / 0)
    }

    html .tailwind-area .border-warning-800\/10 {
        border-color: rgb(var(--ui-warning-800) / .1)
    }

    html .tailwind-area .border-warning-800\/100 {
        border-color: rgb(var(--ui-warning-800) / 1)
    }

    html .tailwind-area .border-warning-800\/15 {
        border-color: rgb(var(--ui-warning-800) / .15)
    }

    html .tailwind-area .border-warning-800\/20 {
        border-color: rgb(var(--ui-warning-800) / .2)
    }

    html .tailwind-area .border-warning-800\/25 {
        border-color: rgb(var(--ui-warning-800) / .25)
    }

    html .tailwind-area .border-warning-800\/30 {
        border-color: rgb(var(--ui-warning-800) / .3)
    }

    html .tailwind-area .border-warning-800\/35 {
        border-color: rgb(var(--ui-warning-800) / .35)
    }

    html .tailwind-area .border-warning-800\/40 {
        border-color: rgb(var(--ui-warning-800) / .4)
    }

    html .tailwind-area .border-warning-800\/45 {
        border-color: rgb(var(--ui-warning-800) / .45)
    }

    html .tailwind-area .border-warning-800\/5 {
        border-color: rgb(var(--ui-warning-800) / .05)
    }

    html .tailwind-area .border-warning-800\/50 {
        border-color: rgb(var(--ui-warning-800) / .5)
    }

    html .tailwind-area .border-warning-800\/55 {
        border-color: rgb(var(--ui-warning-800) / .55)
    }

    html .tailwind-area .border-warning-800\/60 {
        border-color: rgb(var(--ui-warning-800) / .6)
    }

    html .tailwind-area .border-warning-800\/65 {
        border-color: rgb(var(--ui-warning-800) / .65)
    }

    html .tailwind-area .border-warning-800\/70 {
        border-color: rgb(var(--ui-warning-800) / .7)
    }

    html .tailwind-area .border-warning-800\/75 {
        border-color: rgb(var(--ui-warning-800) / .75)
    }

    html .tailwind-area .border-warning-800\/80 {
        border-color: rgb(var(--ui-warning-800) / .8)
    }

    html .tailwind-area .border-warning-800\/85 {
        border-color: rgb(var(--ui-warning-800) / .85)
    }

    html .tailwind-area .border-warning-800\/90 {
        border-color: rgb(var(--ui-warning-800) / .9)
    }

    html .tailwind-area .border-warning-800\/95 {
        border-color: rgb(var(--ui-warning-800) / .95)
    }

    html .tailwind-area .border-warning-900 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--ui-warning-900) / var(--tw-border-opacity))
    }

    html .tailwind-area .border-warning-900\/0 {
        border-color: rgb(var(--ui-warning-900) / 0)
    }

    html .tailwind-area .border-warning-900\/10 {
        border-color: rgb(var(--ui-warning-900) / .1)
    }

    html .tailwind-area .border-warning-900\/100 {
        border-color: rgb(var(--ui-warning-900) / 1)
    }

    html .tailwind-area .border-warning-900\/15 {
        border-color: rgb(var(--ui-warning-900) / .15)
    }

    html .tailwind-area .border-warning-900\/20 {
        border-color: rgb(var(--ui-warning-900) / .2)
    }

    html .tailwind-area .border-warning-900\/25 {
        border-color: rgb(var(--ui-warning-900) / .25)
    }

    html .tailwind-area .border-warning-900\/30 {
        border-color: rgb(var(--ui-warning-900) / .3)
    }

    html .tailwind-area .border-warning-900\/35 {
        border-color: rgb(var(--ui-warning-900) / .35)
    }

    html .tailwind-area .border-warning-900\/40 {
        border-color: rgb(var(--ui-warning-900) / .4)
    }

    html .tailwind-area .border-warning-900\/45 {
        border-color: rgb(var(--ui-warning-900) / .45)
    }

    html .tailwind-area .border-warning-900\/5 {
        border-color: rgb(var(--ui-warning-900) / .05)
    }

    html .tailwind-area .border-warning-900\/50 {
        border-color: rgb(var(--ui-warning-900) / .5)
    }

    html .tailwind-area .border-warning-900\/55 {
        border-color: rgb(var(--ui-warning-900) / .55)
    }

    html .tailwind-area .border-warning-900\/60 {
        border-color: rgb(var(--ui-warning-900) / .6)
    }

    html .tailwind-area .border-warning-900\/65 {
        border-color: rgb(var(--ui-warning-900) / .65)
    }

    html .tailwind-area .border-warning-900\/70 {
        border-color: rgb(var(--ui-warning-900) / .7)
    }

    html .tailwind-area .border-warning-900\/75 {
        border-color: rgb(var(--ui-warning-900) / .75)
    }

    html .tailwind-area .border-warning-900\/80 {
        border-color: rgb(var(--ui-warning-900) / .8)
    }

    html .tailwind-area .border-warning-900\/85 {
        border-color: rgb(var(--ui-warning-900) / .85)
    }

    html .tailwind-area .border-warning-900\/90 {
        border-color: rgb(var(--ui-warning-900) / .9)
    }

    html .tailwind-area .border-warning-900\/95 {
        border-color: rgb(var(--ui-warning-900) / .95)
    }

    html .tailwind-area .border-y-transparent {
        border-top-color: transparent;
        border-bottom-color: transparent
    }

    html .tailwind-area .\  !bg-danger-100\/25 {
        background-color: rgb(var(--ui-danger-100) / .25) !important
    }

    html .tailwind-area .\  !bg-danger-800\/70 {
        background-color: rgb(var(--ui-danger-800) / .7) !important
    }

    html .tailwind-area .\  !bg-gray-900 {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(17 24 39 / var(--tw-bg-opacity)) !important
    }

    html .tailwind-area .\  !bg-safe-300\/25 {
        background-color: rgb(var(--ui-safe-300) / .25) !important
    }

    html .tailwind-area .\  !bg-transparent {
        background-color: transparent !important
    }

    html .tailwind-area .bg-\[\#002b36\] {
        --tw-bg-opacity: 1;
        background-color: rgb(0 43 54 / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-\[\#073642\] {
        --tw-bg-opacity: 1;
        background-color: rgb(7 54 66 / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-\[\#2e2e2e\] {
        --tw-bg-opacity: 1;
        background-color: rgb(46 46 46 / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-\[\#ececec\] {
        --tw-bg-opacity: 1;
        background-color: rgb(236 236 236 / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-\[\#f8fafd\] {
        --tw-bg-opacity: 1;
        background-color: rgb(248 250 253 / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-\[var\(--c-bg-widget\)\] {
        background-color: var(--c-bg-widget)
    }

    html .tailwind-area .bg-amber-100 {
        --tw-bg-opacity: 1;
        background-color: rgb(254 243 199 / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-amber-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(251 191 36 / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-current {
        background-color: currentColor
    }

    html .tailwind-area .bg-danger {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-danger-500) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-danger-100 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-danger-100) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-danger-100\/0 {
        background-color: rgb(var(--ui-danger-100) / 0)
    }

    html .tailwind-area .bg-danger-100\/10 {
        background-color: rgb(var(--ui-danger-100) / .1)
    }

    html .tailwind-area .bg-danger-100\/100 {
        background-color: rgb(var(--ui-danger-100) / 1)
    }

    html .tailwind-area .bg-danger-100\/15 {
        background-color: rgb(var(--ui-danger-100) / .15)
    }

    html .tailwind-area .bg-danger-100\/20 {
        background-color: rgb(var(--ui-danger-100) / .2)
    }

    html .tailwind-area .bg-danger-100\/25 {
        background-color: rgb(var(--ui-danger-100) / .25)
    }

    html .tailwind-area .bg-danger-100\/30 {
        background-color: rgb(var(--ui-danger-100) / .3)
    }

    html .tailwind-area .bg-danger-100\/35 {
        background-color: rgb(var(--ui-danger-100) / .35)
    }

    html .tailwind-area .bg-danger-100\/40 {
        background-color: rgb(var(--ui-danger-100) / .4)
    }

    html .tailwind-area .bg-danger-100\/45 {
        background-color: rgb(var(--ui-danger-100) / .45)
    }

    html .tailwind-area .bg-danger-100\/5 {
        background-color: rgb(var(--ui-danger-100) / .05)
    }

    html .tailwind-area .bg-danger-100\/50 {
        background-color: rgb(var(--ui-danger-100) / .5)
    }

    html .tailwind-area .bg-danger-100\/55 {
        background-color: rgb(var(--ui-danger-100) / .55)
    }

    html .tailwind-area .bg-danger-100\/60 {
        background-color: rgb(var(--ui-danger-100) / .6)
    }

    html .tailwind-area .bg-danger-100\/65 {
        background-color: rgb(var(--ui-danger-100) / .65)
    }

    html .tailwind-area .bg-danger-100\/70 {
        background-color: rgb(var(--ui-danger-100) / .7)
    }

    html .tailwind-area .bg-danger-100\/75 {
        background-color: rgb(var(--ui-danger-100) / .75)
    }

    html .tailwind-area .bg-danger-100\/80 {
        background-color: rgb(var(--ui-danger-100) / .8)
    }

    html .tailwind-area .bg-danger-100\/85 {
        background-color: rgb(var(--ui-danger-100) / .85)
    }

    html .tailwind-area .bg-danger-100\/90 {
        background-color: rgb(var(--ui-danger-100) / .9)
    }

    html .tailwind-area .bg-danger-100\/95 {
        background-color: rgb(var(--ui-danger-100) / .95)
    }

    html .tailwind-area .bg-danger-200 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-danger-200) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-danger-200\/0 {
        background-color: rgb(var(--ui-danger-200) / 0)
    }

    html .tailwind-area .bg-danger-200\/10 {
        background-color: rgb(var(--ui-danger-200) / .1)
    }

    html .tailwind-area .bg-danger-200\/100 {
        background-color: rgb(var(--ui-danger-200) / 1)
    }

    html .tailwind-area .bg-danger-200\/15 {
        background-color: rgb(var(--ui-danger-200) / .15)
    }

    html .tailwind-area .bg-danger-200\/20 {
        background-color: rgb(var(--ui-danger-200) / .2)
    }

    html .tailwind-area .bg-danger-200\/25 {
        background-color: rgb(var(--ui-danger-200) / .25)
    }

    html .tailwind-area .bg-danger-200\/30 {
        background-color: rgb(var(--ui-danger-200) / .3)
    }

    html .tailwind-area .bg-danger-200\/35 {
        background-color: rgb(var(--ui-danger-200) / .35)
    }

    html .tailwind-area .bg-danger-200\/40 {
        background-color: rgb(var(--ui-danger-200) / .4)
    }

    html .tailwind-area .bg-danger-200\/45 {
        background-color: rgb(var(--ui-danger-200) / .45)
    }

    html .tailwind-area .bg-danger-200\/5 {
        background-color: rgb(var(--ui-danger-200) / .05)
    }

    html .tailwind-area .bg-danger-200\/50 {
        background-color: rgb(var(--ui-danger-200) / .5)
    }

    html .tailwind-area .bg-danger-200\/55 {
        background-color: rgb(var(--ui-danger-200) / .55)
    }

    html .tailwind-area .bg-danger-200\/60 {
        background-color: rgb(var(--ui-danger-200) / .6)
    }

    html .tailwind-area .bg-danger-200\/65 {
        background-color: rgb(var(--ui-danger-200) / .65)
    }

    html .tailwind-area .bg-danger-200\/70 {
        background-color: rgb(var(--ui-danger-200) / .7)
    }

    html .tailwind-area .bg-danger-200\/75 {
        background-color: rgb(var(--ui-danger-200) / .75)
    }

    html .tailwind-area .bg-danger-200\/80 {
        background-color: rgb(var(--ui-danger-200) / .8)
    }

    html .tailwind-area .bg-danger-200\/85 {
        background-color: rgb(var(--ui-danger-200) / .85)
    }

    html .tailwind-area .bg-danger-200\/90 {
        background-color: rgb(var(--ui-danger-200) / .9)
    }

    html .tailwind-area .bg-danger-200\/95 {
        background-color: rgb(var(--ui-danger-200) / .95)
    }

    html .tailwind-area .bg-danger-300 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-danger-300) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-danger-300\/0 {
        background-color: rgb(var(--ui-danger-300) / 0)
    }

    html .tailwind-area .bg-danger-300\/10 {
        background-color: rgb(var(--ui-danger-300) / .1)
    }

    html .tailwind-area .bg-danger-300\/100 {
        background-color: rgb(var(--ui-danger-300) / 1)
    }

    html .tailwind-area .bg-danger-300\/15 {
        background-color: rgb(var(--ui-danger-300) / .15)
    }

    html .tailwind-area .bg-danger-300\/20 {
        background-color: rgb(var(--ui-danger-300) / .2)
    }

    html .tailwind-area .bg-danger-300\/25 {
        background-color: rgb(var(--ui-danger-300) / .25)
    }

    html .tailwind-area .bg-danger-300\/30 {
        background-color: rgb(var(--ui-danger-300) / .3)
    }

    html .tailwind-area .bg-danger-300\/35 {
        background-color: rgb(var(--ui-danger-300) / .35)
    }

    html .tailwind-area .bg-danger-300\/40 {
        background-color: rgb(var(--ui-danger-300) / .4)
    }

    html .tailwind-area .bg-danger-300\/45 {
        background-color: rgb(var(--ui-danger-300) / .45)
    }

    html .tailwind-area .bg-danger-300\/5 {
        background-color: rgb(var(--ui-danger-300) / .05)
    }

    html .tailwind-area .bg-danger-300\/50 {
        background-color: rgb(var(--ui-danger-300) / .5)
    }

    html .tailwind-area .bg-danger-300\/55 {
        background-color: rgb(var(--ui-danger-300) / .55)
    }

    html .tailwind-area .bg-danger-300\/60 {
        background-color: rgb(var(--ui-danger-300) / .6)
    }

    html .tailwind-area .bg-danger-300\/65 {
        background-color: rgb(var(--ui-danger-300) / .65)
    }

    html .tailwind-area .bg-danger-300\/70 {
        background-color: rgb(var(--ui-danger-300) / .7)
    }

    html .tailwind-area .bg-danger-300\/75 {
        background-color: rgb(var(--ui-danger-300) / .75)
    }

    html .tailwind-area .bg-danger-300\/80 {
        background-color: rgb(var(--ui-danger-300) / .8)
    }

    html .tailwind-area .bg-danger-300\/85 {
        background-color: rgb(var(--ui-danger-300) / .85)
    }

    html .tailwind-area .bg-danger-300\/90 {
        background-color: rgb(var(--ui-danger-300) / .9)
    }

    html .tailwind-area .bg-danger-300\/95 {
        background-color: rgb(var(--ui-danger-300) / .95)
    }

    html .tailwind-area .bg-danger-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-danger-400) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-danger-400\/0 {
        background-color: rgb(var(--ui-danger-400) / 0)
    }

    html .tailwind-area .bg-danger-400\/10 {
        background-color: rgb(var(--ui-danger-400) / .1)
    }

    html .tailwind-area .bg-danger-400\/100 {
        background-color: rgb(var(--ui-danger-400) / 1)
    }

    html .tailwind-area .bg-danger-400\/15 {
        background-color: rgb(var(--ui-danger-400) / .15)
    }

    html .tailwind-area .bg-danger-400\/20 {
        background-color: rgb(var(--ui-danger-400) / .2)
    }

    html .tailwind-area .bg-danger-400\/25 {
        background-color: rgb(var(--ui-danger-400) / .25)
    }

    html .tailwind-area .bg-danger-400\/30 {
        background-color: rgb(var(--ui-danger-400) / .3)
    }

    html .tailwind-area .bg-danger-400\/35 {
        background-color: rgb(var(--ui-danger-400) / .35)
    }

    html .tailwind-area .bg-danger-400\/40 {
        background-color: rgb(var(--ui-danger-400) / .4)
    }

    html .tailwind-area .bg-danger-400\/45 {
        background-color: rgb(var(--ui-danger-400) / .45)
    }

    html .tailwind-area .bg-danger-400\/5 {
        background-color: rgb(var(--ui-danger-400) / .05)
    }

    html .tailwind-area .bg-danger-400\/50 {
        background-color: rgb(var(--ui-danger-400) / .5)
    }

    html .tailwind-area .bg-danger-400\/55 {
        background-color: rgb(var(--ui-danger-400) / .55)
    }

    html .tailwind-area .bg-danger-400\/60 {
        background-color: rgb(var(--ui-danger-400) / .6)
    }

    html .tailwind-area .bg-danger-400\/65 {
        background-color: rgb(var(--ui-danger-400) / .65)
    }

    html .tailwind-area .bg-danger-400\/70 {
        background-color: rgb(var(--ui-danger-400) / .7)
    }

    html .tailwind-area .bg-danger-400\/75 {
        background-color: rgb(var(--ui-danger-400) / .75)
    }

    html .tailwind-area .bg-danger-400\/80 {
        background-color: rgb(var(--ui-danger-400) / .8)
    }

    html .tailwind-area .bg-danger-400\/85 {
        background-color: rgb(var(--ui-danger-400) / .85)
    }

    html .tailwind-area .bg-danger-400\/90 {
        background-color: rgb(var(--ui-danger-400) / .9)
    }

    html .tailwind-area .bg-danger-400\/95 {
        background-color: rgb(var(--ui-danger-400) / .95)
    }

    html .tailwind-area .bg-danger-50 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-danger-50) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-danger-50\/0 {
        background-color: rgb(var(--ui-danger-50) / 0)
    }

    html .tailwind-area .bg-danger-50\/10 {
        background-color: rgb(var(--ui-danger-50) / .1)
    }

    html .tailwind-area .bg-danger-50\/100 {
        background-color: rgb(var(--ui-danger-50) / 1)
    }

    html .tailwind-area .bg-danger-50\/15 {
        background-color: rgb(var(--ui-danger-50) / .15)
    }

    html .tailwind-area .bg-danger-50\/20 {
        background-color: rgb(var(--ui-danger-50) / .2)
    }

    html .tailwind-area .bg-danger-50\/25 {
        background-color: rgb(var(--ui-danger-50) / .25)
    }

    html .tailwind-area .bg-danger-50\/30 {
        background-color: rgb(var(--ui-danger-50) / .3)
    }

    html .tailwind-area .bg-danger-50\/35 {
        background-color: rgb(var(--ui-danger-50) / .35)
    }

    html .tailwind-area .bg-danger-50\/40 {
        background-color: rgb(var(--ui-danger-50) / .4)
    }

    html .tailwind-area .bg-danger-50\/45 {
        background-color: rgb(var(--ui-danger-50) / .45)
    }

    html .tailwind-area .bg-danger-50\/5 {
        background-color: rgb(var(--ui-danger-50) / .05)
    }

    html .tailwind-area .bg-danger-50\/50 {
        background-color: rgb(var(--ui-danger-50) / .5)
    }

    html .tailwind-area .bg-danger-50\/55 {
        background-color: rgb(var(--ui-danger-50) / .55)
    }

    html .tailwind-area .bg-danger-50\/60 {
        background-color: rgb(var(--ui-danger-50) / .6)
    }

    html .tailwind-area .bg-danger-50\/65 {
        background-color: rgb(var(--ui-danger-50) / .65)
    }

    html .tailwind-area .bg-danger-50\/70 {
        background-color: rgb(var(--ui-danger-50) / .7)
    }

    html .tailwind-area .bg-danger-50\/75 {
        background-color: rgb(var(--ui-danger-50) / .75)
    }

    html .tailwind-area .bg-danger-50\/80 {
        background-color: rgb(var(--ui-danger-50) / .8)
    }

    html .tailwind-area .bg-danger-50\/85 {
        background-color: rgb(var(--ui-danger-50) / .85)
    }

    html .tailwind-area .bg-danger-50\/90 {
        background-color: rgb(var(--ui-danger-50) / .9)
    }

    html .tailwind-area .bg-danger-50\/95 {
        background-color: rgb(var(--ui-danger-50) / .95)
    }

    html .tailwind-area .bg-danger-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-danger-500) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-danger-500\/0 {
        background-color: rgb(var(--ui-danger-500) / 0)
    }

    html .tailwind-area .bg-danger-500\/10 {
        background-color: rgb(var(--ui-danger-500) / .1)
    }

    html .tailwind-area .bg-danger-500\/100 {
        background-color: rgb(var(--ui-danger-500) / 1)
    }

    html .tailwind-area .bg-danger-500\/15 {
        background-color: rgb(var(--ui-danger-500) / .15)
    }

    html .tailwind-area .bg-danger-500\/20 {
        background-color: rgb(var(--ui-danger-500) / .2)
    }

    html .tailwind-area .bg-danger-500\/25 {
        background-color: rgb(var(--ui-danger-500) / .25)
    }

    html .tailwind-area .bg-danger-500\/30 {
        background-color: rgb(var(--ui-danger-500) / .3)
    }

    html .tailwind-area .bg-danger-500\/35 {
        background-color: rgb(var(--ui-danger-500) / .35)
    }

    html .tailwind-area .bg-danger-500\/40 {
        background-color: rgb(var(--ui-danger-500) / .4)
    }

    html .tailwind-area .bg-danger-500\/45 {
        background-color: rgb(var(--ui-danger-500) / .45)
    }

    html .tailwind-area .bg-danger-500\/5 {
        background-color: rgb(var(--ui-danger-500) / .05)
    }

    html .tailwind-area .bg-danger-500\/50 {
        background-color: rgb(var(--ui-danger-500) / .5)
    }

    html .tailwind-area .bg-danger-500\/55 {
        background-color: rgb(var(--ui-danger-500) / .55)
    }

    html .tailwind-area .bg-danger-500\/60 {
        background-color: rgb(var(--ui-danger-500) / .6)
    }

    html .tailwind-area .bg-danger-500\/65 {
        background-color: rgb(var(--ui-danger-500) / .65)
    }

    html .tailwind-area .bg-danger-500\/70 {
        background-color: rgb(var(--ui-danger-500) / .7)
    }

    html .tailwind-area .bg-danger-500\/75 {
        background-color: rgb(var(--ui-danger-500) / .75)
    }

    html .tailwind-area .bg-danger-500\/80 {
        background-color: rgb(var(--ui-danger-500) / .8)
    }

    html .tailwind-area .bg-danger-500\/85 {
        background-color: rgb(var(--ui-danger-500) / .85)
    }

    html .tailwind-area .bg-danger-500\/90 {
        background-color: rgb(var(--ui-danger-500) / .9)
    }

    html .tailwind-area .bg-danger-500\/95 {
        background-color: rgb(var(--ui-danger-500) / .95)
    }

    html .tailwind-area .bg-danger-600 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-danger-600) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-danger-600\/0 {
        background-color: rgb(var(--ui-danger-600) / 0)
    }

    html .tailwind-area .bg-danger-600\/10 {
        background-color: rgb(var(--ui-danger-600) / .1)
    }

    html .tailwind-area .bg-danger-600\/100 {
        background-color: rgb(var(--ui-danger-600) / 1)
    }

    html .tailwind-area .bg-danger-600\/15 {
        background-color: rgb(var(--ui-danger-600) / .15)
    }

    html .tailwind-area .bg-danger-600\/20 {
        background-color: rgb(var(--ui-danger-600) / .2)
    }

    html .tailwind-area .bg-danger-600\/25 {
        background-color: rgb(var(--ui-danger-600) / .25)
    }

    html .tailwind-area .bg-danger-600\/30 {
        background-color: rgb(var(--ui-danger-600) / .3)
    }

    html .tailwind-area .bg-danger-600\/35 {
        background-color: rgb(var(--ui-danger-600) / .35)
    }

    html .tailwind-area .bg-danger-600\/40 {
        background-color: rgb(var(--ui-danger-600) / .4)
    }

    html .tailwind-area .bg-danger-600\/45 {
        background-color: rgb(var(--ui-danger-600) / .45)
    }

    html .tailwind-area .bg-danger-600\/5 {
        background-color: rgb(var(--ui-danger-600) / .05)
    }

    html .tailwind-area .bg-danger-600\/50 {
        background-color: rgb(var(--ui-danger-600) / .5)
    }

    html .tailwind-area .bg-danger-600\/55 {
        background-color: rgb(var(--ui-danger-600) / .55)
    }

    html .tailwind-area .bg-danger-600\/60 {
        background-color: rgb(var(--ui-danger-600) / .6)
    }

    html .tailwind-area .bg-danger-600\/65 {
        background-color: rgb(var(--ui-danger-600) / .65)
    }

    html .tailwind-area .bg-danger-600\/70 {
        background-color: rgb(var(--ui-danger-600) / .7)
    }

    html .tailwind-area .bg-danger-600\/75 {
        background-color: rgb(var(--ui-danger-600) / .75)
    }

    html .tailwind-area .bg-danger-600\/80 {
        background-color: rgb(var(--ui-danger-600) / .8)
    }

    html .tailwind-area .bg-danger-600\/85 {
        background-color: rgb(var(--ui-danger-600) / .85)
    }

    html .tailwind-area .bg-danger-600\/90 {
        background-color: rgb(var(--ui-danger-600) / .9)
    }

    html .tailwind-area .bg-danger-600\/95 {
        background-color: rgb(var(--ui-danger-600) / .95)
    }

    html .tailwind-area .bg-danger-700 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-danger-700) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-danger-700\/0 {
        background-color: rgb(var(--ui-danger-700) / 0)
    }

    html .tailwind-area .bg-danger-700\/10 {
        background-color: rgb(var(--ui-danger-700) / .1)
    }

    html .tailwind-area .bg-danger-700\/100 {
        background-color: rgb(var(--ui-danger-700) / 1)
    }

    html .tailwind-area .bg-danger-700\/15 {
        background-color: rgb(var(--ui-danger-700) / .15)
    }

    html .tailwind-area .bg-danger-700\/20 {
        background-color: rgb(var(--ui-danger-700) / .2)
    }

    html .tailwind-area .bg-danger-700\/25 {
        background-color: rgb(var(--ui-danger-700) / .25)
    }

    html .tailwind-area .bg-danger-700\/30 {
        background-color: rgb(var(--ui-danger-700) / .3)
    }

    html .tailwind-area .bg-danger-700\/35 {
        background-color: rgb(var(--ui-danger-700) / .35)
    }

    html .tailwind-area .bg-danger-700\/40 {
        background-color: rgb(var(--ui-danger-700) / .4)
    }

    html .tailwind-area .bg-danger-700\/45 {
        background-color: rgb(var(--ui-danger-700) / .45)
    }

    html .tailwind-area .bg-danger-700\/5 {
        background-color: rgb(var(--ui-danger-700) / .05)
    }

    html .tailwind-area .bg-danger-700\/50 {
        background-color: rgb(var(--ui-danger-700) / .5)
    }

    html .tailwind-area .bg-danger-700\/55 {
        background-color: rgb(var(--ui-danger-700) / .55)
    }

    html .tailwind-area .bg-danger-700\/60 {
        background-color: rgb(var(--ui-danger-700) / .6)
    }

    html .tailwind-area .bg-danger-700\/65 {
        background-color: rgb(var(--ui-danger-700) / .65)
    }

    html .tailwind-area .bg-danger-700\/70 {
        background-color: rgb(var(--ui-danger-700) / .7)
    }

    html .tailwind-area .bg-danger-700\/75 {
        background-color: rgb(var(--ui-danger-700) / .75)
    }

    html .tailwind-area .bg-danger-700\/80 {
        background-color: rgb(var(--ui-danger-700) / .8)
    }

    html .tailwind-area .bg-danger-700\/85 {
        background-color: rgb(var(--ui-danger-700) / .85)
    }

    html .tailwind-area .bg-danger-700\/90 {
        background-color: rgb(var(--ui-danger-700) / .9)
    }

    html .tailwind-area .bg-danger-700\/95 {
        background-color: rgb(var(--ui-danger-700) / .95)
    }

    html .tailwind-area .bg-danger-800 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-danger-800) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-danger-800\/0 {
        background-color: rgb(var(--ui-danger-800) / 0)
    }

    html .tailwind-area .bg-danger-800\/10 {
        background-color: rgb(var(--ui-danger-800) / .1)
    }

    html .tailwind-area .bg-danger-800\/100 {
        background-color: rgb(var(--ui-danger-800) / 1)
    }

    html .tailwind-area .bg-danger-800\/15 {
        background-color: rgb(var(--ui-danger-800) / .15)
    }

    html .tailwind-area .bg-danger-800\/20 {
        background-color: rgb(var(--ui-danger-800) / .2)
    }

    html .tailwind-area .bg-danger-800\/25 {
        background-color: rgb(var(--ui-danger-800) / .25)
    }

    html .tailwind-area .bg-danger-800\/30 {
        background-color: rgb(var(--ui-danger-800) / .3)
    }

    html .tailwind-area .bg-danger-800\/35 {
        background-color: rgb(var(--ui-danger-800) / .35)
    }

    html .tailwind-area .bg-danger-800\/40 {
        background-color: rgb(var(--ui-danger-800) / .4)
    }

    html .tailwind-area .bg-danger-800\/45 {
        background-color: rgb(var(--ui-danger-800) / .45)
    }

    html .tailwind-area .bg-danger-800\/5 {
        background-color: rgb(var(--ui-danger-800) / .05)
    }

    html .tailwind-area .bg-danger-800\/50 {
        background-color: rgb(var(--ui-danger-800) / .5)
    }

    html .tailwind-area .bg-danger-800\/55 {
        background-color: rgb(var(--ui-danger-800) / .55)
    }

    html .tailwind-area .bg-danger-800\/60 {
        background-color: rgb(var(--ui-danger-800) / .6)
    }

    html .tailwind-area .bg-danger-800\/65 {
        background-color: rgb(var(--ui-danger-800) / .65)
    }

    html .tailwind-area .bg-danger-800\/70 {
        background-color: rgb(var(--ui-danger-800) / .7)
    }

    html .tailwind-area .bg-danger-800\/75 {
        background-color: rgb(var(--ui-danger-800) / .75)
    }

    html .tailwind-area .bg-danger-800\/80 {
        background-color: rgb(var(--ui-danger-800) / .8)
    }

    html .tailwind-area .bg-danger-800\/85 {
        background-color: rgb(var(--ui-danger-800) / .85)
    }

    html .tailwind-area .bg-danger-800\/90 {
        background-color: rgb(var(--ui-danger-800) / .9)
    }

    html .tailwind-area .bg-danger-800\/95 {
        background-color: rgb(var(--ui-danger-800) / .95)
    }

    html .tailwind-area .bg-danger-900 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-danger-900) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-danger-900\/0 {
        background-color: rgb(var(--ui-danger-900) / 0)
    }

    html .tailwind-area .bg-danger-900\/10 {
        background-color: rgb(var(--ui-danger-900) / .1)
    }

    html .tailwind-area .bg-danger-900\/100 {
        background-color: rgb(var(--ui-danger-900) / 1)
    }

    html .tailwind-area .bg-danger-900\/15 {
        background-color: rgb(var(--ui-danger-900) / .15)
    }

    html .tailwind-area .bg-danger-900\/20 {
        background-color: rgb(var(--ui-danger-900) / .2)
    }

    html .tailwind-area .bg-danger-900\/25 {
        background-color: rgb(var(--ui-danger-900) / .25)
    }

    html .tailwind-area .bg-danger-900\/30 {
        background-color: rgb(var(--ui-danger-900) / .3)
    }

    html .tailwind-area .bg-danger-900\/35 {
        background-color: rgb(var(--ui-danger-900) / .35)
    }

    html .tailwind-area .bg-danger-900\/40 {
        background-color: rgb(var(--ui-danger-900) / .4)
    }

    html .tailwind-area .bg-danger-900\/45 {
        background-color: rgb(var(--ui-danger-900) / .45)
    }

    html .tailwind-area .bg-danger-900\/5 {
        background-color: rgb(var(--ui-danger-900) / .05)
    }

    html .tailwind-area .bg-danger-900\/50 {
        background-color: rgb(var(--ui-danger-900) / .5)
    }

    html .tailwind-area .bg-danger-900\/55 {
        background-color: rgb(var(--ui-danger-900) / .55)
    }

    html .tailwind-area .bg-danger-900\/60 {
        background-color: rgb(var(--ui-danger-900) / .6)
    }

    html .tailwind-area .bg-danger-900\/65 {
        background-color: rgb(var(--ui-danger-900) / .65)
    }

    html .tailwind-area .bg-danger-900\/70 {
        background-color: rgb(var(--ui-danger-900) / .7)
    }

    html .tailwind-area .bg-danger-900\/75 {
        background-color: rgb(var(--ui-danger-900) / .75)
    }

    html .tailwind-area .bg-danger-900\/80 {
        background-color: rgb(var(--ui-danger-900) / .8)
    }

    html .tailwind-area .bg-danger-900\/85 {
        background-color: rgb(var(--ui-danger-900) / .85)
    }

    html .tailwind-area .bg-danger-900\/90 {
        background-color: rgb(var(--ui-danger-900) / .9)
    }

    html .tailwind-area .bg-danger-900\/95 {
        background-color: rgb(var(--ui-danger-900) / .95)
    }

    html .tailwind-area .bg-gray-100 {
        --tw-bg-opacity: 1;
        background-color: rgb(243 244 246 / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-gray-100\/25 {
        background-color: #f3f4f640
    }

    html .tailwind-area .bg-gray-200 {
        --tw-bg-opacity: 1;
        background-color: rgb(229 231 235 / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-gray-300 {
        --tw-bg-opacity: 1;
        background-color: rgb(209 213 219 / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-gray-400\/10 {
        background-color: #9ca3af1a
    }

    html .tailwind-area .bg-gray-50 {
        --tw-bg-opacity: 1;
        background-color: rgb(249 250 251 / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-gray-50\/20 {
        background-color: #f9fafb33
    }

    html .tailwind-area .bg-gray-700 {
        --tw-bg-opacity: 1;
        background-color: rgb(55 65 81 / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-gray-700\/75 {
        background-color: #374151bf
    }

    html .tailwind-area .bg-gray-900 {
        --tw-bg-opacity: 1;
        background-color: rgb(17 24 39 / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-gray-900\/15 {
        background-color: #11182726
    }

    html .tailwind-area .bg-gray-950 {
        --tw-bg-opacity: 1;
        background-color: rgb(3 7 18 / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-inherit {
        background-color: inherit
    }

    html .tailwind-area .bg-layout-color {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-layout-color-500) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-layout-color-200 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-layout-color-200) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-layout-color-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-layout-color-400) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-layout-color-400\/50 {
        background-color: rgb(var(--ui-layout-color-400) / .5)
    }

    html .tailwind-area .bg-layout-color-50\/20 {
        background-color: rgb(var(--ui-layout-color-50) / .2)
    }

    html .tailwind-area .bg-layout-color-50\/50 {
        background-color: rgb(var(--ui-layout-color-50) / .5)
    }

    html .tailwind-area .bg-layout-color-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-layout-color-500) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-layout-color-600 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-layout-color-600) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-layout-color-700 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-layout-color-700) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-neutral-100 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-neutral-100) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-neutral-100\/0 {
        background-color: rgb(var(--ui-neutral-100) / 0)
    }

    html .tailwind-area .bg-neutral-100\/10 {
        background-color: rgb(var(--ui-neutral-100) / .1)
    }

    html .tailwind-area .bg-neutral-100\/100 {
        background-color: rgb(var(--ui-neutral-100) / 1)
    }

    html .tailwind-area .bg-neutral-100\/15 {
        background-color: rgb(var(--ui-neutral-100) / .15)
    }

    html .tailwind-area .bg-neutral-100\/20 {
        background-color: rgb(var(--ui-neutral-100) / .2)
    }

    html .tailwind-area .bg-neutral-100\/25 {
        background-color: rgb(var(--ui-neutral-100) / .25)
    }

    html .tailwind-area .bg-neutral-100\/30 {
        background-color: rgb(var(--ui-neutral-100) / .3)
    }

    html .tailwind-area .bg-neutral-100\/35 {
        background-color: rgb(var(--ui-neutral-100) / .35)
    }

    html .tailwind-area .bg-neutral-100\/40 {
        background-color: rgb(var(--ui-neutral-100) / .4)
    }

    html .tailwind-area .bg-neutral-100\/45 {
        background-color: rgb(var(--ui-neutral-100) / .45)
    }

    html .tailwind-area .bg-neutral-100\/5 {
        background-color: rgb(var(--ui-neutral-100) / .05)
    }

    html .tailwind-area .bg-neutral-100\/50 {
        background-color: rgb(var(--ui-neutral-100) / .5)
    }

    html .tailwind-area .bg-neutral-100\/55 {
        background-color: rgb(var(--ui-neutral-100) / .55)
    }

    html .tailwind-area .bg-neutral-100\/60 {
        background-color: rgb(var(--ui-neutral-100) / .6)
    }

    html .tailwind-area .bg-neutral-100\/65 {
        background-color: rgb(var(--ui-neutral-100) / .65)
    }

    html .tailwind-area .bg-neutral-100\/70 {
        background-color: rgb(var(--ui-neutral-100) / .7)
    }

    html .tailwind-area .bg-neutral-100\/75 {
        background-color: rgb(var(--ui-neutral-100) / .75)
    }

    html .tailwind-area .bg-neutral-100\/80 {
        background-color: rgb(var(--ui-neutral-100) / .8)
    }

    html .tailwind-area .bg-neutral-100\/85 {
        background-color: rgb(var(--ui-neutral-100) / .85)
    }

    html .tailwind-area .bg-neutral-100\/90 {
        background-color: rgb(var(--ui-neutral-100) / .9)
    }

    html .tailwind-area .bg-neutral-100\/95 {
        background-color: rgb(var(--ui-neutral-100) / .95)
    }

    html .tailwind-area .bg-neutral-200 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-neutral-200) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-neutral-200\/0 {
        background-color: rgb(var(--ui-neutral-200) / 0)
    }

    html .tailwind-area .bg-neutral-200\/10 {
        background-color: rgb(var(--ui-neutral-200) / .1)
    }

    html .tailwind-area .bg-neutral-200\/100 {
        background-color: rgb(var(--ui-neutral-200) / 1)
    }

    html .tailwind-area .bg-neutral-200\/15 {
        background-color: rgb(var(--ui-neutral-200) / .15)
    }

    html .tailwind-area .bg-neutral-200\/20 {
        background-color: rgb(var(--ui-neutral-200) / .2)
    }

    html .tailwind-area .bg-neutral-200\/25 {
        background-color: rgb(var(--ui-neutral-200) / .25)
    }

    html .tailwind-area .bg-neutral-200\/30 {
        background-color: rgb(var(--ui-neutral-200) / .3)
    }

    html .tailwind-area .bg-neutral-200\/35 {
        background-color: rgb(var(--ui-neutral-200) / .35)
    }

    html .tailwind-area .bg-neutral-200\/40 {
        background-color: rgb(var(--ui-neutral-200) / .4)
    }

    html .tailwind-area .bg-neutral-200\/45 {
        background-color: rgb(var(--ui-neutral-200) / .45)
    }

    html .tailwind-area .bg-neutral-200\/5 {
        background-color: rgb(var(--ui-neutral-200) / .05)
    }

    html .tailwind-area .bg-neutral-200\/50 {
        background-color: rgb(var(--ui-neutral-200) / .5)
    }

    html .tailwind-area .bg-neutral-200\/55 {
        background-color: rgb(var(--ui-neutral-200) / .55)
    }

    html .tailwind-area .bg-neutral-200\/60 {
        background-color: rgb(var(--ui-neutral-200) / .6)
    }

    html .tailwind-area .bg-neutral-200\/65 {
        background-color: rgb(var(--ui-neutral-200) / .65)
    }

    html .tailwind-area .bg-neutral-200\/70 {
        background-color: rgb(var(--ui-neutral-200) / .7)
    }

    html .tailwind-area .bg-neutral-200\/75 {
        background-color: rgb(var(--ui-neutral-200) / .75)
    }

    html .tailwind-area .bg-neutral-200\/80 {
        background-color: rgb(var(--ui-neutral-200) / .8)
    }

    html .tailwind-area .bg-neutral-200\/85 {
        background-color: rgb(var(--ui-neutral-200) / .85)
    }

    html .tailwind-area .bg-neutral-200\/90 {
        background-color: rgb(var(--ui-neutral-200) / .9)
    }

    html .tailwind-area .bg-neutral-200\/95 {
        background-color: rgb(var(--ui-neutral-200) / .95)
    }

    html .tailwind-area .bg-neutral-300 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-neutral-300) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-neutral-300\/0 {
        background-color: rgb(var(--ui-neutral-300) / 0)
    }

    html .tailwind-area .bg-neutral-300\/10 {
        background-color: rgb(var(--ui-neutral-300) / .1)
    }

    html .tailwind-area .bg-neutral-300\/100 {
        background-color: rgb(var(--ui-neutral-300) / 1)
    }

    html .tailwind-area .bg-neutral-300\/15 {
        background-color: rgb(var(--ui-neutral-300) / .15)
    }

    html .tailwind-area .bg-neutral-300\/20 {
        background-color: rgb(var(--ui-neutral-300) / .2)
    }

    html .tailwind-area .bg-neutral-300\/25 {
        background-color: rgb(var(--ui-neutral-300) / .25)
    }

    html .tailwind-area .bg-neutral-300\/30 {
        background-color: rgb(var(--ui-neutral-300) / .3)
    }

    html .tailwind-area .bg-neutral-300\/35 {
        background-color: rgb(var(--ui-neutral-300) / .35)
    }

    html .tailwind-area .bg-neutral-300\/40 {
        background-color: rgb(var(--ui-neutral-300) / .4)
    }

    html .tailwind-area .bg-neutral-300\/45 {
        background-color: rgb(var(--ui-neutral-300) / .45)
    }

    html .tailwind-area .bg-neutral-300\/5 {
        background-color: rgb(var(--ui-neutral-300) / .05)
    }

    html .tailwind-area .bg-neutral-300\/50 {
        background-color: rgb(var(--ui-neutral-300) / .5)
    }

    html .tailwind-area .bg-neutral-300\/55 {
        background-color: rgb(var(--ui-neutral-300) / .55)
    }

    html .tailwind-area .bg-neutral-300\/60 {
        background-color: rgb(var(--ui-neutral-300) / .6)
    }

    html .tailwind-area .bg-neutral-300\/65 {
        background-color: rgb(var(--ui-neutral-300) / .65)
    }

    html .tailwind-area .bg-neutral-300\/70 {
        background-color: rgb(var(--ui-neutral-300) / .7)
    }

    html .tailwind-area .bg-neutral-300\/75 {
        background-color: rgb(var(--ui-neutral-300) / .75)
    }

    html .tailwind-area .bg-neutral-300\/80 {
        background-color: rgb(var(--ui-neutral-300) / .8)
    }

    html .tailwind-area .bg-neutral-300\/85 {
        background-color: rgb(var(--ui-neutral-300) / .85)
    }

    html .tailwind-area .bg-neutral-300\/90 {
        background-color: rgb(var(--ui-neutral-300) / .9)
    }

    html .tailwind-area .bg-neutral-300\/95 {
        background-color: rgb(var(--ui-neutral-300) / .95)
    }

    html .tailwind-area .bg-neutral-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-neutral-400) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-neutral-400\/0 {
        background-color: rgb(var(--ui-neutral-400) / 0)
    }

    html .tailwind-area .bg-neutral-400\/10 {
        background-color: rgb(var(--ui-neutral-400) / .1)
    }

    html .tailwind-area .bg-neutral-400\/100 {
        background-color: rgb(var(--ui-neutral-400) / 1)
    }

    html .tailwind-area .bg-neutral-400\/15 {
        background-color: rgb(var(--ui-neutral-400) / .15)
    }

    html .tailwind-area .bg-neutral-400\/20 {
        background-color: rgb(var(--ui-neutral-400) / .2)
    }

    html .tailwind-area .bg-neutral-400\/25 {
        background-color: rgb(var(--ui-neutral-400) / .25)
    }

    html .tailwind-area .bg-neutral-400\/30 {
        background-color: rgb(var(--ui-neutral-400) / .3)
    }

    html .tailwind-area .bg-neutral-400\/35 {
        background-color: rgb(var(--ui-neutral-400) / .35)
    }

    html .tailwind-area .bg-neutral-400\/40 {
        background-color: rgb(var(--ui-neutral-400) / .4)
    }

    html .tailwind-area .bg-neutral-400\/45 {
        background-color: rgb(var(--ui-neutral-400) / .45)
    }

    html .tailwind-area .bg-neutral-400\/5 {
        background-color: rgb(var(--ui-neutral-400) / .05)
    }

    html .tailwind-area .bg-neutral-400\/50 {
        background-color: rgb(var(--ui-neutral-400) / .5)
    }

    html .tailwind-area .bg-neutral-400\/55 {
        background-color: rgb(var(--ui-neutral-400) / .55)
    }

    html .tailwind-area .bg-neutral-400\/60 {
        background-color: rgb(var(--ui-neutral-400) / .6)
    }

    html .tailwind-area .bg-neutral-400\/65 {
        background-color: rgb(var(--ui-neutral-400) / .65)
    }

    html .tailwind-area .bg-neutral-400\/70 {
        background-color: rgb(var(--ui-neutral-400) / .7)
    }

    html .tailwind-area .bg-neutral-400\/75 {
        background-color: rgb(var(--ui-neutral-400) / .75)
    }

    html .tailwind-area .bg-neutral-400\/80 {
        background-color: rgb(var(--ui-neutral-400) / .8)
    }

    html .tailwind-area .bg-neutral-400\/85 {
        background-color: rgb(var(--ui-neutral-400) / .85)
    }

    html .tailwind-area .bg-neutral-400\/90 {
        background-color: rgb(var(--ui-neutral-400) / .9)
    }

    html .tailwind-area .bg-neutral-400\/95 {
        background-color: rgb(var(--ui-neutral-400) / .95)
    }

    html .tailwind-area .bg-neutral-50 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-neutral-50) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-neutral-50\/0 {
        background-color: rgb(var(--ui-neutral-50) / 0)
    }

    html .tailwind-area .bg-neutral-50\/10 {
        background-color: rgb(var(--ui-neutral-50) / .1)
    }

    html .tailwind-area .bg-neutral-50\/100 {
        background-color: rgb(var(--ui-neutral-50) / 1)
    }

    html .tailwind-area .bg-neutral-50\/15 {
        background-color: rgb(var(--ui-neutral-50) / .15)
    }

    html .tailwind-area .bg-neutral-50\/20 {
        background-color: rgb(var(--ui-neutral-50) / .2)
    }

    html .tailwind-area .bg-neutral-50\/25 {
        background-color: rgb(var(--ui-neutral-50) / .25)
    }

    html .tailwind-area .bg-neutral-50\/30 {
        background-color: rgb(var(--ui-neutral-50) / .3)
    }

    html .tailwind-area .bg-neutral-50\/35 {
        background-color: rgb(var(--ui-neutral-50) / .35)
    }

    html .tailwind-area .bg-neutral-50\/40 {
        background-color: rgb(var(--ui-neutral-50) / .4)
    }

    html .tailwind-area .bg-neutral-50\/45 {
        background-color: rgb(var(--ui-neutral-50) / .45)
    }

    html .tailwind-area .bg-neutral-50\/5 {
        background-color: rgb(var(--ui-neutral-50) / .05)
    }

    html .tailwind-area .bg-neutral-50\/50 {
        background-color: rgb(var(--ui-neutral-50) / .5)
    }

    html .tailwind-area .bg-neutral-50\/55 {
        background-color: rgb(var(--ui-neutral-50) / .55)
    }

    html .tailwind-area .bg-neutral-50\/60 {
        background-color: rgb(var(--ui-neutral-50) / .6)
    }

    html .tailwind-area .bg-neutral-50\/65 {
        background-color: rgb(var(--ui-neutral-50) / .65)
    }

    html .tailwind-area .bg-neutral-50\/70 {
        background-color: rgb(var(--ui-neutral-50) / .7)
    }

    html .tailwind-area .bg-neutral-50\/75 {
        background-color: rgb(var(--ui-neutral-50) / .75)
    }

    html .tailwind-area .bg-neutral-50\/80 {
        background-color: rgb(var(--ui-neutral-50) / .8)
    }

    html .tailwind-area .bg-neutral-50\/85 {
        background-color: rgb(var(--ui-neutral-50) / .85)
    }

    html .tailwind-area .bg-neutral-50\/90 {
        background-color: rgb(var(--ui-neutral-50) / .9)
    }

    html .tailwind-area .bg-neutral-50\/95 {
        background-color: rgb(var(--ui-neutral-50) / .95)
    }

    html .tailwind-area .bg-neutral-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-neutral-500) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-neutral-500\/0 {
        background-color: rgb(var(--ui-neutral-500) / 0)
    }

    html .tailwind-area .bg-neutral-500\/10 {
        background-color: rgb(var(--ui-neutral-500) / .1)
    }

    html .tailwind-area .bg-neutral-500\/100 {
        background-color: rgb(var(--ui-neutral-500) / 1)
    }

    html .tailwind-area .bg-neutral-500\/15 {
        background-color: rgb(var(--ui-neutral-500) / .15)
    }

    html .tailwind-area .bg-neutral-500\/20 {
        background-color: rgb(var(--ui-neutral-500) / .2)
    }

    html .tailwind-area .bg-neutral-500\/25 {
        background-color: rgb(var(--ui-neutral-500) / .25)
    }

    html .tailwind-area .bg-neutral-500\/30 {
        background-color: rgb(var(--ui-neutral-500) / .3)
    }

    html .tailwind-area .bg-neutral-500\/35 {
        background-color: rgb(var(--ui-neutral-500) / .35)
    }

    html .tailwind-area .bg-neutral-500\/40 {
        background-color: rgb(var(--ui-neutral-500) / .4)
    }

    html .tailwind-area .bg-neutral-500\/45 {
        background-color: rgb(var(--ui-neutral-500) / .45)
    }

    html .tailwind-area .bg-neutral-500\/5 {
        background-color: rgb(var(--ui-neutral-500) / .05)
    }

    html .tailwind-area .bg-neutral-500\/50 {
        background-color: rgb(var(--ui-neutral-500) / .5)
    }

    html .tailwind-area .bg-neutral-500\/55 {
        background-color: rgb(var(--ui-neutral-500) / .55)
    }

    html .tailwind-area .bg-neutral-500\/60 {
        background-color: rgb(var(--ui-neutral-500) / .6)
    }

    html .tailwind-area .bg-neutral-500\/65 {
        background-color: rgb(var(--ui-neutral-500) / .65)
    }

    html .tailwind-area .bg-neutral-500\/70 {
        background-color: rgb(var(--ui-neutral-500) / .7)
    }

    html .tailwind-area .bg-neutral-500\/75 {
        background-color: rgb(var(--ui-neutral-500) / .75)
    }

    html .tailwind-area .bg-neutral-500\/80 {
        background-color: rgb(var(--ui-neutral-500) / .8)
    }

    html .tailwind-area .bg-neutral-500\/85 {
        background-color: rgb(var(--ui-neutral-500) / .85)
    }

    html .tailwind-area .bg-neutral-500\/90 {
        background-color: rgb(var(--ui-neutral-500) / .9)
    }

    html .tailwind-area .bg-neutral-500\/95 {
        background-color: rgb(var(--ui-neutral-500) / .95)
    }

    html .tailwind-area .bg-neutral-600 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-neutral-600) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-neutral-600\/0 {
        background-color: rgb(var(--ui-neutral-600) / 0)
    }

    html .tailwind-area .bg-neutral-600\/10 {
        background-color: rgb(var(--ui-neutral-600) / .1)
    }

    html .tailwind-area .bg-neutral-600\/100 {
        background-color: rgb(var(--ui-neutral-600) / 1)
    }

    html .tailwind-area .bg-neutral-600\/15 {
        background-color: rgb(var(--ui-neutral-600) / .15)
    }

    html .tailwind-area .bg-neutral-600\/20 {
        background-color: rgb(var(--ui-neutral-600) / .2)
    }

    html .tailwind-area .bg-neutral-600\/25 {
        background-color: rgb(var(--ui-neutral-600) / .25)
    }

    html .tailwind-area .bg-neutral-600\/30 {
        background-color: rgb(var(--ui-neutral-600) / .3)
    }

    html .tailwind-area .bg-neutral-600\/35 {
        background-color: rgb(var(--ui-neutral-600) / .35)
    }

    html .tailwind-area .bg-neutral-600\/40 {
        background-color: rgb(var(--ui-neutral-600) / .4)
    }

    html .tailwind-area .bg-neutral-600\/45 {
        background-color: rgb(var(--ui-neutral-600) / .45)
    }

    html .tailwind-area .bg-neutral-600\/5 {
        background-color: rgb(var(--ui-neutral-600) / .05)
    }

    html .tailwind-area .bg-neutral-600\/50 {
        background-color: rgb(var(--ui-neutral-600) / .5)
    }

    html .tailwind-area .bg-neutral-600\/55 {
        background-color: rgb(var(--ui-neutral-600) / .55)
    }

    html .tailwind-area .bg-neutral-600\/60 {
        background-color: rgb(var(--ui-neutral-600) / .6)
    }

    html .tailwind-area .bg-neutral-600\/65 {
        background-color: rgb(var(--ui-neutral-600) / .65)
    }

    html .tailwind-area .bg-neutral-600\/70 {
        background-color: rgb(var(--ui-neutral-600) / .7)
    }

    html .tailwind-area .bg-neutral-600\/75 {
        background-color: rgb(var(--ui-neutral-600) / .75)
    }

    html .tailwind-area .bg-neutral-600\/80 {
        background-color: rgb(var(--ui-neutral-600) / .8)
    }

    html .tailwind-area .bg-neutral-600\/85 {
        background-color: rgb(var(--ui-neutral-600) / .85)
    }

    html .tailwind-area .bg-neutral-600\/90 {
        background-color: rgb(var(--ui-neutral-600) / .9)
    }

    html .tailwind-area .bg-neutral-600\/95 {
        background-color: rgb(var(--ui-neutral-600) / .95)
    }

    html .tailwind-area .bg-neutral-700 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-neutral-700) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-neutral-700\/0 {
        background-color: rgb(var(--ui-neutral-700) / 0)
    }

    html .tailwind-area .bg-neutral-700\/10 {
        background-color: rgb(var(--ui-neutral-700) / .1)
    }

    html .tailwind-area .bg-neutral-700\/100 {
        background-color: rgb(var(--ui-neutral-700) / 1)
    }

    html .tailwind-area .bg-neutral-700\/15 {
        background-color: rgb(var(--ui-neutral-700) / .15)
    }

    html .tailwind-area .bg-neutral-700\/20 {
        background-color: rgb(var(--ui-neutral-700) / .2)
    }

    html .tailwind-area .bg-neutral-700\/25 {
        background-color: rgb(var(--ui-neutral-700) / .25)
    }

    html .tailwind-area .bg-neutral-700\/30 {
        background-color: rgb(var(--ui-neutral-700) / .3)
    }

    html .tailwind-area .bg-neutral-700\/35 {
        background-color: rgb(var(--ui-neutral-700) / .35)
    }

    html .tailwind-area .bg-neutral-700\/40 {
        background-color: rgb(var(--ui-neutral-700) / .4)
    }

    html .tailwind-area .bg-neutral-700\/45 {
        background-color: rgb(var(--ui-neutral-700) / .45)
    }

    html .tailwind-area .bg-neutral-700\/5 {
        background-color: rgb(var(--ui-neutral-700) / .05)
    }

    html .tailwind-area .bg-neutral-700\/50 {
        background-color: rgb(var(--ui-neutral-700) / .5)
    }

    html .tailwind-area .bg-neutral-700\/55 {
        background-color: rgb(var(--ui-neutral-700) / .55)
    }

    html .tailwind-area .bg-neutral-700\/60 {
        background-color: rgb(var(--ui-neutral-700) / .6)
    }

    html .tailwind-area .bg-neutral-700\/65 {
        background-color: rgb(var(--ui-neutral-700) / .65)
    }

    html .tailwind-area .bg-neutral-700\/70 {
        background-color: rgb(var(--ui-neutral-700) / .7)
    }

    html .tailwind-area .bg-neutral-700\/75 {
        background-color: rgb(var(--ui-neutral-700) / .75)
    }

    html .tailwind-area .bg-neutral-700\/80 {
        background-color: rgb(var(--ui-neutral-700) / .8)
    }

    html .tailwind-area .bg-neutral-700\/85 {
        background-color: rgb(var(--ui-neutral-700) / .85)
    }

    html .tailwind-area .bg-neutral-700\/90 {
        background-color: rgb(var(--ui-neutral-700) / .9)
    }

    html .tailwind-area .bg-neutral-700\/95 {
        background-color: rgb(var(--ui-neutral-700) / .95)
    }

    html .tailwind-area .bg-neutral-800 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-neutral-800) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-neutral-800\/0 {
        background-color: rgb(var(--ui-neutral-800) / 0)
    }

    html .tailwind-area .bg-neutral-800\/10 {
        background-color: rgb(var(--ui-neutral-800) / .1)
    }

    html .tailwind-area .bg-neutral-800\/100 {
        background-color: rgb(var(--ui-neutral-800) / 1)
    }

    html .tailwind-area .bg-neutral-800\/15 {
        background-color: rgb(var(--ui-neutral-800) / .15)
    }

    html .tailwind-area .bg-neutral-800\/20 {
        background-color: rgb(var(--ui-neutral-800) / .2)
    }

    html .tailwind-area .bg-neutral-800\/25 {
        background-color: rgb(var(--ui-neutral-800) / .25)
    }

    html .tailwind-area .bg-neutral-800\/30 {
        background-color: rgb(var(--ui-neutral-800) / .3)
    }

    html .tailwind-area .bg-neutral-800\/35 {
        background-color: rgb(var(--ui-neutral-800) / .35)
    }

    html .tailwind-area .bg-neutral-800\/40 {
        background-color: rgb(var(--ui-neutral-800) / .4)
    }

    html .tailwind-area .bg-neutral-800\/45 {
        background-color: rgb(var(--ui-neutral-800) / .45)
    }

    html .tailwind-area .bg-neutral-800\/5 {
        background-color: rgb(var(--ui-neutral-800) / .05)
    }

    html .tailwind-area .bg-neutral-800\/50 {
        background-color: rgb(var(--ui-neutral-800) / .5)
    }

    html .tailwind-area .bg-neutral-800\/55 {
        background-color: rgb(var(--ui-neutral-800) / .55)
    }

    html .tailwind-area .bg-neutral-800\/60 {
        background-color: rgb(var(--ui-neutral-800) / .6)
    }

    html .tailwind-area .bg-neutral-800\/65 {
        background-color: rgb(var(--ui-neutral-800) / .65)
    }

    html .tailwind-area .bg-neutral-800\/70 {
        background-color: rgb(var(--ui-neutral-800) / .7)
    }

    html .tailwind-area .bg-neutral-800\/75 {
        background-color: rgb(var(--ui-neutral-800) / .75)
    }

    html .tailwind-area .bg-neutral-800\/80 {
        background-color: rgb(var(--ui-neutral-800) / .8)
    }

    html .tailwind-area .bg-neutral-800\/85 {
        background-color: rgb(var(--ui-neutral-800) / .85)
    }

    html .tailwind-area .bg-neutral-800\/90 {
        background-color: rgb(var(--ui-neutral-800) / .9)
    }

    html .tailwind-area .bg-neutral-800\/95 {
        background-color: rgb(var(--ui-neutral-800) / .95)
    }

    html .tailwind-area .bg-neutral-900 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-neutral-900) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-neutral-900\/0 {
        background-color: rgb(var(--ui-neutral-900) / 0)
    }

    html .tailwind-area .bg-neutral-900\/10 {
        background-color: rgb(var(--ui-neutral-900) / .1)
    }

    html .tailwind-area .bg-neutral-900\/100 {
        background-color: rgb(var(--ui-neutral-900) / 1)
    }

    html .tailwind-area .bg-neutral-900\/15 {
        background-color: rgb(var(--ui-neutral-900) / .15)
    }

    html .tailwind-area .bg-neutral-900\/20 {
        background-color: rgb(var(--ui-neutral-900) / .2)
    }

    html .tailwind-area .bg-neutral-900\/25 {
        background-color: rgb(var(--ui-neutral-900) / .25)
    }

    html .tailwind-area .bg-neutral-900\/30 {
        background-color: rgb(var(--ui-neutral-900) / .3)
    }

    html .tailwind-area .bg-neutral-900\/35 {
        background-color: rgb(var(--ui-neutral-900) / .35)
    }

    html .tailwind-area .bg-neutral-900\/40 {
        background-color: rgb(var(--ui-neutral-900) / .4)
    }

    html .tailwind-area .bg-neutral-900\/45 {
        background-color: rgb(var(--ui-neutral-900) / .45)
    }

    html .tailwind-area .bg-neutral-900\/5 {
        background-color: rgb(var(--ui-neutral-900) / .05)
    }

    html .tailwind-area .bg-neutral-900\/50 {
        background-color: rgb(var(--ui-neutral-900) / .5)
    }

    html .tailwind-area .bg-neutral-900\/55 {
        background-color: rgb(var(--ui-neutral-900) / .55)
    }

    html .tailwind-area .bg-neutral-900\/60 {
        background-color: rgb(var(--ui-neutral-900) / .6)
    }

    html .tailwind-area .bg-neutral-900\/65 {
        background-color: rgb(var(--ui-neutral-900) / .65)
    }

    html .tailwind-area .bg-neutral-900\/70 {
        background-color: rgb(var(--ui-neutral-900) / .7)
    }

    html .tailwind-area .bg-neutral-900\/75 {
        background-color: rgb(var(--ui-neutral-900) / .75)
    }

    html .tailwind-area .bg-neutral-900\/80 {
        background-color: rgb(var(--ui-neutral-900) / .8)
    }

    html .tailwind-area .bg-neutral-900\/85 {
        background-color: rgb(var(--ui-neutral-900) / .85)
    }

    html .tailwind-area .bg-neutral-900\/90 {
        background-color: rgb(var(--ui-neutral-900) / .9)
    }

    html .tailwind-area .bg-neutral-900\/95 {
        background-color: rgb(var(--ui-neutral-900) / .95)
    }

    html .tailwind-area .bg-neutral-950 {
        --tw-bg-opacity: 1;
        background-color: rgb(10 10 10 / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-neutral-950\/0 {
        background-color: #0a0a0a00
    }

    html .tailwind-area .bg-neutral-950\/10 {
        background-color: #0a0a0a1a
    }

    html .tailwind-area .bg-neutral-950\/100 {
        background-color: #0a0a0a
    }

    html .tailwind-area .bg-neutral-950\/15 {
        background-color: #0a0a0a26
    }

    html .tailwind-area .bg-neutral-950\/20 {
        background-color: #0a0a0a33
    }

    html .tailwind-area .bg-neutral-950\/25 {
        background-color: #0a0a0a40
    }

    html .tailwind-area .bg-neutral-950\/30 {
        background-color: #0a0a0a4d
    }

    html .tailwind-area .bg-neutral-950\/35 {
        background-color: #0a0a0a59
    }

    html .tailwind-area .bg-neutral-950\/40 {
        background-color: #0a0a0a66
    }

    html .tailwind-area .bg-neutral-950\/45 {
        background-color: #0a0a0a73
    }

    html .tailwind-area .bg-neutral-950\/5 {
        background-color: #0a0a0a0d
    }

    html .tailwind-area .bg-neutral-950\/50 {
        background-color: #0a0a0a80
    }

    html .tailwind-area .bg-neutral-950\/55 {
        background-color: #0a0a0a8c
    }

    html .tailwind-area .bg-neutral-950\/60 {
        background-color: #0a0a0a99
    }

    html .tailwind-area .bg-neutral-950\/65 {
        background-color: #0a0a0aa6
    }

    html .tailwind-area .bg-neutral-950\/70 {
        background-color: #0a0a0ab3
    }

    html .tailwind-area .bg-neutral-950\/75 {
        background-color: #0a0a0abf
    }

    html .tailwind-area .bg-neutral-950\/80 {
        background-color: #0a0a0acc
    }

    html .tailwind-area .bg-neutral-950\/85 {
        background-color: #0a0a0ad9
    }

    html .tailwind-area .bg-neutral-950\/90 {
        background-color: #0a0a0ae6
    }

    html .tailwind-area .bg-neutral-950\/95 {
        background-color: #0a0a0af2
    }

    html .tailwind-area .bg-primary {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-primary-500) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-primary-100 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-primary-100) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-primary-100\/0 {
        background-color: rgb(var(--ui-primary-100) / 0)
    }

    html .tailwind-area .bg-primary-100\/10 {
        background-color: rgb(var(--ui-primary-100) / .1)
    }

    html .tailwind-area .bg-primary-100\/100 {
        background-color: rgb(var(--ui-primary-100) / 1)
    }

    html .tailwind-area .bg-primary-100\/15 {
        background-color: rgb(var(--ui-primary-100) / .15)
    }

    html .tailwind-area .bg-primary-100\/20 {
        background-color: rgb(var(--ui-primary-100) / .2)
    }

    html .tailwind-area .bg-primary-100\/25 {
        background-color: rgb(var(--ui-primary-100) / .25)
    }

    html .tailwind-area .bg-primary-100\/30 {
        background-color: rgb(var(--ui-primary-100) / .3)
    }

    html .tailwind-area .bg-primary-100\/35 {
        background-color: rgb(var(--ui-primary-100) / .35)
    }

    html .tailwind-area .bg-primary-100\/40 {
        background-color: rgb(var(--ui-primary-100) / .4)
    }

    html .tailwind-area .bg-primary-100\/45 {
        background-color: rgb(var(--ui-primary-100) / .45)
    }

    html .tailwind-area .bg-primary-100\/5 {
        background-color: rgb(var(--ui-primary-100) / .05)
    }

    html .tailwind-area .bg-primary-100\/50 {
        background-color: rgb(var(--ui-primary-100) / .5)
    }

    html .tailwind-area .bg-primary-100\/55 {
        background-color: rgb(var(--ui-primary-100) / .55)
    }

    html .tailwind-area .bg-primary-100\/60 {
        background-color: rgb(var(--ui-primary-100) / .6)
    }

    html .tailwind-area .bg-primary-100\/65 {
        background-color: rgb(var(--ui-primary-100) / .65)
    }

    html .tailwind-area .bg-primary-100\/70 {
        background-color: rgb(var(--ui-primary-100) / .7)
    }

    html .tailwind-area .bg-primary-100\/75 {
        background-color: rgb(var(--ui-primary-100) / .75)
    }

    html .tailwind-area .bg-primary-100\/80 {
        background-color: rgb(var(--ui-primary-100) / .8)
    }

    html .tailwind-area .bg-primary-100\/85 {
        background-color: rgb(var(--ui-primary-100) / .85)
    }

    html .tailwind-area .bg-primary-100\/90 {
        background-color: rgb(var(--ui-primary-100) / .9)
    }

    html .tailwind-area .bg-primary-100\/95 {
        background-color: rgb(var(--ui-primary-100) / .95)
    }

    html .tailwind-area .bg-primary-200 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-primary-200) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-primary-200\/0 {
        background-color: rgb(var(--ui-primary-200) / 0)
    }

    html .tailwind-area .bg-primary-200\/10 {
        background-color: rgb(var(--ui-primary-200) / .1)
    }

    html .tailwind-area .bg-primary-200\/100 {
        background-color: rgb(var(--ui-primary-200) / 1)
    }

    html .tailwind-area .bg-primary-200\/15 {
        background-color: rgb(var(--ui-primary-200) / .15)
    }

    html .tailwind-area .bg-primary-200\/20 {
        background-color: rgb(var(--ui-primary-200) / .2)
    }

    html .tailwind-area .bg-primary-200\/25 {
        background-color: rgb(var(--ui-primary-200) / .25)
    }

    html .tailwind-area .bg-primary-200\/30 {
        background-color: rgb(var(--ui-primary-200) / .3)
    }

    html .tailwind-area .bg-primary-200\/35 {
        background-color: rgb(var(--ui-primary-200) / .35)
    }

    html .tailwind-area .bg-primary-200\/40 {
        background-color: rgb(var(--ui-primary-200) / .4)
    }

    html .tailwind-area .bg-primary-200\/45 {
        background-color: rgb(var(--ui-primary-200) / .45)
    }

    html .tailwind-area .bg-primary-200\/5 {
        background-color: rgb(var(--ui-primary-200) / .05)
    }

    html .tailwind-area .bg-primary-200\/50 {
        background-color: rgb(var(--ui-primary-200) / .5)
    }

    html .tailwind-area .bg-primary-200\/55 {
        background-color: rgb(var(--ui-primary-200) / .55)
    }

    html .tailwind-area .bg-primary-200\/60 {
        background-color: rgb(var(--ui-primary-200) / .6)
    }

    html .tailwind-area .bg-primary-200\/65 {
        background-color: rgb(var(--ui-primary-200) / .65)
    }

    html .tailwind-area .bg-primary-200\/70 {
        background-color: rgb(var(--ui-primary-200) / .7)
    }

    html .tailwind-area .bg-primary-200\/75 {
        background-color: rgb(var(--ui-primary-200) / .75)
    }

    html .tailwind-area .bg-primary-200\/80 {
        background-color: rgb(var(--ui-primary-200) / .8)
    }

    html .tailwind-area .bg-primary-200\/85 {
        background-color: rgb(var(--ui-primary-200) / .85)
    }

    html .tailwind-area .bg-primary-200\/90 {
        background-color: rgb(var(--ui-primary-200) / .9)
    }

    html .tailwind-area .bg-primary-200\/95 {
        background-color: rgb(var(--ui-primary-200) / .95)
    }

    html .tailwind-area .bg-primary-300 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-primary-300) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-primary-300\/0 {
        background-color: rgb(var(--ui-primary-300) / 0)
    }

    html .tailwind-area .bg-primary-300\/10 {
        background-color: rgb(var(--ui-primary-300) / .1)
    }

    html .tailwind-area .bg-primary-300\/100 {
        background-color: rgb(var(--ui-primary-300) / 1)
    }

    html .tailwind-area .bg-primary-300\/15 {
        background-color: rgb(var(--ui-primary-300) / .15)
    }

    html .tailwind-area .bg-primary-300\/20 {
        background-color: rgb(var(--ui-primary-300) / .2)
    }

    html .tailwind-area .bg-primary-300\/25 {
        background-color: rgb(var(--ui-primary-300) / .25)
    }

    html .tailwind-area .bg-primary-300\/30 {
        background-color: rgb(var(--ui-primary-300) / .3)
    }

    html .tailwind-area .bg-primary-300\/35 {
        background-color: rgb(var(--ui-primary-300) / .35)
    }

    html .tailwind-area .bg-primary-300\/40 {
        background-color: rgb(var(--ui-primary-300) / .4)
    }

    html .tailwind-area .bg-primary-300\/45 {
        background-color: rgb(var(--ui-primary-300) / .45)
    }

    html .tailwind-area .bg-primary-300\/5 {
        background-color: rgb(var(--ui-primary-300) / .05)
    }

    html .tailwind-area .bg-primary-300\/50 {
        background-color: rgb(var(--ui-primary-300) / .5)
    }

    html .tailwind-area .bg-primary-300\/55 {
        background-color: rgb(var(--ui-primary-300) / .55)
    }

    html .tailwind-area .bg-primary-300\/60 {
        background-color: rgb(var(--ui-primary-300) / .6)
    }

    html .tailwind-area .bg-primary-300\/65 {
        background-color: rgb(var(--ui-primary-300) / .65)
    }

    html .tailwind-area .bg-primary-300\/70 {
        background-color: rgb(var(--ui-primary-300) / .7)
    }

    html .tailwind-area .bg-primary-300\/75 {
        background-color: rgb(var(--ui-primary-300) / .75)
    }

    html .tailwind-area .bg-primary-300\/80 {
        background-color: rgb(var(--ui-primary-300) / .8)
    }

    html .tailwind-area .bg-primary-300\/85 {
        background-color: rgb(var(--ui-primary-300) / .85)
    }

    html .tailwind-area .bg-primary-300\/90 {
        background-color: rgb(var(--ui-primary-300) / .9)
    }

    html .tailwind-area .bg-primary-300\/95 {
        background-color: rgb(var(--ui-primary-300) / .95)
    }

    html .tailwind-area .bg-primary-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-primary-400) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-primary-400\/0 {
        background-color: rgb(var(--ui-primary-400) / 0)
    }

    html .tailwind-area .bg-primary-400\/10 {
        background-color: rgb(var(--ui-primary-400) / .1)
    }

    html .tailwind-area .bg-primary-400\/100 {
        background-color: rgb(var(--ui-primary-400) / 1)
    }

    html .tailwind-area .bg-primary-400\/15 {
        background-color: rgb(var(--ui-primary-400) / .15)
    }

    html .tailwind-area .bg-primary-400\/20 {
        background-color: rgb(var(--ui-primary-400) / .2)
    }

    html .tailwind-area .bg-primary-400\/25 {
        background-color: rgb(var(--ui-primary-400) / .25)
    }

    html .tailwind-area .bg-primary-400\/30 {
        background-color: rgb(var(--ui-primary-400) / .3)
    }

    html .tailwind-area .bg-primary-400\/35 {
        background-color: rgb(var(--ui-primary-400) / .35)
    }

    html .tailwind-area .bg-primary-400\/40 {
        background-color: rgb(var(--ui-primary-400) / .4)
    }

    html .tailwind-area .bg-primary-400\/45 {
        background-color: rgb(var(--ui-primary-400) / .45)
    }

    html .tailwind-area .bg-primary-400\/5 {
        background-color: rgb(var(--ui-primary-400) / .05)
    }

    html .tailwind-area .bg-primary-400\/50 {
        background-color: rgb(var(--ui-primary-400) / .5)
    }

    html .tailwind-area .bg-primary-400\/55 {
        background-color: rgb(var(--ui-primary-400) / .55)
    }

    html .tailwind-area .bg-primary-400\/60 {
        background-color: rgb(var(--ui-primary-400) / .6)
    }

    html .tailwind-area .bg-primary-400\/65 {
        background-color: rgb(var(--ui-primary-400) / .65)
    }

    html .tailwind-area .bg-primary-400\/70 {
        background-color: rgb(var(--ui-primary-400) / .7)
    }

    html .tailwind-area .bg-primary-400\/75 {
        background-color: rgb(var(--ui-primary-400) / .75)
    }

    html .tailwind-area .bg-primary-400\/80 {
        background-color: rgb(var(--ui-primary-400) / .8)
    }

    html .tailwind-area .bg-primary-400\/85 {
        background-color: rgb(var(--ui-primary-400) / .85)
    }

    html .tailwind-area .bg-primary-400\/90 {
        background-color: rgb(var(--ui-primary-400) / .9)
    }

    html .tailwind-area .bg-primary-400\/95 {
        background-color: rgb(var(--ui-primary-400) / .95)
    }

    html .tailwind-area .bg-primary-50 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-primary-50) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-primary-50\/0 {
        background-color: rgb(var(--ui-primary-50) / 0)
    }

    html .tailwind-area .bg-primary-50\/10 {
        background-color: rgb(var(--ui-primary-50) / .1)
    }

    html .tailwind-area .bg-primary-50\/100 {
        background-color: rgb(var(--ui-primary-50) / 1)
    }

    html .tailwind-area .bg-primary-50\/15 {
        background-color: rgb(var(--ui-primary-50) / .15)
    }

    html .tailwind-area .bg-primary-50\/20 {
        background-color: rgb(var(--ui-primary-50) / .2)
    }

    html .tailwind-area .bg-primary-50\/25 {
        background-color: rgb(var(--ui-primary-50) / .25)
    }

    html .tailwind-area .bg-primary-50\/30 {
        background-color: rgb(var(--ui-primary-50) / .3)
    }

    html .tailwind-area .bg-primary-50\/35 {
        background-color: rgb(var(--ui-primary-50) / .35)
    }

    html .tailwind-area .bg-primary-50\/40 {
        background-color: rgb(var(--ui-primary-50) / .4)
    }

    html .tailwind-area .bg-primary-50\/45 {
        background-color: rgb(var(--ui-primary-50) / .45)
    }

    html .tailwind-area .bg-primary-50\/5 {
        background-color: rgb(var(--ui-primary-50) / .05)
    }

    html .tailwind-area .bg-primary-50\/50 {
        background-color: rgb(var(--ui-primary-50) / .5)
    }

    html .tailwind-area .bg-primary-50\/55 {
        background-color: rgb(var(--ui-primary-50) / .55)
    }

    html .tailwind-area .bg-primary-50\/60 {
        background-color: rgb(var(--ui-primary-50) / .6)
    }

    html .tailwind-area .bg-primary-50\/65 {
        background-color: rgb(var(--ui-primary-50) / .65)
    }

    html .tailwind-area .bg-primary-50\/70 {
        background-color: rgb(var(--ui-primary-50) / .7)
    }

    html .tailwind-area .bg-primary-50\/75 {
        background-color: rgb(var(--ui-primary-50) / .75)
    }

    html .tailwind-area .bg-primary-50\/80 {
        background-color: rgb(var(--ui-primary-50) / .8)
    }

    html .tailwind-area .bg-primary-50\/85 {
        background-color: rgb(var(--ui-primary-50) / .85)
    }

    html .tailwind-area .bg-primary-50\/90 {
        background-color: rgb(var(--ui-primary-50) / .9)
    }

    html .tailwind-area .bg-primary-50\/95 {
        background-color: rgb(var(--ui-primary-50) / .95)
    }

    html .tailwind-area .bg-primary-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-primary-500) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-primary-500\/0 {
        background-color: rgb(var(--ui-primary-500) / 0)
    }

    html .tailwind-area .bg-primary-500\/10 {
        background-color: rgb(var(--ui-primary-500) / .1)
    }

    html .tailwind-area .bg-primary-500\/100 {
        background-color: rgb(var(--ui-primary-500) / 1)
    }

    html .tailwind-area .bg-primary-500\/15 {
        background-color: rgb(var(--ui-primary-500) / .15)
    }

    html .tailwind-area .bg-primary-500\/20 {
        background-color: rgb(var(--ui-primary-500) / .2)
    }

    html .tailwind-area .bg-primary-500\/25 {
        background-color: rgb(var(--ui-primary-500) / .25)
    }

    html .tailwind-area .bg-primary-500\/30 {
        background-color: rgb(var(--ui-primary-500) / .3)
    }

    html .tailwind-area .bg-primary-500\/35 {
        background-color: rgb(var(--ui-primary-500) / .35)
    }

    html .tailwind-area .bg-primary-500\/40 {
        background-color: rgb(var(--ui-primary-500) / .4)
    }

    html .tailwind-area .bg-primary-500\/45 {
        background-color: rgb(var(--ui-primary-500) / .45)
    }

    html .tailwind-area .bg-primary-500\/5 {
        background-color: rgb(var(--ui-primary-500) / .05)
    }

    html .tailwind-area .bg-primary-500\/50 {
        background-color: rgb(var(--ui-primary-500) / .5)
    }

    html .tailwind-area .bg-primary-500\/55 {
        background-color: rgb(var(--ui-primary-500) / .55)
    }

    html .tailwind-area .bg-primary-500\/60 {
        background-color: rgb(var(--ui-primary-500) / .6)
    }

    html .tailwind-area .bg-primary-500\/65 {
        background-color: rgb(var(--ui-primary-500) / .65)
    }

    html .tailwind-area .bg-primary-500\/70 {
        background-color: rgb(var(--ui-primary-500) / .7)
    }

    html .tailwind-area .bg-primary-500\/75 {
        background-color: rgb(var(--ui-primary-500) / .75)
    }

    html .tailwind-area .bg-primary-500\/80 {
        background-color: rgb(var(--ui-primary-500) / .8)
    }

    html .tailwind-area .bg-primary-500\/85 {
        background-color: rgb(var(--ui-primary-500) / .85)
    }

    html .tailwind-area .bg-primary-500\/90 {
        background-color: rgb(var(--ui-primary-500) / .9)
    }

    html .tailwind-area .bg-primary-500\/95 {
        background-color: rgb(var(--ui-primary-500) / .95)
    }

    html .tailwind-area .bg-primary-600 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-primary-600) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-primary-600\/0 {
        background-color: rgb(var(--ui-primary-600) / 0)
    }

    html .tailwind-area .bg-primary-600\/10 {
        background-color: rgb(var(--ui-primary-600) / .1)
    }

    html .tailwind-area .bg-primary-600\/100 {
        background-color: rgb(var(--ui-primary-600) / 1)
    }

    html .tailwind-area .bg-primary-600\/15 {
        background-color: rgb(var(--ui-primary-600) / .15)
    }

    html .tailwind-area .bg-primary-600\/20 {
        background-color: rgb(var(--ui-primary-600) / .2)
    }

    html .tailwind-area .bg-primary-600\/25 {
        background-color: rgb(var(--ui-primary-600) / .25)
    }

    html .tailwind-area .bg-primary-600\/30 {
        background-color: rgb(var(--ui-primary-600) / .3)
    }

    html .tailwind-area .bg-primary-600\/35 {
        background-color: rgb(var(--ui-primary-600) / .35)
    }

    html .tailwind-area .bg-primary-600\/40 {
        background-color: rgb(var(--ui-primary-600) / .4)
    }

    html .tailwind-area .bg-primary-600\/45 {
        background-color: rgb(var(--ui-primary-600) / .45)
    }

    html .tailwind-area .bg-primary-600\/5 {
        background-color: rgb(var(--ui-primary-600) / .05)
    }

    html .tailwind-area .bg-primary-600\/50 {
        background-color: rgb(var(--ui-primary-600) / .5)
    }

    html .tailwind-area .bg-primary-600\/55 {
        background-color: rgb(var(--ui-primary-600) / .55)
    }

    html .tailwind-area .bg-primary-600\/60 {
        background-color: rgb(var(--ui-primary-600) / .6)
    }

    html .tailwind-area .bg-primary-600\/65 {
        background-color: rgb(var(--ui-primary-600) / .65)
    }

    html .tailwind-area .bg-primary-600\/70 {
        background-color: rgb(var(--ui-primary-600) / .7)
    }

    html .tailwind-area .bg-primary-600\/75 {
        background-color: rgb(var(--ui-primary-600) / .75)
    }

    html .tailwind-area .bg-primary-600\/80 {
        background-color: rgb(var(--ui-primary-600) / .8)
    }

    html .tailwind-area .bg-primary-600\/85 {
        background-color: rgb(var(--ui-primary-600) / .85)
    }

    html .tailwind-area .bg-primary-600\/90 {
        background-color: rgb(var(--ui-primary-600) / .9)
    }

    html .tailwind-area .bg-primary-600\/95 {
        background-color: rgb(var(--ui-primary-600) / .95)
    }

    html .tailwind-area .bg-primary-700 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-primary-700) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-primary-700\/0 {
        background-color: rgb(var(--ui-primary-700) / 0)
    }

    html .tailwind-area .bg-primary-700\/10 {
        background-color: rgb(var(--ui-primary-700) / .1)
    }

    html .tailwind-area .bg-primary-700\/100 {
        background-color: rgb(var(--ui-primary-700) / 1)
    }

    html .tailwind-area .bg-primary-700\/15 {
        background-color: rgb(var(--ui-primary-700) / .15)
    }

    html .tailwind-area .bg-primary-700\/20 {
        background-color: rgb(var(--ui-primary-700) / .2)
    }

    html .tailwind-area .bg-primary-700\/25 {
        background-color: rgb(var(--ui-primary-700) / .25)
    }

    html .tailwind-area .bg-primary-700\/30 {
        background-color: rgb(var(--ui-primary-700) / .3)
    }

    html .tailwind-area .bg-primary-700\/35 {
        background-color: rgb(var(--ui-primary-700) / .35)
    }

    html .tailwind-area .bg-primary-700\/40 {
        background-color: rgb(var(--ui-primary-700) / .4)
    }

    html .tailwind-area .bg-primary-700\/45 {
        background-color: rgb(var(--ui-primary-700) / .45)
    }

    html .tailwind-area .bg-primary-700\/5 {
        background-color: rgb(var(--ui-primary-700) / .05)
    }

    html .tailwind-area .bg-primary-700\/50 {
        background-color: rgb(var(--ui-primary-700) / .5)
    }

    html .tailwind-area .bg-primary-700\/55 {
        background-color: rgb(var(--ui-primary-700) / .55)
    }

    html .tailwind-area .bg-primary-700\/60 {
        background-color: rgb(var(--ui-primary-700) / .6)
    }

    html .tailwind-area .bg-primary-700\/65 {
        background-color: rgb(var(--ui-primary-700) / .65)
    }

    html .tailwind-area .bg-primary-700\/70 {
        background-color: rgb(var(--ui-primary-700) / .7)
    }

    html .tailwind-area .bg-primary-700\/75 {
        background-color: rgb(var(--ui-primary-700) / .75)
    }

    html .tailwind-area .bg-primary-700\/80 {
        background-color: rgb(var(--ui-primary-700) / .8)
    }

    html .tailwind-area .bg-primary-700\/85 {
        background-color: rgb(var(--ui-primary-700) / .85)
    }

    html .tailwind-area .bg-primary-700\/90 {
        background-color: rgb(var(--ui-primary-700) / .9)
    }

    html .tailwind-area .bg-primary-700\/95 {
        background-color: rgb(var(--ui-primary-700) / .95)
    }

    html .tailwind-area .bg-primary-800 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-primary-800) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-primary-800\/0 {
        background-color: rgb(var(--ui-primary-800) / 0)
    }

    html .tailwind-area .bg-primary-800\/10 {
        background-color: rgb(var(--ui-primary-800) / .1)
    }

    html .tailwind-area .bg-primary-800\/100 {
        background-color: rgb(var(--ui-primary-800) / 1)
    }

    html .tailwind-area .bg-primary-800\/15 {
        background-color: rgb(var(--ui-primary-800) / .15)
    }

    html .tailwind-area .bg-primary-800\/20 {
        background-color: rgb(var(--ui-primary-800) / .2)
    }

    html .tailwind-area .bg-primary-800\/25 {
        background-color: rgb(var(--ui-primary-800) / .25)
    }

    html .tailwind-area .bg-primary-800\/30 {
        background-color: rgb(var(--ui-primary-800) / .3)
    }

    html .tailwind-area .bg-primary-800\/35 {
        background-color: rgb(var(--ui-primary-800) / .35)
    }

    html .tailwind-area .bg-primary-800\/40 {
        background-color: rgb(var(--ui-primary-800) / .4)
    }

    html .tailwind-area .bg-primary-800\/45 {
        background-color: rgb(var(--ui-primary-800) / .45)
    }

    html .tailwind-area .bg-primary-800\/5 {
        background-color: rgb(var(--ui-primary-800) / .05)
    }

    html .tailwind-area .bg-primary-800\/50 {
        background-color: rgb(var(--ui-primary-800) / .5)
    }

    html .tailwind-area .bg-primary-800\/55 {
        background-color: rgb(var(--ui-primary-800) / .55)
    }

    html .tailwind-area .bg-primary-800\/60 {
        background-color: rgb(var(--ui-primary-800) / .6)
    }

    html .tailwind-area .bg-primary-800\/65 {
        background-color: rgb(var(--ui-primary-800) / .65)
    }

    html .tailwind-area .bg-primary-800\/70 {
        background-color: rgb(var(--ui-primary-800) / .7)
    }

    html .tailwind-area .bg-primary-800\/75 {
        background-color: rgb(var(--ui-primary-800) / .75)
    }

    html .tailwind-area .bg-primary-800\/80 {
        background-color: rgb(var(--ui-primary-800) / .8)
    }

    html .tailwind-area .bg-primary-800\/85 {
        background-color: rgb(var(--ui-primary-800) / .85)
    }

    html .tailwind-area .bg-primary-800\/90 {
        background-color: rgb(var(--ui-primary-800) / .9)
    }

    html .tailwind-area .bg-primary-800\/95 {
        background-color: rgb(var(--ui-primary-800) / .95)
    }

    html .tailwind-area .bg-primary-900 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-primary-900) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-primary-900\/0 {
        background-color: rgb(var(--ui-primary-900) / 0)
    }

    html .tailwind-area .bg-primary-900\/10 {
        background-color: rgb(var(--ui-primary-900) / .1)
    }

    html .tailwind-area .bg-primary-900\/100 {
        background-color: rgb(var(--ui-primary-900) / 1)
    }

    html .tailwind-area .bg-primary-900\/15 {
        background-color: rgb(var(--ui-primary-900) / .15)
    }

    html .tailwind-area .bg-primary-900\/20 {
        background-color: rgb(var(--ui-primary-900) / .2)
    }

    html .tailwind-area .bg-primary-900\/25 {
        background-color: rgb(var(--ui-primary-900) / .25)
    }

    html .tailwind-area .bg-primary-900\/30 {
        background-color: rgb(var(--ui-primary-900) / .3)
    }

    html .tailwind-area .bg-primary-900\/35 {
        background-color: rgb(var(--ui-primary-900) / .35)
    }

    html .tailwind-area .bg-primary-900\/40 {
        background-color: rgb(var(--ui-primary-900) / .4)
    }

    html .tailwind-area .bg-primary-900\/45 {
        background-color: rgb(var(--ui-primary-900) / .45)
    }

    html .tailwind-area .bg-primary-900\/5 {
        background-color: rgb(var(--ui-primary-900) / .05)
    }

    html .tailwind-area .bg-primary-900\/50 {
        background-color: rgb(var(--ui-primary-900) / .5)
    }

    html .tailwind-area .bg-primary-900\/55 {
        background-color: rgb(var(--ui-primary-900) / .55)
    }

    html .tailwind-area .bg-primary-900\/60 {
        background-color: rgb(var(--ui-primary-900) / .6)
    }

    html .tailwind-area .bg-primary-900\/65 {
        background-color: rgb(var(--ui-primary-900) / .65)
    }

    html .tailwind-area .bg-primary-900\/70 {
        background-color: rgb(var(--ui-primary-900) / .7)
    }

    html .tailwind-area .bg-primary-900\/75 {
        background-color: rgb(var(--ui-primary-900) / .75)
    }

    html .tailwind-area .bg-primary-900\/80 {
        background-color: rgb(var(--ui-primary-900) / .8)
    }

    html .tailwind-area .bg-primary-900\/85 {
        background-color: rgb(var(--ui-primary-900) / .85)
    }

    html .tailwind-area .bg-primary-900\/90 {
        background-color: rgb(var(--ui-primary-900) / .9)
    }

    html .tailwind-area .bg-primary-900\/95 {
        background-color: rgb(var(--ui-primary-900) / .95)
    }

    html .tailwind-area .bg-primary\/25 {
        background-color: rgb(var(--ui-primary-500) / .25)
    }

    html .tailwind-area .bg-safe {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-safe-500) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-safe-100 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-safe-100) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-safe-100\/0 {
        background-color: rgb(var(--ui-safe-100) / 0)
    }

    html .tailwind-area .bg-safe-100\/10 {
        background-color: rgb(var(--ui-safe-100) / .1)
    }

    html .tailwind-area .bg-safe-100\/100 {
        background-color: rgb(var(--ui-safe-100) / 1)
    }

    html .tailwind-area .bg-safe-100\/15 {
        background-color: rgb(var(--ui-safe-100) / .15)
    }

    html .tailwind-area .bg-safe-100\/20 {
        background-color: rgb(var(--ui-safe-100) / .2)
    }

    html .tailwind-area .bg-safe-100\/25 {
        background-color: rgb(var(--ui-safe-100) / .25)
    }

    html .tailwind-area .bg-safe-100\/30 {
        background-color: rgb(var(--ui-safe-100) / .3)
    }

    html .tailwind-area .bg-safe-100\/35 {
        background-color: rgb(var(--ui-safe-100) / .35)
    }

    html .tailwind-area .bg-safe-100\/40 {
        background-color: rgb(var(--ui-safe-100) / .4)
    }

    html .tailwind-area .bg-safe-100\/45 {
        background-color: rgb(var(--ui-safe-100) / .45)
    }

    html .tailwind-area .bg-safe-100\/5 {
        background-color: rgb(var(--ui-safe-100) / .05)
    }

    html .tailwind-area .bg-safe-100\/50 {
        background-color: rgb(var(--ui-safe-100) / .5)
    }

    html .tailwind-area .bg-safe-100\/55 {
        background-color: rgb(var(--ui-safe-100) / .55)
    }

    html .tailwind-area .bg-safe-100\/60 {
        background-color: rgb(var(--ui-safe-100) / .6)
    }

    html .tailwind-area .bg-safe-100\/65 {
        background-color: rgb(var(--ui-safe-100) / .65)
    }

    html .tailwind-area .bg-safe-100\/70 {
        background-color: rgb(var(--ui-safe-100) / .7)
    }

    html .tailwind-area .bg-safe-100\/75 {
        background-color: rgb(var(--ui-safe-100) / .75)
    }

    html .tailwind-area .bg-safe-100\/80 {
        background-color: rgb(var(--ui-safe-100) / .8)
    }

    html .tailwind-area .bg-safe-100\/85 {
        background-color: rgb(var(--ui-safe-100) / .85)
    }

    html .tailwind-area .bg-safe-100\/90 {
        background-color: rgb(var(--ui-safe-100) / .9)
    }

    html .tailwind-area .bg-safe-100\/95 {
        background-color: rgb(var(--ui-safe-100) / .95)
    }

    html .tailwind-area .bg-safe-200 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-safe-200) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-safe-200\/0 {
        background-color: rgb(var(--ui-safe-200) / 0)
    }

    html .tailwind-area .bg-safe-200\/10 {
        background-color: rgb(var(--ui-safe-200) / .1)
    }

    html .tailwind-area .bg-safe-200\/100 {
        background-color: rgb(var(--ui-safe-200) / 1)
    }

    html .tailwind-area .bg-safe-200\/15 {
        background-color: rgb(var(--ui-safe-200) / .15)
    }

    html .tailwind-area .bg-safe-200\/20 {
        background-color: rgb(var(--ui-safe-200) / .2)
    }

    html .tailwind-area .bg-safe-200\/25 {
        background-color: rgb(var(--ui-safe-200) / .25)
    }

    html .tailwind-area .bg-safe-200\/30 {
        background-color: rgb(var(--ui-safe-200) / .3)
    }

    html .tailwind-area .bg-safe-200\/35 {
        background-color: rgb(var(--ui-safe-200) / .35)
    }

    html .tailwind-area .bg-safe-200\/40 {
        background-color: rgb(var(--ui-safe-200) / .4)
    }

    html .tailwind-area .bg-safe-200\/45 {
        background-color: rgb(var(--ui-safe-200) / .45)
    }

    html .tailwind-area .bg-safe-200\/5 {
        background-color: rgb(var(--ui-safe-200) / .05)
    }

    html .tailwind-area .bg-safe-200\/50 {
        background-color: rgb(var(--ui-safe-200) / .5)
    }

    html .tailwind-area .bg-safe-200\/55 {
        background-color: rgb(var(--ui-safe-200) / .55)
    }

    html .tailwind-area .bg-safe-200\/60 {
        background-color: rgb(var(--ui-safe-200) / .6)
    }

    html .tailwind-area .bg-safe-200\/65 {
        background-color: rgb(var(--ui-safe-200) / .65)
    }

    html .tailwind-area .bg-safe-200\/70 {
        background-color: rgb(var(--ui-safe-200) / .7)
    }

    html .tailwind-area .bg-safe-200\/75 {
        background-color: rgb(var(--ui-safe-200) / .75)
    }

    html .tailwind-area .bg-safe-200\/80 {
        background-color: rgb(var(--ui-safe-200) / .8)
    }

    html .tailwind-area .bg-safe-200\/85 {
        background-color: rgb(var(--ui-safe-200) / .85)
    }

    html .tailwind-area .bg-safe-200\/90 {
        background-color: rgb(var(--ui-safe-200) / .9)
    }

    html .tailwind-area .bg-safe-200\/95 {
        background-color: rgb(var(--ui-safe-200) / .95)
    }

    html .tailwind-area .bg-safe-300 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-safe-300) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-safe-300\/0 {
        background-color: rgb(var(--ui-safe-300) / 0)
    }

    html .tailwind-area .bg-safe-300\/10 {
        background-color: rgb(var(--ui-safe-300) / .1)
    }

    html .tailwind-area .bg-safe-300\/100 {
        background-color: rgb(var(--ui-safe-300) / 1)
    }

    html .tailwind-area .bg-safe-300\/15 {
        background-color: rgb(var(--ui-safe-300) / .15)
    }

    html .tailwind-area .bg-safe-300\/20 {
        background-color: rgb(var(--ui-safe-300) / .2)
    }

    html .tailwind-area .bg-safe-300\/25 {
        background-color: rgb(var(--ui-safe-300) / .25)
    }

    html .tailwind-area .bg-safe-300\/30 {
        background-color: rgb(var(--ui-safe-300) / .3)
    }

    html .tailwind-area .bg-safe-300\/35 {
        background-color: rgb(var(--ui-safe-300) / .35)
    }

    html .tailwind-area .bg-safe-300\/40 {
        background-color: rgb(var(--ui-safe-300) / .4)
    }

    html .tailwind-area .bg-safe-300\/45 {
        background-color: rgb(var(--ui-safe-300) / .45)
    }

    html .tailwind-area .bg-safe-300\/5 {
        background-color: rgb(var(--ui-safe-300) / .05)
    }

    html .tailwind-area .bg-safe-300\/50 {
        background-color: rgb(var(--ui-safe-300) / .5)
    }

    html .tailwind-area .bg-safe-300\/55 {
        background-color: rgb(var(--ui-safe-300) / .55)
    }

    html .tailwind-area .bg-safe-300\/60 {
        background-color: rgb(var(--ui-safe-300) / .6)
    }

    html .tailwind-area .bg-safe-300\/65 {
        background-color: rgb(var(--ui-safe-300) / .65)
    }

    html .tailwind-area .bg-safe-300\/70 {
        background-color: rgb(var(--ui-safe-300) / .7)
    }

    html .tailwind-area .bg-safe-300\/75 {
        background-color: rgb(var(--ui-safe-300) / .75)
    }

    html .tailwind-area .bg-safe-300\/80 {
        background-color: rgb(var(--ui-safe-300) / .8)
    }

    html .tailwind-area .bg-safe-300\/85 {
        background-color: rgb(var(--ui-safe-300) / .85)
    }

    html .tailwind-area .bg-safe-300\/90 {
        background-color: rgb(var(--ui-safe-300) / .9)
    }

    html .tailwind-area .bg-safe-300\/95 {
        background-color: rgb(var(--ui-safe-300) / .95)
    }

    html .tailwind-area .bg-safe-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-safe-400) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-safe-400\/0 {
        background-color: rgb(var(--ui-safe-400) / 0)
    }

    html .tailwind-area .bg-safe-400\/10 {
        background-color: rgb(var(--ui-safe-400) / .1)
    }

    html .tailwind-area .bg-safe-400\/100 {
        background-color: rgb(var(--ui-safe-400) / 1)
    }

    html .tailwind-area .bg-safe-400\/15 {
        background-color: rgb(var(--ui-safe-400) / .15)
    }

    html .tailwind-area .bg-safe-400\/20 {
        background-color: rgb(var(--ui-safe-400) / .2)
    }

    html .tailwind-area .bg-safe-400\/25 {
        background-color: rgb(var(--ui-safe-400) / .25)
    }

    html .tailwind-area .bg-safe-400\/30 {
        background-color: rgb(var(--ui-safe-400) / .3)
    }

    html .tailwind-area .bg-safe-400\/35 {
        background-color: rgb(var(--ui-safe-400) / .35)
    }

    html .tailwind-area .bg-safe-400\/40 {
        background-color: rgb(var(--ui-safe-400) / .4)
    }

    html .tailwind-area .bg-safe-400\/45 {
        background-color: rgb(var(--ui-safe-400) / .45)
    }

    html .tailwind-area .bg-safe-400\/5 {
        background-color: rgb(var(--ui-safe-400) / .05)
    }

    html .tailwind-area .bg-safe-400\/50 {
        background-color: rgb(var(--ui-safe-400) / .5)
    }

    html .tailwind-area .bg-safe-400\/55 {
        background-color: rgb(var(--ui-safe-400) / .55)
    }

    html .tailwind-area .bg-safe-400\/60 {
        background-color: rgb(var(--ui-safe-400) / .6)
    }

    html .tailwind-area .bg-safe-400\/65 {
        background-color: rgb(var(--ui-safe-400) / .65)
    }

    html .tailwind-area .bg-safe-400\/70 {
        background-color: rgb(var(--ui-safe-400) / .7)
    }

    html .tailwind-area .bg-safe-400\/75 {
        background-color: rgb(var(--ui-safe-400) / .75)
    }

    html .tailwind-area .bg-safe-400\/80 {
        background-color: rgb(var(--ui-safe-400) / .8)
    }

    html .tailwind-area .bg-safe-400\/85 {
        background-color: rgb(var(--ui-safe-400) / .85)
    }

    html .tailwind-area .bg-safe-400\/90 {
        background-color: rgb(var(--ui-safe-400) / .9)
    }

    html .tailwind-area .bg-safe-400\/95 {
        background-color: rgb(var(--ui-safe-400) / .95)
    }

    html .tailwind-area .bg-safe-50 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-safe-50) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-safe-50\/0 {
        background-color: rgb(var(--ui-safe-50) / 0)
    }

    html .tailwind-area .bg-safe-50\/10 {
        background-color: rgb(var(--ui-safe-50) / .1)
    }

    html .tailwind-area .bg-safe-50\/100 {
        background-color: rgb(var(--ui-safe-50) / 1)
    }

    html .tailwind-area .bg-safe-50\/15 {
        background-color: rgb(var(--ui-safe-50) / .15)
    }

    html .tailwind-area .bg-safe-50\/20 {
        background-color: rgb(var(--ui-safe-50) / .2)
    }

    html .tailwind-area .bg-safe-50\/25 {
        background-color: rgb(var(--ui-safe-50) / .25)
    }

    html .tailwind-area .bg-safe-50\/30 {
        background-color: rgb(var(--ui-safe-50) / .3)
    }

    html .tailwind-area .bg-safe-50\/35 {
        background-color: rgb(var(--ui-safe-50) / .35)
    }

    html .tailwind-area .bg-safe-50\/40 {
        background-color: rgb(var(--ui-safe-50) / .4)
    }

    html .tailwind-area .bg-safe-50\/45 {
        background-color: rgb(var(--ui-safe-50) / .45)
    }

    html .tailwind-area .bg-safe-50\/5 {
        background-color: rgb(var(--ui-safe-50) / .05)
    }

    html .tailwind-area .bg-safe-50\/50 {
        background-color: rgb(var(--ui-safe-50) / .5)
    }

    html .tailwind-area .bg-safe-50\/55 {
        background-color: rgb(var(--ui-safe-50) / .55)
    }

    html .tailwind-area .bg-safe-50\/60 {
        background-color: rgb(var(--ui-safe-50) / .6)
    }

    html .tailwind-area .bg-safe-50\/65 {
        background-color: rgb(var(--ui-safe-50) / .65)
    }

    html .tailwind-area .bg-safe-50\/70 {
        background-color: rgb(var(--ui-safe-50) / .7)
    }

    html .tailwind-area .bg-safe-50\/75 {
        background-color: rgb(var(--ui-safe-50) / .75)
    }

    html .tailwind-area .bg-safe-50\/80 {
        background-color: rgb(var(--ui-safe-50) / .8)
    }

    html .tailwind-area .bg-safe-50\/85 {
        background-color: rgb(var(--ui-safe-50) / .85)
    }

    html .tailwind-area .bg-safe-50\/90 {
        background-color: rgb(var(--ui-safe-50) / .9)
    }

    html .tailwind-area .bg-safe-50\/95 {
        background-color: rgb(var(--ui-safe-50) / .95)
    }

    html .tailwind-area .bg-safe-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-safe-500) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-safe-500\/0 {
        background-color: rgb(var(--ui-safe-500) / 0)
    }

    html .tailwind-area .bg-safe-500\/10 {
        background-color: rgb(var(--ui-safe-500) / .1)
    }

    html .tailwind-area .bg-safe-500\/100 {
        background-color: rgb(var(--ui-safe-500) / 1)
    }

    html .tailwind-area .bg-safe-500\/15 {
        background-color: rgb(var(--ui-safe-500) / .15)
    }

    html .tailwind-area .bg-safe-500\/20 {
        background-color: rgb(var(--ui-safe-500) / .2)
    }

    html .tailwind-area .bg-safe-500\/25 {
        background-color: rgb(var(--ui-safe-500) / .25)
    }

    html .tailwind-area .bg-safe-500\/30 {
        background-color: rgb(var(--ui-safe-500) / .3)
    }

    html .tailwind-area .bg-safe-500\/35 {
        background-color: rgb(var(--ui-safe-500) / .35)
    }

    html .tailwind-area .bg-safe-500\/40 {
        background-color: rgb(var(--ui-safe-500) / .4)
    }

    html .tailwind-area .bg-safe-500\/45 {
        background-color: rgb(var(--ui-safe-500) / .45)
    }

    html .tailwind-area .bg-safe-500\/5 {
        background-color: rgb(var(--ui-safe-500) / .05)
    }

    html .tailwind-area .bg-safe-500\/50 {
        background-color: rgb(var(--ui-safe-500) / .5)
    }

    html .tailwind-area .bg-safe-500\/55 {
        background-color: rgb(var(--ui-safe-500) / .55)
    }

    html .tailwind-area .bg-safe-500\/60 {
        background-color: rgb(var(--ui-safe-500) / .6)
    }

    html .tailwind-area .bg-safe-500\/65 {
        background-color: rgb(var(--ui-safe-500) / .65)
    }

    html .tailwind-area .bg-safe-500\/70 {
        background-color: rgb(var(--ui-safe-500) / .7)
    }

    html .tailwind-area .bg-safe-500\/75 {
        background-color: rgb(var(--ui-safe-500) / .75)
    }

    html .tailwind-area .bg-safe-500\/80 {
        background-color: rgb(var(--ui-safe-500) / .8)
    }

    html .tailwind-area .bg-safe-500\/85 {
        background-color: rgb(var(--ui-safe-500) / .85)
    }

    html .tailwind-area .bg-safe-500\/90 {
        background-color: rgb(var(--ui-safe-500) / .9)
    }

    html .tailwind-area .bg-safe-500\/95 {
        background-color: rgb(var(--ui-safe-500) / .95)
    }

    html .tailwind-area .bg-safe-600 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-safe-600) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-safe-600\/0 {
        background-color: rgb(var(--ui-safe-600) / 0)
    }

    html .tailwind-area .bg-safe-600\/10 {
        background-color: rgb(var(--ui-safe-600) / .1)
    }

    html .tailwind-area .bg-safe-600\/100 {
        background-color: rgb(var(--ui-safe-600) / 1)
    }

    html .tailwind-area .bg-safe-600\/15 {
        background-color: rgb(var(--ui-safe-600) / .15)
    }

    html .tailwind-area .bg-safe-600\/20 {
        background-color: rgb(var(--ui-safe-600) / .2)
    }

    html .tailwind-area .bg-safe-600\/25 {
        background-color: rgb(var(--ui-safe-600) / .25)
    }

    html .tailwind-area .bg-safe-600\/30 {
        background-color: rgb(var(--ui-safe-600) / .3)
    }

    html .tailwind-area .bg-safe-600\/35 {
        background-color: rgb(var(--ui-safe-600) / .35)
    }

    html .tailwind-area .bg-safe-600\/40 {
        background-color: rgb(var(--ui-safe-600) / .4)
    }

    html .tailwind-area .bg-safe-600\/45 {
        background-color: rgb(var(--ui-safe-600) / .45)
    }

    html .tailwind-area .bg-safe-600\/5 {
        background-color: rgb(var(--ui-safe-600) / .05)
    }

    html .tailwind-area .bg-safe-600\/50 {
        background-color: rgb(var(--ui-safe-600) / .5)
    }

    html .tailwind-area .bg-safe-600\/55 {
        background-color: rgb(var(--ui-safe-600) / .55)
    }

    html .tailwind-area .bg-safe-600\/60 {
        background-color: rgb(var(--ui-safe-600) / .6)
    }

    html .tailwind-area .bg-safe-600\/65 {
        background-color: rgb(var(--ui-safe-600) / .65)
    }

    html .tailwind-area .bg-safe-600\/70 {
        background-color: rgb(var(--ui-safe-600) / .7)
    }

    html .tailwind-area .bg-safe-600\/75 {
        background-color: rgb(var(--ui-safe-600) / .75)
    }

    html .tailwind-area .bg-safe-600\/80 {
        background-color: rgb(var(--ui-safe-600) / .8)
    }

    html .tailwind-area .bg-safe-600\/85 {
        background-color: rgb(var(--ui-safe-600) / .85)
    }

    html .tailwind-area .bg-safe-600\/90 {
        background-color: rgb(var(--ui-safe-600) / .9)
    }

    html .tailwind-area .bg-safe-600\/95 {
        background-color: rgb(var(--ui-safe-600) / .95)
    }

    html .tailwind-area .bg-safe-700 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-safe-700) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-safe-700\/0 {
        background-color: rgb(var(--ui-safe-700) / 0)
    }

    html .tailwind-area .bg-safe-700\/10 {
        background-color: rgb(var(--ui-safe-700) / .1)
    }

    html .tailwind-area .bg-safe-700\/100 {
        background-color: rgb(var(--ui-safe-700) / 1)
    }

    html .tailwind-area .bg-safe-700\/15 {
        background-color: rgb(var(--ui-safe-700) / .15)
    }

    html .tailwind-area .bg-safe-700\/20 {
        background-color: rgb(var(--ui-safe-700) / .2)
    }

    html .tailwind-area .bg-safe-700\/25 {
        background-color: rgb(var(--ui-safe-700) / .25)
    }

    html .tailwind-area .bg-safe-700\/30 {
        background-color: rgb(var(--ui-safe-700) / .3)
    }

    html .tailwind-area .bg-safe-700\/35 {
        background-color: rgb(var(--ui-safe-700) / .35)
    }

    html .tailwind-area .bg-safe-700\/40 {
        background-color: rgb(var(--ui-safe-700) / .4)
    }

    html .tailwind-area .bg-safe-700\/45 {
        background-color: rgb(var(--ui-safe-700) / .45)
    }

    html .tailwind-area .bg-safe-700\/5 {
        background-color: rgb(var(--ui-safe-700) / .05)
    }

    html .tailwind-area .bg-safe-700\/50 {
        background-color: rgb(var(--ui-safe-700) / .5)
    }

    html .tailwind-area .bg-safe-700\/55 {
        background-color: rgb(var(--ui-safe-700) / .55)
    }

    html .tailwind-area .bg-safe-700\/60 {
        background-color: rgb(var(--ui-safe-700) / .6)
    }

    html .tailwind-area .bg-safe-700\/65 {
        background-color: rgb(var(--ui-safe-700) / .65)
    }

    html .tailwind-area .bg-safe-700\/70 {
        background-color: rgb(var(--ui-safe-700) / .7)
    }

    html .tailwind-area .bg-safe-700\/75 {
        background-color: rgb(var(--ui-safe-700) / .75)
    }

    html .tailwind-area .bg-safe-700\/80 {
        background-color: rgb(var(--ui-safe-700) / .8)
    }

    html .tailwind-area .bg-safe-700\/85 {
        background-color: rgb(var(--ui-safe-700) / .85)
    }

    html .tailwind-area .bg-safe-700\/90 {
        background-color: rgb(var(--ui-safe-700) / .9)
    }

    html .tailwind-area .bg-safe-700\/95 {
        background-color: rgb(var(--ui-safe-700) / .95)
    }

    html .tailwind-area .bg-safe-800 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-safe-800) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-safe-800\/0 {
        background-color: rgb(var(--ui-safe-800) / 0)
    }

    html .tailwind-area .bg-safe-800\/10 {
        background-color: rgb(var(--ui-safe-800) / .1)
    }

    html .tailwind-area .bg-safe-800\/100 {
        background-color: rgb(var(--ui-safe-800) / 1)
    }

    html .tailwind-area .bg-safe-800\/15 {
        background-color: rgb(var(--ui-safe-800) / .15)
    }

    html .tailwind-area .bg-safe-800\/20 {
        background-color: rgb(var(--ui-safe-800) / .2)
    }

    html .tailwind-area .bg-safe-800\/25 {
        background-color: rgb(var(--ui-safe-800) / .25)
    }

    html .tailwind-area .bg-safe-800\/30 {
        background-color: rgb(var(--ui-safe-800) / .3)
    }

    html .tailwind-area .bg-safe-800\/35 {
        background-color: rgb(var(--ui-safe-800) / .35)
    }

    html .tailwind-area .bg-safe-800\/40 {
        background-color: rgb(var(--ui-safe-800) / .4)
    }

    html .tailwind-area .bg-safe-800\/45 {
        background-color: rgb(var(--ui-safe-800) / .45)
    }

    html .tailwind-area .bg-safe-800\/5 {
        background-color: rgb(var(--ui-safe-800) / .05)
    }

    html .tailwind-area .bg-safe-800\/50 {
        background-color: rgb(var(--ui-safe-800) / .5)
    }

    html .tailwind-area .bg-safe-800\/55 {
        background-color: rgb(var(--ui-safe-800) / .55)
    }

    html .tailwind-area .bg-safe-800\/60 {
        background-color: rgb(var(--ui-safe-800) / .6)
    }

    html .tailwind-area .bg-safe-800\/65 {
        background-color: rgb(var(--ui-safe-800) / .65)
    }

    html .tailwind-area .bg-safe-800\/70 {
        background-color: rgb(var(--ui-safe-800) / .7)
    }

    html .tailwind-area .bg-safe-800\/75 {
        background-color: rgb(var(--ui-safe-800) / .75)
    }

    html .tailwind-area .bg-safe-800\/80 {
        background-color: rgb(var(--ui-safe-800) / .8)
    }

    html .tailwind-area .bg-safe-800\/85 {
        background-color: rgb(var(--ui-safe-800) / .85)
    }

    html .tailwind-area .bg-safe-800\/90 {
        background-color: rgb(var(--ui-safe-800) / .9)
    }

    html .tailwind-area .bg-safe-800\/95 {
        background-color: rgb(var(--ui-safe-800) / .95)
    }

    html .tailwind-area .bg-safe-900 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-safe-900) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-safe-900\/0 {
        background-color: rgb(var(--ui-safe-900) / 0)
    }

    html .tailwind-area .bg-safe-900\/10 {
        background-color: rgb(var(--ui-safe-900) / .1)
    }

    html .tailwind-area .bg-safe-900\/100 {
        background-color: rgb(var(--ui-safe-900) / 1)
    }

    html .tailwind-area .bg-safe-900\/15 {
        background-color: rgb(var(--ui-safe-900) / .15)
    }

    html .tailwind-area .bg-safe-900\/20 {
        background-color: rgb(var(--ui-safe-900) / .2)
    }

    html .tailwind-area .bg-safe-900\/25 {
        background-color: rgb(var(--ui-safe-900) / .25)
    }

    html .tailwind-area .bg-safe-900\/30 {
        background-color: rgb(var(--ui-safe-900) / .3)
    }

    html .tailwind-area .bg-safe-900\/35 {
        background-color: rgb(var(--ui-safe-900) / .35)
    }

    html .tailwind-area .bg-safe-900\/40 {
        background-color: rgb(var(--ui-safe-900) / .4)
    }

    html .tailwind-area .bg-safe-900\/45 {
        background-color: rgb(var(--ui-safe-900) / .45)
    }

    html .tailwind-area .bg-safe-900\/5 {
        background-color: rgb(var(--ui-safe-900) / .05)
    }

    html .tailwind-area .bg-safe-900\/50 {
        background-color: rgb(var(--ui-safe-900) / .5)
    }

    html .tailwind-area .bg-safe-900\/55 {
        background-color: rgb(var(--ui-safe-900) / .55)
    }

    html .tailwind-area .bg-safe-900\/60 {
        background-color: rgb(var(--ui-safe-900) / .6)
    }

    html .tailwind-area .bg-safe-900\/65 {
        background-color: rgb(var(--ui-safe-900) / .65)
    }

    html .tailwind-area .bg-safe-900\/70 {
        background-color: rgb(var(--ui-safe-900) / .7)
    }

    html .tailwind-area .bg-safe-900\/75 {
        background-color: rgb(var(--ui-safe-900) / .75)
    }

    html .tailwind-area .bg-safe-900\/80 {
        background-color: rgb(var(--ui-safe-900) / .8)
    }

    html .tailwind-area .bg-safe-900\/85 {
        background-color: rgb(var(--ui-safe-900) / .85)
    }

    html .tailwind-area .bg-safe-900\/90 {
        background-color: rgb(var(--ui-safe-900) / .9)
    }

    html .tailwind-area .bg-safe-900\/95 {
        background-color: rgb(var(--ui-safe-900) / .95)
    }

    html .tailwind-area .bg-stone-800 {
        --tw-bg-opacity: 1;
        background-color: rgb(41 37 36 / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-transparent {
        background-color: transparent
    }

    html .tailwind-area .bg-warning {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-warning-500) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-warning-100 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-warning-100) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-warning-100\/0 {
        background-color: rgb(var(--ui-warning-100) / 0)
    }

    html .tailwind-area .bg-warning-100\/10 {
        background-color: rgb(var(--ui-warning-100) / .1)
    }

    html .tailwind-area .bg-warning-100\/100 {
        background-color: rgb(var(--ui-warning-100) / 1)
    }

    html .tailwind-area .bg-warning-100\/15 {
        background-color: rgb(var(--ui-warning-100) / .15)
    }

    html .tailwind-area .bg-warning-100\/20 {
        background-color: rgb(var(--ui-warning-100) / .2)
    }

    html .tailwind-area .bg-warning-100\/25 {
        background-color: rgb(var(--ui-warning-100) / .25)
    }

    html .tailwind-area .bg-warning-100\/30 {
        background-color: rgb(var(--ui-warning-100) / .3)
    }

    html .tailwind-area .bg-warning-100\/35 {
        background-color: rgb(var(--ui-warning-100) / .35)
    }

    html .tailwind-area .bg-warning-100\/40 {
        background-color: rgb(var(--ui-warning-100) / .4)
    }

    html .tailwind-area .bg-warning-100\/45 {
        background-color: rgb(var(--ui-warning-100) / .45)
    }

    html .tailwind-area .bg-warning-100\/5 {
        background-color: rgb(var(--ui-warning-100) / .05)
    }

    html .tailwind-area .bg-warning-100\/50 {
        background-color: rgb(var(--ui-warning-100) / .5)
    }

    html .tailwind-area .bg-warning-100\/55 {
        background-color: rgb(var(--ui-warning-100) / .55)
    }

    html .tailwind-area .bg-warning-100\/60 {
        background-color: rgb(var(--ui-warning-100) / .6)
    }

    html .tailwind-area .bg-warning-100\/65 {
        background-color: rgb(var(--ui-warning-100) / .65)
    }

    html .tailwind-area .bg-warning-100\/70 {
        background-color: rgb(var(--ui-warning-100) / .7)
    }

    html .tailwind-area .bg-warning-100\/75 {
        background-color: rgb(var(--ui-warning-100) / .75)
    }

    html .tailwind-area .bg-warning-100\/80 {
        background-color: rgb(var(--ui-warning-100) / .8)
    }

    html .tailwind-area .bg-warning-100\/85 {
        background-color: rgb(var(--ui-warning-100) / .85)
    }

    html .tailwind-area .bg-warning-100\/90 {
        background-color: rgb(var(--ui-warning-100) / .9)
    }

    html .tailwind-area .bg-warning-100\/95 {
        background-color: rgb(var(--ui-warning-100) / .95)
    }

    html .tailwind-area .bg-warning-200 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-warning-200) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-warning-200\/0 {
        background-color: rgb(var(--ui-warning-200) / 0)
    }

    html .tailwind-area .bg-warning-200\/10 {
        background-color: rgb(var(--ui-warning-200) / .1)
    }

    html .tailwind-area .bg-warning-200\/100 {
        background-color: rgb(var(--ui-warning-200) / 1)
    }

    html .tailwind-area .bg-warning-200\/15 {
        background-color: rgb(var(--ui-warning-200) / .15)
    }

    html .tailwind-area .bg-warning-200\/20 {
        background-color: rgb(var(--ui-warning-200) / .2)
    }

    html .tailwind-area .bg-warning-200\/25 {
        background-color: rgb(var(--ui-warning-200) / .25)
    }

    html .tailwind-area .bg-warning-200\/30 {
        background-color: rgb(var(--ui-warning-200) / .3)
    }

    html .tailwind-area .bg-warning-200\/35 {
        background-color: rgb(var(--ui-warning-200) / .35)
    }

    html .tailwind-area .bg-warning-200\/40 {
        background-color: rgb(var(--ui-warning-200) / .4)
    }

    html .tailwind-area .bg-warning-200\/45 {
        background-color: rgb(var(--ui-warning-200) / .45)
    }

    html .tailwind-area .bg-warning-200\/5 {
        background-color: rgb(var(--ui-warning-200) / .05)
    }

    html .tailwind-area .bg-warning-200\/50 {
        background-color: rgb(var(--ui-warning-200) / .5)
    }

    html .tailwind-area .bg-warning-200\/55 {
        background-color: rgb(var(--ui-warning-200) / .55)
    }

    html .tailwind-area .bg-warning-200\/60 {
        background-color: rgb(var(--ui-warning-200) / .6)
    }

    html .tailwind-area .bg-warning-200\/65 {
        background-color: rgb(var(--ui-warning-200) / .65)
    }

    html .tailwind-area .bg-warning-200\/70 {
        background-color: rgb(var(--ui-warning-200) / .7)
    }

    html .tailwind-area .bg-warning-200\/75 {
        background-color: rgb(var(--ui-warning-200) / .75)
    }

    html .tailwind-area .bg-warning-200\/80 {
        background-color: rgb(var(--ui-warning-200) / .8)
    }

    html .tailwind-area .bg-warning-200\/85 {
        background-color: rgb(var(--ui-warning-200) / .85)
    }

    html .tailwind-area .bg-warning-200\/90 {
        background-color: rgb(var(--ui-warning-200) / .9)
    }

    html .tailwind-area .bg-warning-200\/95 {
        background-color: rgb(var(--ui-warning-200) / .95)
    }

    html .tailwind-area .bg-warning-300 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-warning-300) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-warning-300\/0 {
        background-color: rgb(var(--ui-warning-300) / 0)
    }

    html .tailwind-area .bg-warning-300\/10 {
        background-color: rgb(var(--ui-warning-300) / .1)
    }

    html .tailwind-area .bg-warning-300\/100 {
        background-color: rgb(var(--ui-warning-300) / 1)
    }

    html .tailwind-area .bg-warning-300\/15 {
        background-color: rgb(var(--ui-warning-300) / .15)
    }

    html .tailwind-area .bg-warning-300\/20 {
        background-color: rgb(var(--ui-warning-300) / .2)
    }

    html .tailwind-area .bg-warning-300\/25 {
        background-color: rgb(var(--ui-warning-300) / .25)
    }

    html .tailwind-area .bg-warning-300\/30 {
        background-color: rgb(var(--ui-warning-300) / .3)
    }

    html .tailwind-area .bg-warning-300\/35 {
        background-color: rgb(var(--ui-warning-300) / .35)
    }

    html .tailwind-area .bg-warning-300\/40 {
        background-color: rgb(var(--ui-warning-300) / .4)
    }

    html .tailwind-area .bg-warning-300\/45 {
        background-color: rgb(var(--ui-warning-300) / .45)
    }

    html .tailwind-area .bg-warning-300\/5 {
        background-color: rgb(var(--ui-warning-300) / .05)
    }

    html .tailwind-area .bg-warning-300\/50 {
        background-color: rgb(var(--ui-warning-300) / .5)
    }

    html .tailwind-area .bg-warning-300\/55 {
        background-color: rgb(var(--ui-warning-300) / .55)
    }

    html .tailwind-area .bg-warning-300\/60 {
        background-color: rgb(var(--ui-warning-300) / .6)
    }

    html .tailwind-area .bg-warning-300\/65 {
        background-color: rgb(var(--ui-warning-300) / .65)
    }

    html .tailwind-area .bg-warning-300\/70 {
        background-color: rgb(var(--ui-warning-300) / .7)
    }

    html .tailwind-area .bg-warning-300\/75 {
        background-color: rgb(var(--ui-warning-300) / .75)
    }

    html .tailwind-area .bg-warning-300\/80 {
        background-color: rgb(var(--ui-warning-300) / .8)
    }

    html .tailwind-area .bg-warning-300\/85 {
        background-color: rgb(var(--ui-warning-300) / .85)
    }

    html .tailwind-area .bg-warning-300\/90 {
        background-color: rgb(var(--ui-warning-300) / .9)
    }

    html .tailwind-area .bg-warning-300\/95 {
        background-color: rgb(var(--ui-warning-300) / .95)
    }

    html .tailwind-area .bg-warning-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-warning-400) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-warning-400\/0 {
        background-color: rgb(var(--ui-warning-400) / 0)
    }

    html .tailwind-area .bg-warning-400\/10 {
        background-color: rgb(var(--ui-warning-400) / .1)
    }

    html .tailwind-area .bg-warning-400\/100 {
        background-color: rgb(var(--ui-warning-400) / 1)
    }

    html .tailwind-area .bg-warning-400\/15 {
        background-color: rgb(var(--ui-warning-400) / .15)
    }

    html .tailwind-area .bg-warning-400\/20 {
        background-color: rgb(var(--ui-warning-400) / .2)
    }

    html .tailwind-area .bg-warning-400\/25 {
        background-color: rgb(var(--ui-warning-400) / .25)
    }

    html .tailwind-area .bg-warning-400\/30 {
        background-color: rgb(var(--ui-warning-400) / .3)
    }

    html .tailwind-area .bg-warning-400\/35 {
        background-color: rgb(var(--ui-warning-400) / .35)
    }

    html .tailwind-area .bg-warning-400\/40 {
        background-color: rgb(var(--ui-warning-400) / .4)
    }

    html .tailwind-area .bg-warning-400\/45 {
        background-color: rgb(var(--ui-warning-400) / .45)
    }

    html .tailwind-area .bg-warning-400\/5 {
        background-color: rgb(var(--ui-warning-400) / .05)
    }

    html .tailwind-area .bg-warning-400\/50 {
        background-color: rgb(var(--ui-warning-400) / .5)
    }

    html .tailwind-area .bg-warning-400\/55 {
        background-color: rgb(var(--ui-warning-400) / .55)
    }

    html .tailwind-area .bg-warning-400\/60 {
        background-color: rgb(var(--ui-warning-400) / .6)
    }

    html .tailwind-area .bg-warning-400\/65 {
        background-color: rgb(var(--ui-warning-400) / .65)
    }

    html .tailwind-area .bg-warning-400\/70 {
        background-color: rgb(var(--ui-warning-400) / .7)
    }

    html .tailwind-area .bg-warning-400\/75 {
        background-color: rgb(var(--ui-warning-400) / .75)
    }

    html .tailwind-area .bg-warning-400\/80 {
        background-color: rgb(var(--ui-warning-400) / .8)
    }

    html .tailwind-area .bg-warning-400\/85 {
        background-color: rgb(var(--ui-warning-400) / .85)
    }

    html .tailwind-area .bg-warning-400\/90 {
        background-color: rgb(var(--ui-warning-400) / .9)
    }

    html .tailwind-area .bg-warning-400\/95 {
        background-color: rgb(var(--ui-warning-400) / .95)
    }

    html .tailwind-area .bg-warning-50 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-warning-50) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-warning-50\/0 {
        background-color: rgb(var(--ui-warning-50) / 0)
    }

    html .tailwind-area .bg-warning-50\/10 {
        background-color: rgb(var(--ui-warning-50) / .1)
    }

    html .tailwind-area .bg-warning-50\/100 {
        background-color: rgb(var(--ui-warning-50) / 1)
    }

    html .tailwind-area .bg-warning-50\/15 {
        background-color: rgb(var(--ui-warning-50) / .15)
    }

    html .tailwind-area .bg-warning-50\/20 {
        background-color: rgb(var(--ui-warning-50) / .2)
    }

    html .tailwind-area .bg-warning-50\/25 {
        background-color: rgb(var(--ui-warning-50) / .25)
    }

    html .tailwind-area .bg-warning-50\/30 {
        background-color: rgb(var(--ui-warning-50) / .3)
    }

    html .tailwind-area .bg-warning-50\/35 {
        background-color: rgb(var(--ui-warning-50) / .35)
    }

    html .tailwind-area .bg-warning-50\/40 {
        background-color: rgb(var(--ui-warning-50) / .4)
    }

    html .tailwind-area .bg-warning-50\/45 {
        background-color: rgb(var(--ui-warning-50) / .45)
    }

    html .tailwind-area .bg-warning-50\/5 {
        background-color: rgb(var(--ui-warning-50) / .05)
    }

    html .tailwind-area .bg-warning-50\/50 {
        background-color: rgb(var(--ui-warning-50) / .5)
    }

    html .tailwind-area .bg-warning-50\/55 {
        background-color: rgb(var(--ui-warning-50) / .55)
    }

    html .tailwind-area .bg-warning-50\/60 {
        background-color: rgb(var(--ui-warning-50) / .6)
    }

    html .tailwind-area .bg-warning-50\/65 {
        background-color: rgb(var(--ui-warning-50) / .65)
    }

    html .tailwind-area .bg-warning-50\/70 {
        background-color: rgb(var(--ui-warning-50) / .7)
    }

    html .tailwind-area .bg-warning-50\/75 {
        background-color: rgb(var(--ui-warning-50) / .75)
    }

    html .tailwind-area .bg-warning-50\/80 {
        background-color: rgb(var(--ui-warning-50) / .8)
    }

    html .tailwind-area .bg-warning-50\/85 {
        background-color: rgb(var(--ui-warning-50) / .85)
    }

    html .tailwind-area .bg-warning-50\/90 {
        background-color: rgb(var(--ui-warning-50) / .9)
    }

    html .tailwind-area .bg-warning-50\/95 {
        background-color: rgb(var(--ui-warning-50) / .95)
    }

    html .tailwind-area .bg-warning-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-warning-500) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-warning-500\/0 {
        background-color: rgb(var(--ui-warning-500) / 0)
    }

    html .tailwind-area .bg-warning-500\/10 {
        background-color: rgb(var(--ui-warning-500) / .1)
    }

    html .tailwind-area .bg-warning-500\/100 {
        background-color: rgb(var(--ui-warning-500) / 1)
    }

    html .tailwind-area .bg-warning-500\/15 {
        background-color: rgb(var(--ui-warning-500) / .15)
    }

    html .tailwind-area .bg-warning-500\/20 {
        background-color: rgb(var(--ui-warning-500) / .2)
    }

    html .tailwind-area .bg-warning-500\/25 {
        background-color: rgb(var(--ui-warning-500) / .25)
    }

    html .tailwind-area .bg-warning-500\/30 {
        background-color: rgb(var(--ui-warning-500) / .3)
    }

    html .tailwind-area .bg-warning-500\/35 {
        background-color: rgb(var(--ui-warning-500) / .35)
    }

    html .tailwind-area .bg-warning-500\/40 {
        background-color: rgb(var(--ui-warning-500) / .4)
    }

    html .tailwind-area .bg-warning-500\/45 {
        background-color: rgb(var(--ui-warning-500) / .45)
    }

    html .tailwind-area .bg-warning-500\/5 {
        background-color: rgb(var(--ui-warning-500) / .05)
    }

    html .tailwind-area .bg-warning-500\/50 {
        background-color: rgb(var(--ui-warning-500) / .5)
    }

    html .tailwind-area .bg-warning-500\/55 {
        background-color: rgb(var(--ui-warning-500) / .55)
    }

    html .tailwind-area .bg-warning-500\/60 {
        background-color: rgb(var(--ui-warning-500) / .6)
    }

    html .tailwind-area .bg-warning-500\/65 {
        background-color: rgb(var(--ui-warning-500) / .65)
    }

    html .tailwind-area .bg-warning-500\/70 {
        background-color: rgb(var(--ui-warning-500) / .7)
    }

    html .tailwind-area .bg-warning-500\/75 {
        background-color: rgb(var(--ui-warning-500) / .75)
    }

    html .tailwind-area .bg-warning-500\/80 {
        background-color: rgb(var(--ui-warning-500) / .8)
    }

    html .tailwind-area .bg-warning-500\/85 {
        background-color: rgb(var(--ui-warning-500) / .85)
    }

    html .tailwind-area .bg-warning-500\/90 {
        background-color: rgb(var(--ui-warning-500) / .9)
    }

    html .tailwind-area .bg-warning-500\/95 {
        background-color: rgb(var(--ui-warning-500) / .95)
    }

    html .tailwind-area .bg-warning-600 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-warning-600) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-warning-600\/0 {
        background-color: rgb(var(--ui-warning-600) / 0)
    }

    html .tailwind-area .bg-warning-600\/10 {
        background-color: rgb(var(--ui-warning-600) / .1)
    }

    html .tailwind-area .bg-warning-600\/100 {
        background-color: rgb(var(--ui-warning-600) / 1)
    }

    html .tailwind-area .bg-warning-600\/15 {
        background-color: rgb(var(--ui-warning-600) / .15)
    }

    html .tailwind-area .bg-warning-600\/20 {
        background-color: rgb(var(--ui-warning-600) / .2)
    }

    html .tailwind-area .bg-warning-600\/25 {
        background-color: rgb(var(--ui-warning-600) / .25)
    }

    html .tailwind-area .bg-warning-600\/30 {
        background-color: rgb(var(--ui-warning-600) / .3)
    }

    html .tailwind-area .bg-warning-600\/35 {
        background-color: rgb(var(--ui-warning-600) / .35)
    }

    html .tailwind-area .bg-warning-600\/40 {
        background-color: rgb(var(--ui-warning-600) / .4)
    }

    html .tailwind-area .bg-warning-600\/45 {
        background-color: rgb(var(--ui-warning-600) / .45)
    }

    html .tailwind-area .bg-warning-600\/5 {
        background-color: rgb(var(--ui-warning-600) / .05)
    }

    html .tailwind-area .bg-warning-600\/50 {
        background-color: rgb(var(--ui-warning-600) / .5)
    }

    html .tailwind-area .bg-warning-600\/55 {
        background-color: rgb(var(--ui-warning-600) / .55)
    }

    html .tailwind-area .bg-warning-600\/60 {
        background-color: rgb(var(--ui-warning-600) / .6)
    }

    html .tailwind-area .bg-warning-600\/65 {
        background-color: rgb(var(--ui-warning-600) / .65)
    }

    html .tailwind-area .bg-warning-600\/70 {
        background-color: rgb(var(--ui-warning-600) / .7)
    }

    html .tailwind-area .bg-warning-600\/75 {
        background-color: rgb(var(--ui-warning-600) / .75)
    }

    html .tailwind-area .bg-warning-600\/80 {
        background-color: rgb(var(--ui-warning-600) / .8)
    }

    html .tailwind-area .bg-warning-600\/85 {
        background-color: rgb(var(--ui-warning-600) / .85)
    }

    html .tailwind-area .bg-warning-600\/90 {
        background-color: rgb(var(--ui-warning-600) / .9)
    }

    html .tailwind-area .bg-warning-600\/95 {
        background-color: rgb(var(--ui-warning-600) / .95)
    }

    html .tailwind-area .bg-warning-700 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-warning-700) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-warning-700\/0 {
        background-color: rgb(var(--ui-warning-700) / 0)
    }

    html .tailwind-area .bg-warning-700\/10 {
        background-color: rgb(var(--ui-warning-700) / .1)
    }

    html .tailwind-area .bg-warning-700\/100 {
        background-color: rgb(var(--ui-warning-700) / 1)
    }

    html .tailwind-area .bg-warning-700\/15 {
        background-color: rgb(var(--ui-warning-700) / .15)
    }

    html .tailwind-area .bg-warning-700\/20 {
        background-color: rgb(var(--ui-warning-700) / .2)
    }

    html .tailwind-area .bg-warning-700\/25 {
        background-color: rgb(var(--ui-warning-700) / .25)
    }

    html .tailwind-area .bg-warning-700\/30 {
        background-color: rgb(var(--ui-warning-700) / .3)
    }

    html .tailwind-area .bg-warning-700\/35 {
        background-color: rgb(var(--ui-warning-700) / .35)
    }

    html .tailwind-area .bg-warning-700\/40 {
        background-color: rgb(var(--ui-warning-700) / .4)
    }

    html .tailwind-area .bg-warning-700\/45 {
        background-color: rgb(var(--ui-warning-700) / .45)
    }

    html .tailwind-area .bg-warning-700\/5 {
        background-color: rgb(var(--ui-warning-700) / .05)
    }

    html .tailwind-area .bg-warning-700\/50 {
        background-color: rgb(var(--ui-warning-700) / .5)
    }

    html .tailwind-area .bg-warning-700\/55 {
        background-color: rgb(var(--ui-warning-700) / .55)
    }

    html .tailwind-area .bg-warning-700\/60 {
        background-color: rgb(var(--ui-warning-700) / .6)
    }

    html .tailwind-area .bg-warning-700\/65 {
        background-color: rgb(var(--ui-warning-700) / .65)
    }

    html .tailwind-area .bg-warning-700\/70 {
        background-color: rgb(var(--ui-warning-700) / .7)
    }

    html .tailwind-area .bg-warning-700\/75 {
        background-color: rgb(var(--ui-warning-700) / .75)
    }

    html .tailwind-area .bg-warning-700\/80 {
        background-color: rgb(var(--ui-warning-700) / .8)
    }

    html .tailwind-area .bg-warning-700\/85 {
        background-color: rgb(var(--ui-warning-700) / .85)
    }

    html .tailwind-area .bg-warning-700\/90 {
        background-color: rgb(var(--ui-warning-700) / .9)
    }

    html .tailwind-area .bg-warning-700\/95 {
        background-color: rgb(var(--ui-warning-700) / .95)
    }

    html .tailwind-area .bg-warning-800 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-warning-800) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-warning-800\/0 {
        background-color: rgb(var(--ui-warning-800) / 0)
    }

    html .tailwind-area .bg-warning-800\/10 {
        background-color: rgb(var(--ui-warning-800) / .1)
    }

    html .tailwind-area .bg-warning-800\/100 {
        background-color: rgb(var(--ui-warning-800) / 1)
    }

    html .tailwind-area .bg-warning-800\/15 {
        background-color: rgb(var(--ui-warning-800) / .15)
    }

    html .tailwind-area .bg-warning-800\/20 {
        background-color: rgb(var(--ui-warning-800) / .2)
    }

    html .tailwind-area .bg-warning-800\/25 {
        background-color: rgb(var(--ui-warning-800) / .25)
    }

    html .tailwind-area .bg-warning-800\/30 {
        background-color: rgb(var(--ui-warning-800) / .3)
    }

    html .tailwind-area .bg-warning-800\/35 {
        background-color: rgb(var(--ui-warning-800) / .35)
    }

    html .tailwind-area .bg-warning-800\/40 {
        background-color: rgb(var(--ui-warning-800) / .4)
    }

    html .tailwind-area .bg-warning-800\/45 {
        background-color: rgb(var(--ui-warning-800) / .45)
    }

    html .tailwind-area .bg-warning-800\/5 {
        background-color: rgb(var(--ui-warning-800) / .05)
    }

    html .tailwind-area .bg-warning-800\/50 {
        background-color: rgb(var(--ui-warning-800) / .5)
    }

    html .tailwind-area .bg-warning-800\/55 {
        background-color: rgb(var(--ui-warning-800) / .55)
    }

    html .tailwind-area .bg-warning-800\/60 {
        background-color: rgb(var(--ui-warning-800) / .6)
    }

    html .tailwind-area .bg-warning-800\/65 {
        background-color: rgb(var(--ui-warning-800) / .65)
    }

    html .tailwind-area .bg-warning-800\/70 {
        background-color: rgb(var(--ui-warning-800) / .7)
    }

    html .tailwind-area .bg-warning-800\/75 {
        background-color: rgb(var(--ui-warning-800) / .75)
    }

    html .tailwind-area .bg-warning-800\/80 {
        background-color: rgb(var(--ui-warning-800) / .8)
    }

    html .tailwind-area .bg-warning-800\/85 {
        background-color: rgb(var(--ui-warning-800) / .85)
    }

    html .tailwind-area .bg-warning-800\/90 {
        background-color: rgb(var(--ui-warning-800) / .9)
    }

    html .tailwind-area .bg-warning-800\/95 {
        background-color: rgb(var(--ui-warning-800) / .95)
    }

    html .tailwind-area .bg-warning-900 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-warning-900) / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-warning-900\/0 {
        background-color: rgb(var(--ui-warning-900) / 0)
    }

    html .tailwind-area .bg-warning-900\/10 {
        background-color: rgb(var(--ui-warning-900) / .1)
    }

    html .tailwind-area .bg-warning-900\/100 {
        background-color: rgb(var(--ui-warning-900) / 1)
    }

    html .tailwind-area .bg-warning-900\/15 {
        background-color: rgb(var(--ui-warning-900) / .15)
    }

    html .tailwind-area .bg-warning-900\/20 {
        background-color: rgb(var(--ui-warning-900) / .2)
    }

    html .tailwind-area .bg-warning-900\/25 {
        background-color: rgb(var(--ui-warning-900) / .25)
    }

    html .tailwind-area .bg-warning-900\/30 {
        background-color: rgb(var(--ui-warning-900) / .3)
    }

    html .tailwind-area .bg-warning-900\/35 {
        background-color: rgb(var(--ui-warning-900) / .35)
    }

    html .tailwind-area .bg-warning-900\/40 {
        background-color: rgb(var(--ui-warning-900) / .4)
    }

    html .tailwind-area .bg-warning-900\/45 {
        background-color: rgb(var(--ui-warning-900) / .45)
    }

    html .tailwind-area .bg-warning-900\/5 {
        background-color: rgb(var(--ui-warning-900) / .05)
    }

    html .tailwind-area .bg-warning-900\/50 {
        background-color: rgb(var(--ui-warning-900) / .5)
    }

    html .tailwind-area .bg-warning-900\/55 {
        background-color: rgb(var(--ui-warning-900) / .55)
    }

    html .tailwind-area .bg-warning-900\/60 {
        background-color: rgb(var(--ui-warning-900) / .6)
    }

    html .tailwind-area .bg-warning-900\/65 {
        background-color: rgb(var(--ui-warning-900) / .65)
    }

    html .tailwind-area .bg-warning-900\/70 {
        background-color: rgb(var(--ui-warning-900) / .7)
    }

    html .tailwind-area .bg-warning-900\/75 {
        background-color: rgb(var(--ui-warning-900) / .75)
    }

    html .tailwind-area .bg-warning-900\/80 {
        background-color: rgb(var(--ui-warning-900) / .8)
    }

    html .tailwind-area .bg-warning-900\/85 {
        background-color: rgb(var(--ui-warning-900) / .85)
    }

    html .tailwind-area .bg-warning-900\/90 {
        background-color: rgb(var(--ui-warning-900) / .9)
    }

    html .tailwind-area .bg-warning-900\/95 {
        background-color: rgb(var(--ui-warning-900) / .95)
    }

    html .tailwind-area .bg-white {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-white\/25 {
        background-color: #ffffff40
    }

    html .tailwind-area .bg-white\/5 {
        background-color: #ffffff0d
    }

    html .tailwind-area .bg-white\/60 {
        background-color: #fff9
    }

    html .tailwind-area .bg-zinc-600 {
        --tw-bg-opacity: 1;
        background-color: rgb(82 82 91 / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-zinc-700 {
        --tw-bg-opacity: 1;
        background-color: rgb(63 63 70 / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-zinc-900 {
        --tw-bg-opacity: 1;
        background-color: rgb(24 24 27 / var(--tw-bg-opacity))
    }

    html .tailwind-area .bg-contain {
        background-size: contain
    }

    html .tailwind-area .bg-center {
        background-position: center
    }

    html .tailwind-area .bg-left {
        background-position: left
    }

    html .tailwind-area .bg-no-repeat {
        background-repeat: no-repeat
    }

    html .tailwind-area .fill-danger-50 {
        fill: rgb(var(--ui-danger-50) / 1)
    }

    html .tailwind-area .fill-gray-700 {
        fill: #374151
    }

    html .tailwind-area .fill-neutral-50 {
        fill: rgb(var(--ui-neutral-50) / 1)
    }

    html .tailwind-area .fill-neutral-500 {
        fill: rgb(var(--ui-neutral-500) / 1)
    }

    html .tailwind-area .fill-primary-50 {
        fill: rgb(var(--ui-primary-50) / 1)
    }

    html .tailwind-area .fill-primary-600 {
        fill: rgb(var(--ui-primary-600) / 1)
    }

    html .tailwind-area .fill-safe-50 {
        fill: rgb(var(--ui-safe-50) / 1)
    }

    html .tailwind-area .fill-warning-50 {
        fill: rgb(var(--ui-warning-50) / 1)
    }

    html .tailwind-area .\  !p-0 {
        padding: 0 !important
    }

    html .tailwind-area .\  !p-2 {
        padding: .5rem !important
    }

    html .tailwind-area .p-0 {
        padding: 0
    }

    html .tailwind-area .p-0\.5 {
        padding: .125rem
    }

    html .tailwind-area .p-1 {
        padding: .25rem
    }

    html .tailwind-area .p-10 {
        padding: 2.5rem
    }

    html .tailwind-area .p-12 {
        padding: 3rem
    }

    html .tailwind-area .p-2 {
        padding: .5rem
    }

    html .tailwind-area .p-3 {
        padding: .75rem
    }

    html .tailwind-area .p-4 {
        padding: 1rem
    }

    html .tailwind-area .p-6 {
        padding: 1.5rem
    }

    html .tailwind-area .p-7 {
        padding: 1.75rem
    }

    html .tailwind-area .p-8 {
        padding: 2rem
    }

    html .tailwind-area .p-\[2px\] {
        padding: 2px
    }

    html .tailwind-area .p-px {
        padding: 1px
    }

    html .tailwind-area .px-0 {
        padding-left: 0;
        padding-right: 0
    }

    html .tailwind-area .px-0\.5 {
        padding-left: .125rem;
        padding-right: .125rem
    }

    html .tailwind-area .px-1 {
        padding-left: .25rem;
        padding-right: .25rem
    }

    html .tailwind-area .px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    html .tailwind-area .px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    html .tailwind-area .px-2 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    html .tailwind-area .px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    html .tailwind-area .px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    html .tailwind-area .px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    html .tailwind-area .px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    html .tailwind-area .px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    html .tailwind-area .px-\[1px\],
    html .tailwind-area .px-px {
        padding-left: 1px;
        padding-right: 1px
    }

    html .tailwind-area .py-1 {
        padding-top: .25rem;
        padding-bottom: .25rem
    }

    html .tailwind-area .py-1\.5 {
        padding-top: .375rem;
        padding-bottom: .375rem
    }

    html .tailwind-area .py-12 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    html .tailwind-area .py-2 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    html .tailwind-area .py-2\.5 {
        padding-top: .625rem;
        padding-bottom: .625rem
    }

    html .tailwind-area .py-3 {
        padding-top: .75rem;
        padding-bottom: .75rem
    }

    html .tailwind-area .py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    html .tailwind-area .py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    html .tailwind-area .py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    html .tailwind-area .py-px {
        padding-top: 1px;
        padding-bottom: 1px
    }

    html .tailwind-area .pb-0 {
        padding-bottom: 0
    }

    html .tailwind-area .pb-12 {
        padding-bottom: 3rem
    }

    html .tailwind-area .pb-2 {
        padding-bottom: .5rem
    }

    html .tailwind-area .pb-3 {
        padding-bottom: .75rem
    }

    html .tailwind-area .pb-4 {
        padding-bottom: 1rem
    }

    html .tailwind-area .pb-6 {
        padding-bottom: 1.5rem
    }

    html .tailwind-area .pb-8 {
        padding-bottom: 2rem
    }

    html .tailwind-area .pe-0 {
        padding-inline-end: 0px
    }

    html .tailwind-area .pe-10 {
        padding-inline-end: 2.5rem
    }

    html .tailwind-area .pe-2 {
        padding-inline-end: .5rem
    }

    html .tailwind-area .pe-3 {
        padding-inline-end: .75rem
    }

    html .tailwind-area .pe-4 {
        padding-inline-end: 1rem
    }

    html .tailwind-area .pe-6 {
        padding-inline-end: 1.5rem
    }

    html .tailwind-area .pe-8 {
        padding-inline-end: 2rem
    }

    html .tailwind-area .pl-0 {
        padding-left: 0
    }

    html .tailwind-area .pl-10 {
        padding-left: 2.5rem
    }

    html .tailwind-area .pl-16 {
        padding-left: 4rem
    }

    html .tailwind-area .pl-2 {
        padding-left: .5rem
    }

    html .tailwind-area .pl-4 {
        padding-left: 1rem
    }

    html .tailwind-area .pl-6 {
        padding-left: 1.5rem
    }

    html .tailwind-area .pr-10 {
        padding-right: 2.5rem
    }

    html .tailwind-area .pr-12 {
        padding-right: 3rem
    }

    html .tailwind-area .pr-2 {
        padding-right: .5rem
    }

    html .tailwind-area .pr-3 {
        padding-right: .75rem
    }

    html .tailwind-area .pr-4 {
        padding-right: 1rem
    }

    html .tailwind-area .pr-6 {
        padding-right: 1.5rem
    }

    html .tailwind-area .pr-8 {
        padding-right: 2rem
    }

    html .tailwind-area .ps-0 {
        padding-inline-start: 0px
    }

    html .tailwind-area .ps-10 {
        padding-inline-start: 2.5rem
    }

    html .tailwind-area .ps-2 {
        padding-inline-start: .5rem
    }

    html .tailwind-area .ps-20 {
        padding-inline-start: 5rem
    }

    html .tailwind-area .ps-4 {
        padding-inline-start: 1rem
    }

    html .tailwind-area .ps-6 {
        padding-inline-start: 1.5rem
    }

    html .tailwind-area .ps-7 {
        padding-inline-start: 1.75rem
    }

    html .tailwind-area .ps-8 {
        padding-inline-start: 2rem
    }

    html .tailwind-area .pt-10 {
        padding-top: 2.5rem
    }

    html .tailwind-area .pt-12 {
        padding-top: 3rem
    }

    html .tailwind-area .pt-2 {
        padding-top: .5rem
    }

    html .tailwind-area .pt-4 {
        padding-top: 1rem
    }

    html .tailwind-area .pt-6 {
        padding-top: 1.5rem
    }

    html .tailwind-area .pt-8 {
        padding-top: 2rem
    }

    html .tailwind-area .text-left {
        text-align: left
    }

    html .tailwind-area .text-center {
        text-align: center
    }

    html .tailwind-area .text-right {
        text-align: right
    }

    html .tailwind-area .text-start {
        text-align: start
    }

    html .tailwind-area .text-end {
        text-align: end
    }

    html .tailwind-area .indent-0 {
        text-indent: 0px
    }

    html .tailwind-area .align-baseline {
        vertical-align: baseline
    }

    html .tailwind-area .align-top {
        vertical-align: top
    }

    html .tailwind-area .align-middle {
        vertical-align: middle
    }

    html .tailwind-area .align-text-top {
        vertical-align: text-top
    }

    html .tailwind-area .align-text-bottom {
        vertical-align: text-bottom
    }

    html .tailwind-area .font-mono {
        font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, monospace, serif
    }

    html .tailwind-area .font-sans {
        font-family: Montserrat, sans-serif
    }

    html .tailwind-area .text-2xl {
        font-size: 2.4rem
    }

    html .tailwind-area .text-2xs {
        font-size: 1.1rem
    }

    html .tailwind-area .text-\[1\.3rem\] {
        font-size: 1.3rem
    }

    html .tailwind-area .text-\[13px\] {
        font-size: 13px
    }

    html .tailwind-area .text-\[1rem\] {
        font-size: 1rem
    }

    html .tailwind-area .text-\[8px\] {
        font-size: 8px
    }

    html .tailwind-area .text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    html .tailwind-area .text-lg {
        font-size: 1.8rem
    }

    html .tailwind-area .text-md {
        font-size: 1.6rem
    }

    html .tailwind-area .text-sm {
        font-size: 1.4rem
    }

    html .tailwind-area .text-xl {
        font-size: 2rem
    }

    html .tailwind-area .text-xs {
        font-size: 1.2rem
    }

    html .tailwind-area .font-bold {
        font-weight: 700
    }

    html .tailwind-area .font-light {
        font-weight: 300
    }

    html .tailwind-area .font-medium {
        font-weight: 500
    }

    html .tailwind-area .font-normal {
        font-weight: 400
    }

    html .tailwind-area .font-semibold {
        font-weight: 600
    }

    html .tailwind-area .uppercase {
        text-transform: uppercase
    }

    html .tailwind-area .lowercase {
        text-transform: lowercase
    }

    html .tailwind-area .capitalize {
        text-transform: capitalize
    }

    html .tailwind-area .normal-case {
        text-transform: none
    }

    html .tailwind-area .italic {
        font-style: italic
    }

    html .tailwind-area .leading-10 {
        line-height: 2.5rem
    }

    html .tailwind-area .leading-6 {
        line-height: 1.5rem
    }

    html .tailwind-area .leading-7 {
        line-height: 1.75rem
    }

    html .tailwind-area .leading-8 {
        line-height: 2rem
    }

    html .tailwind-area .leading-9 {
        line-height: 2.25rem
    }

    html .tailwind-area .leading-\[120\%\] {
        line-height: 120%
    }

    html .tailwind-area .leading-\[3\.5rem\] {
        line-height: 3.5rem
    }

    html .tailwind-area .leading-\[3rem\] {
        line-height: 3rem
    }

    html .tailwind-area .leading-none {
        line-height: 1
    }

    html .tailwind-area .leading-normal {
        line-height: 1.5
    }

    html .tailwind-area .leading-relaxed {
        line-height: 1.625
    }

    html .tailwind-area .leading-snug {
        line-height: 1.375
    }

    html .tailwind-area .leading-tight {
        line-height: 1.25
    }

    html .tailwind-area .tracking-wide {
        letter-spacing: .025em
    }

    html .tailwind-area .tracking-wider {
        letter-spacing: .05em
    }

    html .tailwind-area .tracking-widest {
        letter-spacing: .1em
    }

    html .tailwind-area .text-\[\#b4d273\] {
        --tw-text-opacity: 1;
        color: rgb(180 210 115 / var(--tw-text-opacity))
    }

    html .tailwind-area .text-amber-400 {
        --tw-text-opacity: 1;
        color: rgb(251 191 36 / var(--tw-text-opacity))
    }

    html .tailwind-area .text-amber-500 {
        --tw-text-opacity: 1;
        color: rgb(245 158 11 / var(--tw-text-opacity))
    }

    html .tailwind-area .text-amber-800 {
        --tw-text-opacity: 1;
        color: rgb(146 64 14 / var(--tw-text-opacity))
    }

    html .tailwind-area .text-black {
        --tw-text-opacity: 1;
        color: rgb(0 0 0 / var(--tw-text-opacity))
    }

    html .tailwind-area .text-danger {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-danger-500) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-danger-100 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-danger-100) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-danger-100\/0 {
        color: rgb(var(--ui-danger-100) / 0)
    }

    html .tailwind-area .text-danger-100\/10 {
        color: rgb(var(--ui-danger-100) / .1)
    }

    html .tailwind-area .text-danger-100\/100 {
        color: rgb(var(--ui-danger-100) / 1)
    }

    html .tailwind-area .text-danger-100\/15 {
        color: rgb(var(--ui-danger-100) / .15)
    }

    html .tailwind-area .text-danger-100\/20 {
        color: rgb(var(--ui-danger-100) / .2)
    }

    html .tailwind-area .text-danger-100\/25 {
        color: rgb(var(--ui-danger-100) / .25)
    }

    html .tailwind-area .text-danger-100\/30 {
        color: rgb(var(--ui-danger-100) / .3)
    }

    html .tailwind-area .text-danger-100\/35 {
        color: rgb(var(--ui-danger-100) / .35)
    }

    html .tailwind-area .text-danger-100\/40 {
        color: rgb(var(--ui-danger-100) / .4)
    }

    html .tailwind-area .text-danger-100\/45 {
        color: rgb(var(--ui-danger-100) / .45)
    }

    html .tailwind-area .text-danger-100\/5 {
        color: rgb(var(--ui-danger-100) / .05)
    }

    html .tailwind-area .text-danger-100\/50 {
        color: rgb(var(--ui-danger-100) / .5)
    }

    html .tailwind-area .text-danger-100\/55 {
        color: rgb(var(--ui-danger-100) / .55)
    }

    html .tailwind-area .text-danger-100\/60 {
        color: rgb(var(--ui-danger-100) / .6)
    }

    html .tailwind-area .text-danger-100\/65 {
        color: rgb(var(--ui-danger-100) / .65)
    }

    html .tailwind-area .text-danger-100\/70 {
        color: rgb(var(--ui-danger-100) / .7)
    }

    html .tailwind-area .text-danger-100\/75 {
        color: rgb(var(--ui-danger-100) / .75)
    }

    html .tailwind-area .text-danger-100\/80 {
        color: rgb(var(--ui-danger-100) / .8)
    }

    html .tailwind-area .text-danger-100\/85 {
        color: rgb(var(--ui-danger-100) / .85)
    }

    html .tailwind-area .text-danger-100\/90 {
        color: rgb(var(--ui-danger-100) / .9)
    }

    html .tailwind-area .text-danger-100\/95 {
        color: rgb(var(--ui-danger-100) / .95)
    }

    html .tailwind-area .text-danger-200 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-danger-200) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-danger-200\/0 {
        color: rgb(var(--ui-danger-200) / 0)
    }

    html .tailwind-area .text-danger-200\/10 {
        color: rgb(var(--ui-danger-200) / .1)
    }

    html .tailwind-area .text-danger-200\/100 {
        color: rgb(var(--ui-danger-200) / 1)
    }

    html .tailwind-area .text-danger-200\/15 {
        color: rgb(var(--ui-danger-200) / .15)
    }

    html .tailwind-area .text-danger-200\/20 {
        color: rgb(var(--ui-danger-200) / .2)
    }

    html .tailwind-area .text-danger-200\/25 {
        color: rgb(var(--ui-danger-200) / .25)
    }

    html .tailwind-area .text-danger-200\/30 {
        color: rgb(var(--ui-danger-200) / .3)
    }

    html .tailwind-area .text-danger-200\/35 {
        color: rgb(var(--ui-danger-200) / .35)
    }

    html .tailwind-area .text-danger-200\/40 {
        color: rgb(var(--ui-danger-200) / .4)
    }

    html .tailwind-area .text-danger-200\/45 {
        color: rgb(var(--ui-danger-200) / .45)
    }

    html .tailwind-area .text-danger-200\/5 {
        color: rgb(var(--ui-danger-200) / .05)
    }

    html .tailwind-area .text-danger-200\/50 {
        color: rgb(var(--ui-danger-200) / .5)
    }

    html .tailwind-area .text-danger-200\/55 {
        color: rgb(var(--ui-danger-200) / .55)
    }

    html .tailwind-area .text-danger-200\/60 {
        color: rgb(var(--ui-danger-200) / .6)
    }

    html .tailwind-area .text-danger-200\/65 {
        color: rgb(var(--ui-danger-200) / .65)
    }

    html .tailwind-area .text-danger-200\/70 {
        color: rgb(var(--ui-danger-200) / .7)
    }

    html .tailwind-area .text-danger-200\/75 {
        color: rgb(var(--ui-danger-200) / .75)
    }

    html .tailwind-area .text-danger-200\/80 {
        color: rgb(var(--ui-danger-200) / .8)
    }

    html .tailwind-area .text-danger-200\/85 {
        color: rgb(var(--ui-danger-200) / .85)
    }

    html .tailwind-area .text-danger-200\/90 {
        color: rgb(var(--ui-danger-200) / .9)
    }

    html .tailwind-area .text-danger-200\/95 {
        color: rgb(var(--ui-danger-200) / .95)
    }

    html .tailwind-area .text-danger-300 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-danger-300) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-danger-300\/0 {
        color: rgb(var(--ui-danger-300) / 0)
    }

    html .tailwind-area .text-danger-300\/10 {
        color: rgb(var(--ui-danger-300) / .1)
    }

    html .tailwind-area .text-danger-300\/100 {
        color: rgb(var(--ui-danger-300) / 1)
    }

    html .tailwind-area .text-danger-300\/15 {
        color: rgb(var(--ui-danger-300) / .15)
    }

    html .tailwind-area .text-danger-300\/20 {
        color: rgb(var(--ui-danger-300) / .2)
    }

    html .tailwind-area .text-danger-300\/25 {
        color: rgb(var(--ui-danger-300) / .25)
    }

    html .tailwind-area .text-danger-300\/30 {
        color: rgb(var(--ui-danger-300) / .3)
    }

    html .tailwind-area .text-danger-300\/35 {
        color: rgb(var(--ui-danger-300) / .35)
    }

    html .tailwind-area .text-danger-300\/40 {
        color: rgb(var(--ui-danger-300) / .4)
    }

    html .tailwind-area .text-danger-300\/45 {
        color: rgb(var(--ui-danger-300) / .45)
    }

    html .tailwind-area .text-danger-300\/5 {
        color: rgb(var(--ui-danger-300) / .05)
    }

    html .tailwind-area .text-danger-300\/50 {
        color: rgb(var(--ui-danger-300) / .5)
    }

    html .tailwind-area .text-danger-300\/55 {
        color: rgb(var(--ui-danger-300) / .55)
    }

    html .tailwind-area .text-danger-300\/60 {
        color: rgb(var(--ui-danger-300) / .6)
    }

    html .tailwind-area .text-danger-300\/65 {
        color: rgb(var(--ui-danger-300) / .65)
    }

    html .tailwind-area .text-danger-300\/70 {
        color: rgb(var(--ui-danger-300) / .7)
    }

    html .tailwind-area .text-danger-300\/75 {
        color: rgb(var(--ui-danger-300) / .75)
    }

    html .tailwind-area .text-danger-300\/80 {
        color: rgb(var(--ui-danger-300) / .8)
    }

    html .tailwind-area .text-danger-300\/85 {
        color: rgb(var(--ui-danger-300) / .85)
    }

    html .tailwind-area .text-danger-300\/90 {
        color: rgb(var(--ui-danger-300) / .9)
    }

    html .tailwind-area .text-danger-300\/95 {
        color: rgb(var(--ui-danger-300) / .95)
    }

    html .tailwind-area .text-danger-400 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-danger-400) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-danger-400\/0 {
        color: rgb(var(--ui-danger-400) / 0)
    }

    html .tailwind-area .text-danger-400\/10 {
        color: rgb(var(--ui-danger-400) / .1)
    }

    html .tailwind-area .text-danger-400\/100 {
        color: rgb(var(--ui-danger-400) / 1)
    }

    html .tailwind-area .text-danger-400\/15 {
        color: rgb(var(--ui-danger-400) / .15)
    }

    html .tailwind-area .text-danger-400\/20 {
        color: rgb(var(--ui-danger-400) / .2)
    }

    html .tailwind-area .text-danger-400\/25 {
        color: rgb(var(--ui-danger-400) / .25)
    }

    html .tailwind-area .text-danger-400\/30 {
        color: rgb(var(--ui-danger-400) / .3)
    }

    html .tailwind-area .text-danger-400\/35 {
        color: rgb(var(--ui-danger-400) / .35)
    }

    html .tailwind-area .text-danger-400\/40 {
        color: rgb(var(--ui-danger-400) / .4)
    }

    html .tailwind-area .text-danger-400\/45 {
        color: rgb(var(--ui-danger-400) / .45)
    }

    html .tailwind-area .text-danger-400\/5 {
        color: rgb(var(--ui-danger-400) / .05)
    }

    html .tailwind-area .text-danger-400\/50 {
        color: rgb(var(--ui-danger-400) / .5)
    }

    html .tailwind-area .text-danger-400\/55 {
        color: rgb(var(--ui-danger-400) / .55)
    }

    html .tailwind-area .text-danger-400\/60 {
        color: rgb(var(--ui-danger-400) / .6)
    }

    html .tailwind-area .text-danger-400\/65 {
        color: rgb(var(--ui-danger-400) / .65)
    }

    html .tailwind-area .text-danger-400\/70 {
        color: rgb(var(--ui-danger-400) / .7)
    }

    html .tailwind-area .text-danger-400\/75 {
        color: rgb(var(--ui-danger-400) / .75)
    }

    html .tailwind-area .text-danger-400\/80 {
        color: rgb(var(--ui-danger-400) / .8)
    }

    html .tailwind-area .text-danger-400\/85 {
        color: rgb(var(--ui-danger-400) / .85)
    }

    html .tailwind-area .text-danger-400\/90 {
        color: rgb(var(--ui-danger-400) / .9)
    }

    html .tailwind-area .text-danger-400\/95 {
        color: rgb(var(--ui-danger-400) / .95)
    }

    html .tailwind-area .text-danger-50 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-danger-50) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-danger-50\/0 {
        color: rgb(var(--ui-danger-50) / 0)
    }

    html .tailwind-area .text-danger-50\/10 {
        color: rgb(var(--ui-danger-50) / .1)
    }

    html .tailwind-area .text-danger-50\/100 {
        color: rgb(var(--ui-danger-50) / 1)
    }

    html .tailwind-area .text-danger-50\/15 {
        color: rgb(var(--ui-danger-50) / .15)
    }

    html .tailwind-area .text-danger-50\/20 {
        color: rgb(var(--ui-danger-50) / .2)
    }

    html .tailwind-area .text-danger-50\/25 {
        color: rgb(var(--ui-danger-50) / .25)
    }

    html .tailwind-area .text-danger-50\/30 {
        color: rgb(var(--ui-danger-50) / .3)
    }

    html .tailwind-area .text-danger-50\/35 {
        color: rgb(var(--ui-danger-50) / .35)
    }

    html .tailwind-area .text-danger-50\/40 {
        color: rgb(var(--ui-danger-50) / .4)
    }

    html .tailwind-area .text-danger-50\/45 {
        color: rgb(var(--ui-danger-50) / .45)
    }

    html .tailwind-area .text-danger-50\/5 {
        color: rgb(var(--ui-danger-50) / .05)
    }

    html .tailwind-area .text-danger-50\/50 {
        color: rgb(var(--ui-danger-50) / .5)
    }

    html .tailwind-area .text-danger-50\/55 {
        color: rgb(var(--ui-danger-50) / .55)
    }

    html .tailwind-area .text-danger-50\/60 {
        color: rgb(var(--ui-danger-50) / .6)
    }

    html .tailwind-area .text-danger-50\/65 {
        color: rgb(var(--ui-danger-50) / .65)
    }

    html .tailwind-area .text-danger-50\/70 {
        color: rgb(var(--ui-danger-50) / .7)
    }

    html .tailwind-area .text-danger-50\/75 {
        color: rgb(var(--ui-danger-50) / .75)
    }

    html .tailwind-area .text-danger-50\/80 {
        color: rgb(var(--ui-danger-50) / .8)
    }

    html .tailwind-area .text-danger-50\/85 {
        color: rgb(var(--ui-danger-50) / .85)
    }

    html .tailwind-area .text-danger-50\/90 {
        color: rgb(var(--ui-danger-50) / .9)
    }

    html .tailwind-area .text-danger-50\/95 {
        color: rgb(var(--ui-danger-50) / .95)
    }

    html .tailwind-area .text-danger-500 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-danger-500) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-danger-500\/0 {
        color: rgb(var(--ui-danger-500) / 0)
    }

    html .tailwind-area .text-danger-500\/10 {
        color: rgb(var(--ui-danger-500) / .1)
    }

    html .tailwind-area .text-danger-500\/100 {
        color: rgb(var(--ui-danger-500) / 1)
    }

    html .tailwind-area .text-danger-500\/15 {
        color: rgb(var(--ui-danger-500) / .15)
    }

    html .tailwind-area .text-danger-500\/20 {
        color: rgb(var(--ui-danger-500) / .2)
    }

    html .tailwind-area .text-danger-500\/25 {
        color: rgb(var(--ui-danger-500) / .25)
    }

    html .tailwind-area .text-danger-500\/30 {
        color: rgb(var(--ui-danger-500) / .3)
    }

    html .tailwind-area .text-danger-500\/35 {
        color: rgb(var(--ui-danger-500) / .35)
    }

    html .tailwind-area .text-danger-500\/40 {
        color: rgb(var(--ui-danger-500) / .4)
    }

    html .tailwind-area .text-danger-500\/45 {
        color: rgb(var(--ui-danger-500) / .45)
    }

    html .tailwind-area .text-danger-500\/5 {
        color: rgb(var(--ui-danger-500) / .05)
    }

    html .tailwind-area .text-danger-500\/50 {
        color: rgb(var(--ui-danger-500) / .5)
    }

    html .tailwind-area .text-danger-500\/55 {
        color: rgb(var(--ui-danger-500) / .55)
    }

    html .tailwind-area .text-danger-500\/60 {
        color: rgb(var(--ui-danger-500) / .6)
    }

    html .tailwind-area .text-danger-500\/65 {
        color: rgb(var(--ui-danger-500) / .65)
    }

    html .tailwind-area .text-danger-500\/70 {
        color: rgb(var(--ui-danger-500) / .7)
    }

    html .tailwind-area .text-danger-500\/75 {
        color: rgb(var(--ui-danger-500) / .75)
    }

    html .tailwind-area .text-danger-500\/80 {
        color: rgb(var(--ui-danger-500) / .8)
    }

    html .tailwind-area .text-danger-500\/85 {
        color: rgb(var(--ui-danger-500) / .85)
    }

    html .tailwind-area .text-danger-500\/90 {
        color: rgb(var(--ui-danger-500) / .9)
    }

    html .tailwind-area .text-danger-500\/95 {
        color: rgb(var(--ui-danger-500) / .95)
    }

    html .tailwind-area .text-danger-600 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-danger-600) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-danger-600\/0 {
        color: rgb(var(--ui-danger-600) / 0)
    }

    html .tailwind-area .text-danger-600\/10 {
        color: rgb(var(--ui-danger-600) / .1)
    }

    html .tailwind-area .text-danger-600\/100 {
        color: rgb(var(--ui-danger-600) / 1)
    }

    html .tailwind-area .text-danger-600\/15 {
        color: rgb(var(--ui-danger-600) / .15)
    }

    html .tailwind-area .text-danger-600\/20 {
        color: rgb(var(--ui-danger-600) / .2)
    }

    html .tailwind-area .text-danger-600\/25 {
        color: rgb(var(--ui-danger-600) / .25)
    }

    html .tailwind-area .text-danger-600\/30 {
        color: rgb(var(--ui-danger-600) / .3)
    }

    html .tailwind-area .text-danger-600\/35 {
        color: rgb(var(--ui-danger-600) / .35)
    }

    html .tailwind-area .text-danger-600\/40 {
        color: rgb(var(--ui-danger-600) / .4)
    }

    html .tailwind-area .text-danger-600\/45 {
        color: rgb(var(--ui-danger-600) / .45)
    }

    html .tailwind-area .text-danger-600\/5 {
        color: rgb(var(--ui-danger-600) / .05)
    }

    html .tailwind-area .text-danger-600\/50 {
        color: rgb(var(--ui-danger-600) / .5)
    }

    html .tailwind-area .text-danger-600\/55 {
        color: rgb(var(--ui-danger-600) / .55)
    }

    html .tailwind-area .text-danger-600\/60 {
        color: rgb(var(--ui-danger-600) / .6)
    }

    html .tailwind-area .text-danger-600\/65 {
        color: rgb(var(--ui-danger-600) / .65)
    }

    html .tailwind-area .text-danger-600\/70 {
        color: rgb(var(--ui-danger-600) / .7)
    }

    html .tailwind-area .text-danger-600\/75 {
        color: rgb(var(--ui-danger-600) / .75)
    }

    html .tailwind-area .text-danger-600\/80 {
        color: rgb(var(--ui-danger-600) / .8)
    }

    html .tailwind-area .text-danger-600\/85 {
        color: rgb(var(--ui-danger-600) / .85)
    }

    html .tailwind-area .text-danger-600\/90 {
        color: rgb(var(--ui-danger-600) / .9)
    }

    html .tailwind-area .text-danger-600\/95 {
        color: rgb(var(--ui-danger-600) / .95)
    }

    html .tailwind-area .text-danger-700 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-danger-700) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-danger-700\/0 {
        color: rgb(var(--ui-danger-700) / 0)
    }

    html .tailwind-area .text-danger-700\/10 {
        color: rgb(var(--ui-danger-700) / .1)
    }

    html .tailwind-area .text-danger-700\/100 {
        color: rgb(var(--ui-danger-700) / 1)
    }

    html .tailwind-area .text-danger-700\/15 {
        color: rgb(var(--ui-danger-700) / .15)
    }

    html .tailwind-area .text-danger-700\/20 {
        color: rgb(var(--ui-danger-700) / .2)
    }

    html .tailwind-area .text-danger-700\/25 {
        color: rgb(var(--ui-danger-700) / .25)
    }

    html .tailwind-area .text-danger-700\/30 {
        color: rgb(var(--ui-danger-700) / .3)
    }

    html .tailwind-area .text-danger-700\/35 {
        color: rgb(var(--ui-danger-700) / .35)
    }

    html .tailwind-area .text-danger-700\/40 {
        color: rgb(var(--ui-danger-700) / .4)
    }

    html .tailwind-area .text-danger-700\/45 {
        color: rgb(var(--ui-danger-700) / .45)
    }

    html .tailwind-area .text-danger-700\/5 {
        color: rgb(var(--ui-danger-700) / .05)
    }

    html .tailwind-area .text-danger-700\/50 {
        color: rgb(var(--ui-danger-700) / .5)
    }

    html .tailwind-area .text-danger-700\/55 {
        color: rgb(var(--ui-danger-700) / .55)
    }

    html .tailwind-area .text-danger-700\/60 {
        color: rgb(var(--ui-danger-700) / .6)
    }

    html .tailwind-area .text-danger-700\/65 {
        color: rgb(var(--ui-danger-700) / .65)
    }

    html .tailwind-area .text-danger-700\/70 {
        color: rgb(var(--ui-danger-700) / .7)
    }

    html .tailwind-area .text-danger-700\/75 {
        color: rgb(var(--ui-danger-700) / .75)
    }

    html .tailwind-area .text-danger-700\/80 {
        color: rgb(var(--ui-danger-700) / .8)
    }

    html .tailwind-area .text-danger-700\/85 {
        color: rgb(var(--ui-danger-700) / .85)
    }

    html .tailwind-area .text-danger-700\/90 {
        color: rgb(var(--ui-danger-700) / .9)
    }

    html .tailwind-area .text-danger-700\/95 {
        color: rgb(var(--ui-danger-700) / .95)
    }

    html .tailwind-area .text-danger-800 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-danger-800) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-danger-800\/0 {
        color: rgb(var(--ui-danger-800) / 0)
    }

    html .tailwind-area .text-danger-800\/10 {
        color: rgb(var(--ui-danger-800) / .1)
    }

    html .tailwind-area .text-danger-800\/100 {
        color: rgb(var(--ui-danger-800) / 1)
    }

    html .tailwind-area .text-danger-800\/15 {
        color: rgb(var(--ui-danger-800) / .15)
    }

    html .tailwind-area .text-danger-800\/20 {
        color: rgb(var(--ui-danger-800) / .2)
    }

    html .tailwind-area .text-danger-800\/25 {
        color: rgb(var(--ui-danger-800) / .25)
    }

    html .tailwind-area .text-danger-800\/30 {
        color: rgb(var(--ui-danger-800) / .3)
    }

    html .tailwind-area .text-danger-800\/35 {
        color: rgb(var(--ui-danger-800) / .35)
    }

    html .tailwind-area .text-danger-800\/40 {
        color: rgb(var(--ui-danger-800) / .4)
    }

    html .tailwind-area .text-danger-800\/45 {
        color: rgb(var(--ui-danger-800) / .45)
    }

    html .tailwind-area .text-danger-800\/5 {
        color: rgb(var(--ui-danger-800) / .05)
    }

    html .tailwind-area .text-danger-800\/50 {
        color: rgb(var(--ui-danger-800) / .5)
    }

    html .tailwind-area .text-danger-800\/55 {
        color: rgb(var(--ui-danger-800) / .55)
    }

    html .tailwind-area .text-danger-800\/60 {
        color: rgb(var(--ui-danger-800) / .6)
    }

    html .tailwind-area .text-danger-800\/65 {
        color: rgb(var(--ui-danger-800) / .65)
    }

    html .tailwind-area .text-danger-800\/70 {
        color: rgb(var(--ui-danger-800) / .7)
    }

    html .tailwind-area .text-danger-800\/75 {
        color: rgb(var(--ui-danger-800) / .75)
    }

    html .tailwind-area .text-danger-800\/80 {
        color: rgb(var(--ui-danger-800) / .8)
    }

    html .tailwind-area .text-danger-800\/85 {
        color: rgb(var(--ui-danger-800) / .85)
    }

    html .tailwind-area .text-danger-800\/90 {
        color: rgb(var(--ui-danger-800) / .9)
    }

    html .tailwind-area .text-danger-800\/95 {
        color: rgb(var(--ui-danger-800) / .95)
    }

    html .tailwind-area .text-danger-900 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-danger-900) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-danger-900\/0 {
        color: rgb(var(--ui-danger-900) / 0)
    }

    html .tailwind-area .text-danger-900\/10 {
        color: rgb(var(--ui-danger-900) / .1)
    }

    html .tailwind-area .text-danger-900\/100 {
        color: rgb(var(--ui-danger-900) / 1)
    }

    html .tailwind-area .text-danger-900\/15 {
        color: rgb(var(--ui-danger-900) / .15)
    }

    html .tailwind-area .text-danger-900\/20 {
        color: rgb(var(--ui-danger-900) / .2)
    }

    html .tailwind-area .text-danger-900\/25 {
        color: rgb(var(--ui-danger-900) / .25)
    }

    html .tailwind-area .text-danger-900\/30 {
        color: rgb(var(--ui-danger-900) / .3)
    }

    html .tailwind-area .text-danger-900\/35 {
        color: rgb(var(--ui-danger-900) / .35)
    }

    html .tailwind-area .text-danger-900\/40 {
        color: rgb(var(--ui-danger-900) / .4)
    }

    html .tailwind-area .text-danger-900\/45 {
        color: rgb(var(--ui-danger-900) / .45)
    }

    html .tailwind-area .text-danger-900\/5 {
        color: rgb(var(--ui-danger-900) / .05)
    }

    html .tailwind-area .text-danger-900\/50 {
        color: rgb(var(--ui-danger-900) / .5)
    }

    html .tailwind-area .text-danger-900\/55 {
        color: rgb(var(--ui-danger-900) / .55)
    }

    html .tailwind-area .text-danger-900\/60 {
        color: rgb(var(--ui-danger-900) / .6)
    }

    html .tailwind-area .text-danger-900\/65 {
        color: rgb(var(--ui-danger-900) / .65)
    }

    html .tailwind-area .text-danger-900\/70 {
        color: rgb(var(--ui-danger-900) / .7)
    }

    html .tailwind-area .text-danger-900\/75 {
        color: rgb(var(--ui-danger-900) / .75)
    }

    html .tailwind-area .text-danger-900\/80 {
        color: rgb(var(--ui-danger-900) / .8)
    }

    html .tailwind-area .text-danger-900\/85 {
        color: rgb(var(--ui-danger-900) / .85)
    }

    html .tailwind-area .text-danger-900\/90 {
        color: rgb(var(--ui-danger-900) / .9)
    }

    html .tailwind-area .text-danger-900\/95 {
        color: rgb(var(--ui-danger-900) / .95)
    }

    html .tailwind-area .text-gray-200 {
        --tw-text-opacity: 1;
        color: rgb(229 231 235 / var(--tw-text-opacity))
    }

    html .tailwind-area .text-gray-300 {
        --tw-text-opacity: 1;
        color: rgb(209 213 219 / var(--tw-text-opacity))
    }

    html .tailwind-area .text-gray-400 {
        --tw-text-opacity: 1;
        color: rgb(156 163 175 / var(--tw-text-opacity))
    }

    html .tailwind-area .text-gray-500 {
        --tw-text-opacity: 1;
        color: rgb(107 114 128 / var(--tw-text-opacity))
    }

    html .tailwind-area .text-gray-600 {
        --tw-text-opacity: 1;
        color: rgb(75 85 99 / var(--tw-text-opacity))
    }

    html .tailwind-area .text-gray-700 {
        --tw-text-opacity: 1;
        color: rgb(55 65 81 / var(--tw-text-opacity))
    }

    html .tailwind-area .text-gray-800 {
        --tw-text-opacity: 1;
        color: rgb(31 41 55 / var(--tw-text-opacity))
    }

    html .tailwind-area .text-gray-900 {
        --tw-text-opacity: 1;
        color: rgb(17 24 39 / var(--tw-text-opacity))
    }

    html .tailwind-area .text-layout-color {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-layout-color-500) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-layout-color-700 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-layout-color-700) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-layout-color-800 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-layout-color-800) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-legacy-content {
        color: var(--legacy-color-content)
    }

    html .tailwind-area .text-neutral {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-neutral-500) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-neutral-100 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-neutral-100) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-neutral-100\/0 {
        color: rgb(var(--ui-neutral-100) / 0)
    }

    html .tailwind-area .text-neutral-100\/10 {
        color: rgb(var(--ui-neutral-100) / .1)
    }

    html .tailwind-area .text-neutral-100\/100 {
        color: rgb(var(--ui-neutral-100) / 1)
    }

    html .tailwind-area .text-neutral-100\/15 {
        color: rgb(var(--ui-neutral-100) / .15)
    }

    html .tailwind-area .text-neutral-100\/20 {
        color: rgb(var(--ui-neutral-100) / .2)
    }

    html .tailwind-area .text-neutral-100\/25 {
        color: rgb(var(--ui-neutral-100) / .25)
    }

    html .tailwind-area .text-neutral-100\/30 {
        color: rgb(var(--ui-neutral-100) / .3)
    }

    html .tailwind-area .text-neutral-100\/35 {
        color: rgb(var(--ui-neutral-100) / .35)
    }

    html .tailwind-area .text-neutral-100\/40 {
        color: rgb(var(--ui-neutral-100) / .4)
    }

    html .tailwind-area .text-neutral-100\/45 {
        color: rgb(var(--ui-neutral-100) / .45)
    }

    html .tailwind-area .text-neutral-100\/5 {
        color: rgb(var(--ui-neutral-100) / .05)
    }

    html .tailwind-area .text-neutral-100\/50 {
        color: rgb(var(--ui-neutral-100) / .5)
    }

    html .tailwind-area .text-neutral-100\/55 {
        color: rgb(var(--ui-neutral-100) / .55)
    }

    html .tailwind-area .text-neutral-100\/60 {
        color: rgb(var(--ui-neutral-100) / .6)
    }

    html .tailwind-area .text-neutral-100\/65 {
        color: rgb(var(--ui-neutral-100) / .65)
    }

    html .tailwind-area .text-neutral-100\/70 {
        color: rgb(var(--ui-neutral-100) / .7)
    }

    html .tailwind-area .text-neutral-100\/75 {
        color: rgb(var(--ui-neutral-100) / .75)
    }

    html .tailwind-area .text-neutral-100\/80 {
        color: rgb(var(--ui-neutral-100) / .8)
    }

    html .tailwind-area .text-neutral-100\/85 {
        color: rgb(var(--ui-neutral-100) / .85)
    }

    html .tailwind-area .text-neutral-100\/90 {
        color: rgb(var(--ui-neutral-100) / .9)
    }

    html .tailwind-area .text-neutral-100\/95 {
        color: rgb(var(--ui-neutral-100) / .95)
    }

    html .tailwind-area .text-neutral-200 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-neutral-200) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-neutral-200\/0 {
        color: rgb(var(--ui-neutral-200) / 0)
    }

    html .tailwind-area .text-neutral-200\/10 {
        color: rgb(var(--ui-neutral-200) / .1)
    }

    html .tailwind-area .text-neutral-200\/100 {
        color: rgb(var(--ui-neutral-200) / 1)
    }

    html .tailwind-area .text-neutral-200\/15 {
        color: rgb(var(--ui-neutral-200) / .15)
    }

    html .tailwind-area .text-neutral-200\/20 {
        color: rgb(var(--ui-neutral-200) / .2)
    }

    html .tailwind-area .text-neutral-200\/25 {
        color: rgb(var(--ui-neutral-200) / .25)
    }

    html .tailwind-area .text-neutral-200\/30 {
        color: rgb(var(--ui-neutral-200) / .3)
    }

    html .tailwind-area .text-neutral-200\/35 {
        color: rgb(var(--ui-neutral-200) / .35)
    }

    html .tailwind-area .text-neutral-200\/40 {
        color: rgb(var(--ui-neutral-200) / .4)
    }

    html .tailwind-area .text-neutral-200\/45 {
        color: rgb(var(--ui-neutral-200) / .45)
    }

    html .tailwind-area .text-neutral-200\/5 {
        color: rgb(var(--ui-neutral-200) / .05)
    }

    html .tailwind-area .text-neutral-200\/50 {
        color: rgb(var(--ui-neutral-200) / .5)
    }

    html .tailwind-area .text-neutral-200\/55 {
        color: rgb(var(--ui-neutral-200) / .55)
    }

    html .tailwind-area .text-neutral-200\/60 {
        color: rgb(var(--ui-neutral-200) / .6)
    }

    html .tailwind-area .text-neutral-200\/65 {
        color: rgb(var(--ui-neutral-200) / .65)
    }

    html .tailwind-area .text-neutral-200\/70 {
        color: rgb(var(--ui-neutral-200) / .7)
    }

    html .tailwind-area .text-neutral-200\/75 {
        color: rgb(var(--ui-neutral-200) / .75)
    }

    html .tailwind-area .text-neutral-200\/80 {
        color: rgb(var(--ui-neutral-200) / .8)
    }

    html .tailwind-area .text-neutral-200\/85 {
        color: rgb(var(--ui-neutral-200) / .85)
    }

    html .tailwind-area .text-neutral-200\/90 {
        color: rgb(var(--ui-neutral-200) / .9)
    }

    html .tailwind-area .text-neutral-200\/95 {
        color: rgb(var(--ui-neutral-200) / .95)
    }

    html .tailwind-area .text-neutral-300 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-neutral-300) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-neutral-300\/0 {
        color: rgb(var(--ui-neutral-300) / 0)
    }

    html .tailwind-area .text-neutral-300\/10 {
        color: rgb(var(--ui-neutral-300) / .1)
    }

    html .tailwind-area .text-neutral-300\/100 {
        color: rgb(var(--ui-neutral-300) / 1)
    }

    html .tailwind-area .text-neutral-300\/15 {
        color: rgb(var(--ui-neutral-300) / .15)
    }

    html .tailwind-area .text-neutral-300\/20 {
        color: rgb(var(--ui-neutral-300) / .2)
    }

    html .tailwind-area .text-neutral-300\/25 {
        color: rgb(var(--ui-neutral-300) / .25)
    }

    html .tailwind-area .text-neutral-300\/30 {
        color: rgb(var(--ui-neutral-300) / .3)
    }

    html .tailwind-area .text-neutral-300\/35 {
        color: rgb(var(--ui-neutral-300) / .35)
    }

    html .tailwind-area .text-neutral-300\/40 {
        color: rgb(var(--ui-neutral-300) / .4)
    }

    html .tailwind-area .text-neutral-300\/45 {
        color: rgb(var(--ui-neutral-300) / .45)
    }

    html .tailwind-area .text-neutral-300\/5 {
        color: rgb(var(--ui-neutral-300) / .05)
    }

    html .tailwind-area .text-neutral-300\/50 {
        color: rgb(var(--ui-neutral-300) / .5)
    }

    html .tailwind-area .text-neutral-300\/55 {
        color: rgb(var(--ui-neutral-300) / .55)
    }

    html .tailwind-area .text-neutral-300\/60 {
        color: rgb(var(--ui-neutral-300) / .6)
    }

    html .tailwind-area .text-neutral-300\/65 {
        color: rgb(var(--ui-neutral-300) / .65)
    }

    html .tailwind-area .text-neutral-300\/70 {
        color: rgb(var(--ui-neutral-300) / .7)
    }

    html .tailwind-area .text-neutral-300\/75 {
        color: rgb(var(--ui-neutral-300) / .75)
    }

    html .tailwind-area .text-neutral-300\/80 {
        color: rgb(var(--ui-neutral-300) / .8)
    }

    html .tailwind-area .text-neutral-300\/85 {
        color: rgb(var(--ui-neutral-300) / .85)
    }

    html .tailwind-area .text-neutral-300\/90 {
        color: rgb(var(--ui-neutral-300) / .9)
    }

    html .tailwind-area .text-neutral-300\/95 {
        color: rgb(var(--ui-neutral-300) / .95)
    }

    html .tailwind-area .text-neutral-400 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-neutral-400) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-neutral-400\/0 {
        color: rgb(var(--ui-neutral-400) / 0)
    }

    html .tailwind-area .text-neutral-400\/10 {
        color: rgb(var(--ui-neutral-400) / .1)
    }

    html .tailwind-area .text-neutral-400\/100 {
        color: rgb(var(--ui-neutral-400) / 1)
    }

    html .tailwind-area .text-neutral-400\/15 {
        color: rgb(var(--ui-neutral-400) / .15)
    }

    html .tailwind-area .text-neutral-400\/20 {
        color: rgb(var(--ui-neutral-400) / .2)
    }

    html .tailwind-area .text-neutral-400\/25 {
        color: rgb(var(--ui-neutral-400) / .25)
    }

    html .tailwind-area .text-neutral-400\/30 {
        color: rgb(var(--ui-neutral-400) / .3)
    }

    html .tailwind-area .text-neutral-400\/35 {
        color: rgb(var(--ui-neutral-400) / .35)
    }

    html .tailwind-area .text-neutral-400\/40 {
        color: rgb(var(--ui-neutral-400) / .4)
    }

    html .tailwind-area .text-neutral-400\/45 {
        color: rgb(var(--ui-neutral-400) / .45)
    }

    html .tailwind-area .text-neutral-400\/5 {
        color: rgb(var(--ui-neutral-400) / .05)
    }

    html .tailwind-area .text-neutral-400\/50 {
        color: rgb(var(--ui-neutral-400) / .5)
    }

    html .tailwind-area .text-neutral-400\/55 {
        color: rgb(var(--ui-neutral-400) / .55)
    }

    html .tailwind-area .text-neutral-400\/60 {
        color: rgb(var(--ui-neutral-400) / .6)
    }

    html .tailwind-area .text-neutral-400\/65 {
        color: rgb(var(--ui-neutral-400) / .65)
    }

    html .tailwind-area .text-neutral-400\/70 {
        color: rgb(var(--ui-neutral-400) / .7)
    }

    html .tailwind-area .text-neutral-400\/75 {
        color: rgb(var(--ui-neutral-400) / .75)
    }

    html .tailwind-area .text-neutral-400\/80 {
        color: rgb(var(--ui-neutral-400) / .8)
    }

    html .tailwind-area .text-neutral-400\/85 {
        color: rgb(var(--ui-neutral-400) / .85)
    }

    html .tailwind-area .text-neutral-400\/90 {
        color: rgb(var(--ui-neutral-400) / .9)
    }

    html .tailwind-area .text-neutral-400\/95 {
        color: rgb(var(--ui-neutral-400) / .95)
    }

    html .tailwind-area .text-neutral-50 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-neutral-50) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-neutral-50\/0 {
        color: rgb(var(--ui-neutral-50) / 0)
    }

    html .tailwind-area .text-neutral-50\/10 {
        color: rgb(var(--ui-neutral-50) / .1)
    }

    html .tailwind-area .text-neutral-50\/100 {
        color: rgb(var(--ui-neutral-50) / 1)
    }

    html .tailwind-area .text-neutral-50\/15 {
        color: rgb(var(--ui-neutral-50) / .15)
    }

    html .tailwind-area .text-neutral-50\/20 {
        color: rgb(var(--ui-neutral-50) / .2)
    }

    html .tailwind-area .text-neutral-50\/25 {
        color: rgb(var(--ui-neutral-50) / .25)
    }

    html .tailwind-area .text-neutral-50\/30 {
        color: rgb(var(--ui-neutral-50) / .3)
    }

    html .tailwind-area .text-neutral-50\/35 {
        color: rgb(var(--ui-neutral-50) / .35)
    }

    html .tailwind-area .text-neutral-50\/40 {
        color: rgb(var(--ui-neutral-50) / .4)
    }

    html .tailwind-area .text-neutral-50\/45 {
        color: rgb(var(--ui-neutral-50) / .45)
    }

    html .tailwind-area .text-neutral-50\/5 {
        color: rgb(var(--ui-neutral-50) / .05)
    }

    html .tailwind-area .text-neutral-50\/50 {
        color: rgb(var(--ui-neutral-50) / .5)
    }

    html .tailwind-area .text-neutral-50\/55 {
        color: rgb(var(--ui-neutral-50) / .55)
    }

    html .tailwind-area .text-neutral-50\/60 {
        color: rgb(var(--ui-neutral-50) / .6)
    }

    html .tailwind-area .text-neutral-50\/65 {
        color: rgb(var(--ui-neutral-50) / .65)
    }

    html .tailwind-area .text-neutral-50\/70 {
        color: rgb(var(--ui-neutral-50) / .7)
    }

    html .tailwind-area .text-neutral-50\/75 {
        color: rgb(var(--ui-neutral-50) / .75)
    }

    html .tailwind-area .text-neutral-50\/80 {
        color: rgb(var(--ui-neutral-50) / .8)
    }

    html .tailwind-area .text-neutral-50\/85 {
        color: rgb(var(--ui-neutral-50) / .85)
    }

    html .tailwind-area .text-neutral-50\/90 {
        color: rgb(var(--ui-neutral-50) / .9)
    }

    html .tailwind-area .text-neutral-50\/95 {
        color: rgb(var(--ui-neutral-50) / .95)
    }

    html .tailwind-area .text-neutral-500 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-neutral-500) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-neutral-500\/0 {
        color: rgb(var(--ui-neutral-500) / 0)
    }

    html .tailwind-area .text-neutral-500\/10 {
        color: rgb(var(--ui-neutral-500) / .1)
    }

    html .tailwind-area .text-neutral-500\/100 {
        color: rgb(var(--ui-neutral-500) / 1)
    }

    html .tailwind-area .text-neutral-500\/15 {
        color: rgb(var(--ui-neutral-500) / .15)
    }

    html .tailwind-area .text-neutral-500\/20 {
        color: rgb(var(--ui-neutral-500) / .2)
    }

    html .tailwind-area .text-neutral-500\/25 {
        color: rgb(var(--ui-neutral-500) / .25)
    }

    html .tailwind-area .text-neutral-500\/30 {
        color: rgb(var(--ui-neutral-500) / .3)
    }

    html .tailwind-area .text-neutral-500\/35 {
        color: rgb(var(--ui-neutral-500) / .35)
    }

    html .tailwind-area .text-neutral-500\/40 {
        color: rgb(var(--ui-neutral-500) / .4)
    }

    html .tailwind-area .text-neutral-500\/45 {
        color: rgb(var(--ui-neutral-500) / .45)
    }

    html .tailwind-area .text-neutral-500\/5 {
        color: rgb(var(--ui-neutral-500) / .05)
    }

    html .tailwind-area .text-neutral-500\/50 {
        color: rgb(var(--ui-neutral-500) / .5)
    }

    html .tailwind-area .text-neutral-500\/55 {
        color: rgb(var(--ui-neutral-500) / .55)
    }

    html .tailwind-area .text-neutral-500\/60 {
        color: rgb(var(--ui-neutral-500) / .6)
    }

    html .tailwind-area .text-neutral-500\/65 {
        color: rgb(var(--ui-neutral-500) / .65)
    }

    html .tailwind-area .text-neutral-500\/70 {
        color: rgb(var(--ui-neutral-500) / .7)
    }

    html .tailwind-area .text-neutral-500\/75 {
        color: rgb(var(--ui-neutral-500) / .75)
    }

    html .tailwind-area .text-neutral-500\/80 {
        color: rgb(var(--ui-neutral-500) / .8)
    }

    html .tailwind-area .text-neutral-500\/85 {
        color: rgb(var(--ui-neutral-500) / .85)
    }

    html .tailwind-area .text-neutral-500\/90 {
        color: rgb(var(--ui-neutral-500) / .9)
    }

    html .tailwind-area .text-neutral-500\/95 {
        color: rgb(var(--ui-neutral-500) / .95)
    }

    html .tailwind-area .text-neutral-600 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-neutral-600) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-neutral-600\/0 {
        color: rgb(var(--ui-neutral-600) / 0)
    }

    html .tailwind-area .text-neutral-600\/10 {
        color: rgb(var(--ui-neutral-600) / .1)
    }

    html .tailwind-area .text-neutral-600\/100 {
        color: rgb(var(--ui-neutral-600) / 1)
    }

    html .tailwind-area .text-neutral-600\/15 {
        color: rgb(var(--ui-neutral-600) / .15)
    }

    html .tailwind-area .text-neutral-600\/20 {
        color: rgb(var(--ui-neutral-600) / .2)
    }

    html .tailwind-area .text-neutral-600\/25 {
        color: rgb(var(--ui-neutral-600) / .25)
    }

    html .tailwind-area .text-neutral-600\/30 {
        color: rgb(var(--ui-neutral-600) / .3)
    }

    html .tailwind-area .text-neutral-600\/35 {
        color: rgb(var(--ui-neutral-600) / .35)
    }

    html .tailwind-area .text-neutral-600\/40 {
        color: rgb(var(--ui-neutral-600) / .4)
    }

    html .tailwind-area .text-neutral-600\/45 {
        color: rgb(var(--ui-neutral-600) / .45)
    }

    html .tailwind-area .text-neutral-600\/5 {
        color: rgb(var(--ui-neutral-600) / .05)
    }

    html .tailwind-area .text-neutral-600\/50 {
        color: rgb(var(--ui-neutral-600) / .5)
    }

    html .tailwind-area .text-neutral-600\/55 {
        color: rgb(var(--ui-neutral-600) / .55)
    }

    html .tailwind-area .text-neutral-600\/60 {
        color: rgb(var(--ui-neutral-600) / .6)
    }

    html .tailwind-area .text-neutral-600\/65 {
        color: rgb(var(--ui-neutral-600) / .65)
    }

    html .tailwind-area .text-neutral-600\/70 {
        color: rgb(var(--ui-neutral-600) / .7)
    }

    html .tailwind-area .text-neutral-600\/75 {
        color: rgb(var(--ui-neutral-600) / .75)
    }

    html .tailwind-area .text-neutral-600\/80 {
        color: rgb(var(--ui-neutral-600) / .8)
    }

    html .tailwind-area .text-neutral-600\/85 {
        color: rgb(var(--ui-neutral-600) / .85)
    }

    html .tailwind-area .text-neutral-600\/90 {
        color: rgb(var(--ui-neutral-600) / .9)
    }

    html .tailwind-area .text-neutral-600\/95 {
        color: rgb(var(--ui-neutral-600) / .95)
    }

    html .tailwind-area .text-neutral-700 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-neutral-700) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-neutral-700\/0 {
        color: rgb(var(--ui-neutral-700) / 0)
    }

    html .tailwind-area .text-neutral-700\/10 {
        color: rgb(var(--ui-neutral-700) / .1)
    }

    html .tailwind-area .text-neutral-700\/100 {
        color: rgb(var(--ui-neutral-700) / 1)
    }

    html .tailwind-area .text-neutral-700\/15 {
        color: rgb(var(--ui-neutral-700) / .15)
    }

    html .tailwind-area .text-neutral-700\/20 {
        color: rgb(var(--ui-neutral-700) / .2)
    }

    html .tailwind-area .text-neutral-700\/25 {
        color: rgb(var(--ui-neutral-700) / .25)
    }

    html .tailwind-area .text-neutral-700\/30 {
        color: rgb(var(--ui-neutral-700) / .3)
    }

    html .tailwind-area .text-neutral-700\/35 {
        color: rgb(var(--ui-neutral-700) / .35)
    }

    html .tailwind-area .text-neutral-700\/40 {
        color: rgb(var(--ui-neutral-700) / .4)
    }

    html .tailwind-area .text-neutral-700\/45 {
        color: rgb(var(--ui-neutral-700) / .45)
    }

    html .tailwind-area .text-neutral-700\/5 {
        color: rgb(var(--ui-neutral-700) / .05)
    }

    html .tailwind-area .text-neutral-700\/50 {
        color: rgb(var(--ui-neutral-700) / .5)
    }

    html .tailwind-area .text-neutral-700\/55 {
        color: rgb(var(--ui-neutral-700) / .55)
    }

    html .tailwind-area .text-neutral-700\/60 {
        color: rgb(var(--ui-neutral-700) / .6)
    }

    html .tailwind-area .text-neutral-700\/65 {
        color: rgb(var(--ui-neutral-700) / .65)
    }

    html .tailwind-area .text-neutral-700\/70 {
        color: rgb(var(--ui-neutral-700) / .7)
    }

    html .tailwind-area .text-neutral-700\/75 {
        color: rgb(var(--ui-neutral-700) / .75)
    }

    html .tailwind-area .text-neutral-700\/80 {
        color: rgb(var(--ui-neutral-700) / .8)
    }

    html .tailwind-area .text-neutral-700\/85 {
        color: rgb(var(--ui-neutral-700) / .85)
    }

    html .tailwind-area .text-neutral-700\/90 {
        color: rgb(var(--ui-neutral-700) / .9)
    }

    html .tailwind-area .text-neutral-700\/95 {
        color: rgb(var(--ui-neutral-700) / .95)
    }

    html .tailwind-area .text-neutral-800 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-neutral-800) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-neutral-800\/0 {
        color: rgb(var(--ui-neutral-800) / 0)
    }

    html .tailwind-area .text-neutral-800\/10 {
        color: rgb(var(--ui-neutral-800) / .1)
    }

    html .tailwind-area .text-neutral-800\/100 {
        color: rgb(var(--ui-neutral-800) / 1)
    }

    html .tailwind-area .text-neutral-800\/15 {
        color: rgb(var(--ui-neutral-800) / .15)
    }

    html .tailwind-area .text-neutral-800\/20 {
        color: rgb(var(--ui-neutral-800) / .2)
    }

    html .tailwind-area .text-neutral-800\/25 {
        color: rgb(var(--ui-neutral-800) / .25)
    }

    html .tailwind-area .text-neutral-800\/30 {
        color: rgb(var(--ui-neutral-800) / .3)
    }

    html .tailwind-area .text-neutral-800\/35 {
        color: rgb(var(--ui-neutral-800) / .35)
    }

    html .tailwind-area .text-neutral-800\/40 {
        color: rgb(var(--ui-neutral-800) / .4)
    }

    html .tailwind-area .text-neutral-800\/45 {
        color: rgb(var(--ui-neutral-800) / .45)
    }

    html .tailwind-area .text-neutral-800\/5 {
        color: rgb(var(--ui-neutral-800) / .05)
    }

    html .tailwind-area .text-neutral-800\/50 {
        color: rgb(var(--ui-neutral-800) / .5)
    }

    html .tailwind-area .text-neutral-800\/55 {
        color: rgb(var(--ui-neutral-800) / .55)
    }

    html .tailwind-area .text-neutral-800\/60 {
        color: rgb(var(--ui-neutral-800) / .6)
    }

    html .tailwind-area .text-neutral-800\/65 {
        color: rgb(var(--ui-neutral-800) / .65)
    }

    html .tailwind-area .text-neutral-800\/70 {
        color: rgb(var(--ui-neutral-800) / .7)
    }

    html .tailwind-area .text-neutral-800\/75 {
        color: rgb(var(--ui-neutral-800) / .75)
    }

    html .tailwind-area .text-neutral-800\/80 {
        color: rgb(var(--ui-neutral-800) / .8)
    }

    html .tailwind-area .text-neutral-800\/85 {
        color: rgb(var(--ui-neutral-800) / .85)
    }

    html .tailwind-area .text-neutral-800\/90 {
        color: rgb(var(--ui-neutral-800) / .9)
    }

    html .tailwind-area .text-neutral-800\/95 {
        color: rgb(var(--ui-neutral-800) / .95)
    }

    html .tailwind-area .text-neutral-900 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-neutral-900) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-neutral-900\/0 {
        color: rgb(var(--ui-neutral-900) / 0)
    }

    html .tailwind-area .text-neutral-900\/10 {
        color: rgb(var(--ui-neutral-900) / .1)
    }

    html .tailwind-area .text-neutral-900\/100 {
        color: rgb(var(--ui-neutral-900) / 1)
    }

    html .tailwind-area .text-neutral-900\/15 {
        color: rgb(var(--ui-neutral-900) / .15)
    }

    html .tailwind-area .text-neutral-900\/20 {
        color: rgb(var(--ui-neutral-900) / .2)
    }

    html .tailwind-area .text-neutral-900\/25 {
        color: rgb(var(--ui-neutral-900) / .25)
    }

    html .tailwind-area .text-neutral-900\/30 {
        color: rgb(var(--ui-neutral-900) / .3)
    }

    html .tailwind-area .text-neutral-900\/35 {
        color: rgb(var(--ui-neutral-900) / .35)
    }

    html .tailwind-area .text-neutral-900\/40 {
        color: rgb(var(--ui-neutral-900) / .4)
    }

    html .tailwind-area .text-neutral-900\/45 {
        color: rgb(var(--ui-neutral-900) / .45)
    }

    html .tailwind-area .text-neutral-900\/5 {
        color: rgb(var(--ui-neutral-900) / .05)
    }

    html .tailwind-area .text-neutral-900\/50 {
        color: rgb(var(--ui-neutral-900) / .5)
    }

    html .tailwind-area .text-neutral-900\/55 {
        color: rgb(var(--ui-neutral-900) / .55)
    }

    html .tailwind-area .text-neutral-900\/60 {
        color: rgb(var(--ui-neutral-900) / .6)
    }

    html .tailwind-area .text-neutral-900\/65 {
        color: rgb(var(--ui-neutral-900) / .65)
    }

    html .tailwind-area .text-neutral-900\/70 {
        color: rgb(var(--ui-neutral-900) / .7)
    }

    html .tailwind-area .text-neutral-900\/75 {
        color: rgb(var(--ui-neutral-900) / .75)
    }

    html .tailwind-area .text-neutral-900\/80 {
        color: rgb(var(--ui-neutral-900) / .8)
    }

    html .tailwind-area .text-neutral-900\/85 {
        color: rgb(var(--ui-neutral-900) / .85)
    }

    html .tailwind-area .text-neutral-900\/90 {
        color: rgb(var(--ui-neutral-900) / .9)
    }

    html .tailwind-area .text-neutral-900\/95 {
        color: rgb(var(--ui-neutral-900) / .95)
    }

    html .tailwind-area .text-neutral-950 {
        --tw-text-opacity: 1;
        color: rgb(10 10 10 / var(--tw-text-opacity))
    }

    html .tailwind-area .text-neutral-950\/0 {
        color: #0a0a0a00
    }

    html .tailwind-area .text-neutral-950\/10 {
        color: #0a0a0a1a
    }

    html .tailwind-area .text-neutral-950\/100 {
        color: #0a0a0a
    }

    html .tailwind-area .text-neutral-950\/15 {
        color: #0a0a0a26
    }

    html .tailwind-area .text-neutral-950\/20 {
        color: #0a0a0a33
    }

    html .tailwind-area .text-neutral-950\/25 {
        color: #0a0a0a40
    }

    html .tailwind-area .text-neutral-950\/30 {
        color: #0a0a0a4d
    }

    html .tailwind-area .text-neutral-950\/35 {
        color: #0a0a0a59
    }

    html .tailwind-area .text-neutral-950\/40 {
        color: #0a0a0a66
    }

    html .tailwind-area .text-neutral-950\/45 {
        color: #0a0a0a73
    }

    html .tailwind-area .text-neutral-950\/5 {
        color: #0a0a0a0d
    }

    html .tailwind-area .text-neutral-950\/50 {
        color: #0a0a0a80
    }

    html .tailwind-area .text-neutral-950\/55 {
        color: #0a0a0a8c
    }

    html .tailwind-area .text-neutral-950\/60 {
        color: #0a0a0a99
    }

    html .tailwind-area .text-neutral-950\/65 {
        color: #0a0a0aa6
    }

    html .tailwind-area .text-neutral-950\/70 {
        color: #0a0a0ab3
    }

    html .tailwind-area .text-neutral-950\/75 {
        color: #0a0a0abf
    }

    html .tailwind-area .text-neutral-950\/80 {
        color: #0a0a0acc
    }

    html .tailwind-area .text-neutral-950\/85 {
        color: #0a0a0ad9
    }

    html .tailwind-area .text-neutral-950\/90 {
        color: #0a0a0ae6
    }

    html .tailwind-area .text-neutral-950\/95 {
        color: #0a0a0af2
    }

    html .tailwind-area .text-orange-500 {
        --tw-text-opacity: 1;
        color: rgb(249 115 22 / var(--tw-text-opacity))
    }

    html .tailwind-area .text-primary {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-primary-500) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-primary-100 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-primary-100) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-primary-100\/0 {
        color: rgb(var(--ui-primary-100) / 0)
    }

    html .tailwind-area .text-primary-100\/10 {
        color: rgb(var(--ui-primary-100) / .1)
    }

    html .tailwind-area .text-primary-100\/100 {
        color: rgb(var(--ui-primary-100) / 1)
    }

    html .tailwind-area .text-primary-100\/15 {
        color: rgb(var(--ui-primary-100) / .15)
    }

    html .tailwind-area .text-primary-100\/20 {
        color: rgb(var(--ui-primary-100) / .2)
    }

    html .tailwind-area .text-primary-100\/25 {
        color: rgb(var(--ui-primary-100) / .25)
    }

    html .tailwind-area .text-primary-100\/30 {
        color: rgb(var(--ui-primary-100) / .3)
    }

    html .tailwind-area .text-primary-100\/35 {
        color: rgb(var(--ui-primary-100) / .35)
    }

    html .tailwind-area .text-primary-100\/40 {
        color: rgb(var(--ui-primary-100) / .4)
    }

    html .tailwind-area .text-primary-100\/45 {
        color: rgb(var(--ui-primary-100) / .45)
    }

    html .tailwind-area .text-primary-100\/5 {
        color: rgb(var(--ui-primary-100) / .05)
    }

    html .tailwind-area .text-primary-100\/50 {
        color: rgb(var(--ui-primary-100) / .5)
    }

    html .tailwind-area .text-primary-100\/55 {
        color: rgb(var(--ui-primary-100) / .55)
    }

    html .tailwind-area .text-primary-100\/60 {
        color: rgb(var(--ui-primary-100) / .6)
    }

    html .tailwind-area .text-primary-100\/65 {
        color: rgb(var(--ui-primary-100) / .65)
    }

    html .tailwind-area .text-primary-100\/70 {
        color: rgb(var(--ui-primary-100) / .7)
    }

    html .tailwind-area .text-primary-100\/75 {
        color: rgb(var(--ui-primary-100) / .75)
    }

    html .tailwind-area .text-primary-100\/80 {
        color: rgb(var(--ui-primary-100) / .8)
    }

    html .tailwind-area .text-primary-100\/85 {
        color: rgb(var(--ui-primary-100) / .85)
    }

    html .tailwind-area .text-primary-100\/90 {
        color: rgb(var(--ui-primary-100) / .9)
    }

    html .tailwind-area .text-primary-100\/95 {
        color: rgb(var(--ui-primary-100) / .95)
    }

    html .tailwind-area .text-primary-200 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-primary-200) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-primary-200\/0 {
        color: rgb(var(--ui-primary-200) / 0)
    }

    html .tailwind-area .text-primary-200\/10 {
        color: rgb(var(--ui-primary-200) / .1)
    }

    html .tailwind-area .text-primary-200\/100 {
        color: rgb(var(--ui-primary-200) / 1)
    }

    html .tailwind-area .text-primary-200\/15 {
        color: rgb(var(--ui-primary-200) / .15)
    }

    html .tailwind-area .text-primary-200\/20 {
        color: rgb(var(--ui-primary-200) / .2)
    }

    html .tailwind-area .text-primary-200\/25 {
        color: rgb(var(--ui-primary-200) / .25)
    }

    html .tailwind-area .text-primary-200\/30 {
        color: rgb(var(--ui-primary-200) / .3)
    }

    html .tailwind-area .text-primary-200\/35 {
        color: rgb(var(--ui-primary-200) / .35)
    }

    html .tailwind-area .text-primary-200\/40 {
        color: rgb(var(--ui-primary-200) / .4)
    }

    html .tailwind-area .text-primary-200\/45 {
        color: rgb(var(--ui-primary-200) / .45)
    }

    html .tailwind-area .text-primary-200\/5 {
        color: rgb(var(--ui-primary-200) / .05)
    }

    html .tailwind-area .text-primary-200\/50 {
        color: rgb(var(--ui-primary-200) / .5)
    }

    html .tailwind-area .text-primary-200\/55 {
        color: rgb(var(--ui-primary-200) / .55)
    }

    html .tailwind-area .text-primary-200\/60 {
        color: rgb(var(--ui-primary-200) / .6)
    }

    html .tailwind-area .text-primary-200\/65 {
        color: rgb(var(--ui-primary-200) / .65)
    }

    html .tailwind-area .text-primary-200\/70 {
        color: rgb(var(--ui-primary-200) / .7)
    }

    html .tailwind-area .text-primary-200\/75 {
        color: rgb(var(--ui-primary-200) / .75)
    }

    html .tailwind-area .text-primary-200\/80 {
        color: rgb(var(--ui-primary-200) / .8)
    }

    html .tailwind-area .text-primary-200\/85 {
        color: rgb(var(--ui-primary-200) / .85)
    }

    html .tailwind-area .text-primary-200\/90 {
        color: rgb(var(--ui-primary-200) / .9)
    }

    html .tailwind-area .text-primary-200\/95 {
        color: rgb(var(--ui-primary-200) / .95)
    }

    html .tailwind-area .text-primary-300 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-primary-300) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-primary-300\/0 {
        color: rgb(var(--ui-primary-300) / 0)
    }

    html .tailwind-area .text-primary-300\/10 {
        color: rgb(var(--ui-primary-300) / .1)
    }

    html .tailwind-area .text-primary-300\/100 {
        color: rgb(var(--ui-primary-300) / 1)
    }

    html .tailwind-area .text-primary-300\/15 {
        color: rgb(var(--ui-primary-300) / .15)
    }

    html .tailwind-area .text-primary-300\/20 {
        color: rgb(var(--ui-primary-300) / .2)
    }

    html .tailwind-area .text-primary-300\/25 {
        color: rgb(var(--ui-primary-300) / .25)
    }

    html .tailwind-area .text-primary-300\/30 {
        color: rgb(var(--ui-primary-300) / .3)
    }

    html .tailwind-area .text-primary-300\/35 {
        color: rgb(var(--ui-primary-300) / .35)
    }

    html .tailwind-area .text-primary-300\/40 {
        color: rgb(var(--ui-primary-300) / .4)
    }

    html .tailwind-area .text-primary-300\/45 {
        color: rgb(var(--ui-primary-300) / .45)
    }

    html .tailwind-area .text-primary-300\/5 {
        color: rgb(var(--ui-primary-300) / .05)
    }

    html .tailwind-area .text-primary-300\/50 {
        color: rgb(var(--ui-primary-300) / .5)
    }

    html .tailwind-area .text-primary-300\/55 {
        color: rgb(var(--ui-primary-300) / .55)
    }

    html .tailwind-area .text-primary-300\/60 {
        color: rgb(var(--ui-primary-300) / .6)
    }

    html .tailwind-area .text-primary-300\/65 {
        color: rgb(var(--ui-primary-300) / .65)
    }

    html .tailwind-area .text-primary-300\/70 {
        color: rgb(var(--ui-primary-300) / .7)
    }

    html .tailwind-area .text-primary-300\/75 {
        color: rgb(var(--ui-primary-300) / .75)
    }

    html .tailwind-area .text-primary-300\/80 {
        color: rgb(var(--ui-primary-300) / .8)
    }

    html .tailwind-area .text-primary-300\/85 {
        color: rgb(var(--ui-primary-300) / .85)
    }

    html .tailwind-area .text-primary-300\/90 {
        color: rgb(var(--ui-primary-300) / .9)
    }

    html .tailwind-area .text-primary-300\/95 {
        color: rgb(var(--ui-primary-300) / .95)
    }

    html .tailwind-area .text-primary-400 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-primary-400) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-primary-400\/0 {
        color: rgb(var(--ui-primary-400) / 0)
    }

    html .tailwind-area .text-primary-400\/10 {
        color: rgb(var(--ui-primary-400) / .1)
    }

    html .tailwind-area .text-primary-400\/100 {
        color: rgb(var(--ui-primary-400) / 1)
    }

    html .tailwind-area .text-primary-400\/15 {
        color: rgb(var(--ui-primary-400) / .15)
    }

    html .tailwind-area .text-primary-400\/20 {
        color: rgb(var(--ui-primary-400) / .2)
    }

    html .tailwind-area .text-primary-400\/25 {
        color: rgb(var(--ui-primary-400) / .25)
    }

    html .tailwind-area .text-primary-400\/30 {
        color: rgb(var(--ui-primary-400) / .3)
    }

    html .tailwind-area .text-primary-400\/35 {
        color: rgb(var(--ui-primary-400) / .35)
    }

    html .tailwind-area .text-primary-400\/40 {
        color: rgb(var(--ui-primary-400) / .4)
    }

    html .tailwind-area .text-primary-400\/45 {
        color: rgb(var(--ui-primary-400) / .45)
    }

    html .tailwind-area .text-primary-400\/5 {
        color: rgb(var(--ui-primary-400) / .05)
    }

    html .tailwind-area .text-primary-400\/50 {
        color: rgb(var(--ui-primary-400) / .5)
    }

    html .tailwind-area .text-primary-400\/55 {
        color: rgb(var(--ui-primary-400) / .55)
    }

    html .tailwind-area .text-primary-400\/60 {
        color: rgb(var(--ui-primary-400) / .6)
    }

    html .tailwind-area .text-primary-400\/65 {
        color: rgb(var(--ui-primary-400) / .65)
    }

    html .tailwind-area .text-primary-400\/70 {
        color: rgb(var(--ui-primary-400) / .7)
    }

    html .tailwind-area .text-primary-400\/75 {
        color: rgb(var(--ui-primary-400) / .75)
    }

    html .tailwind-area .text-primary-400\/80 {
        color: rgb(var(--ui-primary-400) / .8)
    }

    html .tailwind-area .text-primary-400\/85 {
        color: rgb(var(--ui-primary-400) / .85)
    }

    html .tailwind-area .text-primary-400\/90 {
        color: rgb(var(--ui-primary-400) / .9)
    }

    html .tailwind-area .text-primary-400\/95 {
        color: rgb(var(--ui-primary-400) / .95)
    }

    html .tailwind-area .text-primary-50 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-primary-50) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-primary-50\/0 {
        color: rgb(var(--ui-primary-50) / 0)
    }

    html .tailwind-area .text-primary-50\/10 {
        color: rgb(var(--ui-primary-50) / .1)
    }

    html .tailwind-area .text-primary-50\/100 {
        color: rgb(var(--ui-primary-50) / 1)
    }

    html .tailwind-area .text-primary-50\/15 {
        color: rgb(var(--ui-primary-50) / .15)
    }

    html .tailwind-area .text-primary-50\/20 {
        color: rgb(var(--ui-primary-50) / .2)
    }

    html .tailwind-area .text-primary-50\/25 {
        color: rgb(var(--ui-primary-50) / .25)
    }

    html .tailwind-area .text-primary-50\/30 {
        color: rgb(var(--ui-primary-50) / .3)
    }

    html .tailwind-area .text-primary-50\/35 {
        color: rgb(var(--ui-primary-50) / .35)
    }

    html .tailwind-area .text-primary-50\/40 {
        color: rgb(var(--ui-primary-50) / .4)
    }

    html .tailwind-area .text-primary-50\/45 {
        color: rgb(var(--ui-primary-50) / .45)
    }

    html .tailwind-area .text-primary-50\/5 {
        color: rgb(var(--ui-primary-50) / .05)
    }

    html .tailwind-area .text-primary-50\/50 {
        color: rgb(var(--ui-primary-50) / .5)
    }

    html .tailwind-area .text-primary-50\/55 {
        color: rgb(var(--ui-primary-50) / .55)
    }

    html .tailwind-area .text-primary-50\/60 {
        color: rgb(var(--ui-primary-50) / .6)
    }

    html .tailwind-area .text-primary-50\/65 {
        color: rgb(var(--ui-primary-50) / .65)
    }

    html .tailwind-area .text-primary-50\/70 {
        color: rgb(var(--ui-primary-50) / .7)
    }

    html .tailwind-area .text-primary-50\/75 {
        color: rgb(var(--ui-primary-50) / .75)
    }

    html .tailwind-area .text-primary-50\/80 {
        color: rgb(var(--ui-primary-50) / .8)
    }

    html .tailwind-area .text-primary-50\/85 {
        color: rgb(var(--ui-primary-50) / .85)
    }

    html .tailwind-area .text-primary-50\/90 {
        color: rgb(var(--ui-primary-50) / .9)
    }

    html .tailwind-area .text-primary-50\/95 {
        color: rgb(var(--ui-primary-50) / .95)
    }

    html .tailwind-area .text-primary-500 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-primary-500) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-primary-500\/0 {
        color: rgb(var(--ui-primary-500) / 0)
    }

    html .tailwind-area .text-primary-500\/10 {
        color: rgb(var(--ui-primary-500) / .1)
    }

    html .tailwind-area .text-primary-500\/100 {
        color: rgb(var(--ui-primary-500) / 1)
    }

    html .tailwind-area .text-primary-500\/15 {
        color: rgb(var(--ui-primary-500) / .15)
    }

    html .tailwind-area .text-primary-500\/20 {
        color: rgb(var(--ui-primary-500) / .2)
    }

    html .tailwind-area .text-primary-500\/25 {
        color: rgb(var(--ui-primary-500) / .25)
    }

    html .tailwind-area .text-primary-500\/30 {
        color: rgb(var(--ui-primary-500) / .3)
    }

    html .tailwind-area .text-primary-500\/35 {
        color: rgb(var(--ui-primary-500) / .35)
    }

    html .tailwind-area .text-primary-500\/40 {
        color: rgb(var(--ui-primary-500) / .4)
    }

    html .tailwind-area .text-primary-500\/45 {
        color: rgb(var(--ui-primary-500) / .45)
    }

    html .tailwind-area .text-primary-500\/5 {
        color: rgb(var(--ui-primary-500) / .05)
    }

    html .tailwind-area .text-primary-500\/50 {
        color: rgb(var(--ui-primary-500) / .5)
    }

    html .tailwind-area .text-primary-500\/55 {
        color: rgb(var(--ui-primary-500) / .55)
    }

    html .tailwind-area .text-primary-500\/60 {
        color: rgb(var(--ui-primary-500) / .6)
    }

    html .tailwind-area .text-primary-500\/65 {
        color: rgb(var(--ui-primary-500) / .65)
    }

    html .tailwind-area .text-primary-500\/70 {
        color: rgb(var(--ui-primary-500) / .7)
    }

    html .tailwind-area .text-primary-500\/75 {
        color: rgb(var(--ui-primary-500) / .75)
    }

    html .tailwind-area .text-primary-500\/80 {
        color: rgb(var(--ui-primary-500) / .8)
    }

    html .tailwind-area .text-primary-500\/85 {
        color: rgb(var(--ui-primary-500) / .85)
    }

    html .tailwind-area .text-primary-500\/90 {
        color: rgb(var(--ui-primary-500) / .9)
    }

    html .tailwind-area .text-primary-500\/95 {
        color: rgb(var(--ui-primary-500) / .95)
    }

    html .tailwind-area .text-primary-600 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-primary-600) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-primary-600\/0 {
        color: rgb(var(--ui-primary-600) / 0)
    }

    html .tailwind-area .text-primary-600\/10 {
        color: rgb(var(--ui-primary-600) / .1)
    }

    html .tailwind-area .text-primary-600\/100 {
        color: rgb(var(--ui-primary-600) / 1)
    }

    html .tailwind-area .text-primary-600\/15 {
        color: rgb(var(--ui-primary-600) / .15)
    }

    html .tailwind-area .text-primary-600\/20 {
        color: rgb(var(--ui-primary-600) / .2)
    }

    html .tailwind-area .text-primary-600\/25 {
        color: rgb(var(--ui-primary-600) / .25)
    }

    html .tailwind-area .text-primary-600\/30 {
        color: rgb(var(--ui-primary-600) / .3)
    }

    html .tailwind-area .text-primary-600\/35 {
        color: rgb(var(--ui-primary-600) / .35)
    }

    html .tailwind-area .text-primary-600\/40 {
        color: rgb(var(--ui-primary-600) / .4)
    }

    html .tailwind-area .text-primary-600\/45 {
        color: rgb(var(--ui-primary-600) / .45)
    }

    html .tailwind-area .text-primary-600\/5 {
        color: rgb(var(--ui-primary-600) / .05)
    }

    html .tailwind-area .text-primary-600\/50 {
        color: rgb(var(--ui-primary-600) / .5)
    }

    html .tailwind-area .text-primary-600\/55 {
        color: rgb(var(--ui-primary-600) / .55)
    }

    html .tailwind-area .text-primary-600\/60 {
        color: rgb(var(--ui-primary-600) / .6)
    }

    html .tailwind-area .text-primary-600\/65 {
        color: rgb(var(--ui-primary-600) / .65)
    }

    html .tailwind-area .text-primary-600\/70 {
        color: rgb(var(--ui-primary-600) / .7)
    }

    html .tailwind-area .text-primary-600\/75 {
        color: rgb(var(--ui-primary-600) / .75)
    }

    html .tailwind-area .text-primary-600\/80 {
        color: rgb(var(--ui-primary-600) / .8)
    }

    html .tailwind-area .text-primary-600\/85 {
        color: rgb(var(--ui-primary-600) / .85)
    }

    html .tailwind-area .text-primary-600\/90 {
        color: rgb(var(--ui-primary-600) / .9)
    }

    html .tailwind-area .text-primary-600\/95 {
        color: rgb(var(--ui-primary-600) / .95)
    }

    html .tailwind-area .text-primary-700 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-primary-700) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-primary-700\/0 {
        color: rgb(var(--ui-primary-700) / 0)
    }

    html .tailwind-area .text-primary-700\/10 {
        color: rgb(var(--ui-primary-700) / .1)
    }

    html .tailwind-area .text-primary-700\/100 {
        color: rgb(var(--ui-primary-700) / 1)
    }

    html .tailwind-area .text-primary-700\/15 {
        color: rgb(var(--ui-primary-700) / .15)
    }

    html .tailwind-area .text-primary-700\/20 {
        color: rgb(var(--ui-primary-700) / .2)
    }

    html .tailwind-area .text-primary-700\/25 {
        color: rgb(var(--ui-primary-700) / .25)
    }

    html .tailwind-area .text-primary-700\/30 {
        color: rgb(var(--ui-primary-700) / .3)
    }

    html .tailwind-area .text-primary-700\/35 {
        color: rgb(var(--ui-primary-700) / .35)
    }

    html .tailwind-area .text-primary-700\/40 {
        color: rgb(var(--ui-primary-700) / .4)
    }

    html .tailwind-area .text-primary-700\/45 {
        color: rgb(var(--ui-primary-700) / .45)
    }

    html .tailwind-area .text-primary-700\/5 {
        color: rgb(var(--ui-primary-700) / .05)
    }

    html .tailwind-area .text-primary-700\/50 {
        color: rgb(var(--ui-primary-700) / .5)
    }

    html .tailwind-area .text-primary-700\/55 {
        color: rgb(var(--ui-primary-700) / .55)
    }

    html .tailwind-area .text-primary-700\/60 {
        color: rgb(var(--ui-primary-700) / .6)
    }

    html .tailwind-area .text-primary-700\/65 {
        color: rgb(var(--ui-primary-700) / .65)
    }

    html .tailwind-area .text-primary-700\/70 {
        color: rgb(var(--ui-primary-700) / .7)
    }

    html .tailwind-area .text-primary-700\/75 {
        color: rgb(var(--ui-primary-700) / .75)
    }

    html .tailwind-area .text-primary-700\/80 {
        color: rgb(var(--ui-primary-700) / .8)
    }

    html .tailwind-area .text-primary-700\/85 {
        color: rgb(var(--ui-primary-700) / .85)
    }

    html .tailwind-area .text-primary-700\/90 {
        color: rgb(var(--ui-primary-700) / .9)
    }

    html .tailwind-area .text-primary-700\/95 {
        color: rgb(var(--ui-primary-700) / .95)
    }

    html .tailwind-area .text-primary-800 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-primary-800) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-primary-800\/0 {
        color: rgb(var(--ui-primary-800) / 0)
    }

    html .tailwind-area .text-primary-800\/10 {
        color: rgb(var(--ui-primary-800) / .1)
    }

    html .tailwind-area .text-primary-800\/100 {
        color: rgb(var(--ui-primary-800) / 1)
    }

    html .tailwind-area .text-primary-800\/15 {
        color: rgb(var(--ui-primary-800) / .15)
    }

    html .tailwind-area .text-primary-800\/20 {
        color: rgb(var(--ui-primary-800) / .2)
    }

    html .tailwind-area .text-primary-800\/25 {
        color: rgb(var(--ui-primary-800) / .25)
    }

    html .tailwind-area .text-primary-800\/30 {
        color: rgb(var(--ui-primary-800) / .3)
    }

    html .tailwind-area .text-primary-800\/35 {
        color: rgb(var(--ui-primary-800) / .35)
    }

    html .tailwind-area .text-primary-800\/40 {
        color: rgb(var(--ui-primary-800) / .4)
    }

    html .tailwind-area .text-primary-800\/45 {
        color: rgb(var(--ui-primary-800) / .45)
    }

    html .tailwind-area .text-primary-800\/5 {
        color: rgb(var(--ui-primary-800) / .05)
    }

    html .tailwind-area .text-primary-800\/50 {
        color: rgb(var(--ui-primary-800) / .5)
    }

    html .tailwind-area .text-primary-800\/55 {
        color: rgb(var(--ui-primary-800) / .55)
    }

    html .tailwind-area .text-primary-800\/60 {
        color: rgb(var(--ui-primary-800) / .6)
    }

    html .tailwind-area .text-primary-800\/65 {
        color: rgb(var(--ui-primary-800) / .65)
    }

    html .tailwind-area .text-primary-800\/70 {
        color: rgb(var(--ui-primary-800) / .7)
    }

    html .tailwind-area .text-primary-800\/75 {
        color: rgb(var(--ui-primary-800) / .75)
    }

    html .tailwind-area .text-primary-800\/80 {
        color: rgb(var(--ui-primary-800) / .8)
    }

    html .tailwind-area .text-primary-800\/85 {
        color: rgb(var(--ui-primary-800) / .85)
    }

    html .tailwind-area .text-primary-800\/90 {
        color: rgb(var(--ui-primary-800) / .9)
    }

    html .tailwind-area .text-primary-800\/95 {
        color: rgb(var(--ui-primary-800) / .95)
    }

    html .tailwind-area .text-primary-900 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-primary-900) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-primary-900\/0 {
        color: rgb(var(--ui-primary-900) / 0)
    }

    html .tailwind-area .text-primary-900\/10 {
        color: rgb(var(--ui-primary-900) / .1)
    }

    html .tailwind-area .text-primary-900\/100 {
        color: rgb(var(--ui-primary-900) / 1)
    }

    html .tailwind-area .text-primary-900\/15 {
        color: rgb(var(--ui-primary-900) / .15)
    }

    html .tailwind-area .text-primary-900\/20 {
        color: rgb(var(--ui-primary-900) / .2)
    }

    html .tailwind-area .text-primary-900\/25 {
        color: rgb(var(--ui-primary-900) / .25)
    }

    html .tailwind-area .text-primary-900\/30 {
        color: rgb(var(--ui-primary-900) / .3)
    }

    html .tailwind-area .text-primary-900\/35 {
        color: rgb(var(--ui-primary-900) / .35)
    }

    html .tailwind-area .text-primary-900\/40 {
        color: rgb(var(--ui-primary-900) / .4)
    }

    html .tailwind-area .text-primary-900\/45 {
        color: rgb(var(--ui-primary-900) / .45)
    }

    html .tailwind-area .text-primary-900\/5 {
        color: rgb(var(--ui-primary-900) / .05)
    }

    html .tailwind-area .text-primary-900\/50 {
        color: rgb(var(--ui-primary-900) / .5)
    }

    html .tailwind-area .text-primary-900\/55 {
        color: rgb(var(--ui-primary-900) / .55)
    }

    html .tailwind-area .text-primary-900\/60 {
        color: rgb(var(--ui-primary-900) / .6)
    }

    html .tailwind-area .text-primary-900\/65 {
        color: rgb(var(--ui-primary-900) / .65)
    }

    html .tailwind-area .text-primary-900\/70 {
        color: rgb(var(--ui-primary-900) / .7)
    }

    html .tailwind-area .text-primary-900\/75 {
        color: rgb(var(--ui-primary-900) / .75)
    }

    html .tailwind-area .text-primary-900\/80 {
        color: rgb(var(--ui-primary-900) / .8)
    }

    html .tailwind-area .text-primary-900\/85 {
        color: rgb(var(--ui-primary-900) / .85)
    }

    html .tailwind-area .text-primary-900\/90 {
        color: rgb(var(--ui-primary-900) / .9)
    }

    html .tailwind-area .text-primary-900\/95 {
        color: rgb(var(--ui-primary-900) / .95)
    }

    html .tailwind-area .text-safe {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-safe-500) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-safe-100 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-safe-100) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-safe-100\/0 {
        color: rgb(var(--ui-safe-100) / 0)
    }

    html .tailwind-area .text-safe-100\/10 {
        color: rgb(var(--ui-safe-100) / .1)
    }

    html .tailwind-area .text-safe-100\/100 {
        color: rgb(var(--ui-safe-100) / 1)
    }

    html .tailwind-area .text-safe-100\/15 {
        color: rgb(var(--ui-safe-100) / .15)
    }

    html .tailwind-area .text-safe-100\/20 {
        color: rgb(var(--ui-safe-100) / .2)
    }

    html .tailwind-area .text-safe-100\/25 {
        color: rgb(var(--ui-safe-100) / .25)
    }

    html .tailwind-area .text-safe-100\/30 {
        color: rgb(var(--ui-safe-100) / .3)
    }

    html .tailwind-area .text-safe-100\/35 {
        color: rgb(var(--ui-safe-100) / .35)
    }

    html .tailwind-area .text-safe-100\/40 {
        color: rgb(var(--ui-safe-100) / .4)
    }

    html .tailwind-area .text-safe-100\/45 {
        color: rgb(var(--ui-safe-100) / .45)
    }

    html .tailwind-area .text-safe-100\/5 {
        color: rgb(var(--ui-safe-100) / .05)
    }

    html .tailwind-area .text-safe-100\/50 {
        color: rgb(var(--ui-safe-100) / .5)
    }

    html .tailwind-area .text-safe-100\/55 {
        color: rgb(var(--ui-safe-100) / .55)
    }

    html .tailwind-area .text-safe-100\/60 {
        color: rgb(var(--ui-safe-100) / .6)
    }

    html .tailwind-area .text-safe-100\/65 {
        color: rgb(var(--ui-safe-100) / .65)
    }

    html .tailwind-area .text-safe-100\/70 {
        color: rgb(var(--ui-safe-100) / .7)
    }

    html .tailwind-area .text-safe-100\/75 {
        color: rgb(var(--ui-safe-100) / .75)
    }

    html .tailwind-area .text-safe-100\/80 {
        color: rgb(var(--ui-safe-100) / .8)
    }

    html .tailwind-area .text-safe-100\/85 {
        color: rgb(var(--ui-safe-100) / .85)
    }

    html .tailwind-area .text-safe-100\/90 {
        color: rgb(var(--ui-safe-100) / .9)
    }

    html .tailwind-area .text-safe-100\/95 {
        color: rgb(var(--ui-safe-100) / .95)
    }

    html .tailwind-area .text-safe-200 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-safe-200) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-safe-200\/0 {
        color: rgb(var(--ui-safe-200) / 0)
    }

    html .tailwind-area .text-safe-200\/10 {
        color: rgb(var(--ui-safe-200) / .1)
    }

    html .tailwind-area .text-safe-200\/100 {
        color: rgb(var(--ui-safe-200) / 1)
    }

    html .tailwind-area .text-safe-200\/15 {
        color: rgb(var(--ui-safe-200) / .15)
    }

    html .tailwind-area .text-safe-200\/20 {
        color: rgb(var(--ui-safe-200) / .2)
    }

    html .tailwind-area .text-safe-200\/25 {
        color: rgb(var(--ui-safe-200) / .25)
    }

    html .tailwind-area .text-safe-200\/30 {
        color: rgb(var(--ui-safe-200) / .3)
    }

    html .tailwind-area .text-safe-200\/35 {
        color: rgb(var(--ui-safe-200) / .35)
    }

    html .tailwind-area .text-safe-200\/40 {
        color: rgb(var(--ui-safe-200) / .4)
    }

    html .tailwind-area .text-safe-200\/45 {
        color: rgb(var(--ui-safe-200) / .45)
    }

    html .tailwind-area .text-safe-200\/5 {
        color: rgb(var(--ui-safe-200) / .05)
    }

    html .tailwind-area .text-safe-200\/50 {
        color: rgb(var(--ui-safe-200) / .5)
    }

    html .tailwind-area .text-safe-200\/55 {
        color: rgb(var(--ui-safe-200) / .55)
    }

    html .tailwind-area .text-safe-200\/60 {
        color: rgb(var(--ui-safe-200) / .6)
    }

    html .tailwind-area .text-safe-200\/65 {
        color: rgb(var(--ui-safe-200) / .65)
    }

    html .tailwind-area .text-safe-200\/70 {
        color: rgb(var(--ui-safe-200) / .7)
    }

    html .tailwind-area .text-safe-200\/75 {
        color: rgb(var(--ui-safe-200) / .75)
    }

    html .tailwind-area .text-safe-200\/80 {
        color: rgb(var(--ui-safe-200) / .8)
    }

    html .tailwind-area .text-safe-200\/85 {
        color: rgb(var(--ui-safe-200) / .85)
    }

    html .tailwind-area .text-safe-200\/90 {
        color: rgb(var(--ui-safe-200) / .9)
    }

    html .tailwind-area .text-safe-200\/95 {
        color: rgb(var(--ui-safe-200) / .95)
    }

    html .tailwind-area .text-safe-300 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-safe-300) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-safe-300\/0 {
        color: rgb(var(--ui-safe-300) / 0)
    }

    html .tailwind-area .text-safe-300\/10 {
        color: rgb(var(--ui-safe-300) / .1)
    }

    html .tailwind-area .text-safe-300\/100 {
        color: rgb(var(--ui-safe-300) / 1)
    }

    html .tailwind-area .text-safe-300\/15 {
        color: rgb(var(--ui-safe-300) / .15)
    }

    html .tailwind-area .text-safe-300\/20 {
        color: rgb(var(--ui-safe-300) / .2)
    }

    html .tailwind-area .text-safe-300\/25 {
        color: rgb(var(--ui-safe-300) / .25)
    }

    html .tailwind-area .text-safe-300\/30 {
        color: rgb(var(--ui-safe-300) / .3)
    }

    html .tailwind-area .text-safe-300\/35 {
        color: rgb(var(--ui-safe-300) / .35)
    }

    html .tailwind-area .text-safe-300\/40 {
        color: rgb(var(--ui-safe-300) / .4)
    }

    html .tailwind-area .text-safe-300\/45 {
        color: rgb(var(--ui-safe-300) / .45)
    }

    html .tailwind-area .text-safe-300\/5 {
        color: rgb(var(--ui-safe-300) / .05)
    }

    html .tailwind-area .text-safe-300\/50 {
        color: rgb(var(--ui-safe-300) / .5)
    }

    html .tailwind-area .text-safe-300\/55 {
        color: rgb(var(--ui-safe-300) / .55)
    }

    html .tailwind-area .text-safe-300\/60 {
        color: rgb(var(--ui-safe-300) / .6)
    }

    html .tailwind-area .text-safe-300\/65 {
        color: rgb(var(--ui-safe-300) / .65)
    }

    html .tailwind-area .text-safe-300\/70 {
        color: rgb(var(--ui-safe-300) / .7)
    }

    html .tailwind-area .text-safe-300\/75 {
        color: rgb(var(--ui-safe-300) / .75)
    }

    html .tailwind-area .text-safe-300\/80 {
        color: rgb(var(--ui-safe-300) / .8)
    }

    html .tailwind-area .text-safe-300\/85 {
        color: rgb(var(--ui-safe-300) / .85)
    }

    html .tailwind-area .text-safe-300\/90 {
        color: rgb(var(--ui-safe-300) / .9)
    }

    html .tailwind-area .text-safe-300\/95 {
        color: rgb(var(--ui-safe-300) / .95)
    }

    html .tailwind-area .text-safe-400 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-safe-400) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-safe-400\/0 {
        color: rgb(var(--ui-safe-400) / 0)
    }

    html .tailwind-area .text-safe-400\/10 {
        color: rgb(var(--ui-safe-400) / .1)
    }

    html .tailwind-area .text-safe-400\/100 {
        color: rgb(var(--ui-safe-400) / 1)
    }

    html .tailwind-area .text-safe-400\/15 {
        color: rgb(var(--ui-safe-400) / .15)
    }

    html .tailwind-area .text-safe-400\/20 {
        color: rgb(var(--ui-safe-400) / .2)
    }

    html .tailwind-area .text-safe-400\/25 {
        color: rgb(var(--ui-safe-400) / .25)
    }

    html .tailwind-area .text-safe-400\/30 {
        color: rgb(var(--ui-safe-400) / .3)
    }

    html .tailwind-area .text-safe-400\/35 {
        color: rgb(var(--ui-safe-400) / .35)
    }

    html .tailwind-area .text-safe-400\/40 {
        color: rgb(var(--ui-safe-400) / .4)
    }

    html .tailwind-area .text-safe-400\/45 {
        color: rgb(var(--ui-safe-400) / .45)
    }

    html .tailwind-area .text-safe-400\/5 {
        color: rgb(var(--ui-safe-400) / .05)
    }

    html .tailwind-area .text-safe-400\/50 {
        color: rgb(var(--ui-safe-400) / .5)
    }

    html .tailwind-area .text-safe-400\/55 {
        color: rgb(var(--ui-safe-400) / .55)
    }

    html .tailwind-area .text-safe-400\/60 {
        color: rgb(var(--ui-safe-400) / .6)
    }

    html .tailwind-area .text-safe-400\/65 {
        color: rgb(var(--ui-safe-400) / .65)
    }

    html .tailwind-area .text-safe-400\/70 {
        color: rgb(var(--ui-safe-400) / .7)
    }

    html .tailwind-area .text-safe-400\/75 {
        color: rgb(var(--ui-safe-400) / .75)
    }

    html .tailwind-area .text-safe-400\/80 {
        color: rgb(var(--ui-safe-400) / .8)
    }

    html .tailwind-area .text-safe-400\/85 {
        color: rgb(var(--ui-safe-400) / .85)
    }

    html .tailwind-area .text-safe-400\/90 {
        color: rgb(var(--ui-safe-400) / .9)
    }

    html .tailwind-area .text-safe-400\/95 {
        color: rgb(var(--ui-safe-400) / .95)
    }

    html .tailwind-area .text-safe-50 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-safe-50) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-safe-50\/0 {
        color: rgb(var(--ui-safe-50) / 0)
    }

    html .tailwind-area .text-safe-50\/10 {
        color: rgb(var(--ui-safe-50) / .1)
    }

    html .tailwind-area .text-safe-50\/100 {
        color: rgb(var(--ui-safe-50) / 1)
    }

    html .tailwind-area .text-safe-50\/15 {
        color: rgb(var(--ui-safe-50) / .15)
    }

    html .tailwind-area .text-safe-50\/20 {
        color: rgb(var(--ui-safe-50) / .2)
    }

    html .tailwind-area .text-safe-50\/25 {
        color: rgb(var(--ui-safe-50) / .25)
    }

    html .tailwind-area .text-safe-50\/30 {
        color: rgb(var(--ui-safe-50) / .3)
    }

    html .tailwind-area .text-safe-50\/35 {
        color: rgb(var(--ui-safe-50) / .35)
    }

    html .tailwind-area .text-safe-50\/40 {
        color: rgb(var(--ui-safe-50) / .4)
    }

    html .tailwind-area .text-safe-50\/45 {
        color: rgb(var(--ui-safe-50) / .45)
    }

    html .tailwind-area .text-safe-50\/5 {
        color: rgb(var(--ui-safe-50) / .05)
    }

    html .tailwind-area .text-safe-50\/50 {
        color: rgb(var(--ui-safe-50) / .5)
    }

    html .tailwind-area .text-safe-50\/55 {
        color: rgb(var(--ui-safe-50) / .55)
    }

    html .tailwind-area .text-safe-50\/60 {
        color: rgb(var(--ui-safe-50) / .6)
    }

    html .tailwind-area .text-safe-50\/65 {
        color: rgb(var(--ui-safe-50) / .65)
    }

    html .tailwind-area .text-safe-50\/70 {
        color: rgb(var(--ui-safe-50) / .7)
    }

    html .tailwind-area .text-safe-50\/75 {
        color: rgb(var(--ui-safe-50) / .75)
    }

    html .tailwind-area .text-safe-50\/80 {
        color: rgb(var(--ui-safe-50) / .8)
    }

    html .tailwind-area .text-safe-50\/85 {
        color: rgb(var(--ui-safe-50) / .85)
    }

    html .tailwind-area .text-safe-50\/90 {
        color: rgb(var(--ui-safe-50) / .9)
    }

    html .tailwind-area .text-safe-50\/95 {
        color: rgb(var(--ui-safe-50) / .95)
    }

    html .tailwind-area .text-safe-500 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-safe-500) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-safe-500\/0 {
        color: rgb(var(--ui-safe-500) / 0)
    }

    html .tailwind-area .text-safe-500\/10 {
        color: rgb(var(--ui-safe-500) / .1)
    }

    html .tailwind-area .text-safe-500\/100 {
        color: rgb(var(--ui-safe-500) / 1)
    }

    html .tailwind-area .text-safe-500\/15 {
        color: rgb(var(--ui-safe-500) / .15)
    }

    html .tailwind-area .text-safe-500\/20 {
        color: rgb(var(--ui-safe-500) / .2)
    }

    html .tailwind-area .text-safe-500\/25 {
        color: rgb(var(--ui-safe-500) / .25)
    }

    html .tailwind-area .text-safe-500\/30 {
        color: rgb(var(--ui-safe-500) / .3)
    }

    html .tailwind-area .text-safe-500\/35 {
        color: rgb(var(--ui-safe-500) / .35)
    }

    html .tailwind-area .text-safe-500\/40 {
        color: rgb(var(--ui-safe-500) / .4)
    }

    html .tailwind-area .text-safe-500\/45 {
        color: rgb(var(--ui-safe-500) / .45)
    }

    html .tailwind-area .text-safe-500\/5 {
        color: rgb(var(--ui-safe-500) / .05)
    }

    html .tailwind-area .text-safe-500\/50 {
        color: rgb(var(--ui-safe-500) / .5)
    }

    html .tailwind-area .text-safe-500\/55 {
        color: rgb(var(--ui-safe-500) / .55)
    }

    html .tailwind-area .text-safe-500\/60 {
        color: rgb(var(--ui-safe-500) / .6)
    }

    html .tailwind-area .text-safe-500\/65 {
        color: rgb(var(--ui-safe-500) / .65)
    }

    html .tailwind-area .text-safe-500\/70 {
        color: rgb(var(--ui-safe-500) / .7)
    }

    html .tailwind-area .text-safe-500\/75 {
        color: rgb(var(--ui-safe-500) / .75)
    }

    html .tailwind-area .text-safe-500\/80 {
        color: rgb(var(--ui-safe-500) / .8)
    }

    html .tailwind-area .text-safe-500\/85 {
        color: rgb(var(--ui-safe-500) / .85)
    }

    html .tailwind-area .text-safe-500\/90 {
        color: rgb(var(--ui-safe-500) / .9)
    }

    html .tailwind-area .text-safe-500\/95 {
        color: rgb(var(--ui-safe-500) / .95)
    }

    html .tailwind-area .text-safe-600 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-safe-600) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-safe-600\/0 {
        color: rgb(var(--ui-safe-600) / 0)
    }

    html .tailwind-area .text-safe-600\/10 {
        color: rgb(var(--ui-safe-600) / .1)
    }

    html .tailwind-area .text-safe-600\/100 {
        color: rgb(var(--ui-safe-600) / 1)
    }

    html .tailwind-area .text-safe-600\/15 {
        color: rgb(var(--ui-safe-600) / .15)
    }

    html .tailwind-area .text-safe-600\/20 {
        color: rgb(var(--ui-safe-600) / .2)
    }

    html .tailwind-area .text-safe-600\/25 {
        color: rgb(var(--ui-safe-600) / .25)
    }

    html .tailwind-area .text-safe-600\/30 {
        color: rgb(var(--ui-safe-600) / .3)
    }

    html .tailwind-area .text-safe-600\/35 {
        color: rgb(var(--ui-safe-600) / .35)
    }

    html .tailwind-area .text-safe-600\/40 {
        color: rgb(var(--ui-safe-600) / .4)
    }

    html .tailwind-area .text-safe-600\/45 {
        color: rgb(var(--ui-safe-600) / .45)
    }

    html .tailwind-area .text-safe-600\/5 {
        color: rgb(var(--ui-safe-600) / .05)
    }

    html .tailwind-area .text-safe-600\/50 {
        color: rgb(var(--ui-safe-600) / .5)
    }

    html .tailwind-area .text-safe-600\/55 {
        color: rgb(var(--ui-safe-600) / .55)
    }

    html .tailwind-area .text-safe-600\/60 {
        color: rgb(var(--ui-safe-600) / .6)
    }

    html .tailwind-area .text-safe-600\/65 {
        color: rgb(var(--ui-safe-600) / .65)
    }

    html .tailwind-area .text-safe-600\/70 {
        color: rgb(var(--ui-safe-600) / .7)
    }

    html .tailwind-area .text-safe-600\/75 {
        color: rgb(var(--ui-safe-600) / .75)
    }

    html .tailwind-area .text-safe-600\/80 {
        color: rgb(var(--ui-safe-600) / .8)
    }

    html .tailwind-area .text-safe-600\/85 {
        color: rgb(var(--ui-safe-600) / .85)
    }

    html .tailwind-area .text-safe-600\/90 {
        color: rgb(var(--ui-safe-600) / .9)
    }

    html .tailwind-area .text-safe-600\/95 {
        color: rgb(var(--ui-safe-600) / .95)
    }

    html .tailwind-area .text-safe-700 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-safe-700) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-safe-700\/0 {
        color: rgb(var(--ui-safe-700) / 0)
    }

    html .tailwind-area .text-safe-700\/10 {
        color: rgb(var(--ui-safe-700) / .1)
    }

    html .tailwind-area .text-safe-700\/100 {
        color: rgb(var(--ui-safe-700) / 1)
    }

    html .tailwind-area .text-safe-700\/15 {
        color: rgb(var(--ui-safe-700) / .15)
    }

    html .tailwind-area .text-safe-700\/20 {
        color: rgb(var(--ui-safe-700) / .2)
    }

    html .tailwind-area .text-safe-700\/25 {
        color: rgb(var(--ui-safe-700) / .25)
    }

    html .tailwind-area .text-safe-700\/30 {
        color: rgb(var(--ui-safe-700) / .3)
    }

    html .tailwind-area .text-safe-700\/35 {
        color: rgb(var(--ui-safe-700) / .35)
    }

    html .tailwind-area .text-safe-700\/40 {
        color: rgb(var(--ui-safe-700) / .4)
    }

    html .tailwind-area .text-safe-700\/45 {
        color: rgb(var(--ui-safe-700) / .45)
    }

    html .tailwind-area .text-safe-700\/5 {
        color: rgb(var(--ui-safe-700) / .05)
    }

    html .tailwind-area .text-safe-700\/50 {
        color: rgb(var(--ui-safe-700) / .5)
    }

    html .tailwind-area .text-safe-700\/55 {
        color: rgb(var(--ui-safe-700) / .55)
    }

    html .tailwind-area .text-safe-700\/60 {
        color: rgb(var(--ui-safe-700) / .6)
    }

    html .tailwind-area .text-safe-700\/65 {
        color: rgb(var(--ui-safe-700) / .65)
    }

    html .tailwind-area .text-safe-700\/70 {
        color: rgb(var(--ui-safe-700) / .7)
    }

    html .tailwind-area .text-safe-700\/75 {
        color: rgb(var(--ui-safe-700) / .75)
    }

    html .tailwind-area .text-safe-700\/80 {
        color: rgb(var(--ui-safe-700) / .8)
    }

    html .tailwind-area .text-safe-700\/85 {
        color: rgb(var(--ui-safe-700) / .85)
    }

    html .tailwind-area .text-safe-700\/90 {
        color: rgb(var(--ui-safe-700) / .9)
    }

    html .tailwind-area .text-safe-700\/95 {
        color: rgb(var(--ui-safe-700) / .95)
    }

    html .tailwind-area .text-safe-800 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-safe-800) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-safe-800\/0 {
        color: rgb(var(--ui-safe-800) / 0)
    }

    html .tailwind-area .text-safe-800\/10 {
        color: rgb(var(--ui-safe-800) / .1)
    }

    html .tailwind-area .text-safe-800\/100 {
        color: rgb(var(--ui-safe-800) / 1)
    }

    html .tailwind-area .text-safe-800\/15 {
        color: rgb(var(--ui-safe-800) / .15)
    }

    html .tailwind-area .text-safe-800\/20 {
        color: rgb(var(--ui-safe-800) / .2)
    }

    html .tailwind-area .text-safe-800\/25 {
        color: rgb(var(--ui-safe-800) / .25)
    }

    html .tailwind-area .text-safe-800\/30 {
        color: rgb(var(--ui-safe-800) / .3)
    }

    html .tailwind-area .text-safe-800\/35 {
        color: rgb(var(--ui-safe-800) / .35)
    }

    html .tailwind-area .text-safe-800\/40 {
        color: rgb(var(--ui-safe-800) / .4)
    }

    html .tailwind-area .text-safe-800\/45 {
        color: rgb(var(--ui-safe-800) / .45)
    }

    html .tailwind-area .text-safe-800\/5 {
        color: rgb(var(--ui-safe-800) / .05)
    }

    html .tailwind-area .text-safe-800\/50 {
        color: rgb(var(--ui-safe-800) / .5)
    }

    html .tailwind-area .text-safe-800\/55 {
        color: rgb(var(--ui-safe-800) / .55)
    }

    html .tailwind-area .text-safe-800\/60 {
        color: rgb(var(--ui-safe-800) / .6)
    }

    html .tailwind-area .text-safe-800\/65 {
        color: rgb(var(--ui-safe-800) / .65)
    }

    html .tailwind-area .text-safe-800\/70 {
        color: rgb(var(--ui-safe-800) / .7)
    }

    html .tailwind-area .text-safe-800\/75 {
        color: rgb(var(--ui-safe-800) / .75)
    }

    html .tailwind-area .text-safe-800\/80 {
        color: rgb(var(--ui-safe-800) / .8)
    }

    html .tailwind-area .text-safe-800\/85 {
        color: rgb(var(--ui-safe-800) / .85)
    }

    html .tailwind-area .text-safe-800\/90 {
        color: rgb(var(--ui-safe-800) / .9)
    }

    html .tailwind-area .text-safe-800\/95 {
        color: rgb(var(--ui-safe-800) / .95)
    }

    html .tailwind-area .text-safe-900 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-safe-900) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-safe-900\/0 {
        color: rgb(var(--ui-safe-900) / 0)
    }

    html .tailwind-area .text-safe-900\/10 {
        color: rgb(var(--ui-safe-900) / .1)
    }

    html .tailwind-area .text-safe-900\/100 {
        color: rgb(var(--ui-safe-900) / 1)
    }

    html .tailwind-area .text-safe-900\/15 {
        color: rgb(var(--ui-safe-900) / .15)
    }

    html .tailwind-area .text-safe-900\/20 {
        color: rgb(var(--ui-safe-900) / .2)
    }

    html .tailwind-area .text-safe-900\/25 {
        color: rgb(var(--ui-safe-900) / .25)
    }

    html .tailwind-area .text-safe-900\/30 {
        color: rgb(var(--ui-safe-900) / .3)
    }

    html .tailwind-area .text-safe-900\/35 {
        color: rgb(var(--ui-safe-900) / .35)
    }

    html .tailwind-area .text-safe-900\/40 {
        color: rgb(var(--ui-safe-900) / .4)
    }

    html .tailwind-area .text-safe-900\/45 {
        color: rgb(var(--ui-safe-900) / .45)
    }

    html .tailwind-area .text-safe-900\/5 {
        color: rgb(var(--ui-safe-900) / .05)
    }

    html .tailwind-area .text-safe-900\/50 {
        color: rgb(var(--ui-safe-900) / .5)
    }

    html .tailwind-area .text-safe-900\/55 {
        color: rgb(var(--ui-safe-900) / .55)
    }

    html .tailwind-area .text-safe-900\/60 {
        color: rgb(var(--ui-safe-900) / .6)
    }

    html .tailwind-area .text-safe-900\/65 {
        color: rgb(var(--ui-safe-900) / .65)
    }

    html .tailwind-area .text-safe-900\/70 {
        color: rgb(var(--ui-safe-900) / .7)
    }

    html .tailwind-area .text-safe-900\/75 {
        color: rgb(var(--ui-safe-900) / .75)
    }

    html .tailwind-area .text-safe-900\/80 {
        color: rgb(var(--ui-safe-900) / .8)
    }

    html .tailwind-area .text-safe-900\/85 {
        color: rgb(var(--ui-safe-900) / .85)
    }

    html .tailwind-area .text-safe-900\/90 {
        color: rgb(var(--ui-safe-900) / .9)
    }

    html .tailwind-area .text-safe-900\/95 {
        color: rgb(var(--ui-safe-900) / .95)
    }

    html .tailwind-area .text-slate-500 {
        --tw-text-opacity: 1;
        color: rgb(100 116 139 / var(--tw-text-opacity))
    }

    html .tailwind-area .text-slate-900 {
        --tw-text-opacity: 1;
        color: rgb(15 23 42 / var(--tw-text-opacity))
    }

    html .tailwind-area .text-warning {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-warning-500) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-warning-100 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-warning-100) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-warning-100\/0 {
        color: rgb(var(--ui-warning-100) / 0)
    }

    html .tailwind-area .text-warning-100\/10 {
        color: rgb(var(--ui-warning-100) / .1)
    }

    html .tailwind-area .text-warning-100\/100 {
        color: rgb(var(--ui-warning-100) / 1)
    }

    html .tailwind-area .text-warning-100\/15 {
        color: rgb(var(--ui-warning-100) / .15)
    }

    html .tailwind-area .text-warning-100\/20 {
        color: rgb(var(--ui-warning-100) / .2)
    }

    html .tailwind-area .text-warning-100\/25 {
        color: rgb(var(--ui-warning-100) / .25)
    }

    html .tailwind-area .text-warning-100\/30 {
        color: rgb(var(--ui-warning-100) / .3)
    }

    html .tailwind-area .text-warning-100\/35 {
        color: rgb(var(--ui-warning-100) / .35)
    }

    html .tailwind-area .text-warning-100\/40 {
        color: rgb(var(--ui-warning-100) / .4)
    }

    html .tailwind-area .text-warning-100\/45 {
        color: rgb(var(--ui-warning-100) / .45)
    }

    html .tailwind-area .text-warning-100\/5 {
        color: rgb(var(--ui-warning-100) / .05)
    }

    html .tailwind-area .text-warning-100\/50 {
        color: rgb(var(--ui-warning-100) / .5)
    }

    html .tailwind-area .text-warning-100\/55 {
        color: rgb(var(--ui-warning-100) / .55)
    }

    html .tailwind-area .text-warning-100\/60 {
        color: rgb(var(--ui-warning-100) / .6)
    }

    html .tailwind-area .text-warning-100\/65 {
        color: rgb(var(--ui-warning-100) / .65)
    }

    html .tailwind-area .text-warning-100\/70 {
        color: rgb(var(--ui-warning-100) / .7)
    }

    html .tailwind-area .text-warning-100\/75 {
        color: rgb(var(--ui-warning-100) / .75)
    }

    html .tailwind-area .text-warning-100\/80 {
        color: rgb(var(--ui-warning-100) / .8)
    }

    html .tailwind-area .text-warning-100\/85 {
        color: rgb(var(--ui-warning-100) / .85)
    }

    html .tailwind-area .text-warning-100\/90 {
        color: rgb(var(--ui-warning-100) / .9)
    }

    html .tailwind-area .text-warning-100\/95 {
        color: rgb(var(--ui-warning-100) / .95)
    }

    html .tailwind-area .text-warning-200 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-warning-200) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-warning-200\/0 {
        color: rgb(var(--ui-warning-200) / 0)
    }

    html .tailwind-area .text-warning-200\/10 {
        color: rgb(var(--ui-warning-200) / .1)
    }

    html .tailwind-area .text-warning-200\/100 {
        color: rgb(var(--ui-warning-200) / 1)
    }

    html .tailwind-area .text-warning-200\/15 {
        color: rgb(var(--ui-warning-200) / .15)
    }

    html .tailwind-area .text-warning-200\/20 {
        color: rgb(var(--ui-warning-200) / .2)
    }

    html .tailwind-area .text-warning-200\/25 {
        color: rgb(var(--ui-warning-200) / .25)
    }

    html .tailwind-area .text-warning-200\/30 {
        color: rgb(var(--ui-warning-200) / .3)
    }

    html .tailwind-area .text-warning-200\/35 {
        color: rgb(var(--ui-warning-200) / .35)
    }

    html .tailwind-area .text-warning-200\/40 {
        color: rgb(var(--ui-warning-200) / .4)
    }

    html .tailwind-area .text-warning-200\/45 {
        color: rgb(var(--ui-warning-200) / .45)
    }

    html .tailwind-area .text-warning-200\/5 {
        color: rgb(var(--ui-warning-200) / .05)
    }

    html .tailwind-area .text-warning-200\/50 {
        color: rgb(var(--ui-warning-200) / .5)
    }

    html .tailwind-area .text-warning-200\/55 {
        color: rgb(var(--ui-warning-200) / .55)
    }

    html .tailwind-area .text-warning-200\/60 {
        color: rgb(var(--ui-warning-200) / .6)
    }

    html .tailwind-area .text-warning-200\/65 {
        color: rgb(var(--ui-warning-200) / .65)
    }

    html .tailwind-area .text-warning-200\/70 {
        color: rgb(var(--ui-warning-200) / .7)
    }

    html .tailwind-area .text-warning-200\/75 {
        color: rgb(var(--ui-warning-200) / .75)
    }

    html .tailwind-area .text-warning-200\/80 {
        color: rgb(var(--ui-warning-200) / .8)
    }

    html .tailwind-area .text-warning-200\/85 {
        color: rgb(var(--ui-warning-200) / .85)
    }

    html .tailwind-area .text-warning-200\/90 {
        color: rgb(var(--ui-warning-200) / .9)
    }

    html .tailwind-area .text-warning-200\/95 {
        color: rgb(var(--ui-warning-200) / .95)
    }

    html .tailwind-area .text-warning-300 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-warning-300) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-warning-300\/0 {
        color: rgb(var(--ui-warning-300) / 0)
    }

    html .tailwind-area .text-warning-300\/10 {
        color: rgb(var(--ui-warning-300) / .1)
    }

    html .tailwind-area .text-warning-300\/100 {
        color: rgb(var(--ui-warning-300) / 1)
    }

    html .tailwind-area .text-warning-300\/15 {
        color: rgb(var(--ui-warning-300) / .15)
    }

    html .tailwind-area .text-warning-300\/20 {
        color: rgb(var(--ui-warning-300) / .2)
    }

    html .tailwind-area .text-warning-300\/25 {
        color: rgb(var(--ui-warning-300) / .25)
    }

    html .tailwind-area .text-warning-300\/30 {
        color: rgb(var(--ui-warning-300) / .3)
    }

    html .tailwind-area .text-warning-300\/35 {
        color: rgb(var(--ui-warning-300) / .35)
    }

    html .tailwind-area .text-warning-300\/40 {
        color: rgb(var(--ui-warning-300) / .4)
    }

    html .tailwind-area .text-warning-300\/45 {
        color: rgb(var(--ui-warning-300) / .45)
    }

    html .tailwind-area .text-warning-300\/5 {
        color: rgb(var(--ui-warning-300) / .05)
    }

    html .tailwind-area .text-warning-300\/50 {
        color: rgb(var(--ui-warning-300) / .5)
    }

    html .tailwind-area .text-warning-300\/55 {
        color: rgb(var(--ui-warning-300) / .55)
    }

    html .tailwind-area .text-warning-300\/60 {
        color: rgb(var(--ui-warning-300) / .6)
    }

    html .tailwind-area .text-warning-300\/65 {
        color: rgb(var(--ui-warning-300) / .65)
    }

    html .tailwind-area .text-warning-300\/70 {
        color: rgb(var(--ui-warning-300) / .7)
    }

    html .tailwind-area .text-warning-300\/75 {
        color: rgb(var(--ui-warning-300) / .75)
    }

    html .tailwind-area .text-warning-300\/80 {
        color: rgb(var(--ui-warning-300) / .8)
    }

    html .tailwind-area .text-warning-300\/85 {
        color: rgb(var(--ui-warning-300) / .85)
    }

    html .tailwind-area .text-warning-300\/90 {
        color: rgb(var(--ui-warning-300) / .9)
    }

    html .tailwind-area .text-warning-300\/95 {
        color: rgb(var(--ui-warning-300) / .95)
    }

    html .tailwind-area .text-warning-400 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-warning-400) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-warning-400\/0 {
        color: rgb(var(--ui-warning-400) / 0)
    }

    html .tailwind-area .text-warning-400\/10 {
        color: rgb(var(--ui-warning-400) / .1)
    }

    html .tailwind-area .text-warning-400\/100 {
        color: rgb(var(--ui-warning-400) / 1)
    }

    html .tailwind-area .text-warning-400\/15 {
        color: rgb(var(--ui-warning-400) / .15)
    }

    html .tailwind-area .text-warning-400\/20 {
        color: rgb(var(--ui-warning-400) / .2)
    }

    html .tailwind-area .text-warning-400\/25 {
        color: rgb(var(--ui-warning-400) / .25)
    }

    html .tailwind-area .text-warning-400\/30 {
        color: rgb(var(--ui-warning-400) / .3)
    }

    html .tailwind-area .text-warning-400\/35 {
        color: rgb(var(--ui-warning-400) / .35)
    }

    html .tailwind-area .text-warning-400\/40 {
        color: rgb(var(--ui-warning-400) / .4)
    }

    html .tailwind-area .text-warning-400\/45 {
        color: rgb(var(--ui-warning-400) / .45)
    }

    html .tailwind-area .text-warning-400\/5 {
        color: rgb(var(--ui-warning-400) / .05)
    }

    html .tailwind-area .text-warning-400\/50 {
        color: rgb(var(--ui-warning-400) / .5)
    }

    html .tailwind-area .text-warning-400\/55 {
        color: rgb(var(--ui-warning-400) / .55)
    }

    html .tailwind-area .text-warning-400\/60 {
        color: rgb(var(--ui-warning-400) / .6)
    }

    html .tailwind-area .text-warning-400\/65 {
        color: rgb(var(--ui-warning-400) / .65)
    }

    html .tailwind-area .text-warning-400\/70 {
        color: rgb(var(--ui-warning-400) / .7)
    }

    html .tailwind-area .text-warning-400\/75 {
        color: rgb(var(--ui-warning-400) / .75)
    }

    html .tailwind-area .text-warning-400\/80 {
        color: rgb(var(--ui-warning-400) / .8)
    }

    html .tailwind-area .text-warning-400\/85 {
        color: rgb(var(--ui-warning-400) / .85)
    }

    html .tailwind-area .text-warning-400\/90 {
        color: rgb(var(--ui-warning-400) / .9)
    }

    html .tailwind-area .text-warning-400\/95 {
        color: rgb(var(--ui-warning-400) / .95)
    }

    html .tailwind-area .text-warning-50 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-warning-50) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-warning-50\/0 {
        color: rgb(var(--ui-warning-50) / 0)
    }

    html .tailwind-area .text-warning-50\/10 {
        color: rgb(var(--ui-warning-50) / .1)
    }

    html .tailwind-area .text-warning-50\/100 {
        color: rgb(var(--ui-warning-50) / 1)
    }

    html .tailwind-area .text-warning-50\/15 {
        color: rgb(var(--ui-warning-50) / .15)
    }

    html .tailwind-area .text-warning-50\/20 {
        color: rgb(var(--ui-warning-50) / .2)
    }

    html .tailwind-area .text-warning-50\/25 {
        color: rgb(var(--ui-warning-50) / .25)
    }

    html .tailwind-area .text-warning-50\/30 {
        color: rgb(var(--ui-warning-50) / .3)
    }

    html .tailwind-area .text-warning-50\/35 {
        color: rgb(var(--ui-warning-50) / .35)
    }

    html .tailwind-area .text-warning-50\/40 {
        color: rgb(var(--ui-warning-50) / .4)
    }

    html .tailwind-area .text-warning-50\/45 {
        color: rgb(var(--ui-warning-50) / .45)
    }

    html .tailwind-area .text-warning-50\/5 {
        color: rgb(var(--ui-warning-50) / .05)
    }

    html .tailwind-area .text-warning-50\/50 {
        color: rgb(var(--ui-warning-50) / .5)
    }

    html .tailwind-area .text-warning-50\/55 {
        color: rgb(var(--ui-warning-50) / .55)
    }

    html .tailwind-area .text-warning-50\/60 {
        color: rgb(var(--ui-warning-50) / .6)
    }

    html .tailwind-area .text-warning-50\/65 {
        color: rgb(var(--ui-warning-50) / .65)
    }

    html .tailwind-area .text-warning-50\/70 {
        color: rgb(var(--ui-warning-50) / .7)
    }

    html .tailwind-area .text-warning-50\/75 {
        color: rgb(var(--ui-warning-50) / .75)
    }

    html .tailwind-area .text-warning-50\/80 {
        color: rgb(var(--ui-warning-50) / .8)
    }

    html .tailwind-area .text-warning-50\/85 {
        color: rgb(var(--ui-warning-50) / .85)
    }

    html .tailwind-area .text-warning-50\/90 {
        color: rgb(var(--ui-warning-50) / .9)
    }

    html .tailwind-area .text-warning-50\/95 {
        color: rgb(var(--ui-warning-50) / .95)
    }

    html .tailwind-area .text-warning-500 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-warning-500) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-warning-500\/0 {
        color: rgb(var(--ui-warning-500) / 0)
    }

    html .tailwind-area .text-warning-500\/10 {
        color: rgb(var(--ui-warning-500) / .1)
    }

    html .tailwind-area .text-warning-500\/100 {
        color: rgb(var(--ui-warning-500) / 1)
    }

    html .tailwind-area .text-warning-500\/15 {
        color: rgb(var(--ui-warning-500) / .15)
    }

    html .tailwind-area .text-warning-500\/20 {
        color: rgb(var(--ui-warning-500) / .2)
    }

    html .tailwind-area .text-warning-500\/25 {
        color: rgb(var(--ui-warning-500) / .25)
    }

    html .tailwind-area .text-warning-500\/30 {
        color: rgb(var(--ui-warning-500) / .3)
    }

    html .tailwind-area .text-warning-500\/35 {
        color: rgb(var(--ui-warning-500) / .35)
    }

    html .tailwind-area .text-warning-500\/40 {
        color: rgb(var(--ui-warning-500) / .4)
    }

    html .tailwind-area .text-warning-500\/45 {
        color: rgb(var(--ui-warning-500) / .45)
    }

    html .tailwind-area .text-warning-500\/5 {
        color: rgb(var(--ui-warning-500) / .05)
    }

    html .tailwind-area .text-warning-500\/50 {
        color: rgb(var(--ui-warning-500) / .5)
    }

    html .tailwind-area .text-warning-500\/55 {
        color: rgb(var(--ui-warning-500) / .55)
    }

    html .tailwind-area .text-warning-500\/60 {
        color: rgb(var(--ui-warning-500) / .6)
    }

    html .tailwind-area .text-warning-500\/65 {
        color: rgb(var(--ui-warning-500) / .65)
    }

    html .tailwind-area .text-warning-500\/70 {
        color: rgb(var(--ui-warning-500) / .7)
    }

    html .tailwind-area .text-warning-500\/75 {
        color: rgb(var(--ui-warning-500) / .75)
    }

    html .tailwind-area .text-warning-500\/80 {
        color: rgb(var(--ui-warning-500) / .8)
    }

    html .tailwind-area .text-warning-500\/85 {
        color: rgb(var(--ui-warning-500) / .85)
    }

    html .tailwind-area .text-warning-500\/90 {
        color: rgb(var(--ui-warning-500) / .9)
    }

    html .tailwind-area .text-warning-500\/95 {
        color: rgb(var(--ui-warning-500) / .95)
    }

    html .tailwind-area .text-warning-600 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-warning-600) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-warning-600\/0 {
        color: rgb(var(--ui-warning-600) / 0)
    }

    html .tailwind-area .text-warning-600\/10 {
        color: rgb(var(--ui-warning-600) / .1)
    }

    html .tailwind-area .text-warning-600\/100 {
        color: rgb(var(--ui-warning-600) / 1)
    }

    html .tailwind-area .text-warning-600\/15 {
        color: rgb(var(--ui-warning-600) / .15)
    }

    html .tailwind-area .text-warning-600\/20 {
        color: rgb(var(--ui-warning-600) / .2)
    }

    html .tailwind-area .text-warning-600\/25 {
        color: rgb(var(--ui-warning-600) / .25)
    }

    html .tailwind-area .text-warning-600\/30 {
        color: rgb(var(--ui-warning-600) / .3)
    }

    html .tailwind-area .text-warning-600\/35 {
        color: rgb(var(--ui-warning-600) / .35)
    }

    html .tailwind-area .text-warning-600\/40 {
        color: rgb(var(--ui-warning-600) / .4)
    }

    html .tailwind-area .text-warning-600\/45 {
        color: rgb(var(--ui-warning-600) / .45)
    }

    html .tailwind-area .text-warning-600\/5 {
        color: rgb(var(--ui-warning-600) / .05)
    }

    html .tailwind-area .text-warning-600\/50 {
        color: rgb(var(--ui-warning-600) / .5)
    }

    html .tailwind-area .text-warning-600\/55 {
        color: rgb(var(--ui-warning-600) / .55)
    }

    html .tailwind-area .text-warning-600\/60 {
        color: rgb(var(--ui-warning-600) / .6)
    }

    html .tailwind-area .text-warning-600\/65 {
        color: rgb(var(--ui-warning-600) / .65)
    }

    html .tailwind-area .text-warning-600\/70 {
        color: rgb(var(--ui-warning-600) / .7)
    }

    html .tailwind-area .text-warning-600\/75 {
        color: rgb(var(--ui-warning-600) / .75)
    }

    html .tailwind-area .text-warning-600\/80 {
        color: rgb(var(--ui-warning-600) / .8)
    }

    html .tailwind-area .text-warning-600\/85 {
        color: rgb(var(--ui-warning-600) / .85)
    }

    html .tailwind-area .text-warning-600\/90 {
        color: rgb(var(--ui-warning-600) / .9)
    }

    html .tailwind-area .text-warning-600\/95 {
        color: rgb(var(--ui-warning-600) / .95)
    }

    html .tailwind-area .text-warning-700 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-warning-700) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-warning-700\/0 {
        color: rgb(var(--ui-warning-700) / 0)
    }

    html .tailwind-area .text-warning-700\/10 {
        color: rgb(var(--ui-warning-700) / .1)
    }

    html .tailwind-area .text-warning-700\/100 {
        color: rgb(var(--ui-warning-700) / 1)
    }

    html .tailwind-area .text-warning-700\/15 {
        color: rgb(var(--ui-warning-700) / .15)
    }

    html .tailwind-area .text-warning-700\/20 {
        color: rgb(var(--ui-warning-700) / .2)
    }

    html .tailwind-area .text-warning-700\/25 {
        color: rgb(var(--ui-warning-700) / .25)
    }

    html .tailwind-area .text-warning-700\/30 {
        color: rgb(var(--ui-warning-700) / .3)
    }

    html .tailwind-area .text-warning-700\/35 {
        color: rgb(var(--ui-warning-700) / .35)
    }

    html .tailwind-area .text-warning-700\/40 {
        color: rgb(var(--ui-warning-700) / .4)
    }

    html .tailwind-area .text-warning-700\/45 {
        color: rgb(var(--ui-warning-700) / .45)
    }

    html .tailwind-area .text-warning-700\/5 {
        color: rgb(var(--ui-warning-700) / .05)
    }

    html .tailwind-area .text-warning-700\/50 {
        color: rgb(var(--ui-warning-700) / .5)
    }

    html .tailwind-area .text-warning-700\/55 {
        color: rgb(var(--ui-warning-700) / .55)
    }

    html .tailwind-area .text-warning-700\/60 {
        color: rgb(var(--ui-warning-700) / .6)
    }

    html .tailwind-area .text-warning-700\/65 {
        color: rgb(var(--ui-warning-700) / .65)
    }

    html .tailwind-area .text-warning-700\/70 {
        color: rgb(var(--ui-warning-700) / .7)
    }

    html .tailwind-area .text-warning-700\/75 {
        color: rgb(var(--ui-warning-700) / .75)
    }

    html .tailwind-area .text-warning-700\/80 {
        color: rgb(var(--ui-warning-700) / .8)
    }

    html .tailwind-area .text-warning-700\/85 {
        color: rgb(var(--ui-warning-700) / .85)
    }

    html .tailwind-area .text-warning-700\/90 {
        color: rgb(var(--ui-warning-700) / .9)
    }

    html .tailwind-area .text-warning-700\/95 {
        color: rgb(var(--ui-warning-700) / .95)
    }

    html .tailwind-area .text-warning-800 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-warning-800) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-warning-800\/0 {
        color: rgb(var(--ui-warning-800) / 0)
    }

    html .tailwind-area .text-warning-800\/10 {
        color: rgb(var(--ui-warning-800) / .1)
    }

    html .tailwind-area .text-warning-800\/100 {
        color: rgb(var(--ui-warning-800) / 1)
    }

    html .tailwind-area .text-warning-800\/15 {
        color: rgb(var(--ui-warning-800) / .15)
    }

    html .tailwind-area .text-warning-800\/20 {
        color: rgb(var(--ui-warning-800) / .2)
    }

    html .tailwind-area .text-warning-800\/25 {
        color: rgb(var(--ui-warning-800) / .25)
    }

    html .tailwind-area .text-warning-800\/30 {
        color: rgb(var(--ui-warning-800) / .3)
    }

    html .tailwind-area .text-warning-800\/35 {
        color: rgb(var(--ui-warning-800) / .35)
    }

    html .tailwind-area .text-warning-800\/40 {
        color: rgb(var(--ui-warning-800) / .4)
    }

    html .tailwind-area .text-warning-800\/45 {
        color: rgb(var(--ui-warning-800) / .45)
    }

    html .tailwind-area .text-warning-800\/5 {
        color: rgb(var(--ui-warning-800) / .05)
    }

    html .tailwind-area .text-warning-800\/50 {
        color: rgb(var(--ui-warning-800) / .5)
    }

    html .tailwind-area .text-warning-800\/55 {
        color: rgb(var(--ui-warning-800) / .55)
    }

    html .tailwind-area .text-warning-800\/60 {
        color: rgb(var(--ui-warning-800) / .6)
    }

    html .tailwind-area .text-warning-800\/65 {
        color: rgb(var(--ui-warning-800) / .65)
    }

    html .tailwind-area .text-warning-800\/70 {
        color: rgb(var(--ui-warning-800) / .7)
    }

    html .tailwind-area .text-warning-800\/75 {
        color: rgb(var(--ui-warning-800) / .75)
    }

    html .tailwind-area .text-warning-800\/80 {
        color: rgb(var(--ui-warning-800) / .8)
    }

    html .tailwind-area .text-warning-800\/85 {
        color: rgb(var(--ui-warning-800) / .85)
    }

    html .tailwind-area .text-warning-800\/90 {
        color: rgb(var(--ui-warning-800) / .9)
    }

    html .tailwind-area .text-warning-800\/95 {
        color: rgb(var(--ui-warning-800) / .95)
    }

    html .tailwind-area .text-warning-900 {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-warning-900) / var(--tw-text-opacity))
    }

    html .tailwind-area .text-warning-900\/0 {
        color: rgb(var(--ui-warning-900) / 0)
    }

    html .tailwind-area .text-warning-900\/10 {
        color: rgb(var(--ui-warning-900) / .1)
    }

    html .tailwind-area .text-warning-900\/100 {
        color: rgb(var(--ui-warning-900) / 1)
    }

    html .tailwind-area .text-warning-900\/15 {
        color: rgb(var(--ui-warning-900) / .15)
    }

    html .tailwind-area .text-warning-900\/20 {
        color: rgb(var(--ui-warning-900) / .2)
    }

    html .tailwind-area .text-warning-900\/25 {
        color: rgb(var(--ui-warning-900) / .25)
    }

    html .tailwind-area .text-warning-900\/30 {
        color: rgb(var(--ui-warning-900) / .3)
    }

    html .tailwind-area .text-warning-900\/35 {
        color: rgb(var(--ui-warning-900) / .35)
    }

    html .tailwind-area .text-warning-900\/40 {
        color: rgb(var(--ui-warning-900) / .4)
    }

    html .tailwind-area .text-warning-900\/45 {
        color: rgb(var(--ui-warning-900) / .45)
    }

    html .tailwind-area .text-warning-900\/5 {
        color: rgb(var(--ui-warning-900) / .05)
    }

    html .tailwind-area .text-warning-900\/50 {
        color: rgb(var(--ui-warning-900) / .5)
    }

    html .tailwind-area .text-warning-900\/55 {
        color: rgb(var(--ui-warning-900) / .55)
    }

    html .tailwind-area .text-warning-900\/60 {
        color: rgb(var(--ui-warning-900) / .6)
    }

    html .tailwind-area .text-warning-900\/65 {
        color: rgb(var(--ui-warning-900) / .65)
    }

    html .tailwind-area .text-warning-900\/70 {
        color: rgb(var(--ui-warning-900) / .7)
    }

    html .tailwind-area .text-warning-900\/75 {
        color: rgb(var(--ui-warning-900) / .75)
    }

    html .tailwind-area .text-warning-900\/80 {
        color: rgb(var(--ui-warning-900) / .8)
    }

    html .tailwind-area .text-warning-900\/85 {
        color: rgb(var(--ui-warning-900) / .85)
    }

    html .tailwind-area .text-warning-900\/90 {
        color: rgb(var(--ui-warning-900) / .9)
    }

    html .tailwind-area .text-warning-900\/95 {
        color: rgb(var(--ui-warning-900) / .95)
    }

    html .tailwind-area .text-white {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
    }

    html .tailwind-area .text-zinc-700 {
        --tw-text-opacity: 1;
        color: rgb(63 63 70 / var(--tw-text-opacity))
    }

    html .tailwind-area .underline {
        text-decoration-line: underline
    }

    html .tailwind-area .opacity-0 {
        opacity: 0
    }

    html .tailwind-area .opacity-100 {
        opacity: 1
    }

    html .tailwind-area .opacity-50 {
        opacity: .5
    }

    html .tailwind-area .opacity-70 {
        opacity: .7
    }

    html .tailwind-area .opacity-75 {
        opacity: .75
    }

    html .tailwind-area .\  !shadow-none {
        --tw-shadow: 0 0 #0000 !important;
        --tw-shadow-colored: 0 0 #0000 !important;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
    }

    html .tailwind-area .shadow-2xl {
        --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);
        --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    html .tailwind-area .shadow-\[0_-20px_-40px_rgba\(167\, 178\, 196\, 0\.15\)\] {
        --tw-shadow: 0 -20px -40px rgba(167, 178, 196, .15);
        --tw-shadow-colored: 0 -20px -40px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    html .tailwind-area .shadow-inner {
        --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);
        --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    html .tailwind-area .shadow-lg {
        --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
        --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    html .tailwind-area .shadow-md {
        --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
        --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    html .tailwind-area .shadow-none {
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    html .tailwind-area .shadow-sm {
        --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
        --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    html .tailwind-area .shadow-gray-200 {
        --tw-shadow-color: #e5e7eb;
        --tw-shadow: var(--tw-shadow-colored)
    }

    html .tailwind-area .shadow-gray-400\/25 {
        --tw-shadow-color: rgb(156 163 175 / .25);
        --tw-shadow: var(--tw-shadow-colored)
    }

    html .tailwind-area .shadow-gray-700 {
        --tw-shadow-color: #374151;
        --tw-shadow: var(--tw-shadow-colored)
    }

    html .tailwind-area .shadow-gray-800\/15 {
        --tw-shadow-color: rgb(31 41 55 / .15);
        --tw-shadow: var(--tw-shadow-colored)
    }

    html .tailwind-area .shadow-layout-color-800 {
        --tw-shadow-color: rgb(var(--ui-layout-color-800) / 1);
        --tw-shadow: var(--tw-shadow-colored)
    }

    html .tailwind-area .shadow-layout-color-800\/25 {
        --tw-shadow-color: rgb(var(--ui-layout-color-800) / .25);
        --tw-shadow: var(--tw-shadow-colored)
    }

    html .tailwind-area .outline-none {
        outline: 2px solid transparent;
        outline-offset: 2px
    }

    html .tailwind-area .outline {
        outline-style: solid
    }

    html .tailwind-area .outline-0 {
        outline-width: 0px
    }

    html .tailwind-area .outline-2 {
        outline-width: 2px
    }

    html .tailwind-area .ring-0 {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
    }

    html .tailwind-area .ring-1 {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
    }

    html .tailwind-area .ring-inset {
        --tw-ring-inset: inset
    }

    html .tailwind-area .ring-black {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity))
    }

    html .tailwind-area .ring-gray-300 {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity))
    }

    html .tailwind-area .ring-gray-900\/5 {
        --tw-ring-color: rgb(17 24 39 / .05)
    }

    html .tailwind-area .ring-primary {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--ui-primary-500) / var(--tw-ring-opacity))
    }

    html .tailwind-area .ring-primary-200 {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--ui-primary-200) / var(--tw-ring-opacity))
    }

    html .tailwind-area .ring-primary-400 {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--ui-primary-400) / var(--tw-ring-opacity))
    }

    html .tailwind-area .ring-opacity-5 {
        --tw-ring-opacity: .05
    }

    html .tailwind-area .blur {
        --tw-blur: blur(8px);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
    }

    html .tailwind-area .blur-sm {
        --tw-blur: blur(4px);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
    }

    html .tailwind-area .brightness-150 {
        --tw-brightness: brightness(1.5);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
    }

    html .tailwind-area .drop-shadow-md {
        --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / .07)) drop-shadow(0 2px 2px rgb(0 0 0 / .06));
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
    }

    html .tailwind-area .grayscale {
        --tw-grayscale: grayscale(100%);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
    }

    html .tailwind-area .grayscale-50 {
        --tw-grayscale: grayscale(50%);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
    }

    html .tailwind-area .invert {
        --tw-invert: invert(100%);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
    }

    html .tailwind-area .\  !filter {
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
    }

    html .tailwind-area .filter {
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
    }

    html .tailwind-area .backdrop-blur-sm {
        --tw-backdrop-blur: blur(4px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
    }

    html .tailwind-area .backdrop-brightness-50 {
        --tw-backdrop-brightness: brightness(.5);
        -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
    }

    html .tailwind-area .backdrop-grayscale-\[0\.5\] {
        --tw-backdrop-grayscale: grayscale(.5);
        -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
    }

    html .tailwind-area .backdrop-filter {
        -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
    }

    html .tailwind-area .backdrop-filter-none {
        -webkit-backdrop-filter: none;
        backdrop-filter: none
    }

    html .tailwind-area .transition {
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }

    html .tailwind-area .transition-\[grid-template-columns\] {
        transition-property: grid-template-columns;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }

    html .tailwind-area .transition-all {
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }

    html .tailwind-area .transition-colors {
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }

    html .tailwind-area .transition-none {
        transition-property: none
    }

    html .tailwind-area .transition-opacity {
        transition-property: opacity;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }

    html .tailwind-area .transition-transform {
        transition-property: transform;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }

    html .tailwind-area .duration-100 {
        transition-duration: .1s
    }

    html .tailwind-area .duration-150 {
        transition-duration: .15s
    }

    html .tailwind-area .duration-200 {
        transition-duration: .2s
    }

    html .tailwind-area .duration-300 {
        transition-duration: .3s
    }

    html .tailwind-area .duration-75 {
        transition-duration: 75ms
    }

    html .tailwind-area .ease-in {
        transition-timing-function: cubic-bezier(.4, 0, 1, 1)
    }

    html .tailwind-area .ease-in-out {
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }

    html .tailwind-area .ease-out {
        transition-timing-function: cubic-bezier(0, 0, .2, 1)
    }

    html .tailwind-area .will-change-auto {
        will-change: auto
    }

    html .tailwind-area .will-change-transform {
        will-change: transform
    }

    html .tailwind-area .contain-layout {
        --tw-contain-layout: layout;
        contain: var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style)
    }

    html .tailwind-area .tw-disabled {
        pointer-events: none;
        cursor: default;
        opacity: .5
    }

    html .tailwind-area :is(.tw-disabled .tw-disabled) {
        opacity: 1
    }

    html .tailwind-area .min-w-popper-anchor {
        min-width: var(--radix-popper-anchor-width)
    }

    html .tailwind-area .max-h-popper-available {
        max-height: min(64rem, var(--radix-popper-available-height, 0))
    }

    html .tailwind-area .max-w-popper-available {
        max-width: var(--radix-popper-available-width)
    }

    html .tailwind-area .max-h-popper-available[data-side=top] {
        max-height: min(64rem, var(--radix-popper-available-height, 0))
    }

    html .tailwind-area .shadow-inner-color {
        box-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgba(0, 0, 0, .1))
    }

    html .tailwind-area .scrollbar-thin {
        scrollbar-width: thin
    }

    html .tailwind-area .interpolate-keywords {
        interpolate-size: allow-keywords
    }

    html .tailwind-area .color-scheme-dark {
        color-scheme: dark
    }

    html .tailwind-area .bg-logo-dark {
        background-image: url(/api/session/skin-customization/evolution/images/logo2)
    }

    html .tailwind-area .bg-logo-light {
        background-image: url(/api/session/skin-customization/evolution/images/logo)
    }

    html .tailwind-area .bg-symbol-dark {
        background-image: url(/api/session/skin-customization/evolution/images/symbol)
    }

    html .tailwind-area .bg-symbol-light {
        background-image: url(/api/session/skin-customization/evolution/images/symbol2)
    }

    html .tailwind-area .bg-favicon {
        background-image: url(/api/session/skin-customization/evolution/images/favicon)
    }

    html .tailwind-area .box-shadow-none {
        box-shadow: none
    }

    html .tailwind-area .\@container {
        container-type: inline-size
    }

    html .tailwind-area .\@container\/category {
        container-type: inline-size;
        container-name: category
    }

    html .tailwind-area .\@container\/dashboard {
        container-type: inline-size;
        container-name: dashboard
    }

    html .tailwind-area .\@container\/section-page {
        container-type: inline-size;
        container-name: section-page
    }

    html .tailwind-area .\@container\/session {
        container-type: inline-size;
        container-name: session
    }

    html .tailwind-area .\@container\/stats {
        container-type: inline-size;
        container-name: stats
    }

    html .tailwind-area .\@container\/wgt-content {
        container-type: inline-size;
        container-name: wgt-content
    }

    html .tailwind-area .\@container\/widgets {
        container-type: inline-size;
        container-name: widgets
    }
}

@layer reset {
    @keyframes notyf-fadeinup {
        0% {
            opacity: 0;
            transform: translateY(25%)
        }

        to {
            opacity: 1;
            transform: translateY(0)
        }
    }

    @keyframes notyf-fadeinleft {
        0% {
            opacity: 0;
            transform: translate(25%)
        }

        to {
            opacity: 1;
            transform: translate(0)
        }
    }

    @keyframes notyf-fadeoutright {
        0% {
            opacity: 1;
            transform: translate(0)
        }

        to {
            opacity: 0;
            transform: translate(25%)
        }
    }

    @keyframes notyf-fadeoutdown {
        0% {
            opacity: 1;
            transform: translateY(0)
        }

        to {
            opacity: 0;
            transform: translateY(25%)
        }
    }

    @keyframes ripple {
        0% {
            transform: scale(0) translateY(-45%) translate(13%)
        }

        to {
            transform: scale(1) translateY(-45%) translate(13%)
        }
    }

    .notyf {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        color: #fff;
        z-index: 9999;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: flex-end;
        pointer-events: none;
        box-sizing: border-box;
        padding: 20px
    }

    .notyf__icon--error,
    .notyf__icon--success {
        height: 21px;
        width: 21px;
        background: #fff;
        border-radius: 50%;
        display: block;
        margin: 0 auto;
        position: relative
    }

    .notyf__icon--error:after,
    .notyf__icon--error:before {
        content: "";
        background: currentColor;
        display: block;
        position: absolute;
        width: 3px;
        border-radius: 3px;
        left: 9px;
        height: 12px;
        top: 5px
    }

    .notyf__icon--error:after {
        transform: rotate(-45deg)
    }

    .notyf__icon--error:before {
        transform: rotate(45deg)
    }

    .notyf__icon--success:after,
    .notyf__icon--success:before {
        content: "";
        background: currentColor;
        display: block;
        position: absolute;
        width: 3px;
        border-radius: 3px
    }

    .notyf__icon--success:after {
        height: 6px;
        transform: rotate(-45deg);
        top: 9px;
        left: 6px
    }

    .notyf__icon--success:before {
        height: 11px;
        transform: rotate(45deg);
        top: 5px;
        left: 10px
    }

    .notyf__toast {
        display: block;
        overflow: hidden;
        pointer-events: auto;
        animation: notyf-fadeinup .3s ease-in forwards;
        box-shadow: 0 3px 7px #00000040;
        position: relative;
        padding: 0 15px;
        border-radius: 2px;
        max-width: 300px;
        transform: translateY(25%);
        box-sizing: border-box;
        flex-shrink: 0
    }

    .notyf__toast--disappear {
        transform: translateY(0);
        animation: notyf-fadeoutdown .3s forwards;
        animation-delay: .25s
    }

    .notyf__toast--disappear .notyf__icon,
    .notyf__toast--disappear .notyf__message {
        animation: notyf-fadeoutdown .3s forwards;
        opacity: 1;
        transform: translateY(0)
    }

    .notyf__toast--disappear .notyf__dismiss {
        animation: notyf-fadeoutright .3s forwards;
        opacity: 1;
        transform: translate(0)
    }

    .notyf__toast--disappear .notyf__message {
        animation-delay: .05s
    }

    .notyf__toast--upper {
        margin-bottom: 20px
    }

    .notyf__toast--lower {
        margin-top: 20px
    }

    .notyf__toast--dismissible .notyf__wrapper {
        padding-right: 30px
    }

    .notyf__ripple {
        height: 400px;
        width: 400px;
        position: absolute;
        transform-origin: bottom right;
        right: 0;
        top: 0;
        border-radius: 50%;
        transform: scale(0) translateY(-51%) translate(13%);
        z-index: 5;
        animation: ripple .4s ease-out forwards
    }

    .notyf__wrapper {
        display: flex;
        align-items: center;
        padding-top: 17px;
        padding-bottom: 17px;
        padding-right: 15px;
        border-radius: 3px;
        position: relative;
        z-index: 10
    }

    .notyf__icon {
        width: 22px;
        text-align: center;
        font-size: 1.3em;
        opacity: 0;
        animation: notyf-fadeinup .3s forwards;
        animation-delay: .3s;
        margin-right: 13px
    }

    .notyf__dismiss {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 26px;
        margin-right: -15px;
        animation: notyf-fadeinleft .3s forwards;
        animation-delay: .35s;
        opacity: 0
    }

    .notyf__dismiss-btn {
        background-color: #00000040;
        border: none;
        cursor: pointer;
        transition: opacity .2s ease, background-color .2s ease;
        outline: none;
        opacity: .35;
        height: 100%;
        width: 100%
    }

    .notyf__dismiss-btn:after,
    .notyf__dismiss-btn:before {
        content: "";
        background: #fff;
        height: 12px;
        width: 2px;
        border-radius: 3px;
        position: absolute;
        left: calc(50% - 1px);
        top: calc(50% - 5px)
    }

    .notyf__dismiss-btn:after {
        transform: rotate(-45deg)
    }

    .notyf__dismiss-btn:before {
        transform: rotate(45deg)
    }

    .notyf__dismiss-btn:hover {
        opacity: .7;
        background-color: #00000026
    }

    .notyf__dismiss-btn:active {
        opacity: .8
    }

    .notyf__message {
        vertical-align: middle;
        position: relative;
        opacity: 0;
        animation: notyf-fadeinup .3s forwards;
        animation-delay: .25s;
        line-height: 1.5em
    }

    @media only screen and (max-width: 480px) {
        .notyf {
            padding: 0
        }

        .notyf__ripple {
            height: 600px;
            width: 600px;
            animation-duration: .5s
        }

        .notyf__toast {
            max-width: none;
            border-radius: 0;
            box-shadow: 0 -2px 7px #00000021;
            width: 100%
        }

        .notyf__dismiss {
            width: 56px
        }
    }
}

@layer legacy {

    .fade-enter-active,
    .fade-leave-active {
        will-change: opacity;
        transition-property: opacity !important;
        transition-duration: .3s
    }

    .fade-enter-from,
    .fade-leave-to {
        opacity: 0
    }

    .fadeBounce-enter-active {
        animation: fadeBounce .3s
    }

    .fadeBounce-leave-active {
        animation: fadeBounce .3s reverse
    }

    @keyframes fadeBounce {
        0% {
            opacity: 0;
            transform: scale(.95)
        }

        50% {
            opacity: .75
        }

        to {
            opacity: 1;
            transform: scale(1)
        }
    }

    .slideDown-enter-active {
        animation: slideDown .3s
    }

    .slideDown-leave-active {
        animation: slideDown .3s reverse
    }

    @keyframes slideDown {
        0% {
            transform: translateY(100%) scale(.95)
        }

        to {
            transform: translateY(0) scale(1)
        }
    }

    @keyframes axios-loader-indeterminate {
        0% {
            background-position-x: -300px
        }

        to {
            background-position-x: 100vw
        }
    }

    @keyframes spin {
        0% {
            transform: rotate(0)
        }

        to {
            transform: rotate(360deg)
        }
    }

    html[data-mode=dark] body[data-root=app] {
        --dark-mode-dark: #121212;
        --dark-mode-bg: #121212;
        --dark-mode-bg-l5: #1f1f1f;
        --dark-mode-bg-l10: #2c2c2c;
        --dark-mode-bg-light: #1b1b1b;
        --dark-mode-bg-hover: #34383d;
        --dark-mode-light: rgba(255, 255, 255, 1);
        --dark-mode-content: rgba(255, 255, 255, .87);
        --dark-mode-border: rgba(255, 255, 255, .2);
        --dark-mode-input-content: rgba(255, 255, 255, 1);
        --dark-mode-input-border: rgba(255, 255, 255, .38);
        --dark-mode-grey: #dedede;
        --dark-mode-grey2: #1b1b1b;
        --dark-mode-table-link: rgba(230, 230, 230, .87)
    }

    html[data-mode=dark] body[data-root=app]:has(#refreshed-layout) {
        --dark-mode-refreshed-bg-dark: #161a21;
        --dark-mode-refreshed-bg-light: #262a33;
        --dark-mode-refreshed-bg-light2: #2f333b;
        --dark-mode-refreshed-bg-input: #2f333b;
        --dark-mode-refreshed-border: #697388;
        --dark-mode-refreshed-content: #fff;
        --dark-mode-bg: #262a33;
        --dark-mode-bg-l5: #2f343f;
        --dark-mode-bg-l10: #383e4b;
        --dark-mode-bg-light: var(--dark-mode-refreshed-bg-light)
    }

    body[data-root=app]:not([data-layout=fm]) table:not(.tw-table) {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0
    }

    body[data-root=app]:not([data-layout=fm]) table:not(.tw-table) td,
    body[data-root=app]:not([data-layout=fm]) table:not(.tw-table) th {
        height: 4rem;
        vertical-align: middle;
        padding: .5rem 1rem;
        text-align: start;
        border: 1px solid var(--legacy-color-border);
        border-left: 0;
        border-right: 0
    }

    :root[data-mode=dark] body[data-root=app]:not([data-layout=fm]) table:not(.tw-table) td,
    :root[data-mode=dark] body[data-root=app]:not([data-layout=fm]) table:not(.tw-table) th {
        border-color: var(--dark-mode-border)
    }

    body[data-root=app]:not([data-layout=fm]) table:not(.tw-table) td a,
    body[data-root=app]:not([data-layout=fm]) table:not(.tw-table) th a {
        color: rgb(var(--ui-primary-700));
        font-weight: 500
    }

    :root[data-mode=dark] body[data-root=app]:not([data-layout=fm]) table:not(.tw-table) td a,
    :root[data-mode=dark] body[data-root=app]:not([data-layout=fm]) table:not(.tw-table) th a {
        color: var(--dark-mode-table-link)
    }

    body[data-root=app]:not([data-layout=fm]) table:not(.tw-table) th {
        font-weight: 700;
        border: 0
    }

    :root[data-mode=dark] body[data-root=app]:not([data-layout=fm]) table:not(.tw-table) th {
        background-color: var(--dark-mode-bg);
        border-color: var(--dark-mode-border)
    }

    body[data-root=app]:not([data-layout=fm]) table:not(.tw-table) tr:nth-child(2n) {
        background: var(--legacy-color-gray2)
    }

    :root[data-mode=dark] body[data-root=app]:not([data-layout=fm]) table:not(.tw-table) tr:nth-child(2n) {
        background: var(--dark-mode-bg-l10)
    }

    body[data-root=app]:not([data-layout=fm]) table:not(.tw-table) thead>tr:nth-child(odd) {
        background: transparent
    }

    body[data-root=app] .table-wrap .table {
        display: table;
        table-layout: fixed;
        min-width: 100%
    }

    body[data-root=app] .table-wrap .table .row {
        display: table-row;
        align-items: center;
        border-bottom: 1px solid #e5e5e5
    }

    :root[data-mode=dark] body[data-root=app] .table-wrap .table .row {
        border-bottom-color: var(--dark-mode-border)
    }

    body[data-root=app] .table-wrap .table .row:nth-of-type(odd) {
        background: #f9f9fa
    }

    :root[data-mode=dark] body[data-root=app] .table-wrap .table .row:nth-of-type(odd) {
        background: var(--dark-mode-bg-light)
    }

    body[data-root=app] .table-wrap .table .row:hover {
        background: rgb(var(--ui-primary-500) / 10%)
    }

    :root[data-mode=dark] body[data-root=app] .table-wrap .table .row:hover {
        background: rgb(var(--ui-primary-500) / 10%)
    }

    body[data-root=app] .table-wrap .table .row:first-of-type {
        border-top: 1px solid #e5e5e5
    }

    :root[data-mode=dark] body[data-root=app] .table-wrap .table .row:first-of-type {
        border-top-color: var(--dark-mode-border)
    }

    body[data-root=app] .table-wrap .table .row:first-of-type .col {
        font-weight: 600
    }

    body[data-root=app] .table-wrap .table .row .col {
        display: table-cell;
        padding: .5rem 1rem;
        vertical-align: middle
    }

    body[data-root=app] .table-wrap .table .row .col.table-no-results {
        font-weight: 600
    }

    body[data-root=app] .table-wrap .table>br {
        display: none
    }

    html[data-mode=dark] body[data-root=app] :is(input, select, textarea) {
        border-color: var(--dark-mode-input-border);
        background: var(--dark-mode-refreshed-bg-light, var(--dark-mode-bg));
        color: var(--dark-mode-input-content)
    }

    html[data-mode=dark] body[data-root=app] :is(input, select, textarea):focus:not(.Select__Button__Search) {
        border-color: var(--primary)
    }

    html[data-mode=dark] body[data-root=app] :is(input, select, textarea):not([disabled]):not(.Select__Button__Search):hover {
        border-color: var(--primary)
    }

    body[data-root=app] .notyf {
        display: flex
    }

    body[data-root=app] .notyf__message {
        font-size: 13px;
        min-width: 234px;
        max-width: 434px;
        font-family: Montserrat;
        letter-spacing: .5px;
        line-height: 22px
    }

    body[data-root=app] .notyf__message h6 {
        margin-bottom: 5px;
        margin-top: 0;
        font-size: 14px;
        font-weight: 600;
        display: block;
        width: auto;
        line-height: normal;
        letter-spacing: normal
    }

    body[data-root=app] .notyf__message b,
    body[data-root=app] .notyf__message strong {
        font-weight: 500
    }

    body[data-root=app] .notyf__message code {
        background: #e5e5e5;
        color: var(--danger-l-30);
        border-radius: 2px;
        font-size: 12px;
        font-weight: 500;
        padding: 2px 4px
    }

    body[data-root=app] .notyf__icon {
        min-width: 32px;
        display: flex;
        aspect-ratio: 1
    }

    body[data-root=app] .notyf__icon img.spin-animation {
        animation: spin 2s linear infinite
    }

    body[data-root=app] .notyf__toast {
        max-width: 500px
    }

    body[data-root=app] .notyf__ripple {
        height: 700px;
        width: 700px
    }

    body[data-root=app] #axios-loader-bar {
        display: none;
        position: fixed;
        height: 4px;
        background-image: linear-gradient(to right, transparent 0, var(--primary) 100px, var(--primary) 200px, transparent 300px);
        background-repeat: no-repeat;
        background-position: -300px 0%;
        width: 100%;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        background-size: 200% 4px;
        animation: axios-loader-indeterminate 2s ease-in-out infinite alternate
    }

    body[data-root=app] #axios-loader-bar.--active {
        display: block
    }
}

@layer elements {
    .tw-heading {
        font-family: Montserrat, sans-serif;
        font-size: 1.6rem;
        font-weight: 500;
        line-height: 1.5rem;
        letter-spacing: .025em;
        --tw-text-opacity: 1;
        color: rgb(17 24 39 / var(--tw-text-opacity))
    }

    .tw-heading:is([data-mode=dark] *) {
        --tw-text-opacity: 1;
        color: rgb(249 250 251 / var(--tw-text-opacity))
    }

    @media not all and (min-width: 1024px) {
        .tw-heading {
            font-weight: 600
        }
    }

    .tw-subheading {
        font-family: Montserrat, sans-serif;
        font-size: 1.4rem;
        line-height: 1.5rem;
        letter-spacing: .025em;
        --tw-text-opacity: 1;
        color: rgb(75 85 99 / var(--tw-text-opacity))
    }

    @media not all and (min-width: 1024px) {
        .tw-subheading {
            font-weight: 500
        }
    }

    .tw-disabled {
        pointer-events: none;
        cursor: default;
        opacity: .5
    }

    .tw-disabled .tw-disabled {
        pointer-events: auto;
        opacity: 1
    }

    .tw-button {
        display: flex;
        cursor: pointer;
        align-items: center;
        justify-content: center;
        word-break: keep-all;
        font-family: Montserrat, sans-serif;
        font-weight: 500;
        letter-spacing: .025em
    }

    .tw-button:focus {
        border-width: 0px
    }

    .tw-button:hover {
        background-image: radial-gradient(circle, var(--hover-color) 1%, var(--ripple-color) 1%)
    }

    .tw-button {
        background-position: center;
        background-size: 15000%;
        background-repeat: no-repeat;
        transition: background-size .3s
    }

    .tw-button:active {
        transition-duration: 0ms;
        background-size: 0%
    }

    .-tw-button-xs {
        min-height: 25px;
        gap: .5rem;
        padding: .25rem 1rem;
        font-size: 1.2rem
    }

    .-tw-button-sm {
        min-height: 30px;
        gap: .5rem;
        padding: .25rem 1.25rem;
        font-size: 1.2rem
    }

    .-tw-button-md {
        min-height: 35px;
        gap: 1rem;
        padding: .5rem 1.5rem;
        font-size: 1.4rem
    }

    .-tw-button-lg {
        min-height: 40px;
        gap: 1.5rem;
        padding: .625rem 2rem;
        font-size: 1.4rem
    }

    .-tw-button-xl {
        min-height: 45px;
        gap: 1.5rem;
        padding: .75rem 2.5rem;
        font-size: 1.6rem
    }

    .tw-button.-tw-button-solid {
        text-transform: uppercase;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
        outline-width: 2px;
        outline-offset: 1px
    }

    .tw-button.-tw-button-solid:focus {
        outline-style: solid
    }

    .-tw-button-primary.-tw-button-solid {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-primary-600) / var(--tw-bg-opacity));
        outline-color: rgb(var(--ui-primary-400) / 1)
    }

    .-tw-button-primary.-tw-button-solid:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-primary-500) / var(--tw-bg-opacity))
    }

    .-tw-button-primary.-tw-button-solid {
        --hover-color: rgb(var(--ui-primary-500) / 1);
        --ripple-color: rgb(var(--ui-primary-400) / 1)
    }

    .-tw-button-danger.-tw-button-solid {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-danger-600) / var(--tw-bg-opacity));
        outline-color: rgb(var(--ui-danger-400) / 1)
    }

    .-tw-button-danger.-tw-button-solid:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-danger-500) / var(--tw-bg-opacity))
    }

    .-tw-button-danger.-tw-button-solid {
        --hover-color: rgb(var(--ui-danger-500) / 1);
        --ripple-color: rgb(var(--ui-danger-400) / 1)
    }

    .-tw-button-warning.-tw-button-solid {
        --tw-bg-opacity: 1;
        background-color: rgb(245 158 11 / var(--tw-bg-opacity));
        outline-color: #fbbf24
    }

    .-tw-button-warning.-tw-button-solid:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(251 191 36 / var(--tw-bg-opacity))
    }

    .-tw-button-warning.-tw-button-solid {
        --hover-color: #fbbf24;
        --ripple-color: #fcd34d
    }

    .-tw-button-safe.-tw-button-solid {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-safe-600) / var(--tw-bg-opacity));
        outline-color: rgb(var(--ui-safe-400) / 1)
    }

    .-tw-button-safe.-tw-button-solid:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-safe-500) / var(--tw-bg-opacity))
    }

    .-tw-button-safe.-tw-button-solid {
        --hover-color: rgb(var(--ui-safe-500) / 1);
        --ripple-color: rgb(var(--ui-safe-400) / 1)
    }

    .-tw-button-neutral.-tw-button-solid {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-neutral-600) / var(--tw-bg-opacity));
        outline-color: rgb(var(--ui-neutral-400) / 1)
    }

    .-tw-button-neutral.-tw-button-solid:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-neutral-500) / var(--tw-bg-opacity))
    }

    .-tw-button-neutral.-tw-button-solid {
        --hover-color: rgb(var(--ui-neutral-500) / 1);
        --ripple-color: rgb(var(--ui-neutral-400) / 1)
    }

    .-tw-button-layout.-tw-button-solid {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-layout-color-600) / var(--tw-bg-opacity));
        outline-color: rgb(var(--ui-layout-color-400) / 1)
    }

    .-tw-button-layout.-tw-button-solid:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-layout-color-500) / var(--tw-bg-opacity))
    }

    .-tw-button-layout.-tw-button-solid {
        --hover-color: rgb(var(--ui-layout-color-500) / 1);
        --ripple-color: rgb(var(--ui-layout-color-400) / 1)
    }

    .tw-button.-tw-button-plain {
        outline-width: 2px;
        outline-offset: 2px
    }

    .tw-button.-tw-button-plain:focus {
        outline-style: solid
    }

    .-tw-button-primary.-tw-button-plain {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-primary-800) / var(--tw-text-opacity));
        outline-color: rgb(var(--ui-primary-200) / 1)
    }

    .-tw-button-primary.-tw-button-plain:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-primary-50) / var(--tw-bg-opacity))
    }

    .-tw-button-primary.-tw-button-plain {
        --hover-color: rgb(var(--ui-primary-50) / 1);
        --ripple-color: rgb(var(--ui-primary-100) / 1)
    }

    :root[data-mode=dark] .-tw-button-primary.-tw-button-plain {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-primary-500) / var(--tw-text-opacity));
        outline-color: rgb(var(--ui-primary-800) / 1)
    }

    :root[data-mode=dark] .-tw-button-primary.-tw-button-plain:hover {
        background-color: rgb(var(--ui-primary-800) / .1)
    }

    :root[data-mode=dark] .-tw-button-primary.-tw-button-plain {
        --hover-color: rgb(var(--ui-primary-800) / 10%);
        --ripple-color: rgb(var(--ui-primary-800) / 50%)
    }

    .-tw-button-safe.-tw-button-plain {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-safe-800) / var(--tw-text-opacity));
        outline-color: rgb(var(--ui-safe-200) / 1)
    }

    .-tw-button-safe.-tw-button-plain:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-safe-50) / var(--tw-bg-opacity))
    }

    .-tw-button-safe.-tw-button-plain {
        --hover-color: rgb(var(--ui-safe-50) / 1);
        --ripple-color: rgb(var(--ui-safe-100) / 1)
    }

    :root[data-mode=dark] .-tw-button-safe.-tw-button-plain {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-safe-500) / var(--tw-text-opacity));
        outline-color: rgb(var(--ui-safe-800) / 1)
    }

    :root[data-mode=dark] .-tw-button-safe.-tw-button-plain:hover {
        background-color: rgb(var(--ui-safe-500) / .25)
    }

    :root[data-mode=dark] .-tw-button-safe.-tw-button-plain {
        --hover-color: rgb(var(--ui-safe-500) / 25%);
        --ripple-color: rgb(var(--ui-safe-900) / 1)
    }

    .-tw-button-danger.-tw-button-plain {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-danger-800) / var(--tw-text-opacity));
        outline-color: rgb(var(--ui-danger-200) / 1)
    }

    .-tw-button-danger.-tw-button-plain:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-danger-50) / var(--tw-bg-opacity))
    }

    .-tw-button-danger.-tw-button-plain {
        --hover-color: rgb(var(--ui-danger-50) / 1);
        --ripple-color: rgb(var(--ui-danger-100) / 1)
    }

    :root[data-mode=dark] .-tw-button-danger.-tw-button-plain {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-danger-500) / var(--tw-text-opacity));
        outline-color: rgb(var(--ui-danger-800) / 1)
    }

    :root[data-mode=dark] .-tw-button-danger.-tw-button-plain:hover {
        background-color: rgb(var(--ui-danger-800) / .1)
    }

    :root[data-mode=dark] .-tw-button-danger.-tw-button-plain {
        --hover-color: rgb(var(--ui-danger-800) / 10%);
        --ripple-color: rgb(var(--ui-danger-800) / 50%)
    }

    .-tw-button-warning.-tw-button-plain {
        --tw-text-opacity: 1;
        color: rgb(245 158 11 / var(--tw-text-opacity));
        outline-color: #fde68a
    }

    .-tw-button-warning.-tw-button-plain:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(255 251 235 / var(--tw-bg-opacity))
    }

    .-tw-button-warning.-tw-button-plain {
        --hover-color: #fffbeb;
        --ripple-color: #fef3c7
    }

    :root[data-mode=dark] .-tw-button-warning.-tw-button-plain {
        outline-color: #92400e
    }

    :root[data-mode=dark] .-tw-button-warning.-tw-button-plain:hover {
        background-color: #92400e1a
    }

    :root[data-mode=dark] .-tw-button-warning.-tw-button-plain {
        --hover-color: rgb(146 64 14 / 10%);
        --ripple-color: rgb(146 64 14 / 50%)
    }

    .-tw-button-neutral.-tw-button-plain {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-neutral-800) / var(--tw-text-opacity));
        outline-color: rgb(var(--ui-neutral-200) / 1)
    }

    .-tw-button-neutral.-tw-button-plain:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-neutral-50) / var(--tw-bg-opacity))
    }

    .-tw-button-neutral.-tw-button-plain {
        --hover-color: rgb(var(--ui-neutral-50) / 1);
        --ripple-color: rgb(var(--ui-neutral-100) / 1)
    }

    :root[data-mode=dark] .-tw-button-neutral.-tw-button-plain {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-neutral-50) / var(--tw-text-opacity));
        outline-color: rgb(var(--ui-neutral-800) / 1)
    }

    :root[data-mode=dark] .-tw-button-neutral.-tw-button-plain:hover {
        background-color: rgb(var(--ui-neutral-800) / .1)
    }

    :root[data-mode=dark] .-tw-button-neutral.-tw-button-plain {
        --hover-color: rgb(var(--ui-neutral-800) / 10%);
        --ripple-color: rgb(var(--ui-neutral-800) / 50%)
    }

    .-tw-button-layout.-tw-button-plain {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-layout-color-800) / var(--tw-text-opacity));
        outline-color: rgb(var(--ui-layout-color-200) / 1)
    }

    .-tw-button-layout.-tw-button-plain:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-layout-color-50) / var(--tw-bg-opacity))
    }

    .-tw-button-layout.-tw-button-plain {
        --hover-color: rgb(var(--ui-layout-color-50) / 1);
        --ripple-color: rgb(var(--ui-layout-color-100) / 1)
    }

    :root[data-mode=dark] .-tw-button-layout.-tw-button-plain {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-layout-color-500) / var(--tw-text-opacity));
        outline-color: rgb(var(--ui-layout-color-800) / 1)
    }

    :root[data-mode=dark] .-tw-button-layout.-tw-button-plain:hover {
        background-color: rgb(var(--ui-layout-color-800) / .1)
    }

    :root[data-mode=dark] .-tw-button-layout.-tw-button-plain {
        --hover-color: rgb(var(--ui-layout-color-800) / 10%);
        --ripple-color: rgb(var(--ui-layout-color-800) / 50%)
    }

    .tw-button.-tw-button-outline {
        outline-style: solid;
        outline-width: 1px
    }

    .tw-button.-tw-button-outline:hover {
        outline-width: 2px
    }

    :root[data-mode=dark] .tw-button.-tw-button-outline {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
    }

    :root[data-mode=dark] .tw-button.-tw-button-outline:hover {
        background-color: #00000040
    }

    .-tw-button-primary.-tw-button-outline {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-primary-800) / var(--tw-text-opacity));
        outline-color: rgb(var(--ui-primary-600) / 1)
    }

    .-tw-button-primary.-tw-button-outline:hover {
        outline-color: rgb(var(--ui-primary-500) / 1)
    }

    .-tw-button-primary.-tw-button-outline:focus {
        background-color: rgb(var(--ui-primary-50) / .5)
    }

    .-tw-button-primary.-tw-button-outline {
        --hover-color: rgb(var(--ui-primary-50) / 50%);
        --ripple-color: rgb(var(--ui-primary-100) / 1)
    }

    :root[data-mode=dark] .-tw-button-primary.-tw-button-outline:focus {
        background-color: rgb(var(--ui-primary-800) / .2)
    }

    :root[data-mode=dark] .-tw-button-primary.-tw-button-outline {
        --hover-color: rgb(var(--ui-primary-800) / 20%);
        --ripple-color: rgb(var(--ui-primary-800) / 1)
    }

    .-tw-button-safe.-tw-button-outline {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-safe-800) / var(--tw-text-opacity));
        outline-color: rgb(var(--ui-safe-600) / 1)
    }

    .-tw-button-safe.-tw-button-outline:hover {
        outline-color: rgb(var(--ui-safe-500) / 1)
    }

    .-tw-button-safe.-tw-button-outline:focus {
        background-color: rgb(var(--ui-safe-50) / .5)
    }

    .-tw-button-safe.-tw-button-outline {
        --hover-color: rgb(var(--ui-safe-50) / 50%);
        --ripple-color: rgb(var(--ui-safe-100) / 1)
    }

    :root[data-mode=dark] .-tw-button-safe.-tw-button-outline:focus {
        background-color: rgb(var(--ui-safe-800) / .2)
    }

    :root[data-mode=dark] .-tw-button-safe.-tw-button-outline {
        --hover-color: rgb(var(--ui-safe-800) / 20%);
        --ripple-color: rgb(var(--ui-safe-800) / 1)
    }

    .-tw-button-danger.-tw-button-outline {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-danger-800) / var(--tw-text-opacity));
        outline-color: rgb(var(--ui-danger-600) / 1)
    }

    .-tw-button-danger.-tw-button-outline:hover {
        outline-color: rgb(var(--ui-danger-500) / 1)
    }

    .-tw-button-danger.-tw-button-outline:focus {
        background-color: rgb(var(--ui-danger-50) / .5)
    }

    .-tw-button-danger.-tw-button-outline {
        --hover-color: rgb(var(--ui-danger-50) / 50%);
        --ripple-color: rgb(var(--ui-danger-100) / 1)
    }

    :root[data-mode=dark] .-tw-button-danger.-tw-button-outline:focus {
        background-color: rgb(var(--ui-danger-800) / .2)
    }

    :root[data-mode=dark] .-tw-button-danger.-tw-button-outline {
        --hover-color: rgb(var(--ui-danger-800) / 20%);
        --ripple-color: rgb(var(--ui-danger-800) / 1)
    }

    .-tw-button-warning.-tw-button-outline {
        --tw-text-opacity: 1;
        color: rgb(245 158 11 / var(--tw-text-opacity));
        outline-color: #f59e0b
    }

    .-tw-button-warning.-tw-button-outline:hover {
        outline-color: #fbbf24
    }

    .-tw-button-warning.-tw-button-outline:focus {
        background-color: #fffbeb80
    }

    .-tw-button-warning.-tw-button-outline {
        --hover-color: rgb(255 251 235 / 50%);
        --ripple-color: #fef3c7
    }

    :root[data-mode=dark] .-tw-button-warning.-tw-button-outline:focus {
        background-color: #92400e33
    }

    :root[data-mode=dark] .-tw-button-warning.-tw-button-outline {
        --hover-color: rgb(146 64 14 / 20%);
        --ripple-color: #92400e
    }

    .-tw-button-neutral.-tw-button-outline {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-neutral-800) / var(--tw-text-opacity));
        outline-color: rgb(var(--ui-neutral-600) / 1)
    }

    .-tw-button-neutral.-tw-button-outline:hover {
        outline-color: rgb(var(--ui-neutral-500) / 1)
    }

    .-tw-button-neutral.-tw-button-outline:focus {
        background-color: rgb(var(--ui-neutral-50) / .5)
    }

    .-tw-button-neutral.-tw-button-outline {
        --hover-color: rgb(var(--ui-neutral-50) / 50%);
        --ripple-color: rgb(var(--ui-neutral-100) / 1)
    }

    :root[data-mode=dark] .-tw-button-neutral.-tw-button-outline:focus {
        background-color: rgb(var(--ui-neutral-800) / .2)
    }

    :root[data-mode=dark] .-tw-button-neutral.-tw-button-outline {
        --hover-color: rgb(var(--ui-neutral-800) / 20%);
        --ripple-color: rgb(var(--ui-neutral-800) / 1)
    }

    .-tw-button-layout.-tw-button-outline {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-layout-color-800) / var(--tw-text-opacity));
        outline-color: rgb(var(--ui-layout-color-600) / 1)
    }

    .-tw-button-layout.-tw-button-outline:hover {
        outline-color: rgb(var(--ui-layout-color-500) / 1)
    }

    .-tw-button-layout.-tw-button-outline:focus {
        background-color: rgb(var(--ui-layout-color-50) / .5)
    }

    .-tw-button-layout.-tw-button-outline {
        --hover-color: rgb(var(--ui-layout-color-50) / 50%);
        --ripple-color: rgb(var(--ui-layout-color-100) / 1)
    }

    :root[data-mode=dark] .-tw-button-layout.-tw-button-outline:focus {
        background-color: rgb(var(--ui-layout-color-800) / .2)
    }

    :root[data-mode=dark] .-tw-button-layout.-tw-button-outline {
        --hover-color: rgb(var(--ui-layout-color-800) / 20%);
        --ripple-color: rgb(var(--ui-layout-color-800) / 1)
    }

    .tw-table-action-button {
        border-radius: 2px
    }

    .tw-table-action-button.-tw-button-neutral.-tw-button-outline {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-primary-500) / var(--tw-text-opacity));
        outline-color: rgb(var(--ui-neutral-50) / 1)
    }

    .tw-table-action-button.-tw-button-neutral.-tw-button-outline:hover {
        outline-color: rgb(var(--ui-primary-200) / 1)
    }

    .tw-table-action-button.-tw-button-neutral.-tw-button-outline:focus {
        border-width: 0px
    }

    :root[data-mode=dark] .tw-table-action-button.-tw-button-neutral.-tw-button-outline {
        outline-color: rgb(var(--ui-neutral-600) / 1)
    }

    .tw-dialog {
        position: relative;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        overflow: hidden;
        border-radius: 4px;
        border-width: 0px;
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        padding: 2.5rem;
        text-align: left;
        --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
        --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s;
        width: 100%
    }

    @media (min-width: 768px) {
        .tw-dialog {
            margin-top: 2rem;
            margin-bottom: 2rem;
            width: -moz-fit-content;
            width: fit-content;
            min-width: 500px;
            max-width: 90vw
        }
    }

    .tw-dialog .tw-dialog-header {
        display: flex;
        flex-direction: row;
        align-items: center;
        -moz-column-gap: 1rem;
        column-gap: 1rem;
        --tw-border-opacity: 1;
        border-bottom-color: rgb(209 213 219 / var(--tw-border-opacity));
        padding: 1.5rem 2.5rem
    }

    .tw-dialog .tw-dialog-title {
        margin-top: .5rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-family: Montserrat, sans-serif;
        font-size: 1.4rem;
        line-height: 1.5rem;
        --tw-text-opacity: 1;
        color: rgb(var(--ui-neutral-900) / var(--tw-text-opacity))
    }

    .tw-dialog .tw-dialog-content {
        height: 100%;
        max-height: 60vh;
        font-size: 1.4rem;
        --tw-text-opacity: 1;
        color: rgb(var(--ui-neutral-500) / var(--tw-text-opacity))
    }

    .tw-dialog .tw-dialog-close-button {
        border-radius: 4px;
        border-color: transparent;
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(var(--ui-neutral-400) / var(--tw-text-opacity))
    }

    .tw-dialog .tw-dialog-close-button:hover {
        --tw-text-opacity: 1;
        color: rgb(var(--ui-neutral-500) / var(--tw-text-opacity))
    }

    .tw-dialog .tw-dialog-close-button:focus {
        outline-style: solid;
        outline-width: 2px;
        outline-offset: 2px;
        outline-color: #e5e7eb
    }

    .tw-dialog .tw-dialog-close-button:is([data-mode=dark] *) {
        --tw-bg-opacity: 1;
        background-color: rgb(31 41 55 / var(--tw-bg-opacity))
    }

    .tw-dialog .tw-dialog-close-button:focus:is([data-mode=dark] *) {
        outline-color: #4b5563
    }

    .tw-dialog .tw-dialog-footer {
        display: inline-flex;
        width: 100%;
        justify-content: flex-end;
        -moz-column-gap: .5rem;
        column-gap: .5rem;
        --tw-bg-opacity: 1;
        background-color: rgb(249 250 251 / var(--tw-bg-opacity));
        padding: 1.25rem 2.5rem
    }

    .tw-dialog .tw-dialog-footer:is([data-mode=dark] *) {
        background-color: #37415180
    }

    @media (min-width: 768px) {
        .tw-dialog .tw-dialog-footer {
            margin-top: 1.25rem;
            justify-content: flex-end
        }
    }

    :root[data-mode=dark] .tw-dialog {
        --tw-bg-opacity: 1;
        background-color: rgb(31 41 55 / var(--tw-bg-opacity))
    }

    :root[data-mode=dark] .tw-dialog .tw-dialog-title,
    :root[data-mode=dark] .tw-dialog .tw-dialog-content,
    :root[data-mode=dark] .tw-dialog .tw-button {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
    }

    :root[data-mode=dark] .tw-dialog .tw-button.-tw-button-neutral.-tw-button-plain:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(55 65 81 / var(--tw-bg-opacity))
    }

    .tw-code-textarea {
        width: 100%;
        font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, monospace, serif;
        font-size: 1.6rem
    }

    @media (min-width: 1024px) {
        .tw-code-textarea {
            font-size: 1.4rem
        }
    }

    .tw-footer-buttons {
        margin-top: 3rem;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 1rem
    }

    .tw-footer-buttons:empty {
        display: none
    }

    @media not all and (min-width: 768px) {
        .tw-footer-buttons {
            margin-top: 1rem;
            flex-direction: column;
            align-items: stretch;
            justify-content: flex-start
        }
    }

    .tw-description-list dt {
        font-size: 1.2rem;
        font-weight: 500;
        line-height: 1.5rem;
        letter-spacing: .05em;
        --tw-text-opacity: 1;
        color: rgb(75 85 99 / var(--tw-text-opacity))
    }

    .tw-description-list dt:is([data-mode=dark] *) {
        --tw-text-opacity: 1;
        color: rgb(156 163 175 / var(--tw-text-opacity))
    }

    .tw-description-list dd {
        margin-top: .25rem;
        overflow-wrap: break-word;
        font-size: 1.4rem;
        font-weight: 500;
        line-height: 1.5rem;
        letter-spacing: .05em;
        --tw-text-opacity: 1;
        color: rgb(17 24 39 / var(--tw-text-opacity))
    }

    .tw-description-list dd:is([data-mode=dark] *) {
        --tw-text-opacity: 1;
        color: rgb(229 231 235 / var(--tw-text-opacity))
    }

    @media (min-width: 768px) {
        .tw-description-list dd {
            margin-top: .5rem
        }
    }
}

@layer legacy {
    body[data-root=app] {
        overflow: clip
    }

    body[data-root=app] #root {
        display: grid;
        grid-template-columns: 100dvw;
        grid-template-rows: minmax(0, 100dvh);
        height: 100dvh
    }

    body[data-root=app].-impersonation #root {
        grid-template-rows: min-content minmax(0, 1fr)
    }

    :root[data-mode=dark] body[data-root=app] {
        color-scheme: dark
    }

    :root[data-mode=dark] body[data-root=app] #root,
    :root[data-mode=dark] body[data-root=app] #portal-targets {
        color: var(--dark-mode-content);
        background: var(--dark-mode-bg)
    }
}

.dark\:prose-invert:is([data-mode=dark] *) {
    --tw-prose-body: var(--tw-prose-invert-body);
    --tw-prose-headings: var(--tw-prose-invert-headings);
    --tw-prose-lead: var(--tw-prose-invert-lead);
    --tw-prose-links: var(--tw-prose-invert-links);
    --tw-prose-bold: var(--tw-prose-invert-bold);
    --tw-prose-counters: var(--tw-prose-invert-counters);
    --tw-prose-bullets: var(--tw-prose-invert-bullets);
    --tw-prose-hr: var(--tw-prose-invert-hr);
    --tw-prose-quotes: var(--tw-prose-invert-quotes);
    --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
    --tw-prose-captions: var(--tw-prose-invert-captions);
    --tw-prose-kbd: var(--tw-prose-invert-kbd);
    --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);
    --tw-prose-code: var(--tw-prose-invert-code);
    --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
    --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
    --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
    --tw-prose-td-borders: var(--tw-prose-invert-td-borders)
}

@media not all and (min-width: 480px) {
    .max-xs\:-ListboxButton {
        --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
        --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
        --tw-ring-inset: inset;
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
        --tw-grayscale: grayscale(0);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
    }

    .max-xs\:-ListboxButton:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--ui-primary-500) / var(--tw-ring-opacity))
    }

    .max-xs\:-ListboxButton:focus {
        border-width: 0px;
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        outline: 2px solid transparent;
        outline-offset: 2px;
        --tw-ring-inset: inset
    }

    .max-xs\:-ListboxButton:is([data-mode=dark] *) {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity))
    }

    .max-xs\:-ListboxButton:focus-within:is([data-mode=dark] *) {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(var(--ui-primary-500) / var(--tw-ring-opacity))
    }

    .max-xs\:-ListboxButton {
        position: relative;
        display: inline-flex;
        width: 100%;
        cursor: default;
        align-items: center;
        justify-content: space-between;
        border-radius: 4px;
        height: 4rem;
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        padding: .5rem .5rem .5rem 1.5rem;
        text-align: start;
        font-family: Montserrat, sans-serif;
        letter-spacing: .025em;
        --tw-text-opacity: 1;
        color: rgb(17 24 39 / var(--tw-text-opacity));
        border-width: 0px
    }

    .max-xs\:-ListboxButton:is([data-mode=dark] *) {
        --tw-bg-opacity: 1;
        background-color: rgb(47 51 59 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
    }

    @media (min-width: 768px) {
        .max-xs\:-ListboxButton {
            font-size: 1.4rem;
            line-height: 1.5rem
        }
    }

    .max-xs\:-ListboxButton[data-placeholder] {
        --tw-text-opacity: 1;
        color: rgb(156 163 175 / var(--tw-text-opacity))
    }
}

html .tailwind-area :is(.marker\:font-sans *)::marker {
    font-family: Montserrat, sans-serif
}

html .tailwind-area :is(.marker\:text-md *)::marker {
    font-size: 1.6rem
}

html .tailwind-area :is(.marker\:font-bold *)::marker {
    font-weight: 700
}

html .tailwind-area .marker\:font-sans::marker {
    font-family: Montserrat, sans-serif
}

html .tailwind-area .marker\:text-md::marker {
    font-size: 1.6rem
}

html .tailwind-area .marker\:font-bold::marker {
    font-weight: 700
}

html .tailwind-area .placeholder\:text-gray-400::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity))
}

html .tailwind-area .placeholder\:text-gray-400::placeholder {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity))
}

html .tailwind-area .after\:content-\[\\%\\]:after {
    --tw-content: "%";
    content: var(--tw-content)
}

html .tailwind-area .first\:border-t-0:first-child {
    border-top-width: 0px
}

html .tailwind-area .last\:mb-0:last-child {
    margin-bottom: 0
}

html .tailwind-area .last\:font-medium:last-child {
    font-weight: 500
}

html .tailwind-area .last\:odd\:col-span-full:nth-child(odd):last-child {
    grid-column: 1 / -1
}

html .tailwind-area .even\:bg-gray-50:nth-child(2n) {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity))
}

html .tailwind-area .checked\:bg-primary-600:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-primary-600) / var(--tw-bg-opacity))
}

html .tailwind-area .empty\:hidden:empty {
    display: none
}

html .tailwind-area .focus-within\:border-0:focus-within {
    border-width: 0px
}

html .tailwind-area .focus-within\:bg-primary-50\/50:focus-within {
    background-color: rgb(var(--ui-primary-50) / .5)
}

html .tailwind-area .focus-within\:outline:focus-within {
    outline-style: solid
}

html .tailwind-area .focus-within\:outline-2:focus-within {
    outline-width: 2px
}

html .tailwind-area .focus-within\:outline-black:focus-within {
    outline-color: #000
}

html .tailwind-area .focus-within\:ring-danger-600:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--ui-danger-600) / var(--tw-ring-opacity))
}

html .tailwind-area .hover\:border-0:hover {
    border-width: 0px
}

html .tailwind-area .hover\:border-danger-100:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-danger-100) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-danger-100\/0:hover {
    border-color: rgb(var(--ui-danger-100) / 0)
}

html .tailwind-area .hover\:border-danger-100\/10:hover {
    border-color: rgb(var(--ui-danger-100) / .1)
}

html .tailwind-area .hover\:border-danger-100\/100:hover {
    border-color: rgb(var(--ui-danger-100) / 1)
}

html .tailwind-area .hover\:border-danger-100\/15:hover {
    border-color: rgb(var(--ui-danger-100) / .15)
}

html .tailwind-area .hover\:border-danger-100\/20:hover {
    border-color: rgb(var(--ui-danger-100) / .2)
}

html .tailwind-area .hover\:border-danger-100\/25:hover {
    border-color: rgb(var(--ui-danger-100) / .25)
}

html .tailwind-area .hover\:border-danger-100\/30:hover {
    border-color: rgb(var(--ui-danger-100) / .3)
}

html .tailwind-area .hover\:border-danger-100\/35:hover {
    border-color: rgb(var(--ui-danger-100) / .35)
}

html .tailwind-area .hover\:border-danger-100\/40:hover {
    border-color: rgb(var(--ui-danger-100) / .4)
}

html .tailwind-area .hover\:border-danger-100\/45:hover {
    border-color: rgb(var(--ui-danger-100) / .45)
}

html .tailwind-area .hover\:border-danger-100\/5:hover {
    border-color: rgb(var(--ui-danger-100) / .05)
}

html .tailwind-area .hover\:border-danger-100\/50:hover {
    border-color: rgb(var(--ui-danger-100) / .5)
}

html .tailwind-area .hover\:border-danger-100\/55:hover {
    border-color: rgb(var(--ui-danger-100) / .55)
}

html .tailwind-area .hover\:border-danger-100\/60:hover {
    border-color: rgb(var(--ui-danger-100) / .6)
}

html .tailwind-area .hover\:border-danger-100\/65:hover {
    border-color: rgb(var(--ui-danger-100) / .65)
}

html .tailwind-area .hover\:border-danger-100\/70:hover {
    border-color: rgb(var(--ui-danger-100) / .7)
}

html .tailwind-area .hover\:border-danger-100\/75:hover {
    border-color: rgb(var(--ui-danger-100) / .75)
}

html .tailwind-area .hover\:border-danger-100\/80:hover {
    border-color: rgb(var(--ui-danger-100) / .8)
}

html .tailwind-area .hover\:border-danger-100\/85:hover {
    border-color: rgb(var(--ui-danger-100) / .85)
}

html .tailwind-area .hover\:border-danger-100\/90:hover {
    border-color: rgb(var(--ui-danger-100) / .9)
}

html .tailwind-area .hover\:border-danger-100\/95:hover {
    border-color: rgb(var(--ui-danger-100) / .95)
}

html .tailwind-area .hover\:border-danger-200:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-danger-200) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-danger-200\/0:hover {
    border-color: rgb(var(--ui-danger-200) / 0)
}

html .tailwind-area .hover\:border-danger-200\/10:hover {
    border-color: rgb(var(--ui-danger-200) / .1)
}

html .tailwind-area .hover\:border-danger-200\/100:hover {
    border-color: rgb(var(--ui-danger-200) / 1)
}

html .tailwind-area .hover\:border-danger-200\/15:hover {
    border-color: rgb(var(--ui-danger-200) / .15)
}

html .tailwind-area .hover\:border-danger-200\/20:hover {
    border-color: rgb(var(--ui-danger-200) / .2)
}

html .tailwind-area .hover\:border-danger-200\/25:hover {
    border-color: rgb(var(--ui-danger-200) / .25)
}

html .tailwind-area .hover\:border-danger-200\/30:hover {
    border-color: rgb(var(--ui-danger-200) / .3)
}

html .tailwind-area .hover\:border-danger-200\/35:hover {
    border-color: rgb(var(--ui-danger-200) / .35)
}

html .tailwind-area .hover\:border-danger-200\/40:hover {
    border-color: rgb(var(--ui-danger-200) / .4)
}

html .tailwind-area .hover\:border-danger-200\/45:hover {
    border-color: rgb(var(--ui-danger-200) / .45)
}

html .tailwind-area .hover\:border-danger-200\/5:hover {
    border-color: rgb(var(--ui-danger-200) / .05)
}

html .tailwind-area .hover\:border-danger-200\/50:hover {
    border-color: rgb(var(--ui-danger-200) / .5)
}

html .tailwind-area .hover\:border-danger-200\/55:hover {
    border-color: rgb(var(--ui-danger-200) / .55)
}

html .tailwind-area .hover\:border-danger-200\/60:hover {
    border-color: rgb(var(--ui-danger-200) / .6)
}

html .tailwind-area .hover\:border-danger-200\/65:hover {
    border-color: rgb(var(--ui-danger-200) / .65)
}

html .tailwind-area .hover\:border-danger-200\/70:hover {
    border-color: rgb(var(--ui-danger-200) / .7)
}

html .tailwind-area .hover\:border-danger-200\/75:hover {
    border-color: rgb(var(--ui-danger-200) / .75)
}

html .tailwind-area .hover\:border-danger-200\/80:hover {
    border-color: rgb(var(--ui-danger-200) / .8)
}

html .tailwind-area .hover\:border-danger-200\/85:hover {
    border-color: rgb(var(--ui-danger-200) / .85)
}

html .tailwind-area .hover\:border-danger-200\/90:hover {
    border-color: rgb(var(--ui-danger-200) / .9)
}

html .tailwind-area .hover\:border-danger-200\/95:hover {
    border-color: rgb(var(--ui-danger-200) / .95)
}

html .tailwind-area .hover\:border-danger-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-danger-300) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-danger-300\/0:hover {
    border-color: rgb(var(--ui-danger-300) / 0)
}

html .tailwind-area .hover\:border-danger-300\/10:hover {
    border-color: rgb(var(--ui-danger-300) / .1)
}

html .tailwind-area .hover\:border-danger-300\/100:hover {
    border-color: rgb(var(--ui-danger-300) / 1)
}

html .tailwind-area .hover\:border-danger-300\/15:hover {
    border-color: rgb(var(--ui-danger-300) / .15)
}

html .tailwind-area .hover\:border-danger-300\/20:hover {
    border-color: rgb(var(--ui-danger-300) / .2)
}

html .tailwind-area .hover\:border-danger-300\/25:hover {
    border-color: rgb(var(--ui-danger-300) / .25)
}

html .tailwind-area .hover\:border-danger-300\/30:hover {
    border-color: rgb(var(--ui-danger-300) / .3)
}

html .tailwind-area .hover\:border-danger-300\/35:hover {
    border-color: rgb(var(--ui-danger-300) / .35)
}

html .tailwind-area .hover\:border-danger-300\/40:hover {
    border-color: rgb(var(--ui-danger-300) / .4)
}

html .tailwind-area .hover\:border-danger-300\/45:hover {
    border-color: rgb(var(--ui-danger-300) / .45)
}

html .tailwind-area .hover\:border-danger-300\/5:hover {
    border-color: rgb(var(--ui-danger-300) / .05)
}

html .tailwind-area .hover\:border-danger-300\/50:hover {
    border-color: rgb(var(--ui-danger-300) / .5)
}

html .tailwind-area .hover\:border-danger-300\/55:hover {
    border-color: rgb(var(--ui-danger-300) / .55)
}

html .tailwind-area .hover\:border-danger-300\/60:hover {
    border-color: rgb(var(--ui-danger-300) / .6)
}

html .tailwind-area .hover\:border-danger-300\/65:hover {
    border-color: rgb(var(--ui-danger-300) / .65)
}

html .tailwind-area .hover\:border-danger-300\/70:hover {
    border-color: rgb(var(--ui-danger-300) / .7)
}

html .tailwind-area .hover\:border-danger-300\/75:hover {
    border-color: rgb(var(--ui-danger-300) / .75)
}

html .tailwind-area .hover\:border-danger-300\/80:hover {
    border-color: rgb(var(--ui-danger-300) / .8)
}

html .tailwind-area .hover\:border-danger-300\/85:hover {
    border-color: rgb(var(--ui-danger-300) / .85)
}

html .tailwind-area .hover\:border-danger-300\/90:hover {
    border-color: rgb(var(--ui-danger-300) / .9)
}

html .tailwind-area .hover\:border-danger-300\/95:hover {
    border-color: rgb(var(--ui-danger-300) / .95)
}

html .tailwind-area .hover\:border-danger-400:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-danger-400) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-danger-400\/0:hover {
    border-color: rgb(var(--ui-danger-400) / 0)
}

html .tailwind-area .hover\:border-danger-400\/10:hover {
    border-color: rgb(var(--ui-danger-400) / .1)
}

html .tailwind-area .hover\:border-danger-400\/100:hover {
    border-color: rgb(var(--ui-danger-400) / 1)
}

html .tailwind-area .hover\:border-danger-400\/15:hover {
    border-color: rgb(var(--ui-danger-400) / .15)
}

html .tailwind-area .hover\:border-danger-400\/20:hover {
    border-color: rgb(var(--ui-danger-400) / .2)
}

html .tailwind-area .hover\:border-danger-400\/25:hover {
    border-color: rgb(var(--ui-danger-400) / .25)
}

html .tailwind-area .hover\:border-danger-400\/30:hover {
    border-color: rgb(var(--ui-danger-400) / .3)
}

html .tailwind-area .hover\:border-danger-400\/35:hover {
    border-color: rgb(var(--ui-danger-400) / .35)
}

html .tailwind-area .hover\:border-danger-400\/40:hover {
    border-color: rgb(var(--ui-danger-400) / .4)
}

html .tailwind-area .hover\:border-danger-400\/45:hover {
    border-color: rgb(var(--ui-danger-400) / .45)
}

html .tailwind-area .hover\:border-danger-400\/5:hover {
    border-color: rgb(var(--ui-danger-400) / .05)
}

html .tailwind-area .hover\:border-danger-400\/50:hover {
    border-color: rgb(var(--ui-danger-400) / .5)
}

html .tailwind-area .hover\:border-danger-400\/55:hover {
    border-color: rgb(var(--ui-danger-400) / .55)
}

html .tailwind-area .hover\:border-danger-400\/60:hover {
    border-color: rgb(var(--ui-danger-400) / .6)
}

html .tailwind-area .hover\:border-danger-400\/65:hover {
    border-color: rgb(var(--ui-danger-400) / .65)
}

html .tailwind-area .hover\:border-danger-400\/70:hover {
    border-color: rgb(var(--ui-danger-400) / .7)
}

html .tailwind-area .hover\:border-danger-400\/75:hover {
    border-color: rgb(var(--ui-danger-400) / .75)
}

html .tailwind-area .hover\:border-danger-400\/80:hover {
    border-color: rgb(var(--ui-danger-400) / .8)
}

html .tailwind-area .hover\:border-danger-400\/85:hover {
    border-color: rgb(var(--ui-danger-400) / .85)
}

html .tailwind-area .hover\:border-danger-400\/90:hover {
    border-color: rgb(var(--ui-danger-400) / .9)
}

html .tailwind-area .hover\:border-danger-400\/95:hover {
    border-color: rgb(var(--ui-danger-400) / .95)
}

html .tailwind-area .hover\:border-danger-50:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-danger-50) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-danger-50\/0:hover {
    border-color: rgb(var(--ui-danger-50) / 0)
}

html .tailwind-area .hover\:border-danger-50\/10:hover {
    border-color: rgb(var(--ui-danger-50) / .1)
}

html .tailwind-area .hover\:border-danger-50\/100:hover {
    border-color: rgb(var(--ui-danger-50) / 1)
}

html .tailwind-area .hover\:border-danger-50\/15:hover {
    border-color: rgb(var(--ui-danger-50) / .15)
}

html .tailwind-area .hover\:border-danger-50\/20:hover {
    border-color: rgb(var(--ui-danger-50) / .2)
}

html .tailwind-area .hover\:border-danger-50\/25:hover {
    border-color: rgb(var(--ui-danger-50) / .25)
}

html .tailwind-area .hover\:border-danger-50\/30:hover {
    border-color: rgb(var(--ui-danger-50) / .3)
}

html .tailwind-area .hover\:border-danger-50\/35:hover {
    border-color: rgb(var(--ui-danger-50) / .35)
}

html .tailwind-area .hover\:border-danger-50\/40:hover {
    border-color: rgb(var(--ui-danger-50) / .4)
}

html .tailwind-area .hover\:border-danger-50\/45:hover {
    border-color: rgb(var(--ui-danger-50) / .45)
}

html .tailwind-area .hover\:border-danger-50\/5:hover {
    border-color: rgb(var(--ui-danger-50) / .05)
}

html .tailwind-area .hover\:border-danger-50\/50:hover {
    border-color: rgb(var(--ui-danger-50) / .5)
}

html .tailwind-area .hover\:border-danger-50\/55:hover {
    border-color: rgb(var(--ui-danger-50) / .55)
}

html .tailwind-area .hover\:border-danger-50\/60:hover {
    border-color: rgb(var(--ui-danger-50) / .6)
}

html .tailwind-area .hover\:border-danger-50\/65:hover {
    border-color: rgb(var(--ui-danger-50) / .65)
}

html .tailwind-area .hover\:border-danger-50\/70:hover {
    border-color: rgb(var(--ui-danger-50) / .7)
}

html .tailwind-area .hover\:border-danger-50\/75:hover {
    border-color: rgb(var(--ui-danger-50) / .75)
}

html .tailwind-area .hover\:border-danger-50\/80:hover {
    border-color: rgb(var(--ui-danger-50) / .8)
}

html .tailwind-area .hover\:border-danger-50\/85:hover {
    border-color: rgb(var(--ui-danger-50) / .85)
}

html .tailwind-area .hover\:border-danger-50\/90:hover {
    border-color: rgb(var(--ui-danger-50) / .9)
}

html .tailwind-area .hover\:border-danger-50\/95:hover {
    border-color: rgb(var(--ui-danger-50) / .95)
}

html .tailwind-area .hover\:border-danger-500:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-danger-500) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-danger-500\/0:hover {
    border-color: rgb(var(--ui-danger-500) / 0)
}

html .tailwind-area .hover\:border-danger-500\/10:hover {
    border-color: rgb(var(--ui-danger-500) / .1)
}

html .tailwind-area .hover\:border-danger-500\/100:hover {
    border-color: rgb(var(--ui-danger-500) / 1)
}

html .tailwind-area .hover\:border-danger-500\/15:hover {
    border-color: rgb(var(--ui-danger-500) / .15)
}

html .tailwind-area .hover\:border-danger-500\/20:hover {
    border-color: rgb(var(--ui-danger-500) / .2)
}

html .tailwind-area .hover\:border-danger-500\/25:hover {
    border-color: rgb(var(--ui-danger-500) / .25)
}

html .tailwind-area .hover\:border-danger-500\/30:hover {
    border-color: rgb(var(--ui-danger-500) / .3)
}

html .tailwind-area .hover\:border-danger-500\/35:hover {
    border-color: rgb(var(--ui-danger-500) / .35)
}

html .tailwind-area .hover\:border-danger-500\/40:hover {
    border-color: rgb(var(--ui-danger-500) / .4)
}

html .tailwind-area .hover\:border-danger-500\/45:hover {
    border-color: rgb(var(--ui-danger-500) / .45)
}

html .tailwind-area .hover\:border-danger-500\/5:hover {
    border-color: rgb(var(--ui-danger-500) / .05)
}

html .tailwind-area .hover\:border-danger-500\/50:hover {
    border-color: rgb(var(--ui-danger-500) / .5)
}

html .tailwind-area .hover\:border-danger-500\/55:hover {
    border-color: rgb(var(--ui-danger-500) / .55)
}

html .tailwind-area .hover\:border-danger-500\/60:hover {
    border-color: rgb(var(--ui-danger-500) / .6)
}

html .tailwind-area .hover\:border-danger-500\/65:hover {
    border-color: rgb(var(--ui-danger-500) / .65)
}

html .tailwind-area .hover\:border-danger-500\/70:hover {
    border-color: rgb(var(--ui-danger-500) / .7)
}

html .tailwind-area .hover\:border-danger-500\/75:hover {
    border-color: rgb(var(--ui-danger-500) / .75)
}

html .tailwind-area .hover\:border-danger-500\/80:hover {
    border-color: rgb(var(--ui-danger-500) / .8)
}

html .tailwind-area .hover\:border-danger-500\/85:hover {
    border-color: rgb(var(--ui-danger-500) / .85)
}

html .tailwind-area .hover\:border-danger-500\/90:hover {
    border-color: rgb(var(--ui-danger-500) / .9)
}

html .tailwind-area .hover\:border-danger-500\/95:hover {
    border-color: rgb(var(--ui-danger-500) / .95)
}

html .tailwind-area .hover\:border-danger-600:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-danger-600) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-danger-600\/0:hover {
    border-color: rgb(var(--ui-danger-600) / 0)
}

html .tailwind-area .hover\:border-danger-600\/10:hover {
    border-color: rgb(var(--ui-danger-600) / .1)
}

html .tailwind-area .hover\:border-danger-600\/100:hover {
    border-color: rgb(var(--ui-danger-600) / 1)
}

html .tailwind-area .hover\:border-danger-600\/15:hover {
    border-color: rgb(var(--ui-danger-600) / .15)
}

html .tailwind-area .hover\:border-danger-600\/20:hover {
    border-color: rgb(var(--ui-danger-600) / .2)
}

html .tailwind-area .hover\:border-danger-600\/25:hover {
    border-color: rgb(var(--ui-danger-600) / .25)
}

html .tailwind-area .hover\:border-danger-600\/30:hover {
    border-color: rgb(var(--ui-danger-600) / .3)
}

html .tailwind-area .hover\:border-danger-600\/35:hover {
    border-color: rgb(var(--ui-danger-600) / .35)
}

html .tailwind-area .hover\:border-danger-600\/40:hover {
    border-color: rgb(var(--ui-danger-600) / .4)
}

html .tailwind-area .hover\:border-danger-600\/45:hover {
    border-color: rgb(var(--ui-danger-600) / .45)
}

html .tailwind-area .hover\:border-danger-600\/5:hover {
    border-color: rgb(var(--ui-danger-600) / .05)
}

html .tailwind-area .hover\:border-danger-600\/50:hover {
    border-color: rgb(var(--ui-danger-600) / .5)
}

html .tailwind-area .hover\:border-danger-600\/55:hover {
    border-color: rgb(var(--ui-danger-600) / .55)
}

html .tailwind-area .hover\:border-danger-600\/60:hover {
    border-color: rgb(var(--ui-danger-600) / .6)
}

html .tailwind-area .hover\:border-danger-600\/65:hover {
    border-color: rgb(var(--ui-danger-600) / .65)
}

html .tailwind-area .hover\:border-danger-600\/70:hover {
    border-color: rgb(var(--ui-danger-600) / .7)
}

html .tailwind-area .hover\:border-danger-600\/75:hover {
    border-color: rgb(var(--ui-danger-600) / .75)
}

html .tailwind-area .hover\:border-danger-600\/80:hover {
    border-color: rgb(var(--ui-danger-600) / .8)
}

html .tailwind-area .hover\:border-danger-600\/85:hover {
    border-color: rgb(var(--ui-danger-600) / .85)
}

html .tailwind-area .hover\:border-danger-600\/90:hover {
    border-color: rgb(var(--ui-danger-600) / .9)
}

html .tailwind-area .hover\:border-danger-600\/95:hover {
    border-color: rgb(var(--ui-danger-600) / .95)
}

html .tailwind-area .hover\:border-danger-700:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-danger-700) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-danger-700\/0:hover {
    border-color: rgb(var(--ui-danger-700) / 0)
}

html .tailwind-area .hover\:border-danger-700\/10:hover {
    border-color: rgb(var(--ui-danger-700) / .1)
}

html .tailwind-area .hover\:border-danger-700\/100:hover {
    border-color: rgb(var(--ui-danger-700) / 1)
}

html .tailwind-area .hover\:border-danger-700\/15:hover {
    border-color: rgb(var(--ui-danger-700) / .15)
}

html .tailwind-area .hover\:border-danger-700\/20:hover {
    border-color: rgb(var(--ui-danger-700) / .2)
}

html .tailwind-area .hover\:border-danger-700\/25:hover {
    border-color: rgb(var(--ui-danger-700) / .25)
}

html .tailwind-area .hover\:border-danger-700\/30:hover {
    border-color: rgb(var(--ui-danger-700) / .3)
}

html .tailwind-area .hover\:border-danger-700\/35:hover {
    border-color: rgb(var(--ui-danger-700) / .35)
}

html .tailwind-area .hover\:border-danger-700\/40:hover {
    border-color: rgb(var(--ui-danger-700) / .4)
}

html .tailwind-area .hover\:border-danger-700\/45:hover {
    border-color: rgb(var(--ui-danger-700) / .45)
}

html .tailwind-area .hover\:border-danger-700\/5:hover {
    border-color: rgb(var(--ui-danger-700) / .05)
}

html .tailwind-area .hover\:border-danger-700\/50:hover {
    border-color: rgb(var(--ui-danger-700) / .5)
}

html .tailwind-area .hover\:border-danger-700\/55:hover {
    border-color: rgb(var(--ui-danger-700) / .55)
}

html .tailwind-area .hover\:border-danger-700\/60:hover {
    border-color: rgb(var(--ui-danger-700) / .6)
}

html .tailwind-area .hover\:border-danger-700\/65:hover {
    border-color: rgb(var(--ui-danger-700) / .65)
}

html .tailwind-area .hover\:border-danger-700\/70:hover {
    border-color: rgb(var(--ui-danger-700) / .7)
}

html .tailwind-area .hover\:border-danger-700\/75:hover {
    border-color: rgb(var(--ui-danger-700) / .75)
}

html .tailwind-area .hover\:border-danger-700\/80:hover {
    border-color: rgb(var(--ui-danger-700) / .8)
}

html .tailwind-area .hover\:border-danger-700\/85:hover {
    border-color: rgb(var(--ui-danger-700) / .85)
}

html .tailwind-area .hover\:border-danger-700\/90:hover {
    border-color: rgb(var(--ui-danger-700) / .9)
}

html .tailwind-area .hover\:border-danger-700\/95:hover {
    border-color: rgb(var(--ui-danger-700) / .95)
}

html .tailwind-area .hover\:border-danger-800:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-danger-800) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-danger-800\/0:hover {
    border-color: rgb(var(--ui-danger-800) / 0)
}

html .tailwind-area .hover\:border-danger-800\/10:hover {
    border-color: rgb(var(--ui-danger-800) / .1)
}

html .tailwind-area .hover\:border-danger-800\/100:hover {
    border-color: rgb(var(--ui-danger-800) / 1)
}

html .tailwind-area .hover\:border-danger-800\/15:hover {
    border-color: rgb(var(--ui-danger-800) / .15)
}

html .tailwind-area .hover\:border-danger-800\/20:hover {
    border-color: rgb(var(--ui-danger-800) / .2)
}

html .tailwind-area .hover\:border-danger-800\/25:hover {
    border-color: rgb(var(--ui-danger-800) / .25)
}

html .tailwind-area .hover\:border-danger-800\/30:hover {
    border-color: rgb(var(--ui-danger-800) / .3)
}

html .tailwind-area .hover\:border-danger-800\/35:hover {
    border-color: rgb(var(--ui-danger-800) / .35)
}

html .tailwind-area .hover\:border-danger-800\/40:hover {
    border-color: rgb(var(--ui-danger-800) / .4)
}

html .tailwind-area .hover\:border-danger-800\/45:hover {
    border-color: rgb(var(--ui-danger-800) / .45)
}

html .tailwind-area .hover\:border-danger-800\/5:hover {
    border-color: rgb(var(--ui-danger-800) / .05)
}

html .tailwind-area .hover\:border-danger-800\/50:hover {
    border-color: rgb(var(--ui-danger-800) / .5)
}

html .tailwind-area .hover\:border-danger-800\/55:hover {
    border-color: rgb(var(--ui-danger-800) / .55)
}

html .tailwind-area .hover\:border-danger-800\/60:hover {
    border-color: rgb(var(--ui-danger-800) / .6)
}

html .tailwind-area .hover\:border-danger-800\/65:hover {
    border-color: rgb(var(--ui-danger-800) / .65)
}

html .tailwind-area .hover\:border-danger-800\/70:hover {
    border-color: rgb(var(--ui-danger-800) / .7)
}

html .tailwind-area .hover\:border-danger-800\/75:hover {
    border-color: rgb(var(--ui-danger-800) / .75)
}

html .tailwind-area .hover\:border-danger-800\/80:hover {
    border-color: rgb(var(--ui-danger-800) / .8)
}

html .tailwind-area .hover\:border-danger-800\/85:hover {
    border-color: rgb(var(--ui-danger-800) / .85)
}

html .tailwind-area .hover\:border-danger-800\/90:hover {
    border-color: rgb(var(--ui-danger-800) / .9)
}

html .tailwind-area .hover\:border-danger-800\/95:hover {
    border-color: rgb(var(--ui-danger-800) / .95)
}

html .tailwind-area .hover\:border-danger-900:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-danger-900) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-danger-900\/0:hover {
    border-color: rgb(var(--ui-danger-900) / 0)
}

html .tailwind-area .hover\:border-danger-900\/10:hover {
    border-color: rgb(var(--ui-danger-900) / .1)
}

html .tailwind-area .hover\:border-danger-900\/100:hover {
    border-color: rgb(var(--ui-danger-900) / 1)
}

html .tailwind-area .hover\:border-danger-900\/15:hover {
    border-color: rgb(var(--ui-danger-900) / .15)
}

html .tailwind-area .hover\:border-danger-900\/20:hover {
    border-color: rgb(var(--ui-danger-900) / .2)
}

html .tailwind-area .hover\:border-danger-900\/25:hover {
    border-color: rgb(var(--ui-danger-900) / .25)
}

html .tailwind-area .hover\:border-danger-900\/30:hover {
    border-color: rgb(var(--ui-danger-900) / .3)
}

html .tailwind-area .hover\:border-danger-900\/35:hover {
    border-color: rgb(var(--ui-danger-900) / .35)
}

html .tailwind-area .hover\:border-danger-900\/40:hover {
    border-color: rgb(var(--ui-danger-900) / .4)
}

html .tailwind-area .hover\:border-danger-900\/45:hover {
    border-color: rgb(var(--ui-danger-900) / .45)
}

html .tailwind-area .hover\:border-danger-900\/5:hover {
    border-color: rgb(var(--ui-danger-900) / .05)
}

html .tailwind-area .hover\:border-danger-900\/50:hover {
    border-color: rgb(var(--ui-danger-900) / .5)
}

html .tailwind-area .hover\:border-danger-900\/55:hover {
    border-color: rgb(var(--ui-danger-900) / .55)
}

html .tailwind-area .hover\:border-danger-900\/60:hover {
    border-color: rgb(var(--ui-danger-900) / .6)
}

html .tailwind-area .hover\:border-danger-900\/65:hover {
    border-color: rgb(var(--ui-danger-900) / .65)
}

html .tailwind-area .hover\:border-danger-900\/70:hover {
    border-color: rgb(var(--ui-danger-900) / .7)
}

html .tailwind-area .hover\:border-danger-900\/75:hover {
    border-color: rgb(var(--ui-danger-900) / .75)
}

html .tailwind-area .hover\:border-danger-900\/80:hover {
    border-color: rgb(var(--ui-danger-900) / .8)
}

html .tailwind-area .hover\:border-danger-900\/85:hover {
    border-color: rgb(var(--ui-danger-900) / .85)
}

html .tailwind-area .hover\:border-danger-900\/90:hover {
    border-color: rgb(var(--ui-danger-900) / .9)
}

html .tailwind-area .hover\:border-danger-900\/95:hover {
    border-color: rgb(var(--ui-danger-900) / .95)
}

html .tailwind-area .hover\:border-neutral-100:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-neutral-100) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-neutral-100\/0:hover {
    border-color: rgb(var(--ui-neutral-100) / 0)
}

html .tailwind-area .hover\:border-neutral-100\/10:hover {
    border-color: rgb(var(--ui-neutral-100) / .1)
}

html .tailwind-area .hover\:border-neutral-100\/100:hover {
    border-color: rgb(var(--ui-neutral-100) / 1)
}

html .tailwind-area .hover\:border-neutral-100\/15:hover {
    border-color: rgb(var(--ui-neutral-100) / .15)
}

html .tailwind-area .hover\:border-neutral-100\/20:hover {
    border-color: rgb(var(--ui-neutral-100) / .2)
}

html .tailwind-area .hover\:border-neutral-100\/25:hover {
    border-color: rgb(var(--ui-neutral-100) / .25)
}

html .tailwind-area .hover\:border-neutral-100\/30:hover {
    border-color: rgb(var(--ui-neutral-100) / .3)
}

html .tailwind-area .hover\:border-neutral-100\/35:hover {
    border-color: rgb(var(--ui-neutral-100) / .35)
}

html .tailwind-area .hover\:border-neutral-100\/40:hover {
    border-color: rgb(var(--ui-neutral-100) / .4)
}

html .tailwind-area .hover\:border-neutral-100\/45:hover {
    border-color: rgb(var(--ui-neutral-100) / .45)
}

html .tailwind-area .hover\:border-neutral-100\/5:hover {
    border-color: rgb(var(--ui-neutral-100) / .05)
}

html .tailwind-area .hover\:border-neutral-100\/50:hover {
    border-color: rgb(var(--ui-neutral-100) / .5)
}

html .tailwind-area .hover\:border-neutral-100\/55:hover {
    border-color: rgb(var(--ui-neutral-100) / .55)
}

html .tailwind-area .hover\:border-neutral-100\/60:hover {
    border-color: rgb(var(--ui-neutral-100) / .6)
}

html .tailwind-area .hover\:border-neutral-100\/65:hover {
    border-color: rgb(var(--ui-neutral-100) / .65)
}

html .tailwind-area .hover\:border-neutral-100\/70:hover {
    border-color: rgb(var(--ui-neutral-100) / .7)
}

html .tailwind-area .hover\:border-neutral-100\/75:hover {
    border-color: rgb(var(--ui-neutral-100) / .75)
}

html .tailwind-area .hover\:border-neutral-100\/80:hover {
    border-color: rgb(var(--ui-neutral-100) / .8)
}

html .tailwind-area .hover\:border-neutral-100\/85:hover {
    border-color: rgb(var(--ui-neutral-100) / .85)
}

html .tailwind-area .hover\:border-neutral-100\/90:hover {
    border-color: rgb(var(--ui-neutral-100) / .9)
}

html .tailwind-area .hover\:border-neutral-100\/95:hover {
    border-color: rgb(var(--ui-neutral-100) / .95)
}

html .tailwind-area .hover\:border-neutral-200:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-neutral-200) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-neutral-200\/0:hover {
    border-color: rgb(var(--ui-neutral-200) / 0)
}

html .tailwind-area .hover\:border-neutral-200\/10:hover {
    border-color: rgb(var(--ui-neutral-200) / .1)
}

html .tailwind-area .hover\:border-neutral-200\/100:hover {
    border-color: rgb(var(--ui-neutral-200) / 1)
}

html .tailwind-area .hover\:border-neutral-200\/15:hover {
    border-color: rgb(var(--ui-neutral-200) / .15)
}

html .tailwind-area .hover\:border-neutral-200\/20:hover {
    border-color: rgb(var(--ui-neutral-200) / .2)
}

html .tailwind-area .hover\:border-neutral-200\/25:hover {
    border-color: rgb(var(--ui-neutral-200) / .25)
}

html .tailwind-area .hover\:border-neutral-200\/30:hover {
    border-color: rgb(var(--ui-neutral-200) / .3)
}

html .tailwind-area .hover\:border-neutral-200\/35:hover {
    border-color: rgb(var(--ui-neutral-200) / .35)
}

html .tailwind-area .hover\:border-neutral-200\/40:hover {
    border-color: rgb(var(--ui-neutral-200) / .4)
}

html .tailwind-area .hover\:border-neutral-200\/45:hover {
    border-color: rgb(var(--ui-neutral-200) / .45)
}

html .tailwind-area .hover\:border-neutral-200\/5:hover {
    border-color: rgb(var(--ui-neutral-200) / .05)
}

html .tailwind-area .hover\:border-neutral-200\/50:hover {
    border-color: rgb(var(--ui-neutral-200) / .5)
}

html .tailwind-area .hover\:border-neutral-200\/55:hover {
    border-color: rgb(var(--ui-neutral-200) / .55)
}

html .tailwind-area .hover\:border-neutral-200\/60:hover {
    border-color: rgb(var(--ui-neutral-200) / .6)
}

html .tailwind-area .hover\:border-neutral-200\/65:hover {
    border-color: rgb(var(--ui-neutral-200) / .65)
}

html .tailwind-area .hover\:border-neutral-200\/70:hover {
    border-color: rgb(var(--ui-neutral-200) / .7)
}

html .tailwind-area .hover\:border-neutral-200\/75:hover {
    border-color: rgb(var(--ui-neutral-200) / .75)
}

html .tailwind-area .hover\:border-neutral-200\/80:hover {
    border-color: rgb(var(--ui-neutral-200) / .8)
}

html .tailwind-area .hover\:border-neutral-200\/85:hover {
    border-color: rgb(var(--ui-neutral-200) / .85)
}

html .tailwind-area .hover\:border-neutral-200\/90:hover {
    border-color: rgb(var(--ui-neutral-200) / .9)
}

html .tailwind-area .hover\:border-neutral-200\/95:hover {
    border-color: rgb(var(--ui-neutral-200) / .95)
}

html .tailwind-area .hover\:border-neutral-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-neutral-300) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-neutral-300\/0:hover {
    border-color: rgb(var(--ui-neutral-300) / 0)
}

html .tailwind-area .hover\:border-neutral-300\/10:hover {
    border-color: rgb(var(--ui-neutral-300) / .1)
}

html .tailwind-area .hover\:border-neutral-300\/100:hover {
    border-color: rgb(var(--ui-neutral-300) / 1)
}

html .tailwind-area .hover\:border-neutral-300\/15:hover {
    border-color: rgb(var(--ui-neutral-300) / .15)
}

html .tailwind-area .hover\:border-neutral-300\/20:hover {
    border-color: rgb(var(--ui-neutral-300) / .2)
}

html .tailwind-area .hover\:border-neutral-300\/25:hover {
    border-color: rgb(var(--ui-neutral-300) / .25)
}

html .tailwind-area .hover\:border-neutral-300\/30:hover {
    border-color: rgb(var(--ui-neutral-300) / .3)
}

html .tailwind-area .hover\:border-neutral-300\/35:hover {
    border-color: rgb(var(--ui-neutral-300) / .35)
}

html .tailwind-area .hover\:border-neutral-300\/40:hover {
    border-color: rgb(var(--ui-neutral-300) / .4)
}

html .tailwind-area .hover\:border-neutral-300\/45:hover {
    border-color: rgb(var(--ui-neutral-300) / .45)
}

html .tailwind-area .hover\:border-neutral-300\/5:hover {
    border-color: rgb(var(--ui-neutral-300) / .05)
}

html .tailwind-area .hover\:border-neutral-300\/50:hover {
    border-color: rgb(var(--ui-neutral-300) / .5)
}

html .tailwind-area .hover\:border-neutral-300\/55:hover {
    border-color: rgb(var(--ui-neutral-300) / .55)
}

html .tailwind-area .hover\:border-neutral-300\/60:hover {
    border-color: rgb(var(--ui-neutral-300) / .6)
}

html .tailwind-area .hover\:border-neutral-300\/65:hover {
    border-color: rgb(var(--ui-neutral-300) / .65)
}

html .tailwind-area .hover\:border-neutral-300\/70:hover {
    border-color: rgb(var(--ui-neutral-300) / .7)
}

html .tailwind-area .hover\:border-neutral-300\/75:hover {
    border-color: rgb(var(--ui-neutral-300) / .75)
}

html .tailwind-area .hover\:border-neutral-300\/80:hover {
    border-color: rgb(var(--ui-neutral-300) / .8)
}

html .tailwind-area .hover\:border-neutral-300\/85:hover {
    border-color: rgb(var(--ui-neutral-300) / .85)
}

html .tailwind-area .hover\:border-neutral-300\/90:hover {
    border-color: rgb(var(--ui-neutral-300) / .9)
}

html .tailwind-area .hover\:border-neutral-300\/95:hover {
    border-color: rgb(var(--ui-neutral-300) / .95)
}

html .tailwind-area .hover\:border-neutral-400:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-neutral-400) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-neutral-400\/0:hover {
    border-color: rgb(var(--ui-neutral-400) / 0)
}

html .tailwind-area .hover\:border-neutral-400\/10:hover {
    border-color: rgb(var(--ui-neutral-400) / .1)
}

html .tailwind-area .hover\:border-neutral-400\/100:hover {
    border-color: rgb(var(--ui-neutral-400) / 1)
}

html .tailwind-area .hover\:border-neutral-400\/15:hover {
    border-color: rgb(var(--ui-neutral-400) / .15)
}

html .tailwind-area .hover\:border-neutral-400\/20:hover {
    border-color: rgb(var(--ui-neutral-400) / .2)
}

html .tailwind-area .hover\:border-neutral-400\/25:hover {
    border-color: rgb(var(--ui-neutral-400) / .25)
}

html .tailwind-area .hover\:border-neutral-400\/30:hover {
    border-color: rgb(var(--ui-neutral-400) / .3)
}

html .tailwind-area .hover\:border-neutral-400\/35:hover {
    border-color: rgb(var(--ui-neutral-400) / .35)
}

html .tailwind-area .hover\:border-neutral-400\/40:hover {
    border-color: rgb(var(--ui-neutral-400) / .4)
}

html .tailwind-area .hover\:border-neutral-400\/45:hover {
    border-color: rgb(var(--ui-neutral-400) / .45)
}

html .tailwind-area .hover\:border-neutral-400\/5:hover {
    border-color: rgb(var(--ui-neutral-400) / .05)
}

html .tailwind-area .hover\:border-neutral-400\/50:hover {
    border-color: rgb(var(--ui-neutral-400) / .5)
}

html .tailwind-area .hover\:border-neutral-400\/55:hover {
    border-color: rgb(var(--ui-neutral-400) / .55)
}

html .tailwind-area .hover\:border-neutral-400\/60:hover {
    border-color: rgb(var(--ui-neutral-400) / .6)
}

html .tailwind-area .hover\:border-neutral-400\/65:hover {
    border-color: rgb(var(--ui-neutral-400) / .65)
}

html .tailwind-area .hover\:border-neutral-400\/70:hover {
    border-color: rgb(var(--ui-neutral-400) / .7)
}

html .tailwind-area .hover\:border-neutral-400\/75:hover {
    border-color: rgb(var(--ui-neutral-400) / .75)
}

html .tailwind-area .hover\:border-neutral-400\/80:hover {
    border-color: rgb(var(--ui-neutral-400) / .8)
}

html .tailwind-area .hover\:border-neutral-400\/85:hover {
    border-color: rgb(var(--ui-neutral-400) / .85)
}

html .tailwind-area .hover\:border-neutral-400\/90:hover {
    border-color: rgb(var(--ui-neutral-400) / .9)
}

html .tailwind-area .hover\:border-neutral-400\/95:hover {
    border-color: rgb(var(--ui-neutral-400) / .95)
}

html .tailwind-area .hover\:border-neutral-50:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-neutral-50) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-neutral-50\/0:hover {
    border-color: rgb(var(--ui-neutral-50) / 0)
}

html .tailwind-area .hover\:border-neutral-50\/10:hover {
    border-color: rgb(var(--ui-neutral-50) / .1)
}

html .tailwind-area .hover\:border-neutral-50\/100:hover {
    border-color: rgb(var(--ui-neutral-50) / 1)
}

html .tailwind-area .hover\:border-neutral-50\/15:hover {
    border-color: rgb(var(--ui-neutral-50) / .15)
}

html .tailwind-area .hover\:border-neutral-50\/20:hover {
    border-color: rgb(var(--ui-neutral-50) / .2)
}

html .tailwind-area .hover\:border-neutral-50\/25:hover {
    border-color: rgb(var(--ui-neutral-50) / .25)
}

html .tailwind-area .hover\:border-neutral-50\/30:hover {
    border-color: rgb(var(--ui-neutral-50) / .3)
}

html .tailwind-area .hover\:border-neutral-50\/35:hover {
    border-color: rgb(var(--ui-neutral-50) / .35)
}

html .tailwind-area .hover\:border-neutral-50\/40:hover {
    border-color: rgb(var(--ui-neutral-50) / .4)
}

html .tailwind-area .hover\:border-neutral-50\/45:hover {
    border-color: rgb(var(--ui-neutral-50) / .45)
}

html .tailwind-area .hover\:border-neutral-50\/5:hover {
    border-color: rgb(var(--ui-neutral-50) / .05)
}

html .tailwind-area .hover\:border-neutral-50\/50:hover {
    border-color: rgb(var(--ui-neutral-50) / .5)
}

html .tailwind-area .hover\:border-neutral-50\/55:hover {
    border-color: rgb(var(--ui-neutral-50) / .55)
}

html .tailwind-area .hover\:border-neutral-50\/60:hover {
    border-color: rgb(var(--ui-neutral-50) / .6)
}

html .tailwind-area .hover\:border-neutral-50\/65:hover {
    border-color: rgb(var(--ui-neutral-50) / .65)
}

html .tailwind-area .hover\:border-neutral-50\/70:hover {
    border-color: rgb(var(--ui-neutral-50) / .7)
}

html .tailwind-area .hover\:border-neutral-50\/75:hover {
    border-color: rgb(var(--ui-neutral-50) / .75)
}

html .tailwind-area .hover\:border-neutral-50\/80:hover {
    border-color: rgb(var(--ui-neutral-50) / .8)
}

html .tailwind-area .hover\:border-neutral-50\/85:hover {
    border-color: rgb(var(--ui-neutral-50) / .85)
}

html .tailwind-area .hover\:border-neutral-50\/90:hover {
    border-color: rgb(var(--ui-neutral-50) / .9)
}

html .tailwind-area .hover\:border-neutral-50\/95:hover {
    border-color: rgb(var(--ui-neutral-50) / .95)
}

html .tailwind-area .hover\:border-neutral-500:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-neutral-500) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-neutral-500\/0:hover {
    border-color: rgb(var(--ui-neutral-500) / 0)
}

html .tailwind-area .hover\:border-neutral-500\/10:hover {
    border-color: rgb(var(--ui-neutral-500) / .1)
}

html .tailwind-area .hover\:border-neutral-500\/100:hover {
    border-color: rgb(var(--ui-neutral-500) / 1)
}

html .tailwind-area .hover\:border-neutral-500\/15:hover {
    border-color: rgb(var(--ui-neutral-500) / .15)
}

html .tailwind-area .hover\:border-neutral-500\/20:hover {
    border-color: rgb(var(--ui-neutral-500) / .2)
}

html .tailwind-area .hover\:border-neutral-500\/25:hover {
    border-color: rgb(var(--ui-neutral-500) / .25)
}

html .tailwind-area .hover\:border-neutral-500\/30:hover {
    border-color: rgb(var(--ui-neutral-500) / .3)
}

html .tailwind-area .hover\:border-neutral-500\/35:hover {
    border-color: rgb(var(--ui-neutral-500) / .35)
}

html .tailwind-area .hover\:border-neutral-500\/40:hover {
    border-color: rgb(var(--ui-neutral-500) / .4)
}

html .tailwind-area .hover\:border-neutral-500\/45:hover {
    border-color: rgb(var(--ui-neutral-500) / .45)
}

html .tailwind-area .hover\:border-neutral-500\/5:hover {
    border-color: rgb(var(--ui-neutral-500) / .05)
}

html .tailwind-area .hover\:border-neutral-500\/50:hover {
    border-color: rgb(var(--ui-neutral-500) / .5)
}

html .tailwind-area .hover\:border-neutral-500\/55:hover {
    border-color: rgb(var(--ui-neutral-500) / .55)
}

html .tailwind-area .hover\:border-neutral-500\/60:hover {
    border-color: rgb(var(--ui-neutral-500) / .6)
}

html .tailwind-area .hover\:border-neutral-500\/65:hover {
    border-color: rgb(var(--ui-neutral-500) / .65)
}

html .tailwind-area .hover\:border-neutral-500\/70:hover {
    border-color: rgb(var(--ui-neutral-500) / .7)
}

html .tailwind-area .hover\:border-neutral-500\/75:hover {
    border-color: rgb(var(--ui-neutral-500) / .75)
}

html .tailwind-area .hover\:border-neutral-500\/80:hover {
    border-color: rgb(var(--ui-neutral-500) / .8)
}

html .tailwind-area .hover\:border-neutral-500\/85:hover {
    border-color: rgb(var(--ui-neutral-500) / .85)
}

html .tailwind-area .hover\:border-neutral-500\/90:hover {
    border-color: rgb(var(--ui-neutral-500) / .9)
}

html .tailwind-area .hover\:border-neutral-500\/95:hover {
    border-color: rgb(var(--ui-neutral-500) / .95)
}

html .tailwind-area .hover\:border-neutral-600:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-neutral-600) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-neutral-600\/0:hover {
    border-color: rgb(var(--ui-neutral-600) / 0)
}

html .tailwind-area .hover\:border-neutral-600\/10:hover {
    border-color: rgb(var(--ui-neutral-600) / .1)
}

html .tailwind-area .hover\:border-neutral-600\/100:hover {
    border-color: rgb(var(--ui-neutral-600) / 1)
}

html .tailwind-area .hover\:border-neutral-600\/15:hover {
    border-color: rgb(var(--ui-neutral-600) / .15)
}

html .tailwind-area .hover\:border-neutral-600\/20:hover {
    border-color: rgb(var(--ui-neutral-600) / .2)
}

html .tailwind-area .hover\:border-neutral-600\/25:hover {
    border-color: rgb(var(--ui-neutral-600) / .25)
}

html .tailwind-area .hover\:border-neutral-600\/30:hover {
    border-color: rgb(var(--ui-neutral-600) / .3)
}

html .tailwind-area .hover\:border-neutral-600\/35:hover {
    border-color: rgb(var(--ui-neutral-600) / .35)
}

html .tailwind-area .hover\:border-neutral-600\/40:hover {
    border-color: rgb(var(--ui-neutral-600) / .4)
}

html .tailwind-area .hover\:border-neutral-600\/45:hover {
    border-color: rgb(var(--ui-neutral-600) / .45)
}

html .tailwind-area .hover\:border-neutral-600\/5:hover {
    border-color: rgb(var(--ui-neutral-600) / .05)
}

html .tailwind-area .hover\:border-neutral-600\/50:hover {
    border-color: rgb(var(--ui-neutral-600) / .5)
}

html .tailwind-area .hover\:border-neutral-600\/55:hover {
    border-color: rgb(var(--ui-neutral-600) / .55)
}

html .tailwind-area .hover\:border-neutral-600\/60:hover {
    border-color: rgb(var(--ui-neutral-600) / .6)
}

html .tailwind-area .hover\:border-neutral-600\/65:hover {
    border-color: rgb(var(--ui-neutral-600) / .65)
}

html .tailwind-area .hover\:border-neutral-600\/70:hover {
    border-color: rgb(var(--ui-neutral-600) / .7)
}

html .tailwind-area .hover\:border-neutral-600\/75:hover {
    border-color: rgb(var(--ui-neutral-600) / .75)
}

html .tailwind-area .hover\:border-neutral-600\/80:hover {
    border-color: rgb(var(--ui-neutral-600) / .8)
}

html .tailwind-area .hover\:border-neutral-600\/85:hover {
    border-color: rgb(var(--ui-neutral-600) / .85)
}

html .tailwind-area .hover\:border-neutral-600\/90:hover {
    border-color: rgb(var(--ui-neutral-600) / .9)
}

html .tailwind-area .hover\:border-neutral-600\/95:hover {
    border-color: rgb(var(--ui-neutral-600) / .95)
}

html .tailwind-area .hover\:border-neutral-700:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-neutral-700) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-neutral-700\/0:hover {
    border-color: rgb(var(--ui-neutral-700) / 0)
}

html .tailwind-area .hover\:border-neutral-700\/10:hover {
    border-color: rgb(var(--ui-neutral-700) / .1)
}

html .tailwind-area .hover\:border-neutral-700\/100:hover {
    border-color: rgb(var(--ui-neutral-700) / 1)
}

html .tailwind-area .hover\:border-neutral-700\/15:hover {
    border-color: rgb(var(--ui-neutral-700) / .15)
}

html .tailwind-area .hover\:border-neutral-700\/20:hover {
    border-color: rgb(var(--ui-neutral-700) / .2)
}

html .tailwind-area .hover\:border-neutral-700\/25:hover {
    border-color: rgb(var(--ui-neutral-700) / .25)
}

html .tailwind-area .hover\:border-neutral-700\/30:hover {
    border-color: rgb(var(--ui-neutral-700) / .3)
}

html .tailwind-area .hover\:border-neutral-700\/35:hover {
    border-color: rgb(var(--ui-neutral-700) / .35)
}

html .tailwind-area .hover\:border-neutral-700\/40:hover {
    border-color: rgb(var(--ui-neutral-700) / .4)
}

html .tailwind-area .hover\:border-neutral-700\/45:hover {
    border-color: rgb(var(--ui-neutral-700) / .45)
}

html .tailwind-area .hover\:border-neutral-700\/5:hover {
    border-color: rgb(var(--ui-neutral-700) / .05)
}

html .tailwind-area .hover\:border-neutral-700\/50:hover {
    border-color: rgb(var(--ui-neutral-700) / .5)
}

html .tailwind-area .hover\:border-neutral-700\/55:hover {
    border-color: rgb(var(--ui-neutral-700) / .55)
}

html .tailwind-area .hover\:border-neutral-700\/60:hover {
    border-color: rgb(var(--ui-neutral-700) / .6)
}

html .tailwind-area .hover\:border-neutral-700\/65:hover {
    border-color: rgb(var(--ui-neutral-700) / .65)
}

html .tailwind-area .hover\:border-neutral-700\/70:hover {
    border-color: rgb(var(--ui-neutral-700) / .7)
}

html .tailwind-area .hover\:border-neutral-700\/75:hover {
    border-color: rgb(var(--ui-neutral-700) / .75)
}

html .tailwind-area .hover\:border-neutral-700\/80:hover {
    border-color: rgb(var(--ui-neutral-700) / .8)
}

html .tailwind-area .hover\:border-neutral-700\/85:hover {
    border-color: rgb(var(--ui-neutral-700) / .85)
}

html .tailwind-area .hover\:border-neutral-700\/90:hover {
    border-color: rgb(var(--ui-neutral-700) / .9)
}

html .tailwind-area .hover\:border-neutral-700\/95:hover {
    border-color: rgb(var(--ui-neutral-700) / .95)
}

html .tailwind-area .hover\:border-neutral-800:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-neutral-800) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-neutral-800\/0:hover {
    border-color: rgb(var(--ui-neutral-800) / 0)
}

html .tailwind-area .hover\:border-neutral-800\/10:hover {
    border-color: rgb(var(--ui-neutral-800) / .1)
}

html .tailwind-area .hover\:border-neutral-800\/100:hover {
    border-color: rgb(var(--ui-neutral-800) / 1)
}

html .tailwind-area .hover\:border-neutral-800\/15:hover {
    border-color: rgb(var(--ui-neutral-800) / .15)
}

html .tailwind-area .hover\:border-neutral-800\/20:hover {
    border-color: rgb(var(--ui-neutral-800) / .2)
}

html .tailwind-area .hover\:border-neutral-800\/25:hover {
    border-color: rgb(var(--ui-neutral-800) / .25)
}

html .tailwind-area .hover\:border-neutral-800\/30:hover {
    border-color: rgb(var(--ui-neutral-800) / .3)
}

html .tailwind-area .hover\:border-neutral-800\/35:hover {
    border-color: rgb(var(--ui-neutral-800) / .35)
}

html .tailwind-area .hover\:border-neutral-800\/40:hover {
    border-color: rgb(var(--ui-neutral-800) / .4)
}

html .tailwind-area .hover\:border-neutral-800\/45:hover {
    border-color: rgb(var(--ui-neutral-800) / .45)
}

html .tailwind-area .hover\:border-neutral-800\/5:hover {
    border-color: rgb(var(--ui-neutral-800) / .05)
}

html .tailwind-area .hover\:border-neutral-800\/50:hover {
    border-color: rgb(var(--ui-neutral-800) / .5)
}

html .tailwind-area .hover\:border-neutral-800\/55:hover {
    border-color: rgb(var(--ui-neutral-800) / .55)
}

html .tailwind-area .hover\:border-neutral-800\/60:hover {
    border-color: rgb(var(--ui-neutral-800) / .6)
}

html .tailwind-area .hover\:border-neutral-800\/65:hover {
    border-color: rgb(var(--ui-neutral-800) / .65)
}

html .tailwind-area .hover\:border-neutral-800\/70:hover {
    border-color: rgb(var(--ui-neutral-800) / .7)
}

html .tailwind-area .hover\:border-neutral-800\/75:hover {
    border-color: rgb(var(--ui-neutral-800) / .75)
}

html .tailwind-area .hover\:border-neutral-800\/80:hover {
    border-color: rgb(var(--ui-neutral-800) / .8)
}

html .tailwind-area .hover\:border-neutral-800\/85:hover {
    border-color: rgb(var(--ui-neutral-800) / .85)
}

html .tailwind-area .hover\:border-neutral-800\/90:hover {
    border-color: rgb(var(--ui-neutral-800) / .9)
}

html .tailwind-area .hover\:border-neutral-800\/95:hover {
    border-color: rgb(var(--ui-neutral-800) / .95)
}

html .tailwind-area .hover\:border-neutral-900:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-neutral-900) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-neutral-900\/0:hover {
    border-color: rgb(var(--ui-neutral-900) / 0)
}

html .tailwind-area .hover\:border-neutral-900\/10:hover {
    border-color: rgb(var(--ui-neutral-900) / .1)
}

html .tailwind-area .hover\:border-neutral-900\/100:hover {
    border-color: rgb(var(--ui-neutral-900) / 1)
}

html .tailwind-area .hover\:border-neutral-900\/15:hover {
    border-color: rgb(var(--ui-neutral-900) / .15)
}

html .tailwind-area .hover\:border-neutral-900\/20:hover {
    border-color: rgb(var(--ui-neutral-900) / .2)
}

html .tailwind-area .hover\:border-neutral-900\/25:hover {
    border-color: rgb(var(--ui-neutral-900) / .25)
}

html .tailwind-area .hover\:border-neutral-900\/30:hover {
    border-color: rgb(var(--ui-neutral-900) / .3)
}

html .tailwind-area .hover\:border-neutral-900\/35:hover {
    border-color: rgb(var(--ui-neutral-900) / .35)
}

html .tailwind-area .hover\:border-neutral-900\/40:hover {
    border-color: rgb(var(--ui-neutral-900) / .4)
}

html .tailwind-area .hover\:border-neutral-900\/45:hover {
    border-color: rgb(var(--ui-neutral-900) / .45)
}

html .tailwind-area .hover\:border-neutral-900\/5:hover {
    border-color: rgb(var(--ui-neutral-900) / .05)
}

html .tailwind-area .hover\:border-neutral-900\/50:hover {
    border-color: rgb(var(--ui-neutral-900) / .5)
}

html .tailwind-area .hover\:border-neutral-900\/55:hover {
    border-color: rgb(var(--ui-neutral-900) / .55)
}

html .tailwind-area .hover\:border-neutral-900\/60:hover {
    border-color: rgb(var(--ui-neutral-900) / .6)
}

html .tailwind-area .hover\:border-neutral-900\/65:hover {
    border-color: rgb(var(--ui-neutral-900) / .65)
}

html .tailwind-area .hover\:border-neutral-900\/70:hover {
    border-color: rgb(var(--ui-neutral-900) / .7)
}

html .tailwind-area .hover\:border-neutral-900\/75:hover {
    border-color: rgb(var(--ui-neutral-900) / .75)
}

html .tailwind-area .hover\:border-neutral-900\/80:hover {
    border-color: rgb(var(--ui-neutral-900) / .8)
}

html .tailwind-area .hover\:border-neutral-900\/85:hover {
    border-color: rgb(var(--ui-neutral-900) / .85)
}

html .tailwind-area .hover\:border-neutral-900\/90:hover {
    border-color: rgb(var(--ui-neutral-900) / .9)
}

html .tailwind-area .hover\:border-neutral-900\/95:hover {
    border-color: rgb(var(--ui-neutral-900) / .95)
}

html .tailwind-area .hover\:border-neutral-950:hover {
    --tw-border-opacity: 1;
    border-color: rgb(10 10 10 / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-neutral-950\/0:hover {
    border-color: #0a0a0a00
}

html .tailwind-area .hover\:border-neutral-950\/10:hover {
    border-color: #0a0a0a1a
}

html .tailwind-area .hover\:border-neutral-950\/100:hover {
    border-color: #0a0a0a
}

html .tailwind-area .hover\:border-neutral-950\/15:hover {
    border-color: #0a0a0a26
}

html .tailwind-area .hover\:border-neutral-950\/20:hover {
    border-color: #0a0a0a33
}

html .tailwind-area .hover\:border-neutral-950\/25:hover {
    border-color: #0a0a0a40
}

html .tailwind-area .hover\:border-neutral-950\/30:hover {
    border-color: #0a0a0a4d
}

html .tailwind-area .hover\:border-neutral-950\/35:hover {
    border-color: #0a0a0a59
}

html .tailwind-area .hover\:border-neutral-950\/40:hover {
    border-color: #0a0a0a66
}

html .tailwind-area .hover\:border-neutral-950\/45:hover {
    border-color: #0a0a0a73
}

html .tailwind-area .hover\:border-neutral-950\/5:hover {
    border-color: #0a0a0a0d
}

html .tailwind-area .hover\:border-neutral-950\/50:hover {
    border-color: #0a0a0a80
}

html .tailwind-area .hover\:border-neutral-950\/55:hover {
    border-color: #0a0a0a8c
}

html .tailwind-area .hover\:border-neutral-950\/60:hover {
    border-color: #0a0a0a99
}

html .tailwind-area .hover\:border-neutral-950\/65:hover {
    border-color: #0a0a0aa6
}

html .tailwind-area .hover\:border-neutral-950\/70:hover {
    border-color: #0a0a0ab3
}

html .tailwind-area .hover\:border-neutral-950\/75:hover {
    border-color: #0a0a0abf
}

html .tailwind-area .hover\:border-neutral-950\/80:hover {
    border-color: #0a0a0acc
}

html .tailwind-area .hover\:border-neutral-950\/85:hover {
    border-color: #0a0a0ad9
}

html .tailwind-area .hover\:border-neutral-950\/90:hover {
    border-color: #0a0a0ae6
}

html .tailwind-area .hover\:border-neutral-950\/95:hover {
    border-color: #0a0a0af2
}

html .tailwind-area .hover\:border-primary-100:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-primary-100) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-primary-100\/0:hover {
    border-color: rgb(var(--ui-primary-100) / 0)
}

html .tailwind-area .hover\:border-primary-100\/10:hover {
    border-color: rgb(var(--ui-primary-100) / .1)
}

html .tailwind-area .hover\:border-primary-100\/100:hover {
    border-color: rgb(var(--ui-primary-100) / 1)
}

html .tailwind-area .hover\:border-primary-100\/15:hover {
    border-color: rgb(var(--ui-primary-100) / .15)
}

html .tailwind-area .hover\:border-primary-100\/20:hover {
    border-color: rgb(var(--ui-primary-100) / .2)
}

html .tailwind-area .hover\:border-primary-100\/25:hover {
    border-color: rgb(var(--ui-primary-100) / .25)
}

html .tailwind-area .hover\:border-primary-100\/30:hover {
    border-color: rgb(var(--ui-primary-100) / .3)
}

html .tailwind-area .hover\:border-primary-100\/35:hover {
    border-color: rgb(var(--ui-primary-100) / .35)
}

html .tailwind-area .hover\:border-primary-100\/40:hover {
    border-color: rgb(var(--ui-primary-100) / .4)
}

html .tailwind-area .hover\:border-primary-100\/45:hover {
    border-color: rgb(var(--ui-primary-100) / .45)
}

html .tailwind-area .hover\:border-primary-100\/5:hover {
    border-color: rgb(var(--ui-primary-100) / .05)
}

html .tailwind-area .hover\:border-primary-100\/50:hover {
    border-color: rgb(var(--ui-primary-100) / .5)
}

html .tailwind-area .hover\:border-primary-100\/55:hover {
    border-color: rgb(var(--ui-primary-100) / .55)
}

html .tailwind-area .hover\:border-primary-100\/60:hover {
    border-color: rgb(var(--ui-primary-100) / .6)
}

html .tailwind-area .hover\:border-primary-100\/65:hover {
    border-color: rgb(var(--ui-primary-100) / .65)
}

html .tailwind-area .hover\:border-primary-100\/70:hover {
    border-color: rgb(var(--ui-primary-100) / .7)
}

html .tailwind-area .hover\:border-primary-100\/75:hover {
    border-color: rgb(var(--ui-primary-100) / .75)
}

html .tailwind-area .hover\:border-primary-100\/80:hover {
    border-color: rgb(var(--ui-primary-100) / .8)
}

html .tailwind-area .hover\:border-primary-100\/85:hover {
    border-color: rgb(var(--ui-primary-100) / .85)
}

html .tailwind-area .hover\:border-primary-100\/90:hover {
    border-color: rgb(var(--ui-primary-100) / .9)
}

html .tailwind-area .hover\:border-primary-100\/95:hover {
    border-color: rgb(var(--ui-primary-100) / .95)
}

html .tailwind-area .hover\:border-primary-200:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-primary-200) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-primary-200\/0:hover {
    border-color: rgb(var(--ui-primary-200) / 0)
}

html .tailwind-area .hover\:border-primary-200\/10:hover {
    border-color: rgb(var(--ui-primary-200) / .1)
}

html .tailwind-area .hover\:border-primary-200\/100:hover {
    border-color: rgb(var(--ui-primary-200) / 1)
}

html .tailwind-area .hover\:border-primary-200\/15:hover {
    border-color: rgb(var(--ui-primary-200) / .15)
}

html .tailwind-area .hover\:border-primary-200\/20:hover {
    border-color: rgb(var(--ui-primary-200) / .2)
}

html .tailwind-area .hover\:border-primary-200\/25:hover {
    border-color: rgb(var(--ui-primary-200) / .25)
}

html .tailwind-area .hover\:border-primary-200\/30:hover {
    border-color: rgb(var(--ui-primary-200) / .3)
}

html .tailwind-area .hover\:border-primary-200\/35:hover {
    border-color: rgb(var(--ui-primary-200) / .35)
}

html .tailwind-area .hover\:border-primary-200\/40:hover {
    border-color: rgb(var(--ui-primary-200) / .4)
}

html .tailwind-area .hover\:border-primary-200\/45:hover {
    border-color: rgb(var(--ui-primary-200) / .45)
}

html .tailwind-area .hover\:border-primary-200\/5:hover {
    border-color: rgb(var(--ui-primary-200) / .05)
}

html .tailwind-area .hover\:border-primary-200\/50:hover {
    border-color: rgb(var(--ui-primary-200) / .5)
}

html .tailwind-area .hover\:border-primary-200\/55:hover {
    border-color: rgb(var(--ui-primary-200) / .55)
}

html .tailwind-area .hover\:border-primary-200\/60:hover {
    border-color: rgb(var(--ui-primary-200) / .6)
}

html .tailwind-area .hover\:border-primary-200\/65:hover {
    border-color: rgb(var(--ui-primary-200) / .65)
}

html .tailwind-area .hover\:border-primary-200\/70:hover {
    border-color: rgb(var(--ui-primary-200) / .7)
}

html .tailwind-area .hover\:border-primary-200\/75:hover {
    border-color: rgb(var(--ui-primary-200) / .75)
}

html .tailwind-area .hover\:border-primary-200\/80:hover {
    border-color: rgb(var(--ui-primary-200) / .8)
}

html .tailwind-area .hover\:border-primary-200\/85:hover {
    border-color: rgb(var(--ui-primary-200) / .85)
}

html .tailwind-area .hover\:border-primary-200\/90:hover {
    border-color: rgb(var(--ui-primary-200) / .9)
}

html .tailwind-area .hover\:border-primary-200\/95:hover {
    border-color: rgb(var(--ui-primary-200) / .95)
}

html .tailwind-area .hover\:border-primary-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-primary-300) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-primary-300\/0:hover {
    border-color: rgb(var(--ui-primary-300) / 0)
}

html .tailwind-area .hover\:border-primary-300\/10:hover {
    border-color: rgb(var(--ui-primary-300) / .1)
}

html .tailwind-area .hover\:border-primary-300\/100:hover {
    border-color: rgb(var(--ui-primary-300) / 1)
}

html .tailwind-area .hover\:border-primary-300\/15:hover {
    border-color: rgb(var(--ui-primary-300) / .15)
}

html .tailwind-area .hover\:border-primary-300\/20:hover {
    border-color: rgb(var(--ui-primary-300) / .2)
}

html .tailwind-area .hover\:border-primary-300\/25:hover {
    border-color: rgb(var(--ui-primary-300) / .25)
}

html .tailwind-area .hover\:border-primary-300\/30:hover {
    border-color: rgb(var(--ui-primary-300) / .3)
}

html .tailwind-area .hover\:border-primary-300\/35:hover {
    border-color: rgb(var(--ui-primary-300) / .35)
}

html .tailwind-area .hover\:border-primary-300\/40:hover {
    border-color: rgb(var(--ui-primary-300) / .4)
}

html .tailwind-area .hover\:border-primary-300\/45:hover {
    border-color: rgb(var(--ui-primary-300) / .45)
}

html .tailwind-area .hover\:border-primary-300\/5:hover {
    border-color: rgb(var(--ui-primary-300) / .05)
}

html .tailwind-area .hover\:border-primary-300\/50:hover {
    border-color: rgb(var(--ui-primary-300) / .5)
}

html .tailwind-area .hover\:border-primary-300\/55:hover {
    border-color: rgb(var(--ui-primary-300) / .55)
}

html .tailwind-area .hover\:border-primary-300\/60:hover {
    border-color: rgb(var(--ui-primary-300) / .6)
}

html .tailwind-area .hover\:border-primary-300\/65:hover {
    border-color: rgb(var(--ui-primary-300) / .65)
}

html .tailwind-area .hover\:border-primary-300\/70:hover {
    border-color: rgb(var(--ui-primary-300) / .7)
}

html .tailwind-area .hover\:border-primary-300\/75:hover {
    border-color: rgb(var(--ui-primary-300) / .75)
}

html .tailwind-area .hover\:border-primary-300\/80:hover {
    border-color: rgb(var(--ui-primary-300) / .8)
}

html .tailwind-area .hover\:border-primary-300\/85:hover {
    border-color: rgb(var(--ui-primary-300) / .85)
}

html .tailwind-area .hover\:border-primary-300\/90:hover {
    border-color: rgb(var(--ui-primary-300) / .9)
}

html .tailwind-area .hover\:border-primary-300\/95:hover {
    border-color: rgb(var(--ui-primary-300) / .95)
}

html .tailwind-area .hover\:border-primary-400:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-primary-400) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-primary-400\/0:hover {
    border-color: rgb(var(--ui-primary-400) / 0)
}

html .tailwind-area .hover\:border-primary-400\/10:hover {
    border-color: rgb(var(--ui-primary-400) / .1)
}

html .tailwind-area .hover\:border-primary-400\/100:hover {
    border-color: rgb(var(--ui-primary-400) / 1)
}

html .tailwind-area .hover\:border-primary-400\/15:hover {
    border-color: rgb(var(--ui-primary-400) / .15)
}

html .tailwind-area .hover\:border-primary-400\/20:hover {
    border-color: rgb(var(--ui-primary-400) / .2)
}

html .tailwind-area .hover\:border-primary-400\/25:hover {
    border-color: rgb(var(--ui-primary-400) / .25)
}

html .tailwind-area .hover\:border-primary-400\/30:hover {
    border-color: rgb(var(--ui-primary-400) / .3)
}

html .tailwind-area .hover\:border-primary-400\/35:hover {
    border-color: rgb(var(--ui-primary-400) / .35)
}

html .tailwind-area .hover\:border-primary-400\/40:hover {
    border-color: rgb(var(--ui-primary-400) / .4)
}

html .tailwind-area .hover\:border-primary-400\/45:hover {
    border-color: rgb(var(--ui-primary-400) / .45)
}

html .tailwind-area .hover\:border-primary-400\/5:hover {
    border-color: rgb(var(--ui-primary-400) / .05)
}

html .tailwind-area .hover\:border-primary-400\/50:hover {
    border-color: rgb(var(--ui-primary-400) / .5)
}

html .tailwind-area .hover\:border-primary-400\/55:hover {
    border-color: rgb(var(--ui-primary-400) / .55)
}

html .tailwind-area .hover\:border-primary-400\/60:hover {
    border-color: rgb(var(--ui-primary-400) / .6)
}

html .tailwind-area .hover\:border-primary-400\/65:hover {
    border-color: rgb(var(--ui-primary-400) / .65)
}

html .tailwind-area .hover\:border-primary-400\/70:hover {
    border-color: rgb(var(--ui-primary-400) / .7)
}

html .tailwind-area .hover\:border-primary-400\/75:hover {
    border-color: rgb(var(--ui-primary-400) / .75)
}

html .tailwind-area .hover\:border-primary-400\/80:hover {
    border-color: rgb(var(--ui-primary-400) / .8)
}

html .tailwind-area .hover\:border-primary-400\/85:hover {
    border-color: rgb(var(--ui-primary-400) / .85)
}

html .tailwind-area .hover\:border-primary-400\/90:hover {
    border-color: rgb(var(--ui-primary-400) / .9)
}

html .tailwind-area .hover\:border-primary-400\/95:hover {
    border-color: rgb(var(--ui-primary-400) / .95)
}

html .tailwind-area .hover\:border-primary-50:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-primary-50) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-primary-50\/0:hover {
    border-color: rgb(var(--ui-primary-50) / 0)
}

html .tailwind-area .hover\:border-primary-50\/10:hover {
    border-color: rgb(var(--ui-primary-50) / .1)
}

html .tailwind-area .hover\:border-primary-50\/100:hover {
    border-color: rgb(var(--ui-primary-50) / 1)
}

html .tailwind-area .hover\:border-primary-50\/15:hover {
    border-color: rgb(var(--ui-primary-50) / .15)
}

html .tailwind-area .hover\:border-primary-50\/20:hover {
    border-color: rgb(var(--ui-primary-50) / .2)
}

html .tailwind-area .hover\:border-primary-50\/25:hover {
    border-color: rgb(var(--ui-primary-50) / .25)
}

html .tailwind-area .hover\:border-primary-50\/30:hover {
    border-color: rgb(var(--ui-primary-50) / .3)
}

html .tailwind-area .hover\:border-primary-50\/35:hover {
    border-color: rgb(var(--ui-primary-50) / .35)
}

html .tailwind-area .hover\:border-primary-50\/40:hover {
    border-color: rgb(var(--ui-primary-50) / .4)
}

html .tailwind-area .hover\:border-primary-50\/45:hover {
    border-color: rgb(var(--ui-primary-50) / .45)
}

html .tailwind-area .hover\:border-primary-50\/5:hover {
    border-color: rgb(var(--ui-primary-50) / .05)
}

html .tailwind-area .hover\:border-primary-50\/50:hover {
    border-color: rgb(var(--ui-primary-50) / .5)
}

html .tailwind-area .hover\:border-primary-50\/55:hover {
    border-color: rgb(var(--ui-primary-50) / .55)
}

html .tailwind-area .hover\:border-primary-50\/60:hover {
    border-color: rgb(var(--ui-primary-50) / .6)
}

html .tailwind-area .hover\:border-primary-50\/65:hover {
    border-color: rgb(var(--ui-primary-50) / .65)
}

html .tailwind-area .hover\:border-primary-50\/70:hover {
    border-color: rgb(var(--ui-primary-50) / .7)
}

html .tailwind-area .hover\:border-primary-50\/75:hover {
    border-color: rgb(var(--ui-primary-50) / .75)
}

html .tailwind-area .hover\:border-primary-50\/80:hover {
    border-color: rgb(var(--ui-primary-50) / .8)
}

html .tailwind-area .hover\:border-primary-50\/85:hover {
    border-color: rgb(var(--ui-primary-50) / .85)
}

html .tailwind-area .hover\:border-primary-50\/90:hover {
    border-color: rgb(var(--ui-primary-50) / .9)
}

html .tailwind-area .hover\:border-primary-50\/95:hover {
    border-color: rgb(var(--ui-primary-50) / .95)
}

html .tailwind-area .hover\:border-primary-500:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-primary-500) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-primary-500\/0:hover {
    border-color: rgb(var(--ui-primary-500) / 0)
}

html .tailwind-area .hover\:border-primary-500\/10:hover {
    border-color: rgb(var(--ui-primary-500) / .1)
}

html .tailwind-area .hover\:border-primary-500\/100:hover {
    border-color: rgb(var(--ui-primary-500) / 1)
}

html .tailwind-area .hover\:border-primary-500\/15:hover {
    border-color: rgb(var(--ui-primary-500) / .15)
}

html .tailwind-area .hover\:border-primary-500\/20:hover {
    border-color: rgb(var(--ui-primary-500) / .2)
}

html .tailwind-area .hover\:border-primary-500\/25:hover {
    border-color: rgb(var(--ui-primary-500) / .25)
}

html .tailwind-area .hover\:border-primary-500\/30:hover {
    border-color: rgb(var(--ui-primary-500) / .3)
}

html .tailwind-area .hover\:border-primary-500\/35:hover {
    border-color: rgb(var(--ui-primary-500) / .35)
}

html .tailwind-area .hover\:border-primary-500\/40:hover {
    border-color: rgb(var(--ui-primary-500) / .4)
}

html .tailwind-area .hover\:border-primary-500\/45:hover {
    border-color: rgb(var(--ui-primary-500) / .45)
}

html .tailwind-area .hover\:border-primary-500\/5:hover {
    border-color: rgb(var(--ui-primary-500) / .05)
}

html .tailwind-area .hover\:border-primary-500\/50:hover {
    border-color: rgb(var(--ui-primary-500) / .5)
}

html .tailwind-area .hover\:border-primary-500\/55:hover {
    border-color: rgb(var(--ui-primary-500) / .55)
}

html .tailwind-area .hover\:border-primary-500\/60:hover {
    border-color: rgb(var(--ui-primary-500) / .6)
}

html .tailwind-area .hover\:border-primary-500\/65:hover {
    border-color: rgb(var(--ui-primary-500) / .65)
}

html .tailwind-area .hover\:border-primary-500\/70:hover {
    border-color: rgb(var(--ui-primary-500) / .7)
}

html .tailwind-area .hover\:border-primary-500\/75:hover {
    border-color: rgb(var(--ui-primary-500) / .75)
}

html .tailwind-area .hover\:border-primary-500\/80:hover {
    border-color: rgb(var(--ui-primary-500) / .8)
}

html .tailwind-area .hover\:border-primary-500\/85:hover {
    border-color: rgb(var(--ui-primary-500) / .85)
}

html .tailwind-area .hover\:border-primary-500\/90:hover {
    border-color: rgb(var(--ui-primary-500) / .9)
}

html .tailwind-area .hover\:border-primary-500\/95:hover {
    border-color: rgb(var(--ui-primary-500) / .95)
}

html .tailwind-area .hover\:border-primary-600:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-primary-600) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-primary-600\/0:hover {
    border-color: rgb(var(--ui-primary-600) / 0)
}

html .tailwind-area .hover\:border-primary-600\/10:hover {
    border-color: rgb(var(--ui-primary-600) / .1)
}

html .tailwind-area .hover\:border-primary-600\/100:hover {
    border-color: rgb(var(--ui-primary-600) / 1)
}

html .tailwind-area .hover\:border-primary-600\/15:hover {
    border-color: rgb(var(--ui-primary-600) / .15)
}

html .tailwind-area .hover\:border-primary-600\/20:hover {
    border-color: rgb(var(--ui-primary-600) / .2)
}

html .tailwind-area .hover\:border-primary-600\/25:hover {
    border-color: rgb(var(--ui-primary-600) / .25)
}

html .tailwind-area .hover\:border-primary-600\/30:hover {
    border-color: rgb(var(--ui-primary-600) / .3)
}

html .tailwind-area .hover\:border-primary-600\/35:hover {
    border-color: rgb(var(--ui-primary-600) / .35)
}

html .tailwind-area .hover\:border-primary-600\/40:hover {
    border-color: rgb(var(--ui-primary-600) / .4)
}

html .tailwind-area .hover\:border-primary-600\/45:hover {
    border-color: rgb(var(--ui-primary-600) / .45)
}

html .tailwind-area .hover\:border-primary-600\/5:hover {
    border-color: rgb(var(--ui-primary-600) / .05)
}

html .tailwind-area .hover\:border-primary-600\/50:hover {
    border-color: rgb(var(--ui-primary-600) / .5)
}

html .tailwind-area .hover\:border-primary-600\/55:hover {
    border-color: rgb(var(--ui-primary-600) / .55)
}

html .tailwind-area .hover\:border-primary-600\/60:hover {
    border-color: rgb(var(--ui-primary-600) / .6)
}

html .tailwind-area .hover\:border-primary-600\/65:hover {
    border-color: rgb(var(--ui-primary-600) / .65)
}

html .tailwind-area .hover\:border-primary-600\/70:hover {
    border-color: rgb(var(--ui-primary-600) / .7)
}

html .tailwind-area .hover\:border-primary-600\/75:hover {
    border-color: rgb(var(--ui-primary-600) / .75)
}

html .tailwind-area .hover\:border-primary-600\/80:hover {
    border-color: rgb(var(--ui-primary-600) / .8)
}

html .tailwind-area .hover\:border-primary-600\/85:hover {
    border-color: rgb(var(--ui-primary-600) / .85)
}

html .tailwind-area .hover\:border-primary-600\/90:hover {
    border-color: rgb(var(--ui-primary-600) / .9)
}

html .tailwind-area .hover\:border-primary-600\/95:hover {
    border-color: rgb(var(--ui-primary-600) / .95)
}

html .tailwind-area .hover\:border-primary-700:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-primary-700) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-primary-700\/0:hover {
    border-color: rgb(var(--ui-primary-700) / 0)
}

html .tailwind-area .hover\:border-primary-700\/10:hover {
    border-color: rgb(var(--ui-primary-700) / .1)
}

html .tailwind-area .hover\:border-primary-700\/100:hover {
    border-color: rgb(var(--ui-primary-700) / 1)
}

html .tailwind-area .hover\:border-primary-700\/15:hover {
    border-color: rgb(var(--ui-primary-700) / .15)
}

html .tailwind-area .hover\:border-primary-700\/20:hover {
    border-color: rgb(var(--ui-primary-700) / .2)
}

html .tailwind-area .hover\:border-primary-700\/25:hover {
    border-color: rgb(var(--ui-primary-700) / .25)
}

html .tailwind-area .hover\:border-primary-700\/30:hover {
    border-color: rgb(var(--ui-primary-700) / .3)
}

html .tailwind-area .hover\:border-primary-700\/35:hover {
    border-color: rgb(var(--ui-primary-700) / .35)
}

html .tailwind-area .hover\:border-primary-700\/40:hover {
    border-color: rgb(var(--ui-primary-700) / .4)
}

html .tailwind-area .hover\:border-primary-700\/45:hover {
    border-color: rgb(var(--ui-primary-700) / .45)
}

html .tailwind-area .hover\:border-primary-700\/5:hover {
    border-color: rgb(var(--ui-primary-700) / .05)
}

html .tailwind-area .hover\:border-primary-700\/50:hover {
    border-color: rgb(var(--ui-primary-700) / .5)
}

html .tailwind-area .hover\:border-primary-700\/55:hover {
    border-color: rgb(var(--ui-primary-700) / .55)
}

html .tailwind-area .hover\:border-primary-700\/60:hover {
    border-color: rgb(var(--ui-primary-700) / .6)
}

html .tailwind-area .hover\:border-primary-700\/65:hover {
    border-color: rgb(var(--ui-primary-700) / .65)
}

html .tailwind-area .hover\:border-primary-700\/70:hover {
    border-color: rgb(var(--ui-primary-700) / .7)
}

html .tailwind-area .hover\:border-primary-700\/75:hover {
    border-color: rgb(var(--ui-primary-700) / .75)
}

html .tailwind-area .hover\:border-primary-700\/80:hover {
    border-color: rgb(var(--ui-primary-700) / .8)
}

html .tailwind-area .hover\:border-primary-700\/85:hover {
    border-color: rgb(var(--ui-primary-700) / .85)
}

html .tailwind-area .hover\:border-primary-700\/90:hover {
    border-color: rgb(var(--ui-primary-700) / .9)
}

html .tailwind-area .hover\:border-primary-700\/95:hover {
    border-color: rgb(var(--ui-primary-700) / .95)
}

html .tailwind-area .hover\:border-primary-800:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-primary-800) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-primary-800\/0:hover {
    border-color: rgb(var(--ui-primary-800) / 0)
}

html .tailwind-area .hover\:border-primary-800\/10:hover {
    border-color: rgb(var(--ui-primary-800) / .1)
}

html .tailwind-area .hover\:border-primary-800\/100:hover {
    border-color: rgb(var(--ui-primary-800) / 1)
}

html .tailwind-area .hover\:border-primary-800\/15:hover {
    border-color: rgb(var(--ui-primary-800) / .15)
}

html .tailwind-area .hover\:border-primary-800\/20:hover {
    border-color: rgb(var(--ui-primary-800) / .2)
}

html .tailwind-area .hover\:border-primary-800\/25:hover {
    border-color: rgb(var(--ui-primary-800) / .25)
}

html .tailwind-area .hover\:border-primary-800\/30:hover {
    border-color: rgb(var(--ui-primary-800) / .3)
}

html .tailwind-area .hover\:border-primary-800\/35:hover {
    border-color: rgb(var(--ui-primary-800) / .35)
}

html .tailwind-area .hover\:border-primary-800\/40:hover {
    border-color: rgb(var(--ui-primary-800) / .4)
}

html .tailwind-area .hover\:border-primary-800\/45:hover {
    border-color: rgb(var(--ui-primary-800) / .45)
}

html .tailwind-area .hover\:border-primary-800\/5:hover {
    border-color: rgb(var(--ui-primary-800) / .05)
}

html .tailwind-area .hover\:border-primary-800\/50:hover {
    border-color: rgb(var(--ui-primary-800) / .5)
}

html .tailwind-area .hover\:border-primary-800\/55:hover {
    border-color: rgb(var(--ui-primary-800) / .55)
}

html .tailwind-area .hover\:border-primary-800\/60:hover {
    border-color: rgb(var(--ui-primary-800) / .6)
}

html .tailwind-area .hover\:border-primary-800\/65:hover {
    border-color: rgb(var(--ui-primary-800) / .65)
}

html .tailwind-area .hover\:border-primary-800\/70:hover {
    border-color: rgb(var(--ui-primary-800) / .7)
}

html .tailwind-area .hover\:border-primary-800\/75:hover {
    border-color: rgb(var(--ui-primary-800) / .75)
}

html .tailwind-area .hover\:border-primary-800\/80:hover {
    border-color: rgb(var(--ui-primary-800) / .8)
}

html .tailwind-area .hover\:border-primary-800\/85:hover {
    border-color: rgb(var(--ui-primary-800) / .85)
}

html .tailwind-area .hover\:border-primary-800\/90:hover {
    border-color: rgb(var(--ui-primary-800) / .9)
}

html .tailwind-area .hover\:border-primary-800\/95:hover {
    border-color: rgb(var(--ui-primary-800) / .95)
}

html .tailwind-area .hover\:border-primary-900:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-primary-900) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-primary-900\/0:hover {
    border-color: rgb(var(--ui-primary-900) / 0)
}

html .tailwind-area .hover\:border-primary-900\/10:hover {
    border-color: rgb(var(--ui-primary-900) / .1)
}

html .tailwind-area .hover\:border-primary-900\/100:hover {
    border-color: rgb(var(--ui-primary-900) / 1)
}

html .tailwind-area .hover\:border-primary-900\/15:hover {
    border-color: rgb(var(--ui-primary-900) / .15)
}

html .tailwind-area .hover\:border-primary-900\/20:hover {
    border-color: rgb(var(--ui-primary-900) / .2)
}

html .tailwind-area .hover\:border-primary-900\/25:hover {
    border-color: rgb(var(--ui-primary-900) / .25)
}

html .tailwind-area .hover\:border-primary-900\/30:hover {
    border-color: rgb(var(--ui-primary-900) / .3)
}

html .tailwind-area .hover\:border-primary-900\/35:hover {
    border-color: rgb(var(--ui-primary-900) / .35)
}

html .tailwind-area .hover\:border-primary-900\/40:hover {
    border-color: rgb(var(--ui-primary-900) / .4)
}

html .tailwind-area .hover\:border-primary-900\/45:hover {
    border-color: rgb(var(--ui-primary-900) / .45)
}

html .tailwind-area .hover\:border-primary-900\/5:hover {
    border-color: rgb(var(--ui-primary-900) / .05)
}

html .tailwind-area .hover\:border-primary-900\/50:hover {
    border-color: rgb(var(--ui-primary-900) / .5)
}

html .tailwind-area .hover\:border-primary-900\/55:hover {
    border-color: rgb(var(--ui-primary-900) / .55)
}

html .tailwind-area .hover\:border-primary-900\/60:hover {
    border-color: rgb(var(--ui-primary-900) / .6)
}

html .tailwind-area .hover\:border-primary-900\/65:hover {
    border-color: rgb(var(--ui-primary-900) / .65)
}

html .tailwind-area .hover\:border-primary-900\/70:hover {
    border-color: rgb(var(--ui-primary-900) / .7)
}

html .tailwind-area .hover\:border-primary-900\/75:hover {
    border-color: rgb(var(--ui-primary-900) / .75)
}

html .tailwind-area .hover\:border-primary-900\/80:hover {
    border-color: rgb(var(--ui-primary-900) / .8)
}

html .tailwind-area .hover\:border-primary-900\/85:hover {
    border-color: rgb(var(--ui-primary-900) / .85)
}

html .tailwind-area .hover\:border-primary-900\/90:hover {
    border-color: rgb(var(--ui-primary-900) / .9)
}

html .tailwind-area .hover\:border-primary-900\/95:hover {
    border-color: rgb(var(--ui-primary-900) / .95)
}

html .tailwind-area .hover\:border-safe-100:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-safe-100) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-safe-100\/0:hover {
    border-color: rgb(var(--ui-safe-100) / 0)
}

html .tailwind-area .hover\:border-safe-100\/10:hover {
    border-color: rgb(var(--ui-safe-100) / .1)
}

html .tailwind-area .hover\:border-safe-100\/100:hover {
    border-color: rgb(var(--ui-safe-100) / 1)
}

html .tailwind-area .hover\:border-safe-100\/15:hover {
    border-color: rgb(var(--ui-safe-100) / .15)
}

html .tailwind-area .hover\:border-safe-100\/20:hover {
    border-color: rgb(var(--ui-safe-100) / .2)
}

html .tailwind-area .hover\:border-safe-100\/25:hover {
    border-color: rgb(var(--ui-safe-100) / .25)
}

html .tailwind-area .hover\:border-safe-100\/30:hover {
    border-color: rgb(var(--ui-safe-100) / .3)
}

html .tailwind-area .hover\:border-safe-100\/35:hover {
    border-color: rgb(var(--ui-safe-100) / .35)
}

html .tailwind-area .hover\:border-safe-100\/40:hover {
    border-color: rgb(var(--ui-safe-100) / .4)
}

html .tailwind-area .hover\:border-safe-100\/45:hover {
    border-color: rgb(var(--ui-safe-100) / .45)
}

html .tailwind-area .hover\:border-safe-100\/5:hover {
    border-color: rgb(var(--ui-safe-100) / .05)
}

html .tailwind-area .hover\:border-safe-100\/50:hover {
    border-color: rgb(var(--ui-safe-100) / .5)
}

html .tailwind-area .hover\:border-safe-100\/55:hover {
    border-color: rgb(var(--ui-safe-100) / .55)
}

html .tailwind-area .hover\:border-safe-100\/60:hover {
    border-color: rgb(var(--ui-safe-100) / .6)
}

html .tailwind-area .hover\:border-safe-100\/65:hover {
    border-color: rgb(var(--ui-safe-100) / .65)
}

html .tailwind-area .hover\:border-safe-100\/70:hover {
    border-color: rgb(var(--ui-safe-100) / .7)
}

html .tailwind-area .hover\:border-safe-100\/75:hover {
    border-color: rgb(var(--ui-safe-100) / .75)
}

html .tailwind-area .hover\:border-safe-100\/80:hover {
    border-color: rgb(var(--ui-safe-100) / .8)
}

html .tailwind-area .hover\:border-safe-100\/85:hover {
    border-color: rgb(var(--ui-safe-100) / .85)
}

html .tailwind-area .hover\:border-safe-100\/90:hover {
    border-color: rgb(var(--ui-safe-100) / .9)
}

html .tailwind-area .hover\:border-safe-100\/95:hover {
    border-color: rgb(var(--ui-safe-100) / .95)
}

html .tailwind-area .hover\:border-safe-200:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-safe-200) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-safe-200\/0:hover {
    border-color: rgb(var(--ui-safe-200) / 0)
}

html .tailwind-area .hover\:border-safe-200\/10:hover {
    border-color: rgb(var(--ui-safe-200) / .1)
}

html .tailwind-area .hover\:border-safe-200\/100:hover {
    border-color: rgb(var(--ui-safe-200) / 1)
}

html .tailwind-area .hover\:border-safe-200\/15:hover {
    border-color: rgb(var(--ui-safe-200) / .15)
}

html .tailwind-area .hover\:border-safe-200\/20:hover {
    border-color: rgb(var(--ui-safe-200) / .2)
}

html .tailwind-area .hover\:border-safe-200\/25:hover {
    border-color: rgb(var(--ui-safe-200) / .25)
}

html .tailwind-area .hover\:border-safe-200\/30:hover {
    border-color: rgb(var(--ui-safe-200) / .3)
}

html .tailwind-area .hover\:border-safe-200\/35:hover {
    border-color: rgb(var(--ui-safe-200) / .35)
}

html .tailwind-area .hover\:border-safe-200\/40:hover {
    border-color: rgb(var(--ui-safe-200) / .4)
}

html .tailwind-area .hover\:border-safe-200\/45:hover {
    border-color: rgb(var(--ui-safe-200) / .45)
}

html .tailwind-area .hover\:border-safe-200\/5:hover {
    border-color: rgb(var(--ui-safe-200) / .05)
}

html .tailwind-area .hover\:border-safe-200\/50:hover {
    border-color: rgb(var(--ui-safe-200) / .5)
}

html .tailwind-area .hover\:border-safe-200\/55:hover {
    border-color: rgb(var(--ui-safe-200) / .55)
}

html .tailwind-area .hover\:border-safe-200\/60:hover {
    border-color: rgb(var(--ui-safe-200) / .6)
}

html .tailwind-area .hover\:border-safe-200\/65:hover {
    border-color: rgb(var(--ui-safe-200) / .65)
}

html .tailwind-area .hover\:border-safe-200\/70:hover {
    border-color: rgb(var(--ui-safe-200) / .7)
}

html .tailwind-area .hover\:border-safe-200\/75:hover {
    border-color: rgb(var(--ui-safe-200) / .75)
}

html .tailwind-area .hover\:border-safe-200\/80:hover {
    border-color: rgb(var(--ui-safe-200) / .8)
}

html .tailwind-area .hover\:border-safe-200\/85:hover {
    border-color: rgb(var(--ui-safe-200) / .85)
}

html .tailwind-area .hover\:border-safe-200\/90:hover {
    border-color: rgb(var(--ui-safe-200) / .9)
}

html .tailwind-area .hover\:border-safe-200\/95:hover {
    border-color: rgb(var(--ui-safe-200) / .95)
}

html .tailwind-area .hover\:border-safe-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-safe-300) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-safe-300\/0:hover {
    border-color: rgb(var(--ui-safe-300) / 0)
}

html .tailwind-area .hover\:border-safe-300\/10:hover {
    border-color: rgb(var(--ui-safe-300) / .1)
}

html .tailwind-area .hover\:border-safe-300\/100:hover {
    border-color: rgb(var(--ui-safe-300) / 1)
}

html .tailwind-area .hover\:border-safe-300\/15:hover {
    border-color: rgb(var(--ui-safe-300) / .15)
}

html .tailwind-area .hover\:border-safe-300\/20:hover {
    border-color: rgb(var(--ui-safe-300) / .2)
}

html .tailwind-area .hover\:border-safe-300\/25:hover {
    border-color: rgb(var(--ui-safe-300) / .25)
}

html .tailwind-area .hover\:border-safe-300\/30:hover {
    border-color: rgb(var(--ui-safe-300) / .3)
}

html .tailwind-area .hover\:border-safe-300\/35:hover {
    border-color: rgb(var(--ui-safe-300) / .35)
}

html .tailwind-area .hover\:border-safe-300\/40:hover {
    border-color: rgb(var(--ui-safe-300) / .4)
}

html .tailwind-area .hover\:border-safe-300\/45:hover {
    border-color: rgb(var(--ui-safe-300) / .45)
}

html .tailwind-area .hover\:border-safe-300\/5:hover {
    border-color: rgb(var(--ui-safe-300) / .05)
}

html .tailwind-area .hover\:border-safe-300\/50:hover {
    border-color: rgb(var(--ui-safe-300) / .5)
}

html .tailwind-area .hover\:border-safe-300\/55:hover {
    border-color: rgb(var(--ui-safe-300) / .55)
}

html .tailwind-area .hover\:border-safe-300\/60:hover {
    border-color: rgb(var(--ui-safe-300) / .6)
}

html .tailwind-area .hover\:border-safe-300\/65:hover {
    border-color: rgb(var(--ui-safe-300) / .65)
}

html .tailwind-area .hover\:border-safe-300\/70:hover {
    border-color: rgb(var(--ui-safe-300) / .7)
}

html .tailwind-area .hover\:border-safe-300\/75:hover {
    border-color: rgb(var(--ui-safe-300) / .75)
}

html .tailwind-area .hover\:border-safe-300\/80:hover {
    border-color: rgb(var(--ui-safe-300) / .8)
}

html .tailwind-area .hover\:border-safe-300\/85:hover {
    border-color: rgb(var(--ui-safe-300) / .85)
}

html .tailwind-area .hover\:border-safe-300\/90:hover {
    border-color: rgb(var(--ui-safe-300) / .9)
}

html .tailwind-area .hover\:border-safe-300\/95:hover {
    border-color: rgb(var(--ui-safe-300) / .95)
}

html .tailwind-area .hover\:border-safe-400:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-safe-400) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-safe-400\/0:hover {
    border-color: rgb(var(--ui-safe-400) / 0)
}

html .tailwind-area .hover\:border-safe-400\/10:hover {
    border-color: rgb(var(--ui-safe-400) / .1)
}

html .tailwind-area .hover\:border-safe-400\/100:hover {
    border-color: rgb(var(--ui-safe-400) / 1)
}

html .tailwind-area .hover\:border-safe-400\/15:hover {
    border-color: rgb(var(--ui-safe-400) / .15)
}

html .tailwind-area .hover\:border-safe-400\/20:hover {
    border-color: rgb(var(--ui-safe-400) / .2)
}

html .tailwind-area .hover\:border-safe-400\/25:hover {
    border-color: rgb(var(--ui-safe-400) / .25)
}

html .tailwind-area .hover\:border-safe-400\/30:hover {
    border-color: rgb(var(--ui-safe-400) / .3)
}

html .tailwind-area .hover\:border-safe-400\/35:hover {
    border-color: rgb(var(--ui-safe-400) / .35)
}

html .tailwind-area .hover\:border-safe-400\/40:hover {
    border-color: rgb(var(--ui-safe-400) / .4)
}

html .tailwind-area .hover\:border-safe-400\/45:hover {
    border-color: rgb(var(--ui-safe-400) / .45)
}

html .tailwind-area .hover\:border-safe-400\/5:hover {
    border-color: rgb(var(--ui-safe-400) / .05)
}

html .tailwind-area .hover\:border-safe-400\/50:hover {
    border-color: rgb(var(--ui-safe-400) / .5)
}

html .tailwind-area .hover\:border-safe-400\/55:hover {
    border-color: rgb(var(--ui-safe-400) / .55)
}

html .tailwind-area .hover\:border-safe-400\/60:hover {
    border-color: rgb(var(--ui-safe-400) / .6)
}

html .tailwind-area .hover\:border-safe-400\/65:hover {
    border-color: rgb(var(--ui-safe-400) / .65)
}

html .tailwind-area .hover\:border-safe-400\/70:hover {
    border-color: rgb(var(--ui-safe-400) / .7)
}

html .tailwind-area .hover\:border-safe-400\/75:hover {
    border-color: rgb(var(--ui-safe-400) / .75)
}

html .tailwind-area .hover\:border-safe-400\/80:hover {
    border-color: rgb(var(--ui-safe-400) / .8)
}

html .tailwind-area .hover\:border-safe-400\/85:hover {
    border-color: rgb(var(--ui-safe-400) / .85)
}

html .tailwind-area .hover\:border-safe-400\/90:hover {
    border-color: rgb(var(--ui-safe-400) / .9)
}

html .tailwind-area .hover\:border-safe-400\/95:hover {
    border-color: rgb(var(--ui-safe-400) / .95)
}

html .tailwind-area .hover\:border-safe-50:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-safe-50) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-safe-50\/0:hover {
    border-color: rgb(var(--ui-safe-50) / 0)
}

html .tailwind-area .hover\:border-safe-50\/10:hover {
    border-color: rgb(var(--ui-safe-50) / .1)
}

html .tailwind-area .hover\:border-safe-50\/100:hover {
    border-color: rgb(var(--ui-safe-50) / 1)
}

html .tailwind-area .hover\:border-safe-50\/15:hover {
    border-color: rgb(var(--ui-safe-50) / .15)
}

html .tailwind-area .hover\:border-safe-50\/20:hover {
    border-color: rgb(var(--ui-safe-50) / .2)
}

html .tailwind-area .hover\:border-safe-50\/25:hover {
    border-color: rgb(var(--ui-safe-50) / .25)
}

html .tailwind-area .hover\:border-safe-50\/30:hover {
    border-color: rgb(var(--ui-safe-50) / .3)
}

html .tailwind-area .hover\:border-safe-50\/35:hover {
    border-color: rgb(var(--ui-safe-50) / .35)
}

html .tailwind-area .hover\:border-safe-50\/40:hover {
    border-color: rgb(var(--ui-safe-50) / .4)
}

html .tailwind-area .hover\:border-safe-50\/45:hover {
    border-color: rgb(var(--ui-safe-50) / .45)
}

html .tailwind-area .hover\:border-safe-50\/5:hover {
    border-color: rgb(var(--ui-safe-50) / .05)
}

html .tailwind-area .hover\:border-safe-50\/50:hover {
    border-color: rgb(var(--ui-safe-50) / .5)
}

html .tailwind-area .hover\:border-safe-50\/55:hover {
    border-color: rgb(var(--ui-safe-50) / .55)
}

html .tailwind-area .hover\:border-safe-50\/60:hover {
    border-color: rgb(var(--ui-safe-50) / .6)
}

html .tailwind-area .hover\:border-safe-50\/65:hover {
    border-color: rgb(var(--ui-safe-50) / .65)
}

html .tailwind-area .hover\:border-safe-50\/70:hover {
    border-color: rgb(var(--ui-safe-50) / .7)
}

html .tailwind-area .hover\:border-safe-50\/75:hover {
    border-color: rgb(var(--ui-safe-50) / .75)
}

html .tailwind-area .hover\:border-safe-50\/80:hover {
    border-color: rgb(var(--ui-safe-50) / .8)
}

html .tailwind-area .hover\:border-safe-50\/85:hover {
    border-color: rgb(var(--ui-safe-50) / .85)
}

html .tailwind-area .hover\:border-safe-50\/90:hover {
    border-color: rgb(var(--ui-safe-50) / .9)
}

html .tailwind-area .hover\:border-safe-50\/95:hover {
    border-color: rgb(var(--ui-safe-50) / .95)
}

html .tailwind-area .hover\:border-safe-500:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-safe-500) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-safe-500\/0:hover {
    border-color: rgb(var(--ui-safe-500) / 0)
}

html .tailwind-area .hover\:border-safe-500\/10:hover {
    border-color: rgb(var(--ui-safe-500) / .1)
}

html .tailwind-area .hover\:border-safe-500\/100:hover {
    border-color: rgb(var(--ui-safe-500) / 1)
}

html .tailwind-area .hover\:border-safe-500\/15:hover {
    border-color: rgb(var(--ui-safe-500) / .15)
}

html .tailwind-area .hover\:border-safe-500\/20:hover {
    border-color: rgb(var(--ui-safe-500) / .2)
}

html .tailwind-area .hover\:border-safe-500\/25:hover {
    border-color: rgb(var(--ui-safe-500) / .25)
}

html .tailwind-area .hover\:border-safe-500\/30:hover {
    border-color: rgb(var(--ui-safe-500) / .3)
}

html .tailwind-area .hover\:border-safe-500\/35:hover {
    border-color: rgb(var(--ui-safe-500) / .35)
}

html .tailwind-area .hover\:border-safe-500\/40:hover {
    border-color: rgb(var(--ui-safe-500) / .4)
}

html .tailwind-area .hover\:border-safe-500\/45:hover {
    border-color: rgb(var(--ui-safe-500) / .45)
}

html .tailwind-area .hover\:border-safe-500\/5:hover {
    border-color: rgb(var(--ui-safe-500) / .05)
}

html .tailwind-area .hover\:border-safe-500\/50:hover {
    border-color: rgb(var(--ui-safe-500) / .5)
}

html .tailwind-area .hover\:border-safe-500\/55:hover {
    border-color: rgb(var(--ui-safe-500) / .55)
}

html .tailwind-area .hover\:border-safe-500\/60:hover {
    border-color: rgb(var(--ui-safe-500) / .6)
}

html .tailwind-area .hover\:border-safe-500\/65:hover {
    border-color: rgb(var(--ui-safe-500) / .65)
}

html .tailwind-area .hover\:border-safe-500\/70:hover {
    border-color: rgb(var(--ui-safe-500) / .7)
}

html .tailwind-area .hover\:border-safe-500\/75:hover {
    border-color: rgb(var(--ui-safe-500) / .75)
}

html .tailwind-area .hover\:border-safe-500\/80:hover {
    border-color: rgb(var(--ui-safe-500) / .8)
}

html .tailwind-area .hover\:border-safe-500\/85:hover {
    border-color: rgb(var(--ui-safe-500) / .85)
}

html .tailwind-area .hover\:border-safe-500\/90:hover {
    border-color: rgb(var(--ui-safe-500) / .9)
}

html .tailwind-area .hover\:border-safe-500\/95:hover {
    border-color: rgb(var(--ui-safe-500) / .95)
}

html .tailwind-area .hover\:border-safe-600:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-safe-600) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-safe-600\/0:hover {
    border-color: rgb(var(--ui-safe-600) / 0)
}

html .tailwind-area .hover\:border-safe-600\/10:hover {
    border-color: rgb(var(--ui-safe-600) / .1)
}

html .tailwind-area .hover\:border-safe-600\/100:hover {
    border-color: rgb(var(--ui-safe-600) / 1)
}

html .tailwind-area .hover\:border-safe-600\/15:hover {
    border-color: rgb(var(--ui-safe-600) / .15)
}

html .tailwind-area .hover\:border-safe-600\/20:hover {
    border-color: rgb(var(--ui-safe-600) / .2)
}

html .tailwind-area .hover\:border-safe-600\/25:hover {
    border-color: rgb(var(--ui-safe-600) / .25)
}

html .tailwind-area .hover\:border-safe-600\/30:hover {
    border-color: rgb(var(--ui-safe-600) / .3)
}

html .tailwind-area .hover\:border-safe-600\/35:hover {
    border-color: rgb(var(--ui-safe-600) / .35)
}

html .tailwind-area .hover\:border-safe-600\/40:hover {
    border-color: rgb(var(--ui-safe-600) / .4)
}

html .tailwind-area .hover\:border-safe-600\/45:hover {
    border-color: rgb(var(--ui-safe-600) / .45)
}

html .tailwind-area .hover\:border-safe-600\/5:hover {
    border-color: rgb(var(--ui-safe-600) / .05)
}

html .tailwind-area .hover\:border-safe-600\/50:hover {
    border-color: rgb(var(--ui-safe-600) / .5)
}

html .tailwind-area .hover\:border-safe-600\/55:hover {
    border-color: rgb(var(--ui-safe-600) / .55)
}

html .tailwind-area .hover\:border-safe-600\/60:hover {
    border-color: rgb(var(--ui-safe-600) / .6)
}

html .tailwind-area .hover\:border-safe-600\/65:hover {
    border-color: rgb(var(--ui-safe-600) / .65)
}

html .tailwind-area .hover\:border-safe-600\/70:hover {
    border-color: rgb(var(--ui-safe-600) / .7)
}

html .tailwind-area .hover\:border-safe-600\/75:hover {
    border-color: rgb(var(--ui-safe-600) / .75)
}

html .tailwind-area .hover\:border-safe-600\/80:hover {
    border-color: rgb(var(--ui-safe-600) / .8)
}

html .tailwind-area .hover\:border-safe-600\/85:hover {
    border-color: rgb(var(--ui-safe-600) / .85)
}

html .tailwind-area .hover\:border-safe-600\/90:hover {
    border-color: rgb(var(--ui-safe-600) / .9)
}

html .tailwind-area .hover\:border-safe-600\/95:hover {
    border-color: rgb(var(--ui-safe-600) / .95)
}

html .tailwind-area .hover\:border-safe-700:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-safe-700) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-safe-700\/0:hover {
    border-color: rgb(var(--ui-safe-700) / 0)
}

html .tailwind-area .hover\:border-safe-700\/10:hover {
    border-color: rgb(var(--ui-safe-700) / .1)
}

html .tailwind-area .hover\:border-safe-700\/100:hover {
    border-color: rgb(var(--ui-safe-700) / 1)
}

html .tailwind-area .hover\:border-safe-700\/15:hover {
    border-color: rgb(var(--ui-safe-700) / .15)
}

html .tailwind-area .hover\:border-safe-700\/20:hover {
    border-color: rgb(var(--ui-safe-700) / .2)
}

html .tailwind-area .hover\:border-safe-700\/25:hover {
    border-color: rgb(var(--ui-safe-700) / .25)
}

html .tailwind-area .hover\:border-safe-700\/30:hover {
    border-color: rgb(var(--ui-safe-700) / .3)
}

html .tailwind-area .hover\:border-safe-700\/35:hover {
    border-color: rgb(var(--ui-safe-700) / .35)
}

html .tailwind-area .hover\:border-safe-700\/40:hover {
    border-color: rgb(var(--ui-safe-700) / .4)
}

html .tailwind-area .hover\:border-safe-700\/45:hover {
    border-color: rgb(var(--ui-safe-700) / .45)
}

html .tailwind-area .hover\:border-safe-700\/5:hover {
    border-color: rgb(var(--ui-safe-700) / .05)
}

html .tailwind-area .hover\:border-safe-700\/50:hover {
    border-color: rgb(var(--ui-safe-700) / .5)
}

html .tailwind-area .hover\:border-safe-700\/55:hover {
    border-color: rgb(var(--ui-safe-700) / .55)
}

html .tailwind-area .hover\:border-safe-700\/60:hover {
    border-color: rgb(var(--ui-safe-700) / .6)
}

html .tailwind-area .hover\:border-safe-700\/65:hover {
    border-color: rgb(var(--ui-safe-700) / .65)
}

html .tailwind-area .hover\:border-safe-700\/70:hover {
    border-color: rgb(var(--ui-safe-700) / .7)
}

html .tailwind-area .hover\:border-safe-700\/75:hover {
    border-color: rgb(var(--ui-safe-700) / .75)
}

html .tailwind-area .hover\:border-safe-700\/80:hover {
    border-color: rgb(var(--ui-safe-700) / .8)
}

html .tailwind-area .hover\:border-safe-700\/85:hover {
    border-color: rgb(var(--ui-safe-700) / .85)
}

html .tailwind-area .hover\:border-safe-700\/90:hover {
    border-color: rgb(var(--ui-safe-700) / .9)
}

html .tailwind-area .hover\:border-safe-700\/95:hover {
    border-color: rgb(var(--ui-safe-700) / .95)
}

html .tailwind-area .hover\:border-safe-800:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-safe-800) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-safe-800\/0:hover {
    border-color: rgb(var(--ui-safe-800) / 0)
}

html .tailwind-area .hover\:border-safe-800\/10:hover {
    border-color: rgb(var(--ui-safe-800) / .1)
}

html .tailwind-area .hover\:border-safe-800\/100:hover {
    border-color: rgb(var(--ui-safe-800) / 1)
}

html .tailwind-area .hover\:border-safe-800\/15:hover {
    border-color: rgb(var(--ui-safe-800) / .15)
}

html .tailwind-area .hover\:border-safe-800\/20:hover {
    border-color: rgb(var(--ui-safe-800) / .2)
}

html .tailwind-area .hover\:border-safe-800\/25:hover {
    border-color: rgb(var(--ui-safe-800) / .25)
}

html .tailwind-area .hover\:border-safe-800\/30:hover {
    border-color: rgb(var(--ui-safe-800) / .3)
}

html .tailwind-area .hover\:border-safe-800\/35:hover {
    border-color: rgb(var(--ui-safe-800) / .35)
}

html .tailwind-area .hover\:border-safe-800\/40:hover {
    border-color: rgb(var(--ui-safe-800) / .4)
}

html .tailwind-area .hover\:border-safe-800\/45:hover {
    border-color: rgb(var(--ui-safe-800) / .45)
}

html .tailwind-area .hover\:border-safe-800\/5:hover {
    border-color: rgb(var(--ui-safe-800) / .05)
}

html .tailwind-area .hover\:border-safe-800\/50:hover {
    border-color: rgb(var(--ui-safe-800) / .5)
}

html .tailwind-area .hover\:border-safe-800\/55:hover {
    border-color: rgb(var(--ui-safe-800) / .55)
}

html .tailwind-area .hover\:border-safe-800\/60:hover {
    border-color: rgb(var(--ui-safe-800) / .6)
}

html .tailwind-area .hover\:border-safe-800\/65:hover {
    border-color: rgb(var(--ui-safe-800) / .65)
}

html .tailwind-area .hover\:border-safe-800\/70:hover {
    border-color: rgb(var(--ui-safe-800) / .7)
}

html .tailwind-area .hover\:border-safe-800\/75:hover {
    border-color: rgb(var(--ui-safe-800) / .75)
}

html .tailwind-area .hover\:border-safe-800\/80:hover {
    border-color: rgb(var(--ui-safe-800) / .8)
}

html .tailwind-area .hover\:border-safe-800\/85:hover {
    border-color: rgb(var(--ui-safe-800) / .85)
}

html .tailwind-area .hover\:border-safe-800\/90:hover {
    border-color: rgb(var(--ui-safe-800) / .9)
}

html .tailwind-area .hover\:border-safe-800\/95:hover {
    border-color: rgb(var(--ui-safe-800) / .95)
}

html .tailwind-area .hover\:border-safe-900:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-safe-900) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-safe-900\/0:hover {
    border-color: rgb(var(--ui-safe-900) / 0)
}

html .tailwind-area .hover\:border-safe-900\/10:hover {
    border-color: rgb(var(--ui-safe-900) / .1)
}

html .tailwind-area .hover\:border-safe-900\/100:hover {
    border-color: rgb(var(--ui-safe-900) / 1)
}

html .tailwind-area .hover\:border-safe-900\/15:hover {
    border-color: rgb(var(--ui-safe-900) / .15)
}

html .tailwind-area .hover\:border-safe-900\/20:hover {
    border-color: rgb(var(--ui-safe-900) / .2)
}

html .tailwind-area .hover\:border-safe-900\/25:hover {
    border-color: rgb(var(--ui-safe-900) / .25)
}

html .tailwind-area .hover\:border-safe-900\/30:hover {
    border-color: rgb(var(--ui-safe-900) / .3)
}

html .tailwind-area .hover\:border-safe-900\/35:hover {
    border-color: rgb(var(--ui-safe-900) / .35)
}

html .tailwind-area .hover\:border-safe-900\/40:hover {
    border-color: rgb(var(--ui-safe-900) / .4)
}

html .tailwind-area .hover\:border-safe-900\/45:hover {
    border-color: rgb(var(--ui-safe-900) / .45)
}

html .tailwind-area .hover\:border-safe-900\/5:hover {
    border-color: rgb(var(--ui-safe-900) / .05)
}

html .tailwind-area .hover\:border-safe-900\/50:hover {
    border-color: rgb(var(--ui-safe-900) / .5)
}

html .tailwind-area .hover\:border-safe-900\/55:hover {
    border-color: rgb(var(--ui-safe-900) / .55)
}

html .tailwind-area .hover\:border-safe-900\/60:hover {
    border-color: rgb(var(--ui-safe-900) / .6)
}

html .tailwind-area .hover\:border-safe-900\/65:hover {
    border-color: rgb(var(--ui-safe-900) / .65)
}

html .tailwind-area .hover\:border-safe-900\/70:hover {
    border-color: rgb(var(--ui-safe-900) / .7)
}

html .tailwind-area .hover\:border-safe-900\/75:hover {
    border-color: rgb(var(--ui-safe-900) / .75)
}

html .tailwind-area .hover\:border-safe-900\/80:hover {
    border-color: rgb(var(--ui-safe-900) / .8)
}

html .tailwind-area .hover\:border-safe-900\/85:hover {
    border-color: rgb(var(--ui-safe-900) / .85)
}

html .tailwind-area .hover\:border-safe-900\/90:hover {
    border-color: rgb(var(--ui-safe-900) / .9)
}

html .tailwind-area .hover\:border-safe-900\/95:hover {
    border-color: rgb(var(--ui-safe-900) / .95)
}

html .tailwind-area .hover\:border-warning-100:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-warning-100) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-warning-100\/0:hover {
    border-color: rgb(var(--ui-warning-100) / 0)
}

html .tailwind-area .hover\:border-warning-100\/10:hover {
    border-color: rgb(var(--ui-warning-100) / .1)
}

html .tailwind-area .hover\:border-warning-100\/100:hover {
    border-color: rgb(var(--ui-warning-100) / 1)
}

html .tailwind-area .hover\:border-warning-100\/15:hover {
    border-color: rgb(var(--ui-warning-100) / .15)
}

html .tailwind-area .hover\:border-warning-100\/20:hover {
    border-color: rgb(var(--ui-warning-100) / .2)
}

html .tailwind-area .hover\:border-warning-100\/25:hover {
    border-color: rgb(var(--ui-warning-100) / .25)
}

html .tailwind-area .hover\:border-warning-100\/30:hover {
    border-color: rgb(var(--ui-warning-100) / .3)
}

html .tailwind-area .hover\:border-warning-100\/35:hover {
    border-color: rgb(var(--ui-warning-100) / .35)
}

html .tailwind-area .hover\:border-warning-100\/40:hover {
    border-color: rgb(var(--ui-warning-100) / .4)
}

html .tailwind-area .hover\:border-warning-100\/45:hover {
    border-color: rgb(var(--ui-warning-100) / .45)
}

html .tailwind-area .hover\:border-warning-100\/5:hover {
    border-color: rgb(var(--ui-warning-100) / .05)
}

html .tailwind-area .hover\:border-warning-100\/50:hover {
    border-color: rgb(var(--ui-warning-100) / .5)
}

html .tailwind-area .hover\:border-warning-100\/55:hover {
    border-color: rgb(var(--ui-warning-100) / .55)
}

html .tailwind-area .hover\:border-warning-100\/60:hover {
    border-color: rgb(var(--ui-warning-100) / .6)
}

html .tailwind-area .hover\:border-warning-100\/65:hover {
    border-color: rgb(var(--ui-warning-100) / .65)
}

html .tailwind-area .hover\:border-warning-100\/70:hover {
    border-color: rgb(var(--ui-warning-100) / .7)
}

html .tailwind-area .hover\:border-warning-100\/75:hover {
    border-color: rgb(var(--ui-warning-100) / .75)
}

html .tailwind-area .hover\:border-warning-100\/80:hover {
    border-color: rgb(var(--ui-warning-100) / .8)
}

html .tailwind-area .hover\:border-warning-100\/85:hover {
    border-color: rgb(var(--ui-warning-100) / .85)
}

html .tailwind-area .hover\:border-warning-100\/90:hover {
    border-color: rgb(var(--ui-warning-100) / .9)
}

html .tailwind-area .hover\:border-warning-100\/95:hover {
    border-color: rgb(var(--ui-warning-100) / .95)
}

html .tailwind-area .hover\:border-warning-200:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-warning-200) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-warning-200\/0:hover {
    border-color: rgb(var(--ui-warning-200) / 0)
}

html .tailwind-area .hover\:border-warning-200\/10:hover {
    border-color: rgb(var(--ui-warning-200) / .1)
}

html .tailwind-area .hover\:border-warning-200\/100:hover {
    border-color: rgb(var(--ui-warning-200) / 1)
}

html .tailwind-area .hover\:border-warning-200\/15:hover {
    border-color: rgb(var(--ui-warning-200) / .15)
}

html .tailwind-area .hover\:border-warning-200\/20:hover {
    border-color: rgb(var(--ui-warning-200) / .2)
}

html .tailwind-area .hover\:border-warning-200\/25:hover {
    border-color: rgb(var(--ui-warning-200) / .25)
}

html .tailwind-area .hover\:border-warning-200\/30:hover {
    border-color: rgb(var(--ui-warning-200) / .3)
}

html .tailwind-area .hover\:border-warning-200\/35:hover {
    border-color: rgb(var(--ui-warning-200) / .35)
}

html .tailwind-area .hover\:border-warning-200\/40:hover {
    border-color: rgb(var(--ui-warning-200) / .4)
}

html .tailwind-area .hover\:border-warning-200\/45:hover {
    border-color: rgb(var(--ui-warning-200) / .45)
}

html .tailwind-area .hover\:border-warning-200\/5:hover {
    border-color: rgb(var(--ui-warning-200) / .05)
}

html .tailwind-area .hover\:border-warning-200\/50:hover {
    border-color: rgb(var(--ui-warning-200) / .5)
}

html .tailwind-area .hover\:border-warning-200\/55:hover {
    border-color: rgb(var(--ui-warning-200) / .55)
}

html .tailwind-area .hover\:border-warning-200\/60:hover {
    border-color: rgb(var(--ui-warning-200) / .6)
}

html .tailwind-area .hover\:border-warning-200\/65:hover {
    border-color: rgb(var(--ui-warning-200) / .65)
}

html .tailwind-area .hover\:border-warning-200\/70:hover {
    border-color: rgb(var(--ui-warning-200) / .7)
}

html .tailwind-area .hover\:border-warning-200\/75:hover {
    border-color: rgb(var(--ui-warning-200) / .75)
}

html .tailwind-area .hover\:border-warning-200\/80:hover {
    border-color: rgb(var(--ui-warning-200) / .8)
}

html .tailwind-area .hover\:border-warning-200\/85:hover {
    border-color: rgb(var(--ui-warning-200) / .85)
}

html .tailwind-area .hover\:border-warning-200\/90:hover {
    border-color: rgb(var(--ui-warning-200) / .9)
}

html .tailwind-area .hover\:border-warning-200\/95:hover {
    border-color: rgb(var(--ui-warning-200) / .95)
}

html .tailwind-area .hover\:border-warning-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-warning-300) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-warning-300\/0:hover {
    border-color: rgb(var(--ui-warning-300) / 0)
}

html .tailwind-area .hover\:border-warning-300\/10:hover {
    border-color: rgb(var(--ui-warning-300) / .1)
}

html .tailwind-area .hover\:border-warning-300\/100:hover {
    border-color: rgb(var(--ui-warning-300) / 1)
}

html .tailwind-area .hover\:border-warning-300\/15:hover {
    border-color: rgb(var(--ui-warning-300) / .15)
}

html .tailwind-area .hover\:border-warning-300\/20:hover {
    border-color: rgb(var(--ui-warning-300) / .2)
}

html .tailwind-area .hover\:border-warning-300\/25:hover {
    border-color: rgb(var(--ui-warning-300) / .25)
}

html .tailwind-area .hover\:border-warning-300\/30:hover {
    border-color: rgb(var(--ui-warning-300) / .3)
}

html .tailwind-area .hover\:border-warning-300\/35:hover {
    border-color: rgb(var(--ui-warning-300) / .35)
}

html .tailwind-area .hover\:border-warning-300\/40:hover {
    border-color: rgb(var(--ui-warning-300) / .4)
}

html .tailwind-area .hover\:border-warning-300\/45:hover {
    border-color: rgb(var(--ui-warning-300) / .45)
}

html .tailwind-area .hover\:border-warning-300\/5:hover {
    border-color: rgb(var(--ui-warning-300) / .05)
}

html .tailwind-area .hover\:border-warning-300\/50:hover {
    border-color: rgb(var(--ui-warning-300) / .5)
}

html .tailwind-area .hover\:border-warning-300\/55:hover {
    border-color: rgb(var(--ui-warning-300) / .55)
}

html .tailwind-area .hover\:border-warning-300\/60:hover {
    border-color: rgb(var(--ui-warning-300) / .6)
}

html .tailwind-area .hover\:border-warning-300\/65:hover {
    border-color: rgb(var(--ui-warning-300) / .65)
}

html .tailwind-area .hover\:border-warning-300\/70:hover {
    border-color: rgb(var(--ui-warning-300) / .7)
}

html .tailwind-area .hover\:border-warning-300\/75:hover {
    border-color: rgb(var(--ui-warning-300) / .75)
}

html .tailwind-area .hover\:border-warning-300\/80:hover {
    border-color: rgb(var(--ui-warning-300) / .8)
}

html .tailwind-area .hover\:border-warning-300\/85:hover {
    border-color: rgb(var(--ui-warning-300) / .85)
}

html .tailwind-area .hover\:border-warning-300\/90:hover {
    border-color: rgb(var(--ui-warning-300) / .9)
}

html .tailwind-area .hover\:border-warning-300\/95:hover {
    border-color: rgb(var(--ui-warning-300) / .95)
}

html .tailwind-area .hover\:border-warning-400:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-warning-400) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-warning-400\/0:hover {
    border-color: rgb(var(--ui-warning-400) / 0)
}

html .tailwind-area .hover\:border-warning-400\/10:hover {
    border-color: rgb(var(--ui-warning-400) / .1)
}

html .tailwind-area .hover\:border-warning-400\/100:hover {
    border-color: rgb(var(--ui-warning-400) / 1)
}

html .tailwind-area .hover\:border-warning-400\/15:hover {
    border-color: rgb(var(--ui-warning-400) / .15)
}

html .tailwind-area .hover\:border-warning-400\/20:hover {
    border-color: rgb(var(--ui-warning-400) / .2)
}

html .tailwind-area .hover\:border-warning-400\/25:hover {
    border-color: rgb(var(--ui-warning-400) / .25)
}

html .tailwind-area .hover\:border-warning-400\/30:hover {
    border-color: rgb(var(--ui-warning-400) / .3)
}

html .tailwind-area .hover\:border-warning-400\/35:hover {
    border-color: rgb(var(--ui-warning-400) / .35)
}

html .tailwind-area .hover\:border-warning-400\/40:hover {
    border-color: rgb(var(--ui-warning-400) / .4)
}

html .tailwind-area .hover\:border-warning-400\/45:hover {
    border-color: rgb(var(--ui-warning-400) / .45)
}

html .tailwind-area .hover\:border-warning-400\/5:hover {
    border-color: rgb(var(--ui-warning-400) / .05)
}

html .tailwind-area .hover\:border-warning-400\/50:hover {
    border-color: rgb(var(--ui-warning-400) / .5)
}

html .tailwind-area .hover\:border-warning-400\/55:hover {
    border-color: rgb(var(--ui-warning-400) / .55)
}

html .tailwind-area .hover\:border-warning-400\/60:hover {
    border-color: rgb(var(--ui-warning-400) / .6)
}

html .tailwind-area .hover\:border-warning-400\/65:hover {
    border-color: rgb(var(--ui-warning-400) / .65)
}

html .tailwind-area .hover\:border-warning-400\/70:hover {
    border-color: rgb(var(--ui-warning-400) / .7)
}

html .tailwind-area .hover\:border-warning-400\/75:hover {
    border-color: rgb(var(--ui-warning-400) / .75)
}

html .tailwind-area .hover\:border-warning-400\/80:hover {
    border-color: rgb(var(--ui-warning-400) / .8)
}

html .tailwind-area .hover\:border-warning-400\/85:hover {
    border-color: rgb(var(--ui-warning-400) / .85)
}

html .tailwind-area .hover\:border-warning-400\/90:hover {
    border-color: rgb(var(--ui-warning-400) / .9)
}

html .tailwind-area .hover\:border-warning-400\/95:hover {
    border-color: rgb(var(--ui-warning-400) / .95)
}

html .tailwind-area .hover\:border-warning-50:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-warning-50) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-warning-50\/0:hover {
    border-color: rgb(var(--ui-warning-50) / 0)
}

html .tailwind-area .hover\:border-warning-50\/10:hover {
    border-color: rgb(var(--ui-warning-50) / .1)
}

html .tailwind-area .hover\:border-warning-50\/100:hover {
    border-color: rgb(var(--ui-warning-50) / 1)
}

html .tailwind-area .hover\:border-warning-50\/15:hover {
    border-color: rgb(var(--ui-warning-50) / .15)
}

html .tailwind-area .hover\:border-warning-50\/20:hover {
    border-color: rgb(var(--ui-warning-50) / .2)
}

html .tailwind-area .hover\:border-warning-50\/25:hover {
    border-color: rgb(var(--ui-warning-50) / .25)
}

html .tailwind-area .hover\:border-warning-50\/30:hover {
    border-color: rgb(var(--ui-warning-50) / .3)
}

html .tailwind-area .hover\:border-warning-50\/35:hover {
    border-color: rgb(var(--ui-warning-50) / .35)
}

html .tailwind-area .hover\:border-warning-50\/40:hover {
    border-color: rgb(var(--ui-warning-50) / .4)
}

html .tailwind-area .hover\:border-warning-50\/45:hover {
    border-color: rgb(var(--ui-warning-50) / .45)
}

html .tailwind-area .hover\:border-warning-50\/5:hover {
    border-color: rgb(var(--ui-warning-50) / .05)
}

html .tailwind-area .hover\:border-warning-50\/50:hover {
    border-color: rgb(var(--ui-warning-50) / .5)
}

html .tailwind-area .hover\:border-warning-50\/55:hover {
    border-color: rgb(var(--ui-warning-50) / .55)
}

html .tailwind-area .hover\:border-warning-50\/60:hover {
    border-color: rgb(var(--ui-warning-50) / .6)
}

html .tailwind-area .hover\:border-warning-50\/65:hover {
    border-color: rgb(var(--ui-warning-50) / .65)
}

html .tailwind-area .hover\:border-warning-50\/70:hover {
    border-color: rgb(var(--ui-warning-50) / .7)
}

html .tailwind-area .hover\:border-warning-50\/75:hover {
    border-color: rgb(var(--ui-warning-50) / .75)
}

html .tailwind-area .hover\:border-warning-50\/80:hover {
    border-color: rgb(var(--ui-warning-50) / .8)
}

html .tailwind-area .hover\:border-warning-50\/85:hover {
    border-color: rgb(var(--ui-warning-50) / .85)
}

html .tailwind-area .hover\:border-warning-50\/90:hover {
    border-color: rgb(var(--ui-warning-50) / .9)
}

html .tailwind-area .hover\:border-warning-50\/95:hover {
    border-color: rgb(var(--ui-warning-50) / .95)
}

html .tailwind-area .hover\:border-warning-500:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-warning-500) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-warning-500\/0:hover {
    border-color: rgb(var(--ui-warning-500) / 0)
}

html .tailwind-area .hover\:border-warning-500\/10:hover {
    border-color: rgb(var(--ui-warning-500) / .1)
}

html .tailwind-area .hover\:border-warning-500\/100:hover {
    border-color: rgb(var(--ui-warning-500) / 1)
}

html .tailwind-area .hover\:border-warning-500\/15:hover {
    border-color: rgb(var(--ui-warning-500) / .15)
}

html .tailwind-area .hover\:border-warning-500\/20:hover {
    border-color: rgb(var(--ui-warning-500) / .2)
}

html .tailwind-area .hover\:border-warning-500\/25:hover {
    border-color: rgb(var(--ui-warning-500) / .25)
}

html .tailwind-area .hover\:border-warning-500\/30:hover {
    border-color: rgb(var(--ui-warning-500) / .3)
}

html .tailwind-area .hover\:border-warning-500\/35:hover {
    border-color: rgb(var(--ui-warning-500) / .35)
}

html .tailwind-area .hover\:border-warning-500\/40:hover {
    border-color: rgb(var(--ui-warning-500) / .4)
}

html .tailwind-area .hover\:border-warning-500\/45:hover {
    border-color: rgb(var(--ui-warning-500) / .45)
}

html .tailwind-area .hover\:border-warning-500\/5:hover {
    border-color: rgb(var(--ui-warning-500) / .05)
}

html .tailwind-area .hover\:border-warning-500\/50:hover {
    border-color: rgb(var(--ui-warning-500) / .5)
}

html .tailwind-area .hover\:border-warning-500\/55:hover {
    border-color: rgb(var(--ui-warning-500) / .55)
}

html .tailwind-area .hover\:border-warning-500\/60:hover {
    border-color: rgb(var(--ui-warning-500) / .6)
}

html .tailwind-area .hover\:border-warning-500\/65:hover {
    border-color: rgb(var(--ui-warning-500) / .65)
}

html .tailwind-area .hover\:border-warning-500\/70:hover {
    border-color: rgb(var(--ui-warning-500) / .7)
}

html .tailwind-area .hover\:border-warning-500\/75:hover {
    border-color: rgb(var(--ui-warning-500) / .75)
}

html .tailwind-area .hover\:border-warning-500\/80:hover {
    border-color: rgb(var(--ui-warning-500) / .8)
}

html .tailwind-area .hover\:border-warning-500\/85:hover {
    border-color: rgb(var(--ui-warning-500) / .85)
}

html .tailwind-area .hover\:border-warning-500\/90:hover {
    border-color: rgb(var(--ui-warning-500) / .9)
}

html .tailwind-area .hover\:border-warning-500\/95:hover {
    border-color: rgb(var(--ui-warning-500) / .95)
}

html .tailwind-area .hover\:border-warning-600:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-warning-600) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-warning-600\/0:hover {
    border-color: rgb(var(--ui-warning-600) / 0)
}

html .tailwind-area .hover\:border-warning-600\/10:hover {
    border-color: rgb(var(--ui-warning-600) / .1)
}

html .tailwind-area .hover\:border-warning-600\/100:hover {
    border-color: rgb(var(--ui-warning-600) / 1)
}

html .tailwind-area .hover\:border-warning-600\/15:hover {
    border-color: rgb(var(--ui-warning-600) / .15)
}

html .tailwind-area .hover\:border-warning-600\/20:hover {
    border-color: rgb(var(--ui-warning-600) / .2)
}

html .tailwind-area .hover\:border-warning-600\/25:hover {
    border-color: rgb(var(--ui-warning-600) / .25)
}

html .tailwind-area .hover\:border-warning-600\/30:hover {
    border-color: rgb(var(--ui-warning-600) / .3)
}

html .tailwind-area .hover\:border-warning-600\/35:hover {
    border-color: rgb(var(--ui-warning-600) / .35)
}

html .tailwind-area .hover\:border-warning-600\/40:hover {
    border-color: rgb(var(--ui-warning-600) / .4)
}

html .tailwind-area .hover\:border-warning-600\/45:hover {
    border-color: rgb(var(--ui-warning-600) / .45)
}

html .tailwind-area .hover\:border-warning-600\/5:hover {
    border-color: rgb(var(--ui-warning-600) / .05)
}

html .tailwind-area .hover\:border-warning-600\/50:hover {
    border-color: rgb(var(--ui-warning-600) / .5)
}

html .tailwind-area .hover\:border-warning-600\/55:hover {
    border-color: rgb(var(--ui-warning-600) / .55)
}

html .tailwind-area .hover\:border-warning-600\/60:hover {
    border-color: rgb(var(--ui-warning-600) / .6)
}

html .tailwind-area .hover\:border-warning-600\/65:hover {
    border-color: rgb(var(--ui-warning-600) / .65)
}

html .tailwind-area .hover\:border-warning-600\/70:hover {
    border-color: rgb(var(--ui-warning-600) / .7)
}

html .tailwind-area .hover\:border-warning-600\/75:hover {
    border-color: rgb(var(--ui-warning-600) / .75)
}

html .tailwind-area .hover\:border-warning-600\/80:hover {
    border-color: rgb(var(--ui-warning-600) / .8)
}

html .tailwind-area .hover\:border-warning-600\/85:hover {
    border-color: rgb(var(--ui-warning-600) / .85)
}

html .tailwind-area .hover\:border-warning-600\/90:hover {
    border-color: rgb(var(--ui-warning-600) / .9)
}

html .tailwind-area .hover\:border-warning-600\/95:hover {
    border-color: rgb(var(--ui-warning-600) / .95)
}

html .tailwind-area .hover\:border-warning-700:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-warning-700) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-warning-700\/0:hover {
    border-color: rgb(var(--ui-warning-700) / 0)
}

html .tailwind-area .hover\:border-warning-700\/10:hover {
    border-color: rgb(var(--ui-warning-700) / .1)
}

html .tailwind-area .hover\:border-warning-700\/100:hover {
    border-color: rgb(var(--ui-warning-700) / 1)
}

html .tailwind-area .hover\:border-warning-700\/15:hover {
    border-color: rgb(var(--ui-warning-700) / .15)
}

html .tailwind-area .hover\:border-warning-700\/20:hover {
    border-color: rgb(var(--ui-warning-700) / .2)
}

html .tailwind-area .hover\:border-warning-700\/25:hover {
    border-color: rgb(var(--ui-warning-700) / .25)
}

html .tailwind-area .hover\:border-warning-700\/30:hover {
    border-color: rgb(var(--ui-warning-700) / .3)
}

html .tailwind-area .hover\:border-warning-700\/35:hover {
    border-color: rgb(var(--ui-warning-700) / .35)
}

html .tailwind-area .hover\:border-warning-700\/40:hover {
    border-color: rgb(var(--ui-warning-700) / .4)
}

html .tailwind-area .hover\:border-warning-700\/45:hover {
    border-color: rgb(var(--ui-warning-700) / .45)
}

html .tailwind-area .hover\:border-warning-700\/5:hover {
    border-color: rgb(var(--ui-warning-700) / .05)
}

html .tailwind-area .hover\:border-warning-700\/50:hover {
    border-color: rgb(var(--ui-warning-700) / .5)
}

html .tailwind-area .hover\:border-warning-700\/55:hover {
    border-color: rgb(var(--ui-warning-700) / .55)
}

html .tailwind-area .hover\:border-warning-700\/60:hover {
    border-color: rgb(var(--ui-warning-700) / .6)
}

html .tailwind-area .hover\:border-warning-700\/65:hover {
    border-color: rgb(var(--ui-warning-700) / .65)
}

html .tailwind-area .hover\:border-warning-700\/70:hover {
    border-color: rgb(var(--ui-warning-700) / .7)
}

html .tailwind-area .hover\:border-warning-700\/75:hover {
    border-color: rgb(var(--ui-warning-700) / .75)
}

html .tailwind-area .hover\:border-warning-700\/80:hover {
    border-color: rgb(var(--ui-warning-700) / .8)
}

html .tailwind-area .hover\:border-warning-700\/85:hover {
    border-color: rgb(var(--ui-warning-700) / .85)
}

html .tailwind-area .hover\:border-warning-700\/90:hover {
    border-color: rgb(var(--ui-warning-700) / .9)
}

html .tailwind-area .hover\:border-warning-700\/95:hover {
    border-color: rgb(var(--ui-warning-700) / .95)
}

html .tailwind-area .hover\:border-warning-800:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-warning-800) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-warning-800\/0:hover {
    border-color: rgb(var(--ui-warning-800) / 0)
}

html .tailwind-area .hover\:border-warning-800\/10:hover {
    border-color: rgb(var(--ui-warning-800) / .1)
}

html .tailwind-area .hover\:border-warning-800\/100:hover {
    border-color: rgb(var(--ui-warning-800) / 1)
}

html .tailwind-area .hover\:border-warning-800\/15:hover {
    border-color: rgb(var(--ui-warning-800) / .15)
}

html .tailwind-area .hover\:border-warning-800\/20:hover {
    border-color: rgb(var(--ui-warning-800) / .2)
}

html .tailwind-area .hover\:border-warning-800\/25:hover {
    border-color: rgb(var(--ui-warning-800) / .25)
}

html .tailwind-area .hover\:border-warning-800\/30:hover {
    border-color: rgb(var(--ui-warning-800) / .3)
}

html .tailwind-area .hover\:border-warning-800\/35:hover {
    border-color: rgb(var(--ui-warning-800) / .35)
}

html .tailwind-area .hover\:border-warning-800\/40:hover {
    border-color: rgb(var(--ui-warning-800) / .4)
}

html .tailwind-area .hover\:border-warning-800\/45:hover {
    border-color: rgb(var(--ui-warning-800) / .45)
}

html .tailwind-area .hover\:border-warning-800\/5:hover {
    border-color: rgb(var(--ui-warning-800) / .05)
}

html .tailwind-area .hover\:border-warning-800\/50:hover {
    border-color: rgb(var(--ui-warning-800) / .5)
}

html .tailwind-area .hover\:border-warning-800\/55:hover {
    border-color: rgb(var(--ui-warning-800) / .55)
}

html .tailwind-area .hover\:border-warning-800\/60:hover {
    border-color: rgb(var(--ui-warning-800) / .6)
}

html .tailwind-area .hover\:border-warning-800\/65:hover {
    border-color: rgb(var(--ui-warning-800) / .65)
}

html .tailwind-area .hover\:border-warning-800\/70:hover {
    border-color: rgb(var(--ui-warning-800) / .7)
}

html .tailwind-area .hover\:border-warning-800\/75:hover {
    border-color: rgb(var(--ui-warning-800) / .75)
}

html .tailwind-area .hover\:border-warning-800\/80:hover {
    border-color: rgb(var(--ui-warning-800) / .8)
}

html .tailwind-area .hover\:border-warning-800\/85:hover {
    border-color: rgb(var(--ui-warning-800) / .85)
}

html .tailwind-area .hover\:border-warning-800\/90:hover {
    border-color: rgb(var(--ui-warning-800) / .9)
}

html .tailwind-area .hover\:border-warning-800\/95:hover {
    border-color: rgb(var(--ui-warning-800) / .95)
}

html .tailwind-area .hover\:border-warning-900:hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-warning-900) / var(--tw-border-opacity))
}

html .tailwind-area .hover\:border-warning-900\/0:hover {
    border-color: rgb(var(--ui-warning-900) / 0)
}

html .tailwind-area .hover\:border-warning-900\/10:hover {
    border-color: rgb(var(--ui-warning-900) / .1)
}

html .tailwind-area .hover\:border-warning-900\/100:hover {
    border-color: rgb(var(--ui-warning-900) / 1)
}

html .tailwind-area .hover\:border-warning-900\/15:hover {
    border-color: rgb(var(--ui-warning-900) / .15)
}

html .tailwind-area .hover\:border-warning-900\/20:hover {
    border-color: rgb(var(--ui-warning-900) / .2)
}

html .tailwind-area .hover\:border-warning-900\/25:hover {
    border-color: rgb(var(--ui-warning-900) / .25)
}

html .tailwind-area .hover\:border-warning-900\/30:hover {
    border-color: rgb(var(--ui-warning-900) / .3)
}

html .tailwind-area .hover\:border-warning-900\/35:hover {
    border-color: rgb(var(--ui-warning-900) / .35)
}

html .tailwind-area .hover\:border-warning-900\/40:hover {
    border-color: rgb(var(--ui-warning-900) / .4)
}

html .tailwind-area .hover\:border-warning-900\/45:hover {
    border-color: rgb(var(--ui-warning-900) / .45)
}

html .tailwind-area .hover\:border-warning-900\/5:hover {
    border-color: rgb(var(--ui-warning-900) / .05)
}

html .tailwind-area .hover\:border-warning-900\/50:hover {
    border-color: rgb(var(--ui-warning-900) / .5)
}

html .tailwind-area .hover\:border-warning-900\/55:hover {
    border-color: rgb(var(--ui-warning-900) / .55)
}

html .tailwind-area .hover\:border-warning-900\/60:hover {
    border-color: rgb(var(--ui-warning-900) / .6)
}

html .tailwind-area .hover\:border-warning-900\/65:hover {
    border-color: rgb(var(--ui-warning-900) / .65)
}

html .tailwind-area .hover\:border-warning-900\/70:hover {
    border-color: rgb(var(--ui-warning-900) / .7)
}

html .tailwind-area .hover\:border-warning-900\/75:hover {
    border-color: rgb(var(--ui-warning-900) / .75)
}

html .tailwind-area .hover\:border-warning-900\/80:hover {
    border-color: rgb(var(--ui-warning-900) / .8)
}

html .tailwind-area .hover\:border-warning-900\/85:hover {
    border-color: rgb(var(--ui-warning-900) / .85)
}

html .tailwind-area .hover\:border-warning-900\/90:hover {
    border-color: rgb(var(--ui-warning-900) / .9)
}

html .tailwind-area .hover\:border-warning-900\/95:hover {
    border-color: rgb(var(--ui-warning-900) / .95)
}

html .tailwind-area .hover\:\  !bg-danger-50\/70:hover {
    background-color: rgb(var(--ui-danger-50) / .7) !important
}

html .tailwind-area .hover\:\  !bg-primary-100:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(var(--ui-primary-100) / var(--tw-bg-opacity)) !important
}

html .tailwind-area .hover\:bg-danger-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-danger-100) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-danger-100\/0:hover {
    background-color: rgb(var(--ui-danger-100) / 0)
}

html .tailwind-area .hover\:bg-danger-100\/10:hover {
    background-color: rgb(var(--ui-danger-100) / .1)
}

html .tailwind-area .hover\:bg-danger-100\/100:hover {
    background-color: rgb(var(--ui-danger-100) / 1)
}

html .tailwind-area .hover\:bg-danger-100\/15:hover {
    background-color: rgb(var(--ui-danger-100) / .15)
}

html .tailwind-area .hover\:bg-danger-100\/20:hover {
    background-color: rgb(var(--ui-danger-100) / .2)
}

html .tailwind-area .hover\:bg-danger-100\/25:hover {
    background-color: rgb(var(--ui-danger-100) / .25)
}

html .tailwind-area .hover\:bg-danger-100\/30:hover {
    background-color: rgb(var(--ui-danger-100) / .3)
}

html .tailwind-area .hover\:bg-danger-100\/35:hover {
    background-color: rgb(var(--ui-danger-100) / .35)
}

html .tailwind-area .hover\:bg-danger-100\/40:hover {
    background-color: rgb(var(--ui-danger-100) / .4)
}

html .tailwind-area .hover\:bg-danger-100\/45:hover {
    background-color: rgb(var(--ui-danger-100) / .45)
}

html .tailwind-area .hover\:bg-danger-100\/5:hover {
    background-color: rgb(var(--ui-danger-100) / .05)
}

html .tailwind-area .hover\:bg-danger-100\/50:hover {
    background-color: rgb(var(--ui-danger-100) / .5)
}

html .tailwind-area .hover\:bg-danger-100\/55:hover {
    background-color: rgb(var(--ui-danger-100) / .55)
}

html .tailwind-area .hover\:bg-danger-100\/60:hover {
    background-color: rgb(var(--ui-danger-100) / .6)
}

html .tailwind-area .hover\:bg-danger-100\/65:hover {
    background-color: rgb(var(--ui-danger-100) / .65)
}

html .tailwind-area .hover\:bg-danger-100\/70:hover {
    background-color: rgb(var(--ui-danger-100) / .7)
}

html .tailwind-area .hover\:bg-danger-100\/75:hover {
    background-color: rgb(var(--ui-danger-100) / .75)
}

html .tailwind-area .hover\:bg-danger-100\/80:hover {
    background-color: rgb(var(--ui-danger-100) / .8)
}

html .tailwind-area .hover\:bg-danger-100\/85:hover {
    background-color: rgb(var(--ui-danger-100) / .85)
}

html .tailwind-area .hover\:bg-danger-100\/90:hover {
    background-color: rgb(var(--ui-danger-100) / .9)
}

html .tailwind-area .hover\:bg-danger-100\/95:hover {
    background-color: rgb(var(--ui-danger-100) / .95)
}

html .tailwind-area .hover\:bg-danger-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-danger-200) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-danger-200\/0:hover {
    background-color: rgb(var(--ui-danger-200) / 0)
}

html .tailwind-area .hover\:bg-danger-200\/10:hover {
    background-color: rgb(var(--ui-danger-200) / .1)
}

html .tailwind-area .hover\:bg-danger-200\/100:hover {
    background-color: rgb(var(--ui-danger-200) / 1)
}

html .tailwind-area .hover\:bg-danger-200\/15:hover {
    background-color: rgb(var(--ui-danger-200) / .15)
}

html .tailwind-area .hover\:bg-danger-200\/20:hover {
    background-color: rgb(var(--ui-danger-200) / .2)
}

html .tailwind-area .hover\:bg-danger-200\/25:hover {
    background-color: rgb(var(--ui-danger-200) / .25)
}

html .tailwind-area .hover\:bg-danger-200\/30:hover {
    background-color: rgb(var(--ui-danger-200) / .3)
}

html .tailwind-area .hover\:bg-danger-200\/35:hover {
    background-color: rgb(var(--ui-danger-200) / .35)
}

html .tailwind-area .hover\:bg-danger-200\/40:hover {
    background-color: rgb(var(--ui-danger-200) / .4)
}

html .tailwind-area .hover\:bg-danger-200\/45:hover {
    background-color: rgb(var(--ui-danger-200) / .45)
}

html .tailwind-area .hover\:bg-danger-200\/5:hover {
    background-color: rgb(var(--ui-danger-200) / .05)
}

html .tailwind-area .hover\:bg-danger-200\/50:hover {
    background-color: rgb(var(--ui-danger-200) / .5)
}

html .tailwind-area .hover\:bg-danger-200\/55:hover {
    background-color: rgb(var(--ui-danger-200) / .55)
}

html .tailwind-area .hover\:bg-danger-200\/60:hover {
    background-color: rgb(var(--ui-danger-200) / .6)
}

html .tailwind-area .hover\:bg-danger-200\/65:hover {
    background-color: rgb(var(--ui-danger-200) / .65)
}

html .tailwind-area .hover\:bg-danger-200\/70:hover {
    background-color: rgb(var(--ui-danger-200) / .7)
}

html .tailwind-area .hover\:bg-danger-200\/75:hover {
    background-color: rgb(var(--ui-danger-200) / .75)
}

html .tailwind-area .hover\:bg-danger-200\/80:hover {
    background-color: rgb(var(--ui-danger-200) / .8)
}

html .tailwind-area .hover\:bg-danger-200\/85:hover {
    background-color: rgb(var(--ui-danger-200) / .85)
}

html .tailwind-area .hover\:bg-danger-200\/90:hover {
    background-color: rgb(var(--ui-danger-200) / .9)
}

html .tailwind-area .hover\:bg-danger-200\/95:hover {
    background-color: rgb(var(--ui-danger-200) / .95)
}

html .tailwind-area .hover\:bg-danger-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-danger-300) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-danger-300\/0:hover {
    background-color: rgb(var(--ui-danger-300) / 0)
}

html .tailwind-area .hover\:bg-danger-300\/10:hover {
    background-color: rgb(var(--ui-danger-300) / .1)
}

html .tailwind-area .hover\:bg-danger-300\/100:hover {
    background-color: rgb(var(--ui-danger-300) / 1)
}

html .tailwind-area .hover\:bg-danger-300\/15:hover {
    background-color: rgb(var(--ui-danger-300) / .15)
}

html .tailwind-area .hover\:bg-danger-300\/20:hover {
    background-color: rgb(var(--ui-danger-300) / .2)
}

html .tailwind-area .hover\:bg-danger-300\/25:hover {
    background-color: rgb(var(--ui-danger-300) / .25)
}

html .tailwind-area .hover\:bg-danger-300\/30:hover {
    background-color: rgb(var(--ui-danger-300) / .3)
}

html .tailwind-area .hover\:bg-danger-300\/35:hover {
    background-color: rgb(var(--ui-danger-300) / .35)
}

html .tailwind-area .hover\:bg-danger-300\/40:hover {
    background-color: rgb(var(--ui-danger-300) / .4)
}

html .tailwind-area .hover\:bg-danger-300\/45:hover {
    background-color: rgb(var(--ui-danger-300) / .45)
}

html .tailwind-area .hover\:bg-danger-300\/5:hover {
    background-color: rgb(var(--ui-danger-300) / .05)
}

html .tailwind-area .hover\:bg-danger-300\/50:hover {
    background-color: rgb(var(--ui-danger-300) / .5)
}

html .tailwind-area .hover\:bg-danger-300\/55:hover {
    background-color: rgb(var(--ui-danger-300) / .55)
}

html .tailwind-area .hover\:bg-danger-300\/60:hover {
    background-color: rgb(var(--ui-danger-300) / .6)
}

html .tailwind-area .hover\:bg-danger-300\/65:hover {
    background-color: rgb(var(--ui-danger-300) / .65)
}

html .tailwind-area .hover\:bg-danger-300\/70:hover {
    background-color: rgb(var(--ui-danger-300) / .7)
}

html .tailwind-area .hover\:bg-danger-300\/75:hover {
    background-color: rgb(var(--ui-danger-300) / .75)
}

html .tailwind-area .hover\:bg-danger-300\/80:hover {
    background-color: rgb(var(--ui-danger-300) / .8)
}

html .tailwind-area .hover\:bg-danger-300\/85:hover {
    background-color: rgb(var(--ui-danger-300) / .85)
}

html .tailwind-area .hover\:bg-danger-300\/90:hover {
    background-color: rgb(var(--ui-danger-300) / .9)
}

html .tailwind-area .hover\:bg-danger-300\/95:hover {
    background-color: rgb(var(--ui-danger-300) / .95)
}

html .tailwind-area .hover\:bg-danger-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-danger-400) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-danger-400\/0:hover {
    background-color: rgb(var(--ui-danger-400) / 0)
}

html .tailwind-area .hover\:bg-danger-400\/10:hover {
    background-color: rgb(var(--ui-danger-400) / .1)
}

html .tailwind-area .hover\:bg-danger-400\/100:hover {
    background-color: rgb(var(--ui-danger-400) / 1)
}

html .tailwind-area .hover\:bg-danger-400\/15:hover {
    background-color: rgb(var(--ui-danger-400) / .15)
}

html .tailwind-area .hover\:bg-danger-400\/20:hover {
    background-color: rgb(var(--ui-danger-400) / .2)
}

html .tailwind-area .hover\:bg-danger-400\/25:hover {
    background-color: rgb(var(--ui-danger-400) / .25)
}

html .tailwind-area .hover\:bg-danger-400\/30:hover {
    background-color: rgb(var(--ui-danger-400) / .3)
}

html .tailwind-area .hover\:bg-danger-400\/35:hover {
    background-color: rgb(var(--ui-danger-400) / .35)
}

html .tailwind-area .hover\:bg-danger-400\/40:hover {
    background-color: rgb(var(--ui-danger-400) / .4)
}

html .tailwind-area .hover\:bg-danger-400\/45:hover {
    background-color: rgb(var(--ui-danger-400) / .45)
}

html .tailwind-area .hover\:bg-danger-400\/5:hover {
    background-color: rgb(var(--ui-danger-400) / .05)
}

html .tailwind-area .hover\:bg-danger-400\/50:hover {
    background-color: rgb(var(--ui-danger-400) / .5)
}

html .tailwind-area .hover\:bg-danger-400\/55:hover {
    background-color: rgb(var(--ui-danger-400) / .55)
}

html .tailwind-area .hover\:bg-danger-400\/60:hover {
    background-color: rgb(var(--ui-danger-400) / .6)
}

html .tailwind-area .hover\:bg-danger-400\/65:hover {
    background-color: rgb(var(--ui-danger-400) / .65)
}

html .tailwind-area .hover\:bg-danger-400\/70:hover {
    background-color: rgb(var(--ui-danger-400) / .7)
}

html .tailwind-area .hover\:bg-danger-400\/75:hover {
    background-color: rgb(var(--ui-danger-400) / .75)
}

html .tailwind-area .hover\:bg-danger-400\/80:hover {
    background-color: rgb(var(--ui-danger-400) / .8)
}

html .tailwind-area .hover\:bg-danger-400\/85:hover {
    background-color: rgb(var(--ui-danger-400) / .85)
}

html .tailwind-area .hover\:bg-danger-400\/90:hover {
    background-color: rgb(var(--ui-danger-400) / .9)
}

html .tailwind-area .hover\:bg-danger-400\/95:hover {
    background-color: rgb(var(--ui-danger-400) / .95)
}

html .tailwind-area .hover\:bg-danger-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-danger-50) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-danger-50\/0:hover {
    background-color: rgb(var(--ui-danger-50) / 0)
}

html .tailwind-area .hover\:bg-danger-50\/10:hover {
    background-color: rgb(var(--ui-danger-50) / .1)
}

html .tailwind-area .hover\:bg-danger-50\/100:hover {
    background-color: rgb(var(--ui-danger-50) / 1)
}

html .tailwind-area .hover\:bg-danger-50\/15:hover {
    background-color: rgb(var(--ui-danger-50) / .15)
}

html .tailwind-area .hover\:bg-danger-50\/20:hover {
    background-color: rgb(var(--ui-danger-50) / .2)
}

html .tailwind-area .hover\:bg-danger-50\/25:hover {
    background-color: rgb(var(--ui-danger-50) / .25)
}

html .tailwind-area .hover\:bg-danger-50\/30:hover {
    background-color: rgb(var(--ui-danger-50) / .3)
}

html .tailwind-area .hover\:bg-danger-50\/35:hover {
    background-color: rgb(var(--ui-danger-50) / .35)
}

html .tailwind-area .hover\:bg-danger-50\/40:hover {
    background-color: rgb(var(--ui-danger-50) / .4)
}

html .tailwind-area .hover\:bg-danger-50\/45:hover {
    background-color: rgb(var(--ui-danger-50) / .45)
}

html .tailwind-area .hover\:bg-danger-50\/5:hover {
    background-color: rgb(var(--ui-danger-50) / .05)
}

html .tailwind-area .hover\:bg-danger-50\/50:hover {
    background-color: rgb(var(--ui-danger-50) / .5)
}

html .tailwind-area .hover\:bg-danger-50\/55:hover {
    background-color: rgb(var(--ui-danger-50) / .55)
}

html .tailwind-area .hover\:bg-danger-50\/60:hover {
    background-color: rgb(var(--ui-danger-50) / .6)
}

html .tailwind-area .hover\:bg-danger-50\/65:hover {
    background-color: rgb(var(--ui-danger-50) / .65)
}

html .tailwind-area .hover\:bg-danger-50\/70:hover {
    background-color: rgb(var(--ui-danger-50) / .7)
}

html .tailwind-area .hover\:bg-danger-50\/75:hover {
    background-color: rgb(var(--ui-danger-50) / .75)
}

html .tailwind-area .hover\:bg-danger-50\/80:hover {
    background-color: rgb(var(--ui-danger-50) / .8)
}

html .tailwind-area .hover\:bg-danger-50\/85:hover {
    background-color: rgb(var(--ui-danger-50) / .85)
}

html .tailwind-area .hover\:bg-danger-50\/90:hover {
    background-color: rgb(var(--ui-danger-50) / .9)
}

html .tailwind-area .hover\:bg-danger-50\/95:hover {
    background-color: rgb(var(--ui-danger-50) / .95)
}

html .tailwind-area .hover\:bg-danger-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-danger-500) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-danger-500\/0:hover {
    background-color: rgb(var(--ui-danger-500) / 0)
}

html .tailwind-area .hover\:bg-danger-500\/10:hover {
    background-color: rgb(var(--ui-danger-500) / .1)
}

html .tailwind-area .hover\:bg-danger-500\/100:hover {
    background-color: rgb(var(--ui-danger-500) / 1)
}

html .tailwind-area .hover\:bg-danger-500\/15:hover {
    background-color: rgb(var(--ui-danger-500) / .15)
}

html .tailwind-area .hover\:bg-danger-500\/20:hover {
    background-color: rgb(var(--ui-danger-500) / .2)
}

html .tailwind-area .hover\:bg-danger-500\/25:hover {
    background-color: rgb(var(--ui-danger-500) / .25)
}

html .tailwind-area .hover\:bg-danger-500\/30:hover {
    background-color: rgb(var(--ui-danger-500) / .3)
}

html .tailwind-area .hover\:bg-danger-500\/35:hover {
    background-color: rgb(var(--ui-danger-500) / .35)
}

html .tailwind-area .hover\:bg-danger-500\/40:hover {
    background-color: rgb(var(--ui-danger-500) / .4)
}

html .tailwind-area .hover\:bg-danger-500\/45:hover {
    background-color: rgb(var(--ui-danger-500) / .45)
}

html .tailwind-area .hover\:bg-danger-500\/5:hover {
    background-color: rgb(var(--ui-danger-500) / .05)
}

html .tailwind-area .hover\:bg-danger-500\/50:hover {
    background-color: rgb(var(--ui-danger-500) / .5)
}

html .tailwind-area .hover\:bg-danger-500\/55:hover {
    background-color: rgb(var(--ui-danger-500) / .55)
}

html .tailwind-area .hover\:bg-danger-500\/60:hover {
    background-color: rgb(var(--ui-danger-500) / .6)
}

html .tailwind-area .hover\:bg-danger-500\/65:hover {
    background-color: rgb(var(--ui-danger-500) / .65)
}

html .tailwind-area .hover\:bg-danger-500\/70:hover {
    background-color: rgb(var(--ui-danger-500) / .7)
}

html .tailwind-area .hover\:bg-danger-500\/75:hover {
    background-color: rgb(var(--ui-danger-500) / .75)
}

html .tailwind-area .hover\:bg-danger-500\/80:hover {
    background-color: rgb(var(--ui-danger-500) / .8)
}

html .tailwind-area .hover\:bg-danger-500\/85:hover {
    background-color: rgb(var(--ui-danger-500) / .85)
}

html .tailwind-area .hover\:bg-danger-500\/90:hover {
    background-color: rgb(var(--ui-danger-500) / .9)
}

html .tailwind-area .hover\:bg-danger-500\/95:hover {
    background-color: rgb(var(--ui-danger-500) / .95)
}

html .tailwind-area .hover\:bg-danger-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-danger-600) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-danger-600\/0:hover {
    background-color: rgb(var(--ui-danger-600) / 0)
}

html .tailwind-area .hover\:bg-danger-600\/10:hover {
    background-color: rgb(var(--ui-danger-600) / .1)
}

html .tailwind-area .hover\:bg-danger-600\/100:hover {
    background-color: rgb(var(--ui-danger-600) / 1)
}

html .tailwind-area .hover\:bg-danger-600\/15:hover {
    background-color: rgb(var(--ui-danger-600) / .15)
}

html .tailwind-area .hover\:bg-danger-600\/20:hover {
    background-color: rgb(var(--ui-danger-600) / .2)
}

html .tailwind-area .hover\:bg-danger-600\/25:hover {
    background-color: rgb(var(--ui-danger-600) / .25)
}

html .tailwind-area .hover\:bg-danger-600\/30:hover {
    background-color: rgb(var(--ui-danger-600) / .3)
}

html .tailwind-area .hover\:bg-danger-600\/35:hover {
    background-color: rgb(var(--ui-danger-600) / .35)
}

html .tailwind-area .hover\:bg-danger-600\/40:hover {
    background-color: rgb(var(--ui-danger-600) / .4)
}

html .tailwind-area .hover\:bg-danger-600\/45:hover {
    background-color: rgb(var(--ui-danger-600) / .45)
}

html .tailwind-area .hover\:bg-danger-600\/5:hover {
    background-color: rgb(var(--ui-danger-600) / .05)
}

html .tailwind-area .hover\:bg-danger-600\/50:hover {
    background-color: rgb(var(--ui-danger-600) / .5)
}

html .tailwind-area .hover\:bg-danger-600\/55:hover {
    background-color: rgb(var(--ui-danger-600) / .55)
}

html .tailwind-area .hover\:bg-danger-600\/60:hover {
    background-color: rgb(var(--ui-danger-600) / .6)
}

html .tailwind-area .hover\:bg-danger-600\/65:hover {
    background-color: rgb(var(--ui-danger-600) / .65)
}

html .tailwind-area .hover\:bg-danger-600\/70:hover {
    background-color: rgb(var(--ui-danger-600) / .7)
}

html .tailwind-area .hover\:bg-danger-600\/75:hover {
    background-color: rgb(var(--ui-danger-600) / .75)
}

html .tailwind-area .hover\:bg-danger-600\/80:hover {
    background-color: rgb(var(--ui-danger-600) / .8)
}

html .tailwind-area .hover\:bg-danger-600\/85:hover {
    background-color: rgb(var(--ui-danger-600) / .85)
}

html .tailwind-area .hover\:bg-danger-600\/90:hover {
    background-color: rgb(var(--ui-danger-600) / .9)
}

html .tailwind-area .hover\:bg-danger-600\/95:hover {
    background-color: rgb(var(--ui-danger-600) / .95)
}

html .tailwind-area .hover\:bg-danger-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-danger-700) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-danger-700\/0:hover {
    background-color: rgb(var(--ui-danger-700) / 0)
}

html .tailwind-area .hover\:bg-danger-700\/10:hover {
    background-color: rgb(var(--ui-danger-700) / .1)
}

html .tailwind-area .hover\:bg-danger-700\/100:hover {
    background-color: rgb(var(--ui-danger-700) / 1)
}

html .tailwind-area .hover\:bg-danger-700\/15:hover {
    background-color: rgb(var(--ui-danger-700) / .15)
}

html .tailwind-area .hover\:bg-danger-700\/20:hover {
    background-color: rgb(var(--ui-danger-700) / .2)
}

html .tailwind-area .hover\:bg-danger-700\/25:hover {
    background-color: rgb(var(--ui-danger-700) / .25)
}

html .tailwind-area .hover\:bg-danger-700\/30:hover {
    background-color: rgb(var(--ui-danger-700) / .3)
}

html .tailwind-area .hover\:bg-danger-700\/35:hover {
    background-color: rgb(var(--ui-danger-700) / .35)
}

html .tailwind-area .hover\:bg-danger-700\/40:hover {
    background-color: rgb(var(--ui-danger-700) / .4)
}

html .tailwind-area .hover\:bg-danger-700\/45:hover {
    background-color: rgb(var(--ui-danger-700) / .45)
}

html .tailwind-area .hover\:bg-danger-700\/5:hover {
    background-color: rgb(var(--ui-danger-700) / .05)
}

html .tailwind-area .hover\:bg-danger-700\/50:hover {
    background-color: rgb(var(--ui-danger-700) / .5)
}

html .tailwind-area .hover\:bg-danger-700\/55:hover {
    background-color: rgb(var(--ui-danger-700) / .55)
}

html .tailwind-area .hover\:bg-danger-700\/60:hover {
    background-color: rgb(var(--ui-danger-700) / .6)
}

html .tailwind-area .hover\:bg-danger-700\/65:hover {
    background-color: rgb(var(--ui-danger-700) / .65)
}

html .tailwind-area .hover\:bg-danger-700\/70:hover {
    background-color: rgb(var(--ui-danger-700) / .7)
}

html .tailwind-area .hover\:bg-danger-700\/75:hover {
    background-color: rgb(var(--ui-danger-700) / .75)
}

html .tailwind-area .hover\:bg-danger-700\/80:hover {
    background-color: rgb(var(--ui-danger-700) / .8)
}

html .tailwind-area .hover\:bg-danger-700\/85:hover {
    background-color: rgb(var(--ui-danger-700) / .85)
}

html .tailwind-area .hover\:bg-danger-700\/90:hover {
    background-color: rgb(var(--ui-danger-700) / .9)
}

html .tailwind-area .hover\:bg-danger-700\/95:hover {
    background-color: rgb(var(--ui-danger-700) / .95)
}

html .tailwind-area .hover\:bg-danger-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-danger-800) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-danger-800\/0:hover {
    background-color: rgb(var(--ui-danger-800) / 0)
}

html .tailwind-area .hover\:bg-danger-800\/10:hover {
    background-color: rgb(var(--ui-danger-800) / .1)
}

html .tailwind-area .hover\:bg-danger-800\/100:hover {
    background-color: rgb(var(--ui-danger-800) / 1)
}

html .tailwind-area .hover\:bg-danger-800\/15:hover {
    background-color: rgb(var(--ui-danger-800) / .15)
}

html .tailwind-area .hover\:bg-danger-800\/20:hover {
    background-color: rgb(var(--ui-danger-800) / .2)
}

html .tailwind-area .hover\:bg-danger-800\/25:hover {
    background-color: rgb(var(--ui-danger-800) / .25)
}

html .tailwind-area .hover\:bg-danger-800\/30:hover {
    background-color: rgb(var(--ui-danger-800) / .3)
}

html .tailwind-area .hover\:bg-danger-800\/35:hover {
    background-color: rgb(var(--ui-danger-800) / .35)
}

html .tailwind-area .hover\:bg-danger-800\/40:hover {
    background-color: rgb(var(--ui-danger-800) / .4)
}

html .tailwind-area .hover\:bg-danger-800\/45:hover {
    background-color: rgb(var(--ui-danger-800) / .45)
}

html .tailwind-area .hover\:bg-danger-800\/5:hover {
    background-color: rgb(var(--ui-danger-800) / .05)
}

html .tailwind-area .hover\:bg-danger-800\/50:hover {
    background-color: rgb(var(--ui-danger-800) / .5)
}

html .tailwind-area .hover\:bg-danger-800\/55:hover {
    background-color: rgb(var(--ui-danger-800) / .55)
}

html .tailwind-area .hover\:bg-danger-800\/60:hover {
    background-color: rgb(var(--ui-danger-800) / .6)
}

html .tailwind-area .hover\:bg-danger-800\/65:hover {
    background-color: rgb(var(--ui-danger-800) / .65)
}

html .tailwind-area .hover\:bg-danger-800\/70:hover {
    background-color: rgb(var(--ui-danger-800) / .7)
}

html .tailwind-area .hover\:bg-danger-800\/75:hover {
    background-color: rgb(var(--ui-danger-800) / .75)
}

html .tailwind-area .hover\:bg-danger-800\/80:hover {
    background-color: rgb(var(--ui-danger-800) / .8)
}

html .tailwind-area .hover\:bg-danger-800\/85:hover {
    background-color: rgb(var(--ui-danger-800) / .85)
}

html .tailwind-area .hover\:bg-danger-800\/90:hover {
    background-color: rgb(var(--ui-danger-800) / .9)
}

html .tailwind-area .hover\:bg-danger-800\/95:hover {
    background-color: rgb(var(--ui-danger-800) / .95)
}

html .tailwind-area .hover\:bg-danger-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-danger-900) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-danger-900\/0:hover {
    background-color: rgb(var(--ui-danger-900) / 0)
}

html .tailwind-area .hover\:bg-danger-900\/10:hover {
    background-color: rgb(var(--ui-danger-900) / .1)
}

html .tailwind-area .hover\:bg-danger-900\/100:hover {
    background-color: rgb(var(--ui-danger-900) / 1)
}

html .tailwind-area .hover\:bg-danger-900\/15:hover {
    background-color: rgb(var(--ui-danger-900) / .15)
}

html .tailwind-area .hover\:bg-danger-900\/20:hover {
    background-color: rgb(var(--ui-danger-900) / .2)
}

html .tailwind-area .hover\:bg-danger-900\/25:hover {
    background-color: rgb(var(--ui-danger-900) / .25)
}

html .tailwind-area .hover\:bg-danger-900\/30:hover {
    background-color: rgb(var(--ui-danger-900) / .3)
}

html .tailwind-area .hover\:bg-danger-900\/35:hover {
    background-color: rgb(var(--ui-danger-900) / .35)
}

html .tailwind-area .hover\:bg-danger-900\/40:hover {
    background-color: rgb(var(--ui-danger-900) / .4)
}

html .tailwind-area .hover\:bg-danger-900\/45:hover {
    background-color: rgb(var(--ui-danger-900) / .45)
}

html .tailwind-area .hover\:bg-danger-900\/5:hover {
    background-color: rgb(var(--ui-danger-900) / .05)
}

html .tailwind-area .hover\:bg-danger-900\/50:hover {
    background-color: rgb(var(--ui-danger-900) / .5)
}

html .tailwind-area .hover\:bg-danger-900\/55:hover {
    background-color: rgb(var(--ui-danger-900) / .55)
}

html .tailwind-area .hover\:bg-danger-900\/60:hover {
    background-color: rgb(var(--ui-danger-900) / .6)
}

html .tailwind-area .hover\:bg-danger-900\/65:hover {
    background-color: rgb(var(--ui-danger-900) / .65)
}

html .tailwind-area .hover\:bg-danger-900\/70:hover {
    background-color: rgb(var(--ui-danger-900) / .7)
}

html .tailwind-area .hover\:bg-danger-900\/75:hover {
    background-color: rgb(var(--ui-danger-900) / .75)
}

html .tailwind-area .hover\:bg-danger-900\/80:hover {
    background-color: rgb(var(--ui-danger-900) / .8)
}

html .tailwind-area .hover\:bg-danger-900\/85:hover {
    background-color: rgb(var(--ui-danger-900) / .85)
}

html .tailwind-area .hover\:bg-danger-900\/90:hover {
    background-color: rgb(var(--ui-danger-900) / .9)
}

html .tailwind-area .hover\:bg-danger-900\/95:hover {
    background-color: rgb(var(--ui-danger-900) / .95)
}

html .tailwind-area .hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-gray-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(156 163 175 / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-gray-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-layout-color-200\/25:hover {
    background-color: rgb(var(--ui-layout-color-200) / .25)
}

html .tailwind-area .hover\:bg-layout-color-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-layout-color-400) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-layout-color-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-layout-color-600) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-neutral-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-neutral-100) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-neutral-100\/0:hover {
    background-color: rgb(var(--ui-neutral-100) / 0)
}

html .tailwind-area .hover\:bg-neutral-100\/10:hover {
    background-color: rgb(var(--ui-neutral-100) / .1)
}

html .tailwind-area .hover\:bg-neutral-100\/100:hover {
    background-color: rgb(var(--ui-neutral-100) / 1)
}

html .tailwind-area .hover\:bg-neutral-100\/15:hover {
    background-color: rgb(var(--ui-neutral-100) / .15)
}

html .tailwind-area .hover\:bg-neutral-100\/20:hover {
    background-color: rgb(var(--ui-neutral-100) / .2)
}

html .tailwind-area .hover\:bg-neutral-100\/25:hover {
    background-color: rgb(var(--ui-neutral-100) / .25)
}

html .tailwind-area .hover\:bg-neutral-100\/30:hover {
    background-color: rgb(var(--ui-neutral-100) / .3)
}

html .tailwind-area .hover\:bg-neutral-100\/35:hover {
    background-color: rgb(var(--ui-neutral-100) / .35)
}

html .tailwind-area .hover\:bg-neutral-100\/40:hover {
    background-color: rgb(var(--ui-neutral-100) / .4)
}

html .tailwind-area .hover\:bg-neutral-100\/45:hover {
    background-color: rgb(var(--ui-neutral-100) / .45)
}

html .tailwind-area .hover\:bg-neutral-100\/5:hover {
    background-color: rgb(var(--ui-neutral-100) / .05)
}

html .tailwind-area .hover\:bg-neutral-100\/50:hover {
    background-color: rgb(var(--ui-neutral-100) / .5)
}

html .tailwind-area .hover\:bg-neutral-100\/55:hover {
    background-color: rgb(var(--ui-neutral-100) / .55)
}

html .tailwind-area .hover\:bg-neutral-100\/60:hover {
    background-color: rgb(var(--ui-neutral-100) / .6)
}

html .tailwind-area .hover\:bg-neutral-100\/65:hover {
    background-color: rgb(var(--ui-neutral-100) / .65)
}

html .tailwind-area .hover\:bg-neutral-100\/70:hover {
    background-color: rgb(var(--ui-neutral-100) / .7)
}

html .tailwind-area .hover\:bg-neutral-100\/75:hover {
    background-color: rgb(var(--ui-neutral-100) / .75)
}

html .tailwind-area .hover\:bg-neutral-100\/80:hover {
    background-color: rgb(var(--ui-neutral-100) / .8)
}

html .tailwind-area .hover\:bg-neutral-100\/85:hover {
    background-color: rgb(var(--ui-neutral-100) / .85)
}

html .tailwind-area .hover\:bg-neutral-100\/90:hover {
    background-color: rgb(var(--ui-neutral-100) / .9)
}

html .tailwind-area .hover\:bg-neutral-100\/95:hover {
    background-color: rgb(var(--ui-neutral-100) / .95)
}

html .tailwind-area .hover\:bg-neutral-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-neutral-200) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-neutral-200\/0:hover {
    background-color: rgb(var(--ui-neutral-200) / 0)
}

html .tailwind-area .hover\:bg-neutral-200\/10:hover {
    background-color: rgb(var(--ui-neutral-200) / .1)
}

html .tailwind-area .hover\:bg-neutral-200\/100:hover {
    background-color: rgb(var(--ui-neutral-200) / 1)
}

html .tailwind-area .hover\:bg-neutral-200\/15:hover {
    background-color: rgb(var(--ui-neutral-200) / .15)
}

html .tailwind-area .hover\:bg-neutral-200\/20:hover {
    background-color: rgb(var(--ui-neutral-200) / .2)
}

html .tailwind-area .hover\:bg-neutral-200\/25:hover {
    background-color: rgb(var(--ui-neutral-200) / .25)
}

html .tailwind-area .hover\:bg-neutral-200\/30:hover {
    background-color: rgb(var(--ui-neutral-200) / .3)
}

html .tailwind-area .hover\:bg-neutral-200\/35:hover {
    background-color: rgb(var(--ui-neutral-200) / .35)
}

html .tailwind-area .hover\:bg-neutral-200\/40:hover {
    background-color: rgb(var(--ui-neutral-200) / .4)
}

html .tailwind-area .hover\:bg-neutral-200\/45:hover {
    background-color: rgb(var(--ui-neutral-200) / .45)
}

html .tailwind-area .hover\:bg-neutral-200\/5:hover {
    background-color: rgb(var(--ui-neutral-200) / .05)
}

html .tailwind-area .hover\:bg-neutral-200\/50:hover {
    background-color: rgb(var(--ui-neutral-200) / .5)
}

html .tailwind-area .hover\:bg-neutral-200\/55:hover {
    background-color: rgb(var(--ui-neutral-200) / .55)
}

html .tailwind-area .hover\:bg-neutral-200\/60:hover {
    background-color: rgb(var(--ui-neutral-200) / .6)
}

html .tailwind-area .hover\:bg-neutral-200\/65:hover {
    background-color: rgb(var(--ui-neutral-200) / .65)
}

html .tailwind-area .hover\:bg-neutral-200\/70:hover {
    background-color: rgb(var(--ui-neutral-200) / .7)
}

html .tailwind-area .hover\:bg-neutral-200\/75:hover {
    background-color: rgb(var(--ui-neutral-200) / .75)
}

html .tailwind-area .hover\:bg-neutral-200\/80:hover {
    background-color: rgb(var(--ui-neutral-200) / .8)
}

html .tailwind-area .hover\:bg-neutral-200\/85:hover {
    background-color: rgb(var(--ui-neutral-200) / .85)
}

html .tailwind-area .hover\:bg-neutral-200\/90:hover {
    background-color: rgb(var(--ui-neutral-200) / .9)
}

html .tailwind-area .hover\:bg-neutral-200\/95:hover {
    background-color: rgb(var(--ui-neutral-200) / .95)
}

html .tailwind-area .hover\:bg-neutral-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-neutral-300) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-neutral-300\/0:hover {
    background-color: rgb(var(--ui-neutral-300) / 0)
}

html .tailwind-area .hover\:bg-neutral-300\/10:hover {
    background-color: rgb(var(--ui-neutral-300) / .1)
}

html .tailwind-area .hover\:bg-neutral-300\/100:hover {
    background-color: rgb(var(--ui-neutral-300) / 1)
}

html .tailwind-area .hover\:bg-neutral-300\/15:hover {
    background-color: rgb(var(--ui-neutral-300) / .15)
}

html .tailwind-area .hover\:bg-neutral-300\/20:hover {
    background-color: rgb(var(--ui-neutral-300) / .2)
}

html .tailwind-area .hover\:bg-neutral-300\/25:hover {
    background-color: rgb(var(--ui-neutral-300) / .25)
}

html .tailwind-area .hover\:bg-neutral-300\/30:hover {
    background-color: rgb(var(--ui-neutral-300) / .3)
}

html .tailwind-area .hover\:bg-neutral-300\/35:hover {
    background-color: rgb(var(--ui-neutral-300) / .35)
}

html .tailwind-area .hover\:bg-neutral-300\/40:hover {
    background-color: rgb(var(--ui-neutral-300) / .4)
}

html .tailwind-area .hover\:bg-neutral-300\/45:hover {
    background-color: rgb(var(--ui-neutral-300) / .45)
}

html .tailwind-area .hover\:bg-neutral-300\/5:hover {
    background-color: rgb(var(--ui-neutral-300) / .05)
}

html .tailwind-area .hover\:bg-neutral-300\/50:hover {
    background-color: rgb(var(--ui-neutral-300) / .5)
}

html .tailwind-area .hover\:bg-neutral-300\/55:hover {
    background-color: rgb(var(--ui-neutral-300) / .55)
}

html .tailwind-area .hover\:bg-neutral-300\/60:hover {
    background-color: rgb(var(--ui-neutral-300) / .6)
}

html .tailwind-area .hover\:bg-neutral-300\/65:hover {
    background-color: rgb(var(--ui-neutral-300) / .65)
}

html .tailwind-area .hover\:bg-neutral-300\/70:hover {
    background-color: rgb(var(--ui-neutral-300) / .7)
}

html .tailwind-area .hover\:bg-neutral-300\/75:hover {
    background-color: rgb(var(--ui-neutral-300) / .75)
}

html .tailwind-area .hover\:bg-neutral-300\/80:hover {
    background-color: rgb(var(--ui-neutral-300) / .8)
}

html .tailwind-area .hover\:bg-neutral-300\/85:hover {
    background-color: rgb(var(--ui-neutral-300) / .85)
}

html .tailwind-area .hover\:bg-neutral-300\/90:hover {
    background-color: rgb(var(--ui-neutral-300) / .9)
}

html .tailwind-area .hover\:bg-neutral-300\/95:hover {
    background-color: rgb(var(--ui-neutral-300) / .95)
}

html .tailwind-area .hover\:bg-neutral-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-neutral-400) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-neutral-400\/0:hover {
    background-color: rgb(var(--ui-neutral-400) / 0)
}

html .tailwind-area .hover\:bg-neutral-400\/10:hover {
    background-color: rgb(var(--ui-neutral-400) / .1)
}

html .tailwind-area .hover\:bg-neutral-400\/100:hover {
    background-color: rgb(var(--ui-neutral-400) / 1)
}

html .tailwind-area .hover\:bg-neutral-400\/15:hover {
    background-color: rgb(var(--ui-neutral-400) / .15)
}

html .tailwind-area .hover\:bg-neutral-400\/20:hover {
    background-color: rgb(var(--ui-neutral-400) / .2)
}

html .tailwind-area .hover\:bg-neutral-400\/25:hover {
    background-color: rgb(var(--ui-neutral-400) / .25)
}

html .tailwind-area .hover\:bg-neutral-400\/30:hover {
    background-color: rgb(var(--ui-neutral-400) / .3)
}

html .tailwind-area .hover\:bg-neutral-400\/35:hover {
    background-color: rgb(var(--ui-neutral-400) / .35)
}

html .tailwind-area .hover\:bg-neutral-400\/40:hover {
    background-color: rgb(var(--ui-neutral-400) / .4)
}

html .tailwind-area .hover\:bg-neutral-400\/45:hover {
    background-color: rgb(var(--ui-neutral-400) / .45)
}

html .tailwind-area .hover\:bg-neutral-400\/5:hover {
    background-color: rgb(var(--ui-neutral-400) / .05)
}

html .tailwind-area .hover\:bg-neutral-400\/50:hover {
    background-color: rgb(var(--ui-neutral-400) / .5)
}

html .tailwind-area .hover\:bg-neutral-400\/55:hover {
    background-color: rgb(var(--ui-neutral-400) / .55)
}

html .tailwind-area .hover\:bg-neutral-400\/60:hover {
    background-color: rgb(var(--ui-neutral-400) / .6)
}

html .tailwind-area .hover\:bg-neutral-400\/65:hover {
    background-color: rgb(var(--ui-neutral-400) / .65)
}

html .tailwind-area .hover\:bg-neutral-400\/70:hover {
    background-color: rgb(var(--ui-neutral-400) / .7)
}

html .tailwind-area .hover\:bg-neutral-400\/75:hover {
    background-color: rgb(var(--ui-neutral-400) / .75)
}

html .tailwind-area .hover\:bg-neutral-400\/80:hover {
    background-color: rgb(var(--ui-neutral-400) / .8)
}

html .tailwind-area .hover\:bg-neutral-400\/85:hover {
    background-color: rgb(var(--ui-neutral-400) / .85)
}

html .tailwind-area .hover\:bg-neutral-400\/90:hover {
    background-color: rgb(var(--ui-neutral-400) / .9)
}

html .tailwind-area .hover\:bg-neutral-400\/95:hover {
    background-color: rgb(var(--ui-neutral-400) / .95)
}

html .tailwind-area .hover\:bg-neutral-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-neutral-50) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-neutral-50\/0:hover {
    background-color: rgb(var(--ui-neutral-50) / 0)
}

html .tailwind-area .hover\:bg-neutral-50\/10:hover {
    background-color: rgb(var(--ui-neutral-50) / .1)
}

html .tailwind-area .hover\:bg-neutral-50\/100:hover {
    background-color: rgb(var(--ui-neutral-50) / 1)
}

html .tailwind-area .hover\:bg-neutral-50\/15:hover {
    background-color: rgb(var(--ui-neutral-50) / .15)
}

html .tailwind-area .hover\:bg-neutral-50\/20:hover {
    background-color: rgb(var(--ui-neutral-50) / .2)
}

html .tailwind-area .hover\:bg-neutral-50\/25:hover {
    background-color: rgb(var(--ui-neutral-50) / .25)
}

html .tailwind-area .hover\:bg-neutral-50\/30:hover {
    background-color: rgb(var(--ui-neutral-50) / .3)
}

html .tailwind-area .hover\:bg-neutral-50\/35:hover {
    background-color: rgb(var(--ui-neutral-50) / .35)
}

html .tailwind-area .hover\:bg-neutral-50\/40:hover {
    background-color: rgb(var(--ui-neutral-50) / .4)
}

html .tailwind-area .hover\:bg-neutral-50\/45:hover {
    background-color: rgb(var(--ui-neutral-50) / .45)
}

html .tailwind-area .hover\:bg-neutral-50\/5:hover {
    background-color: rgb(var(--ui-neutral-50) / .05)
}

html .tailwind-area .hover\:bg-neutral-50\/50:hover {
    background-color: rgb(var(--ui-neutral-50) / .5)
}

html .tailwind-area .hover\:bg-neutral-50\/55:hover {
    background-color: rgb(var(--ui-neutral-50) / .55)
}

html .tailwind-area .hover\:bg-neutral-50\/60:hover {
    background-color: rgb(var(--ui-neutral-50) / .6)
}

html .tailwind-area .hover\:bg-neutral-50\/65:hover {
    background-color: rgb(var(--ui-neutral-50) / .65)
}

html .tailwind-area .hover\:bg-neutral-50\/70:hover {
    background-color: rgb(var(--ui-neutral-50) / .7)
}

html .tailwind-area .hover\:bg-neutral-50\/75:hover {
    background-color: rgb(var(--ui-neutral-50) / .75)
}

html .tailwind-area .hover\:bg-neutral-50\/80:hover {
    background-color: rgb(var(--ui-neutral-50) / .8)
}

html .tailwind-area .hover\:bg-neutral-50\/85:hover {
    background-color: rgb(var(--ui-neutral-50) / .85)
}

html .tailwind-area .hover\:bg-neutral-50\/90:hover {
    background-color: rgb(var(--ui-neutral-50) / .9)
}

html .tailwind-area .hover\:bg-neutral-50\/95:hover {
    background-color: rgb(var(--ui-neutral-50) / .95)
}

html .tailwind-area .hover\:bg-neutral-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-neutral-500) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-neutral-500\/0:hover {
    background-color: rgb(var(--ui-neutral-500) / 0)
}

html .tailwind-area .hover\:bg-neutral-500\/10:hover {
    background-color: rgb(var(--ui-neutral-500) / .1)
}

html .tailwind-area .hover\:bg-neutral-500\/100:hover {
    background-color: rgb(var(--ui-neutral-500) / 1)
}

html .tailwind-area .hover\:bg-neutral-500\/15:hover {
    background-color: rgb(var(--ui-neutral-500) / .15)
}

html .tailwind-area .hover\:bg-neutral-500\/20:hover {
    background-color: rgb(var(--ui-neutral-500) / .2)
}

html .tailwind-area .hover\:bg-neutral-500\/25:hover {
    background-color: rgb(var(--ui-neutral-500) / .25)
}

html .tailwind-area .hover\:bg-neutral-500\/30:hover {
    background-color: rgb(var(--ui-neutral-500) / .3)
}

html .tailwind-area .hover\:bg-neutral-500\/35:hover {
    background-color: rgb(var(--ui-neutral-500) / .35)
}

html .tailwind-area .hover\:bg-neutral-500\/40:hover {
    background-color: rgb(var(--ui-neutral-500) / .4)
}

html .tailwind-area .hover\:bg-neutral-500\/45:hover {
    background-color: rgb(var(--ui-neutral-500) / .45)
}

html .tailwind-area .hover\:bg-neutral-500\/5:hover {
    background-color: rgb(var(--ui-neutral-500) / .05)
}

html .tailwind-area .hover\:bg-neutral-500\/50:hover {
    background-color: rgb(var(--ui-neutral-500) / .5)
}

html .tailwind-area .hover\:bg-neutral-500\/55:hover {
    background-color: rgb(var(--ui-neutral-500) / .55)
}

html .tailwind-area .hover\:bg-neutral-500\/60:hover {
    background-color: rgb(var(--ui-neutral-500) / .6)
}

html .tailwind-area .hover\:bg-neutral-500\/65:hover {
    background-color: rgb(var(--ui-neutral-500) / .65)
}

html .tailwind-area .hover\:bg-neutral-500\/70:hover {
    background-color: rgb(var(--ui-neutral-500) / .7)
}

html .tailwind-area .hover\:bg-neutral-500\/75:hover {
    background-color: rgb(var(--ui-neutral-500) / .75)
}

html .tailwind-area .hover\:bg-neutral-500\/80:hover {
    background-color: rgb(var(--ui-neutral-500) / .8)
}

html .tailwind-area .hover\:bg-neutral-500\/85:hover {
    background-color: rgb(var(--ui-neutral-500) / .85)
}

html .tailwind-area .hover\:bg-neutral-500\/90:hover {
    background-color: rgb(var(--ui-neutral-500) / .9)
}

html .tailwind-area .hover\:bg-neutral-500\/95:hover {
    background-color: rgb(var(--ui-neutral-500) / .95)
}

html .tailwind-area .hover\:bg-neutral-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-neutral-600) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-neutral-600\/0:hover {
    background-color: rgb(var(--ui-neutral-600) / 0)
}

html .tailwind-area .hover\:bg-neutral-600\/10:hover {
    background-color: rgb(var(--ui-neutral-600) / .1)
}

html .tailwind-area .hover\:bg-neutral-600\/100:hover {
    background-color: rgb(var(--ui-neutral-600) / 1)
}

html .tailwind-area .hover\:bg-neutral-600\/15:hover {
    background-color: rgb(var(--ui-neutral-600) / .15)
}

html .tailwind-area .hover\:bg-neutral-600\/20:hover {
    background-color: rgb(var(--ui-neutral-600) / .2)
}

html .tailwind-area .hover\:bg-neutral-600\/25:hover {
    background-color: rgb(var(--ui-neutral-600) / .25)
}

html .tailwind-area .hover\:bg-neutral-600\/30:hover {
    background-color: rgb(var(--ui-neutral-600) / .3)
}

html .tailwind-area .hover\:bg-neutral-600\/35:hover {
    background-color: rgb(var(--ui-neutral-600) / .35)
}

html .tailwind-area .hover\:bg-neutral-600\/40:hover {
    background-color: rgb(var(--ui-neutral-600) / .4)
}

html .tailwind-area .hover\:bg-neutral-600\/45:hover {
    background-color: rgb(var(--ui-neutral-600) / .45)
}

html .tailwind-area .hover\:bg-neutral-600\/5:hover {
    background-color: rgb(var(--ui-neutral-600) / .05)
}

html .tailwind-area .hover\:bg-neutral-600\/50:hover {
    background-color: rgb(var(--ui-neutral-600) / .5)
}

html .tailwind-area .hover\:bg-neutral-600\/55:hover {
    background-color: rgb(var(--ui-neutral-600) / .55)
}

html .tailwind-area .hover\:bg-neutral-600\/60:hover {
    background-color: rgb(var(--ui-neutral-600) / .6)
}

html .tailwind-area .hover\:bg-neutral-600\/65:hover {
    background-color: rgb(var(--ui-neutral-600) / .65)
}

html .tailwind-area .hover\:bg-neutral-600\/70:hover {
    background-color: rgb(var(--ui-neutral-600) / .7)
}

html .tailwind-area .hover\:bg-neutral-600\/75:hover {
    background-color: rgb(var(--ui-neutral-600) / .75)
}

html .tailwind-area .hover\:bg-neutral-600\/80:hover {
    background-color: rgb(var(--ui-neutral-600) / .8)
}

html .tailwind-area .hover\:bg-neutral-600\/85:hover {
    background-color: rgb(var(--ui-neutral-600) / .85)
}

html .tailwind-area .hover\:bg-neutral-600\/90:hover {
    background-color: rgb(var(--ui-neutral-600) / .9)
}

html .tailwind-area .hover\:bg-neutral-600\/95:hover {
    background-color: rgb(var(--ui-neutral-600) / .95)
}

html .tailwind-area .hover\:bg-neutral-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-neutral-700) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-neutral-700\/0:hover {
    background-color: rgb(var(--ui-neutral-700) / 0)
}

html .tailwind-area .hover\:bg-neutral-700\/10:hover {
    background-color: rgb(var(--ui-neutral-700) / .1)
}

html .tailwind-area .hover\:bg-neutral-700\/100:hover {
    background-color: rgb(var(--ui-neutral-700) / 1)
}

html .tailwind-area .hover\:bg-neutral-700\/15:hover {
    background-color: rgb(var(--ui-neutral-700) / .15)
}

html .tailwind-area .hover\:bg-neutral-700\/20:hover {
    background-color: rgb(var(--ui-neutral-700) / .2)
}

html .tailwind-area .hover\:bg-neutral-700\/25:hover {
    background-color: rgb(var(--ui-neutral-700) / .25)
}

html .tailwind-area .hover\:bg-neutral-700\/30:hover {
    background-color: rgb(var(--ui-neutral-700) / .3)
}

html .tailwind-area .hover\:bg-neutral-700\/35:hover {
    background-color: rgb(var(--ui-neutral-700) / .35)
}

html .tailwind-area .hover\:bg-neutral-700\/40:hover {
    background-color: rgb(var(--ui-neutral-700) / .4)
}

html .tailwind-area .hover\:bg-neutral-700\/45:hover {
    background-color: rgb(var(--ui-neutral-700) / .45)
}

html .tailwind-area .hover\:bg-neutral-700\/5:hover {
    background-color: rgb(var(--ui-neutral-700) / .05)
}

html .tailwind-area .hover\:bg-neutral-700\/50:hover {
    background-color: rgb(var(--ui-neutral-700) / .5)
}

html .tailwind-area .hover\:bg-neutral-700\/55:hover {
    background-color: rgb(var(--ui-neutral-700) / .55)
}

html .tailwind-area .hover\:bg-neutral-700\/60:hover {
    background-color: rgb(var(--ui-neutral-700) / .6)
}

html .tailwind-area .hover\:bg-neutral-700\/65:hover {
    background-color: rgb(var(--ui-neutral-700) / .65)
}

html .tailwind-area .hover\:bg-neutral-700\/70:hover {
    background-color: rgb(var(--ui-neutral-700) / .7)
}

html .tailwind-area .hover\:bg-neutral-700\/75:hover {
    background-color: rgb(var(--ui-neutral-700) / .75)
}

html .tailwind-area .hover\:bg-neutral-700\/80:hover {
    background-color: rgb(var(--ui-neutral-700) / .8)
}

html .tailwind-area .hover\:bg-neutral-700\/85:hover {
    background-color: rgb(var(--ui-neutral-700) / .85)
}

html .tailwind-area .hover\:bg-neutral-700\/90:hover {
    background-color: rgb(var(--ui-neutral-700) / .9)
}

html .tailwind-area .hover\:bg-neutral-700\/95:hover {
    background-color: rgb(var(--ui-neutral-700) / .95)
}

html .tailwind-area .hover\:bg-neutral-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-neutral-800) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-neutral-800\/0:hover {
    background-color: rgb(var(--ui-neutral-800) / 0)
}

html .tailwind-area .hover\:bg-neutral-800\/10:hover {
    background-color: rgb(var(--ui-neutral-800) / .1)
}

html .tailwind-area .hover\:bg-neutral-800\/100:hover {
    background-color: rgb(var(--ui-neutral-800) / 1)
}

html .tailwind-area .hover\:bg-neutral-800\/15:hover {
    background-color: rgb(var(--ui-neutral-800) / .15)
}

html .tailwind-area .hover\:bg-neutral-800\/20:hover {
    background-color: rgb(var(--ui-neutral-800) / .2)
}

html .tailwind-area .hover\:bg-neutral-800\/25:hover {
    background-color: rgb(var(--ui-neutral-800) / .25)
}

html .tailwind-area .hover\:bg-neutral-800\/30:hover {
    background-color: rgb(var(--ui-neutral-800) / .3)
}

html .tailwind-area .hover\:bg-neutral-800\/35:hover {
    background-color: rgb(var(--ui-neutral-800) / .35)
}

html .tailwind-area .hover\:bg-neutral-800\/40:hover {
    background-color: rgb(var(--ui-neutral-800) / .4)
}

html .tailwind-area .hover\:bg-neutral-800\/45:hover {
    background-color: rgb(var(--ui-neutral-800) / .45)
}

html .tailwind-area .hover\:bg-neutral-800\/5:hover {
    background-color: rgb(var(--ui-neutral-800) / .05)
}

html .tailwind-area .hover\:bg-neutral-800\/50:hover {
    background-color: rgb(var(--ui-neutral-800) / .5)
}

html .tailwind-area .hover\:bg-neutral-800\/55:hover {
    background-color: rgb(var(--ui-neutral-800) / .55)
}

html .tailwind-area .hover\:bg-neutral-800\/60:hover {
    background-color: rgb(var(--ui-neutral-800) / .6)
}

html .tailwind-area .hover\:bg-neutral-800\/65:hover {
    background-color: rgb(var(--ui-neutral-800) / .65)
}

html .tailwind-area .hover\:bg-neutral-800\/70:hover {
    background-color: rgb(var(--ui-neutral-800) / .7)
}

html .tailwind-area .hover\:bg-neutral-800\/75:hover {
    background-color: rgb(var(--ui-neutral-800) / .75)
}

html .tailwind-area .hover\:bg-neutral-800\/80:hover {
    background-color: rgb(var(--ui-neutral-800) / .8)
}

html .tailwind-area .hover\:bg-neutral-800\/85:hover {
    background-color: rgb(var(--ui-neutral-800) / .85)
}

html .tailwind-area .hover\:bg-neutral-800\/90:hover {
    background-color: rgb(var(--ui-neutral-800) / .9)
}

html .tailwind-area .hover\:bg-neutral-800\/95:hover {
    background-color: rgb(var(--ui-neutral-800) / .95)
}

html .tailwind-area .hover\:bg-neutral-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-neutral-900) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-neutral-900\/0:hover {
    background-color: rgb(var(--ui-neutral-900) / 0)
}

html .tailwind-area .hover\:bg-neutral-900\/10:hover {
    background-color: rgb(var(--ui-neutral-900) / .1)
}

html .tailwind-area .hover\:bg-neutral-900\/100:hover {
    background-color: rgb(var(--ui-neutral-900) / 1)
}

html .tailwind-area .hover\:bg-neutral-900\/15:hover {
    background-color: rgb(var(--ui-neutral-900) / .15)
}

html .tailwind-area .hover\:bg-neutral-900\/20:hover {
    background-color: rgb(var(--ui-neutral-900) / .2)
}

html .tailwind-area .hover\:bg-neutral-900\/25:hover {
    background-color: rgb(var(--ui-neutral-900) / .25)
}

html .tailwind-area .hover\:bg-neutral-900\/30:hover {
    background-color: rgb(var(--ui-neutral-900) / .3)
}

html .tailwind-area .hover\:bg-neutral-900\/35:hover {
    background-color: rgb(var(--ui-neutral-900) / .35)
}

html .tailwind-area .hover\:bg-neutral-900\/40:hover {
    background-color: rgb(var(--ui-neutral-900) / .4)
}

html .tailwind-area .hover\:bg-neutral-900\/45:hover {
    background-color: rgb(var(--ui-neutral-900) / .45)
}

html .tailwind-area .hover\:bg-neutral-900\/5:hover {
    background-color: rgb(var(--ui-neutral-900) / .05)
}

html .tailwind-area .hover\:bg-neutral-900\/50:hover {
    background-color: rgb(var(--ui-neutral-900) / .5)
}

html .tailwind-area .hover\:bg-neutral-900\/55:hover {
    background-color: rgb(var(--ui-neutral-900) / .55)
}

html .tailwind-area .hover\:bg-neutral-900\/60:hover {
    background-color: rgb(var(--ui-neutral-900) / .6)
}

html .tailwind-area .hover\:bg-neutral-900\/65:hover {
    background-color: rgb(var(--ui-neutral-900) / .65)
}

html .tailwind-area .hover\:bg-neutral-900\/70:hover {
    background-color: rgb(var(--ui-neutral-900) / .7)
}

html .tailwind-area .hover\:bg-neutral-900\/75:hover {
    background-color: rgb(var(--ui-neutral-900) / .75)
}

html .tailwind-area .hover\:bg-neutral-900\/80:hover {
    background-color: rgb(var(--ui-neutral-900) / .8)
}

html .tailwind-area .hover\:bg-neutral-900\/85:hover {
    background-color: rgb(var(--ui-neutral-900) / .85)
}

html .tailwind-area .hover\:bg-neutral-900\/90:hover {
    background-color: rgb(var(--ui-neutral-900) / .9)
}

html .tailwind-area .hover\:bg-neutral-900\/95:hover {
    background-color: rgb(var(--ui-neutral-900) / .95)
}

html .tailwind-area .hover\:bg-neutral-950:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(10 10 10 / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-neutral-950\/0:hover {
    background-color: #0a0a0a00
}

html .tailwind-area .hover\:bg-neutral-950\/10:hover {
    background-color: #0a0a0a1a
}

html .tailwind-area .hover\:bg-neutral-950\/100:hover {
    background-color: #0a0a0a
}

html .tailwind-area .hover\:bg-neutral-950\/15:hover {
    background-color: #0a0a0a26
}

html .tailwind-area .hover\:bg-neutral-950\/20:hover {
    background-color: #0a0a0a33
}

html .tailwind-area .hover\:bg-neutral-950\/25:hover {
    background-color: #0a0a0a40
}

html .tailwind-area .hover\:bg-neutral-950\/30:hover {
    background-color: #0a0a0a4d
}

html .tailwind-area .hover\:bg-neutral-950\/35:hover {
    background-color: #0a0a0a59
}

html .tailwind-area .hover\:bg-neutral-950\/40:hover {
    background-color: #0a0a0a66
}

html .tailwind-area .hover\:bg-neutral-950\/45:hover {
    background-color: #0a0a0a73
}

html .tailwind-area .hover\:bg-neutral-950\/5:hover {
    background-color: #0a0a0a0d
}

html .tailwind-area .hover\:bg-neutral-950\/50:hover {
    background-color: #0a0a0a80
}

html .tailwind-area .hover\:bg-neutral-950\/55:hover {
    background-color: #0a0a0a8c
}

html .tailwind-area .hover\:bg-neutral-950\/60:hover {
    background-color: #0a0a0a99
}

html .tailwind-area .hover\:bg-neutral-950\/65:hover {
    background-color: #0a0a0aa6
}

html .tailwind-area .hover\:bg-neutral-950\/70:hover {
    background-color: #0a0a0ab3
}

html .tailwind-area .hover\:bg-neutral-950\/75:hover {
    background-color: #0a0a0abf
}

html .tailwind-area .hover\:bg-neutral-950\/80:hover {
    background-color: #0a0a0acc
}

html .tailwind-area .hover\:bg-neutral-950\/85:hover {
    background-color: #0a0a0ad9
}

html .tailwind-area .hover\:bg-neutral-950\/90:hover {
    background-color: #0a0a0ae6
}

html .tailwind-area .hover\:bg-neutral-950\/95:hover {
    background-color: #0a0a0af2
}

html .tailwind-area .hover\:bg-primary-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-primary-100) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-primary-100\/0:hover {
    background-color: rgb(var(--ui-primary-100) / 0)
}

html .tailwind-area .hover\:bg-primary-100\/10:hover {
    background-color: rgb(var(--ui-primary-100) / .1)
}

html .tailwind-area .hover\:bg-primary-100\/100:hover {
    background-color: rgb(var(--ui-primary-100) / 1)
}

html .tailwind-area .hover\:bg-primary-100\/15:hover {
    background-color: rgb(var(--ui-primary-100) / .15)
}

html .tailwind-area .hover\:bg-primary-100\/20:hover {
    background-color: rgb(var(--ui-primary-100) / .2)
}

html .tailwind-area .hover\:bg-primary-100\/25:hover {
    background-color: rgb(var(--ui-primary-100) / .25)
}

html .tailwind-area .hover\:bg-primary-100\/30:hover {
    background-color: rgb(var(--ui-primary-100) / .3)
}

html .tailwind-area .hover\:bg-primary-100\/35:hover {
    background-color: rgb(var(--ui-primary-100) / .35)
}

html .tailwind-area .hover\:bg-primary-100\/40:hover {
    background-color: rgb(var(--ui-primary-100) / .4)
}

html .tailwind-area .hover\:bg-primary-100\/45:hover {
    background-color: rgb(var(--ui-primary-100) / .45)
}

html .tailwind-area .hover\:bg-primary-100\/5:hover {
    background-color: rgb(var(--ui-primary-100) / .05)
}

html .tailwind-area .hover\:bg-primary-100\/50:hover {
    background-color: rgb(var(--ui-primary-100) / .5)
}

html .tailwind-area .hover\:bg-primary-100\/55:hover {
    background-color: rgb(var(--ui-primary-100) / .55)
}

html .tailwind-area .hover\:bg-primary-100\/60:hover {
    background-color: rgb(var(--ui-primary-100) / .6)
}

html .tailwind-area .hover\:bg-primary-100\/65:hover {
    background-color: rgb(var(--ui-primary-100) / .65)
}

html .tailwind-area .hover\:bg-primary-100\/70:hover {
    background-color: rgb(var(--ui-primary-100) / .7)
}

html .tailwind-area .hover\:bg-primary-100\/75:hover {
    background-color: rgb(var(--ui-primary-100) / .75)
}

html .tailwind-area .hover\:bg-primary-100\/80:hover {
    background-color: rgb(var(--ui-primary-100) / .8)
}

html .tailwind-area .hover\:bg-primary-100\/85:hover {
    background-color: rgb(var(--ui-primary-100) / .85)
}

html .tailwind-area .hover\:bg-primary-100\/90:hover {
    background-color: rgb(var(--ui-primary-100) / .9)
}

html .tailwind-area .hover\:bg-primary-100\/95:hover {
    background-color: rgb(var(--ui-primary-100) / .95)
}

html .tailwind-area .hover\:bg-primary-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-primary-200) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-primary-200\/0:hover {
    background-color: rgb(var(--ui-primary-200) / 0)
}

html .tailwind-area .hover\:bg-primary-200\/10:hover {
    background-color: rgb(var(--ui-primary-200) / .1)
}

html .tailwind-area .hover\:bg-primary-200\/100:hover {
    background-color: rgb(var(--ui-primary-200) / 1)
}

html .tailwind-area .hover\:bg-primary-200\/15:hover {
    background-color: rgb(var(--ui-primary-200) / .15)
}

html .tailwind-area .hover\:bg-primary-200\/20:hover {
    background-color: rgb(var(--ui-primary-200) / .2)
}

html .tailwind-area .hover\:bg-primary-200\/25:hover {
    background-color: rgb(var(--ui-primary-200) / .25)
}

html .tailwind-area .hover\:bg-primary-200\/30:hover {
    background-color: rgb(var(--ui-primary-200) / .3)
}

html .tailwind-area .hover\:bg-primary-200\/35:hover {
    background-color: rgb(var(--ui-primary-200) / .35)
}

html .tailwind-area .hover\:bg-primary-200\/40:hover {
    background-color: rgb(var(--ui-primary-200) / .4)
}

html .tailwind-area .hover\:bg-primary-200\/45:hover {
    background-color: rgb(var(--ui-primary-200) / .45)
}

html .tailwind-area .hover\:bg-primary-200\/5:hover {
    background-color: rgb(var(--ui-primary-200) / .05)
}

html .tailwind-area .hover\:bg-primary-200\/50:hover {
    background-color: rgb(var(--ui-primary-200) / .5)
}

html .tailwind-area .hover\:bg-primary-200\/55:hover {
    background-color: rgb(var(--ui-primary-200) / .55)
}

html .tailwind-area .hover\:bg-primary-200\/60:hover {
    background-color: rgb(var(--ui-primary-200) / .6)
}

html .tailwind-area .hover\:bg-primary-200\/65:hover {
    background-color: rgb(var(--ui-primary-200) / .65)
}

html .tailwind-area .hover\:bg-primary-200\/70:hover {
    background-color: rgb(var(--ui-primary-200) / .7)
}

html .tailwind-area .hover\:bg-primary-200\/75:hover {
    background-color: rgb(var(--ui-primary-200) / .75)
}

html .tailwind-area .hover\:bg-primary-200\/80:hover {
    background-color: rgb(var(--ui-primary-200) / .8)
}

html .tailwind-area .hover\:bg-primary-200\/85:hover {
    background-color: rgb(var(--ui-primary-200) / .85)
}

html .tailwind-area .hover\:bg-primary-200\/90:hover {
    background-color: rgb(var(--ui-primary-200) / .9)
}

html .tailwind-area .hover\:bg-primary-200\/95:hover {
    background-color: rgb(var(--ui-primary-200) / .95)
}

html .tailwind-area .hover\:bg-primary-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-primary-300) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-primary-300\/0:hover {
    background-color: rgb(var(--ui-primary-300) / 0)
}

html .tailwind-area .hover\:bg-primary-300\/10:hover {
    background-color: rgb(var(--ui-primary-300) / .1)
}

html .tailwind-area .hover\:bg-primary-300\/100:hover {
    background-color: rgb(var(--ui-primary-300) / 1)
}

html .tailwind-area .hover\:bg-primary-300\/15:hover {
    background-color: rgb(var(--ui-primary-300) / .15)
}

html .tailwind-area .hover\:bg-primary-300\/20:hover {
    background-color: rgb(var(--ui-primary-300) / .2)
}

html .tailwind-area .hover\:bg-primary-300\/25:hover {
    background-color: rgb(var(--ui-primary-300) / .25)
}

html .tailwind-area .hover\:bg-primary-300\/30:hover {
    background-color: rgb(var(--ui-primary-300) / .3)
}

html .tailwind-area .hover\:bg-primary-300\/35:hover {
    background-color: rgb(var(--ui-primary-300) / .35)
}

html .tailwind-area .hover\:bg-primary-300\/40:hover {
    background-color: rgb(var(--ui-primary-300) / .4)
}

html .tailwind-area .hover\:bg-primary-300\/45:hover {
    background-color: rgb(var(--ui-primary-300) / .45)
}

html .tailwind-area .hover\:bg-primary-300\/5:hover {
    background-color: rgb(var(--ui-primary-300) / .05)
}

html .tailwind-area .hover\:bg-primary-300\/50:hover {
    background-color: rgb(var(--ui-primary-300) / .5)
}

html .tailwind-area .hover\:bg-primary-300\/55:hover {
    background-color: rgb(var(--ui-primary-300) / .55)
}

html .tailwind-area .hover\:bg-primary-300\/60:hover {
    background-color: rgb(var(--ui-primary-300) / .6)
}

html .tailwind-area .hover\:bg-primary-300\/65:hover {
    background-color: rgb(var(--ui-primary-300) / .65)
}

html .tailwind-area .hover\:bg-primary-300\/70:hover {
    background-color: rgb(var(--ui-primary-300) / .7)
}

html .tailwind-area .hover\:bg-primary-300\/75:hover {
    background-color: rgb(var(--ui-primary-300) / .75)
}

html .tailwind-area .hover\:bg-primary-300\/80:hover {
    background-color: rgb(var(--ui-primary-300) / .8)
}

html .tailwind-area .hover\:bg-primary-300\/85:hover {
    background-color: rgb(var(--ui-primary-300) / .85)
}

html .tailwind-area .hover\:bg-primary-300\/90:hover {
    background-color: rgb(var(--ui-primary-300) / .9)
}

html .tailwind-area .hover\:bg-primary-300\/95:hover {
    background-color: rgb(var(--ui-primary-300) / .95)
}

html .tailwind-area .hover\:bg-primary-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-primary-400) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-primary-400\/0:hover {
    background-color: rgb(var(--ui-primary-400) / 0)
}

html .tailwind-area .hover\:bg-primary-400\/10:hover {
    background-color: rgb(var(--ui-primary-400) / .1)
}

html .tailwind-area .hover\:bg-primary-400\/100:hover {
    background-color: rgb(var(--ui-primary-400) / 1)
}

html .tailwind-area .hover\:bg-primary-400\/15:hover {
    background-color: rgb(var(--ui-primary-400) / .15)
}

html .tailwind-area .hover\:bg-primary-400\/20:hover {
    background-color: rgb(var(--ui-primary-400) / .2)
}

html .tailwind-area .hover\:bg-primary-400\/25:hover {
    background-color: rgb(var(--ui-primary-400) / .25)
}

html .tailwind-area .hover\:bg-primary-400\/30:hover {
    background-color: rgb(var(--ui-primary-400) / .3)
}

html .tailwind-area .hover\:bg-primary-400\/35:hover {
    background-color: rgb(var(--ui-primary-400) / .35)
}

html .tailwind-area .hover\:bg-primary-400\/40:hover {
    background-color: rgb(var(--ui-primary-400) / .4)
}

html .tailwind-area .hover\:bg-primary-400\/45:hover {
    background-color: rgb(var(--ui-primary-400) / .45)
}

html .tailwind-area .hover\:bg-primary-400\/5:hover {
    background-color: rgb(var(--ui-primary-400) / .05)
}

html .tailwind-area .hover\:bg-primary-400\/50:hover {
    background-color: rgb(var(--ui-primary-400) / .5)
}

html .tailwind-area .hover\:bg-primary-400\/55:hover {
    background-color: rgb(var(--ui-primary-400) / .55)
}

html .tailwind-area .hover\:bg-primary-400\/60:hover {
    background-color: rgb(var(--ui-primary-400) / .6)
}

html .tailwind-area .hover\:bg-primary-400\/65:hover {
    background-color: rgb(var(--ui-primary-400) / .65)
}

html .tailwind-area .hover\:bg-primary-400\/70:hover {
    background-color: rgb(var(--ui-primary-400) / .7)
}

html .tailwind-area .hover\:bg-primary-400\/75:hover {
    background-color: rgb(var(--ui-primary-400) / .75)
}

html .tailwind-area .hover\:bg-primary-400\/80:hover {
    background-color: rgb(var(--ui-primary-400) / .8)
}

html .tailwind-area .hover\:bg-primary-400\/85:hover {
    background-color: rgb(var(--ui-primary-400) / .85)
}

html .tailwind-area .hover\:bg-primary-400\/90:hover {
    background-color: rgb(var(--ui-primary-400) / .9)
}

html .tailwind-area .hover\:bg-primary-400\/95:hover {
    background-color: rgb(var(--ui-primary-400) / .95)
}

html .tailwind-area .hover\:bg-primary-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-primary-50) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-primary-50\/0:hover {
    background-color: rgb(var(--ui-primary-50) / 0)
}

html .tailwind-area .hover\:bg-primary-50\/10:hover {
    background-color: rgb(var(--ui-primary-50) / .1)
}

html .tailwind-area .hover\:bg-primary-50\/100:hover {
    background-color: rgb(var(--ui-primary-50) / 1)
}

html .tailwind-area .hover\:bg-primary-50\/15:hover {
    background-color: rgb(var(--ui-primary-50) / .15)
}

html .tailwind-area .hover\:bg-primary-50\/20:hover {
    background-color: rgb(var(--ui-primary-50) / .2)
}

html .tailwind-area .hover\:bg-primary-50\/25:hover {
    background-color: rgb(var(--ui-primary-50) / .25)
}

html .tailwind-area .hover\:bg-primary-50\/30:hover {
    background-color: rgb(var(--ui-primary-50) / .3)
}

html .tailwind-area .hover\:bg-primary-50\/35:hover {
    background-color: rgb(var(--ui-primary-50) / .35)
}

html .tailwind-area .hover\:bg-primary-50\/40:hover {
    background-color: rgb(var(--ui-primary-50) / .4)
}

html .tailwind-area .hover\:bg-primary-50\/45:hover {
    background-color: rgb(var(--ui-primary-50) / .45)
}

html .tailwind-area .hover\:bg-primary-50\/5:hover {
    background-color: rgb(var(--ui-primary-50) / .05)
}

html .tailwind-area .hover\:bg-primary-50\/50:hover {
    background-color: rgb(var(--ui-primary-50) / .5)
}

html .tailwind-area .hover\:bg-primary-50\/55:hover {
    background-color: rgb(var(--ui-primary-50) / .55)
}

html .tailwind-area .hover\:bg-primary-50\/60:hover {
    background-color: rgb(var(--ui-primary-50) / .6)
}

html .tailwind-area .hover\:bg-primary-50\/65:hover {
    background-color: rgb(var(--ui-primary-50) / .65)
}

html .tailwind-area .hover\:bg-primary-50\/70:hover {
    background-color: rgb(var(--ui-primary-50) / .7)
}

html .tailwind-area .hover\:bg-primary-50\/75:hover {
    background-color: rgb(var(--ui-primary-50) / .75)
}

html .tailwind-area .hover\:bg-primary-50\/80:hover {
    background-color: rgb(var(--ui-primary-50) / .8)
}

html .tailwind-area .hover\:bg-primary-50\/85:hover {
    background-color: rgb(var(--ui-primary-50) / .85)
}

html .tailwind-area .hover\:bg-primary-50\/90:hover {
    background-color: rgb(var(--ui-primary-50) / .9)
}

html .tailwind-area .hover\:bg-primary-50\/95:hover {
    background-color: rgb(var(--ui-primary-50) / .95)
}

html .tailwind-area .hover\:bg-primary-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-primary-500) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-primary-500\/0:hover {
    background-color: rgb(var(--ui-primary-500) / 0)
}

html .tailwind-area .hover\:bg-primary-500\/10:hover {
    background-color: rgb(var(--ui-primary-500) / .1)
}

html .tailwind-area .hover\:bg-primary-500\/100:hover {
    background-color: rgb(var(--ui-primary-500) / 1)
}

html .tailwind-area .hover\:bg-primary-500\/15:hover {
    background-color: rgb(var(--ui-primary-500) / .15)
}

html .tailwind-area .hover\:bg-primary-500\/20:hover {
    background-color: rgb(var(--ui-primary-500) / .2)
}

html .tailwind-area .hover\:bg-primary-500\/25:hover {
    background-color: rgb(var(--ui-primary-500) / .25)
}

html .tailwind-area .hover\:bg-primary-500\/30:hover {
    background-color: rgb(var(--ui-primary-500) / .3)
}

html .tailwind-area .hover\:bg-primary-500\/35:hover {
    background-color: rgb(var(--ui-primary-500) / .35)
}

html .tailwind-area .hover\:bg-primary-500\/40:hover {
    background-color: rgb(var(--ui-primary-500) / .4)
}

html .tailwind-area .hover\:bg-primary-500\/45:hover {
    background-color: rgb(var(--ui-primary-500) / .45)
}

html .tailwind-area .hover\:bg-primary-500\/5:hover {
    background-color: rgb(var(--ui-primary-500) / .05)
}

html .tailwind-area .hover\:bg-primary-500\/50:hover {
    background-color: rgb(var(--ui-primary-500) / .5)
}

html .tailwind-area .hover\:bg-primary-500\/55:hover {
    background-color: rgb(var(--ui-primary-500) / .55)
}

html .tailwind-area .hover\:bg-primary-500\/60:hover {
    background-color: rgb(var(--ui-primary-500) / .6)
}

html .tailwind-area .hover\:bg-primary-500\/65:hover {
    background-color: rgb(var(--ui-primary-500) / .65)
}

html .tailwind-area .hover\:bg-primary-500\/70:hover {
    background-color: rgb(var(--ui-primary-500) / .7)
}

html .tailwind-area .hover\:bg-primary-500\/75:hover {
    background-color: rgb(var(--ui-primary-500) / .75)
}

html .tailwind-area .hover\:bg-primary-500\/80:hover {
    background-color: rgb(var(--ui-primary-500) / .8)
}

html .tailwind-area .hover\:bg-primary-500\/85:hover {
    background-color: rgb(var(--ui-primary-500) / .85)
}

html .tailwind-area .hover\:bg-primary-500\/90:hover {
    background-color: rgb(var(--ui-primary-500) / .9)
}

html .tailwind-area .hover\:bg-primary-500\/95:hover {
    background-color: rgb(var(--ui-primary-500) / .95)
}

html .tailwind-area .hover\:bg-primary-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-primary-600) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-primary-600\/0:hover {
    background-color: rgb(var(--ui-primary-600) / 0)
}

html .tailwind-area .hover\:bg-primary-600\/10:hover {
    background-color: rgb(var(--ui-primary-600) / .1)
}

html .tailwind-area .hover\:bg-primary-600\/100:hover {
    background-color: rgb(var(--ui-primary-600) / 1)
}

html .tailwind-area .hover\:bg-primary-600\/15:hover {
    background-color: rgb(var(--ui-primary-600) / .15)
}

html .tailwind-area .hover\:bg-primary-600\/20:hover {
    background-color: rgb(var(--ui-primary-600) / .2)
}

html .tailwind-area .hover\:bg-primary-600\/25:hover {
    background-color: rgb(var(--ui-primary-600) / .25)
}

html .tailwind-area .hover\:bg-primary-600\/30:hover {
    background-color: rgb(var(--ui-primary-600) / .3)
}

html .tailwind-area .hover\:bg-primary-600\/35:hover {
    background-color: rgb(var(--ui-primary-600) / .35)
}

html .tailwind-area .hover\:bg-primary-600\/40:hover {
    background-color: rgb(var(--ui-primary-600) / .4)
}

html .tailwind-area .hover\:bg-primary-600\/45:hover {
    background-color: rgb(var(--ui-primary-600) / .45)
}

html .tailwind-area .hover\:bg-primary-600\/5:hover {
    background-color: rgb(var(--ui-primary-600) / .05)
}

html .tailwind-area .hover\:bg-primary-600\/50:hover {
    background-color: rgb(var(--ui-primary-600) / .5)
}

html .tailwind-area .hover\:bg-primary-600\/55:hover {
    background-color: rgb(var(--ui-primary-600) / .55)
}

html .tailwind-area .hover\:bg-primary-600\/60:hover {
    background-color: rgb(var(--ui-primary-600) / .6)
}

html .tailwind-area .hover\:bg-primary-600\/65:hover {
    background-color: rgb(var(--ui-primary-600) / .65)
}

html .tailwind-area .hover\:bg-primary-600\/70:hover {
    background-color: rgb(var(--ui-primary-600) / .7)
}

html .tailwind-area .hover\:bg-primary-600\/75:hover {
    background-color: rgb(var(--ui-primary-600) / .75)
}

html .tailwind-area .hover\:bg-primary-600\/80:hover {
    background-color: rgb(var(--ui-primary-600) / .8)
}

html .tailwind-area .hover\:bg-primary-600\/85:hover {
    background-color: rgb(var(--ui-primary-600) / .85)
}

html .tailwind-area .hover\:bg-primary-600\/90:hover {
    background-color: rgb(var(--ui-primary-600) / .9)
}

html .tailwind-area .hover\:bg-primary-600\/95:hover {
    background-color: rgb(var(--ui-primary-600) / .95)
}

html .tailwind-area .hover\:bg-primary-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-primary-700) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-primary-700\/0:hover {
    background-color: rgb(var(--ui-primary-700) / 0)
}

html .tailwind-area .hover\:bg-primary-700\/10:hover {
    background-color: rgb(var(--ui-primary-700) / .1)
}

html .tailwind-area .hover\:bg-primary-700\/100:hover {
    background-color: rgb(var(--ui-primary-700) / 1)
}

html .tailwind-area .hover\:bg-primary-700\/15:hover {
    background-color: rgb(var(--ui-primary-700) / .15)
}

html .tailwind-area .hover\:bg-primary-700\/20:hover {
    background-color: rgb(var(--ui-primary-700) / .2)
}

html .tailwind-area .hover\:bg-primary-700\/25:hover {
    background-color: rgb(var(--ui-primary-700) / .25)
}

html .tailwind-area .hover\:bg-primary-700\/30:hover {
    background-color: rgb(var(--ui-primary-700) / .3)
}

html .tailwind-area .hover\:bg-primary-700\/35:hover {
    background-color: rgb(var(--ui-primary-700) / .35)
}

html .tailwind-area .hover\:bg-primary-700\/40:hover {
    background-color: rgb(var(--ui-primary-700) / .4)
}

html .tailwind-area .hover\:bg-primary-700\/45:hover {
    background-color: rgb(var(--ui-primary-700) / .45)
}

html .tailwind-area .hover\:bg-primary-700\/5:hover {
    background-color: rgb(var(--ui-primary-700) / .05)
}

html .tailwind-area .hover\:bg-primary-700\/50:hover {
    background-color: rgb(var(--ui-primary-700) / .5)
}

html .tailwind-area .hover\:bg-primary-700\/55:hover {
    background-color: rgb(var(--ui-primary-700) / .55)
}

html .tailwind-area .hover\:bg-primary-700\/60:hover {
    background-color: rgb(var(--ui-primary-700) / .6)
}

html .tailwind-area .hover\:bg-primary-700\/65:hover {
    background-color: rgb(var(--ui-primary-700) / .65)
}

html .tailwind-area .hover\:bg-primary-700\/70:hover {
    background-color: rgb(var(--ui-primary-700) / .7)
}

html .tailwind-area .hover\:bg-primary-700\/75:hover {
    background-color: rgb(var(--ui-primary-700) / .75)
}

html .tailwind-area .hover\:bg-primary-700\/80:hover {
    background-color: rgb(var(--ui-primary-700) / .8)
}

html .tailwind-area .hover\:bg-primary-700\/85:hover {
    background-color: rgb(var(--ui-primary-700) / .85)
}

html .tailwind-area .hover\:bg-primary-700\/90:hover {
    background-color: rgb(var(--ui-primary-700) / .9)
}

html .tailwind-area .hover\:bg-primary-700\/95:hover {
    background-color: rgb(var(--ui-primary-700) / .95)
}

html .tailwind-area .hover\:bg-primary-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-primary-800) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-primary-800\/0:hover {
    background-color: rgb(var(--ui-primary-800) / 0)
}

html .tailwind-area .hover\:bg-primary-800\/10:hover {
    background-color: rgb(var(--ui-primary-800) / .1)
}

html .tailwind-area .hover\:bg-primary-800\/100:hover {
    background-color: rgb(var(--ui-primary-800) / 1)
}

html .tailwind-area .hover\:bg-primary-800\/15:hover {
    background-color: rgb(var(--ui-primary-800) / .15)
}

html .tailwind-area .hover\:bg-primary-800\/20:hover {
    background-color: rgb(var(--ui-primary-800) / .2)
}

html .tailwind-area .hover\:bg-primary-800\/25:hover {
    background-color: rgb(var(--ui-primary-800) / .25)
}

html .tailwind-area .hover\:bg-primary-800\/30:hover {
    background-color: rgb(var(--ui-primary-800) / .3)
}

html .tailwind-area .hover\:bg-primary-800\/35:hover {
    background-color: rgb(var(--ui-primary-800) / .35)
}

html .tailwind-area .hover\:bg-primary-800\/40:hover {
    background-color: rgb(var(--ui-primary-800) / .4)
}

html .tailwind-area .hover\:bg-primary-800\/45:hover {
    background-color: rgb(var(--ui-primary-800) / .45)
}

html .tailwind-area .hover\:bg-primary-800\/5:hover {
    background-color: rgb(var(--ui-primary-800) / .05)
}

html .tailwind-area .hover\:bg-primary-800\/50:hover {
    background-color: rgb(var(--ui-primary-800) / .5)
}

html .tailwind-area .hover\:bg-primary-800\/55:hover {
    background-color: rgb(var(--ui-primary-800) / .55)
}

html .tailwind-area .hover\:bg-primary-800\/60:hover {
    background-color: rgb(var(--ui-primary-800) / .6)
}

html .tailwind-area .hover\:bg-primary-800\/65:hover {
    background-color: rgb(var(--ui-primary-800) / .65)
}

html .tailwind-area .hover\:bg-primary-800\/70:hover {
    background-color: rgb(var(--ui-primary-800) / .7)
}

html .tailwind-area .hover\:bg-primary-800\/75:hover {
    background-color: rgb(var(--ui-primary-800) / .75)
}

html .tailwind-area .hover\:bg-primary-800\/80:hover {
    background-color: rgb(var(--ui-primary-800) / .8)
}

html .tailwind-area .hover\:bg-primary-800\/85:hover {
    background-color: rgb(var(--ui-primary-800) / .85)
}

html .tailwind-area .hover\:bg-primary-800\/90:hover {
    background-color: rgb(var(--ui-primary-800) / .9)
}

html .tailwind-area .hover\:bg-primary-800\/95:hover {
    background-color: rgb(var(--ui-primary-800) / .95)
}

html .tailwind-area .hover\:bg-primary-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-primary-900) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-primary-900\/0:hover {
    background-color: rgb(var(--ui-primary-900) / 0)
}

html .tailwind-area .hover\:bg-primary-900\/10:hover {
    background-color: rgb(var(--ui-primary-900) / .1)
}

html .tailwind-area .hover\:bg-primary-900\/100:hover {
    background-color: rgb(var(--ui-primary-900) / 1)
}

html .tailwind-area .hover\:bg-primary-900\/15:hover {
    background-color: rgb(var(--ui-primary-900) / .15)
}

html .tailwind-area .hover\:bg-primary-900\/20:hover {
    background-color: rgb(var(--ui-primary-900) / .2)
}

html .tailwind-area .hover\:bg-primary-900\/25:hover {
    background-color: rgb(var(--ui-primary-900) / .25)
}

html .tailwind-area .hover\:bg-primary-900\/30:hover {
    background-color: rgb(var(--ui-primary-900) / .3)
}

html .tailwind-area .hover\:bg-primary-900\/35:hover {
    background-color: rgb(var(--ui-primary-900) / .35)
}

html .tailwind-area .hover\:bg-primary-900\/40:hover {
    background-color: rgb(var(--ui-primary-900) / .4)
}

html .tailwind-area .hover\:bg-primary-900\/45:hover {
    background-color: rgb(var(--ui-primary-900) / .45)
}

html .tailwind-area .hover\:bg-primary-900\/5:hover {
    background-color: rgb(var(--ui-primary-900) / .05)
}

html .tailwind-area .hover\:bg-primary-900\/50:hover {
    background-color: rgb(var(--ui-primary-900) / .5)
}

html .tailwind-area .hover\:bg-primary-900\/55:hover {
    background-color: rgb(var(--ui-primary-900) / .55)
}

html .tailwind-area .hover\:bg-primary-900\/60:hover {
    background-color: rgb(var(--ui-primary-900) / .6)
}

html .tailwind-area .hover\:bg-primary-900\/65:hover {
    background-color: rgb(var(--ui-primary-900) / .65)
}

html .tailwind-area .hover\:bg-primary-900\/70:hover {
    background-color: rgb(var(--ui-primary-900) / .7)
}

html .tailwind-area .hover\:bg-primary-900\/75:hover {
    background-color: rgb(var(--ui-primary-900) / .75)
}

html .tailwind-area .hover\:bg-primary-900\/80:hover {
    background-color: rgb(var(--ui-primary-900) / .8)
}

html .tailwind-area .hover\:bg-primary-900\/85:hover {
    background-color: rgb(var(--ui-primary-900) / .85)
}

html .tailwind-area .hover\:bg-primary-900\/90:hover {
    background-color: rgb(var(--ui-primary-900) / .9)
}

html .tailwind-area .hover\:bg-primary-900\/95:hover {
    background-color: rgb(var(--ui-primary-900) / .95)
}

html .tailwind-area .hover\:bg-primary\/20:hover {
    background-color: rgb(var(--ui-primary-500) / .2)
}

html .tailwind-area .hover\:bg-safe-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-safe-100) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-safe-100\/0:hover {
    background-color: rgb(var(--ui-safe-100) / 0)
}

html .tailwind-area .hover\:bg-safe-100\/10:hover {
    background-color: rgb(var(--ui-safe-100) / .1)
}

html .tailwind-area .hover\:bg-safe-100\/100:hover {
    background-color: rgb(var(--ui-safe-100) / 1)
}

html .tailwind-area .hover\:bg-safe-100\/15:hover {
    background-color: rgb(var(--ui-safe-100) / .15)
}

html .tailwind-area .hover\:bg-safe-100\/20:hover {
    background-color: rgb(var(--ui-safe-100) / .2)
}

html .tailwind-area .hover\:bg-safe-100\/25:hover {
    background-color: rgb(var(--ui-safe-100) / .25)
}

html .tailwind-area .hover\:bg-safe-100\/30:hover {
    background-color: rgb(var(--ui-safe-100) / .3)
}

html .tailwind-area .hover\:bg-safe-100\/35:hover {
    background-color: rgb(var(--ui-safe-100) / .35)
}

html .tailwind-area .hover\:bg-safe-100\/40:hover {
    background-color: rgb(var(--ui-safe-100) / .4)
}

html .tailwind-area .hover\:bg-safe-100\/45:hover {
    background-color: rgb(var(--ui-safe-100) / .45)
}

html .tailwind-area .hover\:bg-safe-100\/5:hover {
    background-color: rgb(var(--ui-safe-100) / .05)
}

html .tailwind-area .hover\:bg-safe-100\/50:hover {
    background-color: rgb(var(--ui-safe-100) / .5)
}

html .tailwind-area .hover\:bg-safe-100\/55:hover {
    background-color: rgb(var(--ui-safe-100) / .55)
}

html .tailwind-area .hover\:bg-safe-100\/60:hover {
    background-color: rgb(var(--ui-safe-100) / .6)
}

html .tailwind-area .hover\:bg-safe-100\/65:hover {
    background-color: rgb(var(--ui-safe-100) / .65)
}

html .tailwind-area .hover\:bg-safe-100\/70:hover {
    background-color: rgb(var(--ui-safe-100) / .7)
}

html .tailwind-area .hover\:bg-safe-100\/75:hover {
    background-color: rgb(var(--ui-safe-100) / .75)
}

html .tailwind-area .hover\:bg-safe-100\/80:hover {
    background-color: rgb(var(--ui-safe-100) / .8)
}

html .tailwind-area .hover\:bg-safe-100\/85:hover {
    background-color: rgb(var(--ui-safe-100) / .85)
}

html .tailwind-area .hover\:bg-safe-100\/90:hover {
    background-color: rgb(var(--ui-safe-100) / .9)
}

html .tailwind-area .hover\:bg-safe-100\/95:hover {
    background-color: rgb(var(--ui-safe-100) / .95)
}

html .tailwind-area .hover\:bg-safe-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-safe-200) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-safe-200\/0:hover {
    background-color: rgb(var(--ui-safe-200) / 0)
}

html .tailwind-area .hover\:bg-safe-200\/10:hover {
    background-color: rgb(var(--ui-safe-200) / .1)
}

html .tailwind-area .hover\:bg-safe-200\/100:hover {
    background-color: rgb(var(--ui-safe-200) / 1)
}

html .tailwind-area .hover\:bg-safe-200\/15:hover {
    background-color: rgb(var(--ui-safe-200) / .15)
}

html .tailwind-area .hover\:bg-safe-200\/20:hover {
    background-color: rgb(var(--ui-safe-200) / .2)
}

html .tailwind-area .hover\:bg-safe-200\/25:hover {
    background-color: rgb(var(--ui-safe-200) / .25)
}

html .tailwind-area .hover\:bg-safe-200\/30:hover {
    background-color: rgb(var(--ui-safe-200) / .3)
}

html .tailwind-area .hover\:bg-safe-200\/35:hover {
    background-color: rgb(var(--ui-safe-200) / .35)
}

html .tailwind-area .hover\:bg-safe-200\/40:hover {
    background-color: rgb(var(--ui-safe-200) / .4)
}

html .tailwind-area .hover\:bg-safe-200\/45:hover {
    background-color: rgb(var(--ui-safe-200) / .45)
}

html .tailwind-area .hover\:bg-safe-200\/5:hover {
    background-color: rgb(var(--ui-safe-200) / .05)
}

html .tailwind-area .hover\:bg-safe-200\/50:hover {
    background-color: rgb(var(--ui-safe-200) / .5)
}

html .tailwind-area .hover\:bg-safe-200\/55:hover {
    background-color: rgb(var(--ui-safe-200) / .55)
}

html .tailwind-area .hover\:bg-safe-200\/60:hover {
    background-color: rgb(var(--ui-safe-200) / .6)
}

html .tailwind-area .hover\:bg-safe-200\/65:hover {
    background-color: rgb(var(--ui-safe-200) / .65)
}

html .tailwind-area .hover\:bg-safe-200\/70:hover {
    background-color: rgb(var(--ui-safe-200) / .7)
}

html .tailwind-area .hover\:bg-safe-200\/75:hover {
    background-color: rgb(var(--ui-safe-200) / .75)
}

html .tailwind-area .hover\:bg-safe-200\/80:hover {
    background-color: rgb(var(--ui-safe-200) / .8)
}

html .tailwind-area .hover\:bg-safe-200\/85:hover {
    background-color: rgb(var(--ui-safe-200) / .85)
}

html .tailwind-area .hover\:bg-safe-200\/90:hover {
    background-color: rgb(var(--ui-safe-200) / .9)
}

html .tailwind-area .hover\:bg-safe-200\/95:hover {
    background-color: rgb(var(--ui-safe-200) / .95)
}

html .tailwind-area .hover\:bg-safe-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-safe-300) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-safe-300\/0:hover {
    background-color: rgb(var(--ui-safe-300) / 0)
}

html .tailwind-area .hover\:bg-safe-300\/10:hover {
    background-color: rgb(var(--ui-safe-300) / .1)
}

html .tailwind-area .hover\:bg-safe-300\/100:hover {
    background-color: rgb(var(--ui-safe-300) / 1)
}

html .tailwind-area .hover\:bg-safe-300\/15:hover {
    background-color: rgb(var(--ui-safe-300) / .15)
}

html .tailwind-area .hover\:bg-safe-300\/20:hover {
    background-color: rgb(var(--ui-safe-300) / .2)
}

html .tailwind-area .hover\:bg-safe-300\/25:hover {
    background-color: rgb(var(--ui-safe-300) / .25)
}

html .tailwind-area .hover\:bg-safe-300\/30:hover {
    background-color: rgb(var(--ui-safe-300) / .3)
}

html .tailwind-area .hover\:bg-safe-300\/35:hover {
    background-color: rgb(var(--ui-safe-300) / .35)
}

html .tailwind-area .hover\:bg-safe-300\/40:hover {
    background-color: rgb(var(--ui-safe-300) / .4)
}

html .tailwind-area .hover\:bg-safe-300\/45:hover {
    background-color: rgb(var(--ui-safe-300) / .45)
}

html .tailwind-area .hover\:bg-safe-300\/5:hover {
    background-color: rgb(var(--ui-safe-300) / .05)
}

html .tailwind-area .hover\:bg-safe-300\/50:hover {
    background-color: rgb(var(--ui-safe-300) / .5)
}

html .tailwind-area .hover\:bg-safe-300\/55:hover {
    background-color: rgb(var(--ui-safe-300) / .55)
}

html .tailwind-area .hover\:bg-safe-300\/60:hover {
    background-color: rgb(var(--ui-safe-300) / .6)
}

html .tailwind-area .hover\:bg-safe-300\/65:hover {
    background-color: rgb(var(--ui-safe-300) / .65)
}

html .tailwind-area .hover\:bg-safe-300\/70:hover {
    background-color: rgb(var(--ui-safe-300) / .7)
}

html .tailwind-area .hover\:bg-safe-300\/75:hover {
    background-color: rgb(var(--ui-safe-300) / .75)
}

html .tailwind-area .hover\:bg-safe-300\/80:hover {
    background-color: rgb(var(--ui-safe-300) / .8)
}

html .tailwind-area .hover\:bg-safe-300\/85:hover {
    background-color: rgb(var(--ui-safe-300) / .85)
}

html .tailwind-area .hover\:bg-safe-300\/90:hover {
    background-color: rgb(var(--ui-safe-300) / .9)
}

html .tailwind-area .hover\:bg-safe-300\/95:hover {
    background-color: rgb(var(--ui-safe-300) / .95)
}

html .tailwind-area .hover\:bg-safe-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-safe-400) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-safe-400\/0:hover {
    background-color: rgb(var(--ui-safe-400) / 0)
}

html .tailwind-area .hover\:bg-safe-400\/10:hover {
    background-color: rgb(var(--ui-safe-400) / .1)
}

html .tailwind-area .hover\:bg-safe-400\/100:hover {
    background-color: rgb(var(--ui-safe-400) / 1)
}

html .tailwind-area .hover\:bg-safe-400\/15:hover {
    background-color: rgb(var(--ui-safe-400) / .15)
}

html .tailwind-area .hover\:bg-safe-400\/20:hover {
    background-color: rgb(var(--ui-safe-400) / .2)
}

html .tailwind-area .hover\:bg-safe-400\/25:hover {
    background-color: rgb(var(--ui-safe-400) / .25)
}

html .tailwind-area .hover\:bg-safe-400\/30:hover {
    background-color: rgb(var(--ui-safe-400) / .3)
}

html .tailwind-area .hover\:bg-safe-400\/35:hover {
    background-color: rgb(var(--ui-safe-400) / .35)
}

html .tailwind-area .hover\:bg-safe-400\/40:hover {
    background-color: rgb(var(--ui-safe-400) / .4)
}

html .tailwind-area .hover\:bg-safe-400\/45:hover {
    background-color: rgb(var(--ui-safe-400) / .45)
}

html .tailwind-area .hover\:bg-safe-400\/5:hover {
    background-color: rgb(var(--ui-safe-400) / .05)
}

html .tailwind-area .hover\:bg-safe-400\/50:hover {
    background-color: rgb(var(--ui-safe-400) / .5)
}

html .tailwind-area .hover\:bg-safe-400\/55:hover {
    background-color: rgb(var(--ui-safe-400) / .55)
}

html .tailwind-area .hover\:bg-safe-400\/60:hover {
    background-color: rgb(var(--ui-safe-400) / .6)
}

html .tailwind-area .hover\:bg-safe-400\/65:hover {
    background-color: rgb(var(--ui-safe-400) / .65)
}

html .tailwind-area .hover\:bg-safe-400\/70:hover {
    background-color: rgb(var(--ui-safe-400) / .7)
}

html .tailwind-area .hover\:bg-safe-400\/75:hover {
    background-color: rgb(var(--ui-safe-400) / .75)
}

html .tailwind-area .hover\:bg-safe-400\/80:hover {
    background-color: rgb(var(--ui-safe-400) / .8)
}

html .tailwind-area .hover\:bg-safe-400\/85:hover {
    background-color: rgb(var(--ui-safe-400) / .85)
}

html .tailwind-area .hover\:bg-safe-400\/90:hover {
    background-color: rgb(var(--ui-safe-400) / .9)
}

html .tailwind-area .hover\:bg-safe-400\/95:hover {
    background-color: rgb(var(--ui-safe-400) / .95)
}

html .tailwind-area .hover\:bg-safe-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-safe-50) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-safe-50\/0:hover {
    background-color: rgb(var(--ui-safe-50) / 0)
}

html .tailwind-area .hover\:bg-safe-50\/10:hover {
    background-color: rgb(var(--ui-safe-50) / .1)
}

html .tailwind-area .hover\:bg-safe-50\/100:hover {
    background-color: rgb(var(--ui-safe-50) / 1)
}

html .tailwind-area .hover\:bg-safe-50\/15:hover {
    background-color: rgb(var(--ui-safe-50) / .15)
}

html .tailwind-area .hover\:bg-safe-50\/20:hover {
    background-color: rgb(var(--ui-safe-50) / .2)
}

html .tailwind-area .hover\:bg-safe-50\/25:hover {
    background-color: rgb(var(--ui-safe-50) / .25)
}

html .tailwind-area .hover\:bg-safe-50\/30:hover {
    background-color: rgb(var(--ui-safe-50) / .3)
}

html .tailwind-area .hover\:bg-safe-50\/35:hover {
    background-color: rgb(var(--ui-safe-50) / .35)
}

html .tailwind-area .hover\:bg-safe-50\/40:hover {
    background-color: rgb(var(--ui-safe-50) / .4)
}

html .tailwind-area .hover\:bg-safe-50\/45:hover {
    background-color: rgb(var(--ui-safe-50) / .45)
}

html .tailwind-area .hover\:bg-safe-50\/5:hover {
    background-color: rgb(var(--ui-safe-50) / .05)
}

html .tailwind-area .hover\:bg-safe-50\/50:hover {
    background-color: rgb(var(--ui-safe-50) / .5)
}

html .tailwind-area .hover\:bg-safe-50\/55:hover {
    background-color: rgb(var(--ui-safe-50) / .55)
}

html .tailwind-area .hover\:bg-safe-50\/60:hover {
    background-color: rgb(var(--ui-safe-50) / .6)
}

html .tailwind-area .hover\:bg-safe-50\/65:hover {
    background-color: rgb(var(--ui-safe-50) / .65)
}

html .tailwind-area .hover\:bg-safe-50\/70:hover {
    background-color: rgb(var(--ui-safe-50) / .7)
}

html .tailwind-area .hover\:bg-safe-50\/75:hover {
    background-color: rgb(var(--ui-safe-50) / .75)
}

html .tailwind-area .hover\:bg-safe-50\/80:hover {
    background-color: rgb(var(--ui-safe-50) / .8)
}

html .tailwind-area .hover\:bg-safe-50\/85:hover {
    background-color: rgb(var(--ui-safe-50) / .85)
}

html .tailwind-area .hover\:bg-safe-50\/90:hover {
    background-color: rgb(var(--ui-safe-50) / .9)
}

html .tailwind-area .hover\:bg-safe-50\/95:hover {
    background-color: rgb(var(--ui-safe-50) / .95)
}

html .tailwind-area .hover\:bg-safe-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-safe-500) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-safe-500\/0:hover {
    background-color: rgb(var(--ui-safe-500) / 0)
}

html .tailwind-area .hover\:bg-safe-500\/10:hover {
    background-color: rgb(var(--ui-safe-500) / .1)
}

html .tailwind-area .hover\:bg-safe-500\/100:hover {
    background-color: rgb(var(--ui-safe-500) / 1)
}

html .tailwind-area .hover\:bg-safe-500\/15:hover {
    background-color: rgb(var(--ui-safe-500) / .15)
}

html .tailwind-area .hover\:bg-safe-500\/20:hover {
    background-color: rgb(var(--ui-safe-500) / .2)
}

html .tailwind-area .hover\:bg-safe-500\/25:hover {
    background-color: rgb(var(--ui-safe-500) / .25)
}

html .tailwind-area .hover\:bg-safe-500\/30:hover {
    background-color: rgb(var(--ui-safe-500) / .3)
}

html .tailwind-area .hover\:bg-safe-500\/35:hover {
    background-color: rgb(var(--ui-safe-500) / .35)
}

html .tailwind-area .hover\:bg-safe-500\/40:hover {
    background-color: rgb(var(--ui-safe-500) / .4)
}

html .tailwind-area .hover\:bg-safe-500\/45:hover {
    background-color: rgb(var(--ui-safe-500) / .45)
}

html .tailwind-area .hover\:bg-safe-500\/5:hover {
    background-color: rgb(var(--ui-safe-500) / .05)
}

html .tailwind-area .hover\:bg-safe-500\/50:hover {
    background-color: rgb(var(--ui-safe-500) / .5)
}

html .tailwind-area .hover\:bg-safe-500\/55:hover {
    background-color: rgb(var(--ui-safe-500) / .55)
}

html .tailwind-area .hover\:bg-safe-500\/60:hover {
    background-color: rgb(var(--ui-safe-500) / .6)
}

html .tailwind-area .hover\:bg-safe-500\/65:hover {
    background-color: rgb(var(--ui-safe-500) / .65)
}

html .tailwind-area .hover\:bg-safe-500\/70:hover {
    background-color: rgb(var(--ui-safe-500) / .7)
}

html .tailwind-area .hover\:bg-safe-500\/75:hover {
    background-color: rgb(var(--ui-safe-500) / .75)
}

html .tailwind-area .hover\:bg-safe-500\/80:hover {
    background-color: rgb(var(--ui-safe-500) / .8)
}

html .tailwind-area .hover\:bg-safe-500\/85:hover {
    background-color: rgb(var(--ui-safe-500) / .85)
}

html .tailwind-area .hover\:bg-safe-500\/90:hover {
    background-color: rgb(var(--ui-safe-500) / .9)
}

html .tailwind-area .hover\:bg-safe-500\/95:hover {
    background-color: rgb(var(--ui-safe-500) / .95)
}

html .tailwind-area .hover\:bg-safe-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-safe-600) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-safe-600\/0:hover {
    background-color: rgb(var(--ui-safe-600) / 0)
}

html .tailwind-area .hover\:bg-safe-600\/10:hover {
    background-color: rgb(var(--ui-safe-600) / .1)
}

html .tailwind-area .hover\:bg-safe-600\/100:hover {
    background-color: rgb(var(--ui-safe-600) / 1)
}

html .tailwind-area .hover\:bg-safe-600\/15:hover {
    background-color: rgb(var(--ui-safe-600) / .15)
}

html .tailwind-area .hover\:bg-safe-600\/20:hover {
    background-color: rgb(var(--ui-safe-600) / .2)
}

html .tailwind-area .hover\:bg-safe-600\/25:hover {
    background-color: rgb(var(--ui-safe-600) / .25)
}

html .tailwind-area .hover\:bg-safe-600\/30:hover {
    background-color: rgb(var(--ui-safe-600) / .3)
}

html .tailwind-area .hover\:bg-safe-600\/35:hover {
    background-color: rgb(var(--ui-safe-600) / .35)
}

html .tailwind-area .hover\:bg-safe-600\/40:hover {
    background-color: rgb(var(--ui-safe-600) / .4)
}

html .tailwind-area .hover\:bg-safe-600\/45:hover {
    background-color: rgb(var(--ui-safe-600) / .45)
}

html .tailwind-area .hover\:bg-safe-600\/5:hover {
    background-color: rgb(var(--ui-safe-600) / .05)
}

html .tailwind-area .hover\:bg-safe-600\/50:hover {
    background-color: rgb(var(--ui-safe-600) / .5)
}

html .tailwind-area .hover\:bg-safe-600\/55:hover {
    background-color: rgb(var(--ui-safe-600) / .55)
}

html .tailwind-area .hover\:bg-safe-600\/60:hover {
    background-color: rgb(var(--ui-safe-600) / .6)
}

html .tailwind-area .hover\:bg-safe-600\/65:hover {
    background-color: rgb(var(--ui-safe-600) / .65)
}

html .tailwind-area .hover\:bg-safe-600\/70:hover {
    background-color: rgb(var(--ui-safe-600) / .7)
}

html .tailwind-area .hover\:bg-safe-600\/75:hover {
    background-color: rgb(var(--ui-safe-600) / .75)
}

html .tailwind-area .hover\:bg-safe-600\/80:hover {
    background-color: rgb(var(--ui-safe-600) / .8)
}

html .tailwind-area .hover\:bg-safe-600\/85:hover {
    background-color: rgb(var(--ui-safe-600) / .85)
}

html .tailwind-area .hover\:bg-safe-600\/90:hover {
    background-color: rgb(var(--ui-safe-600) / .9)
}

html .tailwind-area .hover\:bg-safe-600\/95:hover {
    background-color: rgb(var(--ui-safe-600) / .95)
}

html .tailwind-area .hover\:bg-safe-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-safe-700) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-safe-700\/0:hover {
    background-color: rgb(var(--ui-safe-700) / 0)
}

html .tailwind-area .hover\:bg-safe-700\/10:hover {
    background-color: rgb(var(--ui-safe-700) / .1)
}

html .tailwind-area .hover\:bg-safe-700\/100:hover {
    background-color: rgb(var(--ui-safe-700) / 1)
}

html .tailwind-area .hover\:bg-safe-700\/15:hover {
    background-color: rgb(var(--ui-safe-700) / .15)
}

html .tailwind-area .hover\:bg-safe-700\/20:hover {
    background-color: rgb(var(--ui-safe-700) / .2)
}

html .tailwind-area .hover\:bg-safe-700\/25:hover {
    background-color: rgb(var(--ui-safe-700) / .25)
}

html .tailwind-area .hover\:bg-safe-700\/30:hover {
    background-color: rgb(var(--ui-safe-700) / .3)
}

html .tailwind-area .hover\:bg-safe-700\/35:hover {
    background-color: rgb(var(--ui-safe-700) / .35)
}

html .tailwind-area .hover\:bg-safe-700\/40:hover {
    background-color: rgb(var(--ui-safe-700) / .4)
}

html .tailwind-area .hover\:bg-safe-700\/45:hover {
    background-color: rgb(var(--ui-safe-700) / .45)
}

html .tailwind-area .hover\:bg-safe-700\/5:hover {
    background-color: rgb(var(--ui-safe-700) / .05)
}

html .tailwind-area .hover\:bg-safe-700\/50:hover {
    background-color: rgb(var(--ui-safe-700) / .5)
}

html .tailwind-area .hover\:bg-safe-700\/55:hover {
    background-color: rgb(var(--ui-safe-700) / .55)
}

html .tailwind-area .hover\:bg-safe-700\/60:hover {
    background-color: rgb(var(--ui-safe-700) / .6)
}

html .tailwind-area .hover\:bg-safe-700\/65:hover {
    background-color: rgb(var(--ui-safe-700) / .65)
}

html .tailwind-area .hover\:bg-safe-700\/70:hover {
    background-color: rgb(var(--ui-safe-700) / .7)
}

html .tailwind-area .hover\:bg-safe-700\/75:hover {
    background-color: rgb(var(--ui-safe-700) / .75)
}

html .tailwind-area .hover\:bg-safe-700\/80:hover {
    background-color: rgb(var(--ui-safe-700) / .8)
}

html .tailwind-area .hover\:bg-safe-700\/85:hover {
    background-color: rgb(var(--ui-safe-700) / .85)
}

html .tailwind-area .hover\:bg-safe-700\/90:hover {
    background-color: rgb(var(--ui-safe-700) / .9)
}

html .tailwind-area .hover\:bg-safe-700\/95:hover {
    background-color: rgb(var(--ui-safe-700) / .95)
}

html .tailwind-area .hover\:bg-safe-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-safe-800) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-safe-800\/0:hover {
    background-color: rgb(var(--ui-safe-800) / 0)
}

html .tailwind-area .hover\:bg-safe-800\/10:hover {
    background-color: rgb(var(--ui-safe-800) / .1)
}

html .tailwind-area .hover\:bg-safe-800\/100:hover {
    background-color: rgb(var(--ui-safe-800) / 1)
}

html .tailwind-area .hover\:bg-safe-800\/15:hover {
    background-color: rgb(var(--ui-safe-800) / .15)
}

html .tailwind-area .hover\:bg-safe-800\/20:hover {
    background-color: rgb(var(--ui-safe-800) / .2)
}

html .tailwind-area .hover\:bg-safe-800\/25:hover {
    background-color: rgb(var(--ui-safe-800) / .25)
}

html .tailwind-area .hover\:bg-safe-800\/30:hover {
    background-color: rgb(var(--ui-safe-800) / .3)
}

html .tailwind-area .hover\:bg-safe-800\/35:hover {
    background-color: rgb(var(--ui-safe-800) / .35)
}

html .tailwind-area .hover\:bg-safe-800\/40:hover {
    background-color: rgb(var(--ui-safe-800) / .4)
}

html .tailwind-area .hover\:bg-safe-800\/45:hover {
    background-color: rgb(var(--ui-safe-800) / .45)
}

html .tailwind-area .hover\:bg-safe-800\/5:hover {
    background-color: rgb(var(--ui-safe-800) / .05)
}

html .tailwind-area .hover\:bg-safe-800\/50:hover {
    background-color: rgb(var(--ui-safe-800) / .5)
}

html .tailwind-area .hover\:bg-safe-800\/55:hover {
    background-color: rgb(var(--ui-safe-800) / .55)
}

html .tailwind-area .hover\:bg-safe-800\/60:hover {
    background-color: rgb(var(--ui-safe-800) / .6)
}

html .tailwind-area .hover\:bg-safe-800\/65:hover {
    background-color: rgb(var(--ui-safe-800) / .65)
}

html .tailwind-area .hover\:bg-safe-800\/70:hover {
    background-color: rgb(var(--ui-safe-800) / .7)
}

html .tailwind-area .hover\:bg-safe-800\/75:hover {
    background-color: rgb(var(--ui-safe-800) / .75)
}

html .tailwind-area .hover\:bg-safe-800\/80:hover {
    background-color: rgb(var(--ui-safe-800) / .8)
}

html .tailwind-area .hover\:bg-safe-800\/85:hover {
    background-color: rgb(var(--ui-safe-800) / .85)
}

html .tailwind-area .hover\:bg-safe-800\/90:hover {
    background-color: rgb(var(--ui-safe-800) / .9)
}

html .tailwind-area .hover\:bg-safe-800\/95:hover {
    background-color: rgb(var(--ui-safe-800) / .95)
}

html .tailwind-area .hover\:bg-safe-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-safe-900) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-safe-900\/0:hover {
    background-color: rgb(var(--ui-safe-900) / 0)
}

html .tailwind-area .hover\:bg-safe-900\/10:hover {
    background-color: rgb(var(--ui-safe-900) / .1)
}

html .tailwind-area .hover\:bg-safe-900\/100:hover {
    background-color: rgb(var(--ui-safe-900) / 1)
}

html .tailwind-area .hover\:bg-safe-900\/15:hover {
    background-color: rgb(var(--ui-safe-900) / .15)
}

html .tailwind-area .hover\:bg-safe-900\/20:hover {
    background-color: rgb(var(--ui-safe-900) / .2)
}

html .tailwind-area .hover\:bg-safe-900\/25:hover {
    background-color: rgb(var(--ui-safe-900) / .25)
}

html .tailwind-area .hover\:bg-safe-900\/30:hover {
    background-color: rgb(var(--ui-safe-900) / .3)
}

html .tailwind-area .hover\:bg-safe-900\/35:hover {
    background-color: rgb(var(--ui-safe-900) / .35)
}

html .tailwind-area .hover\:bg-safe-900\/40:hover {
    background-color: rgb(var(--ui-safe-900) / .4)
}

html .tailwind-area .hover\:bg-safe-900\/45:hover {
    background-color: rgb(var(--ui-safe-900) / .45)
}

html .tailwind-area .hover\:bg-safe-900\/5:hover {
    background-color: rgb(var(--ui-safe-900) / .05)
}

html .tailwind-area .hover\:bg-safe-900\/50:hover {
    background-color: rgb(var(--ui-safe-900) / .5)
}

html .tailwind-area .hover\:bg-safe-900\/55:hover {
    background-color: rgb(var(--ui-safe-900) / .55)
}

html .tailwind-area .hover\:bg-safe-900\/60:hover {
    background-color: rgb(var(--ui-safe-900) / .6)
}

html .tailwind-area .hover\:bg-safe-900\/65:hover {
    background-color: rgb(var(--ui-safe-900) / .65)
}

html .tailwind-area .hover\:bg-safe-900\/70:hover {
    background-color: rgb(var(--ui-safe-900) / .7)
}

html .tailwind-area .hover\:bg-safe-900\/75:hover {
    background-color: rgb(var(--ui-safe-900) / .75)
}

html .tailwind-area .hover\:bg-safe-900\/80:hover {
    background-color: rgb(var(--ui-safe-900) / .8)
}

html .tailwind-area .hover\:bg-safe-900\/85:hover {
    background-color: rgb(var(--ui-safe-900) / .85)
}

html .tailwind-area .hover\:bg-safe-900\/90:hover {
    background-color: rgb(var(--ui-safe-900) / .9)
}

html .tailwind-area .hover\:bg-safe-900\/95:hover {
    background-color: rgb(var(--ui-safe-900) / .95)
}

html .tailwind-area .hover\:bg-transparent:hover {
    background-color: transparent
}

html .tailwind-area .hover\:bg-warning-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-warning-100) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-warning-100\/0:hover {
    background-color: rgb(var(--ui-warning-100) / 0)
}

html .tailwind-area .hover\:bg-warning-100\/10:hover {
    background-color: rgb(var(--ui-warning-100) / .1)
}

html .tailwind-area .hover\:bg-warning-100\/100:hover {
    background-color: rgb(var(--ui-warning-100) / 1)
}

html .tailwind-area .hover\:bg-warning-100\/15:hover {
    background-color: rgb(var(--ui-warning-100) / .15)
}

html .tailwind-area .hover\:bg-warning-100\/20:hover {
    background-color: rgb(var(--ui-warning-100) / .2)
}

html .tailwind-area .hover\:bg-warning-100\/25:hover {
    background-color: rgb(var(--ui-warning-100) / .25)
}

html .tailwind-area .hover\:bg-warning-100\/30:hover {
    background-color: rgb(var(--ui-warning-100) / .3)
}

html .tailwind-area .hover\:bg-warning-100\/35:hover {
    background-color: rgb(var(--ui-warning-100) / .35)
}

html .tailwind-area .hover\:bg-warning-100\/40:hover {
    background-color: rgb(var(--ui-warning-100) / .4)
}

html .tailwind-area .hover\:bg-warning-100\/45:hover {
    background-color: rgb(var(--ui-warning-100) / .45)
}

html .tailwind-area .hover\:bg-warning-100\/5:hover {
    background-color: rgb(var(--ui-warning-100) / .05)
}

html .tailwind-area .hover\:bg-warning-100\/50:hover {
    background-color: rgb(var(--ui-warning-100) / .5)
}

html .tailwind-area .hover\:bg-warning-100\/55:hover {
    background-color: rgb(var(--ui-warning-100) / .55)
}

html .tailwind-area .hover\:bg-warning-100\/60:hover {
    background-color: rgb(var(--ui-warning-100) / .6)
}

html .tailwind-area .hover\:bg-warning-100\/65:hover {
    background-color: rgb(var(--ui-warning-100) / .65)
}

html .tailwind-area .hover\:bg-warning-100\/70:hover {
    background-color: rgb(var(--ui-warning-100) / .7)
}

html .tailwind-area .hover\:bg-warning-100\/75:hover {
    background-color: rgb(var(--ui-warning-100) / .75)
}

html .tailwind-area .hover\:bg-warning-100\/80:hover {
    background-color: rgb(var(--ui-warning-100) / .8)
}

html .tailwind-area .hover\:bg-warning-100\/85:hover {
    background-color: rgb(var(--ui-warning-100) / .85)
}

html .tailwind-area .hover\:bg-warning-100\/90:hover {
    background-color: rgb(var(--ui-warning-100) / .9)
}

html .tailwind-area .hover\:bg-warning-100\/95:hover {
    background-color: rgb(var(--ui-warning-100) / .95)
}

html .tailwind-area .hover\:bg-warning-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-warning-200) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-warning-200\/0:hover {
    background-color: rgb(var(--ui-warning-200) / 0)
}

html .tailwind-area .hover\:bg-warning-200\/10:hover {
    background-color: rgb(var(--ui-warning-200) / .1)
}

html .tailwind-area .hover\:bg-warning-200\/100:hover {
    background-color: rgb(var(--ui-warning-200) / 1)
}

html .tailwind-area .hover\:bg-warning-200\/15:hover {
    background-color: rgb(var(--ui-warning-200) / .15)
}

html .tailwind-area .hover\:bg-warning-200\/20:hover {
    background-color: rgb(var(--ui-warning-200) / .2)
}

html .tailwind-area .hover\:bg-warning-200\/25:hover {
    background-color: rgb(var(--ui-warning-200) / .25)
}

html .tailwind-area .hover\:bg-warning-200\/30:hover {
    background-color: rgb(var(--ui-warning-200) / .3)
}

html .tailwind-area .hover\:bg-warning-200\/35:hover {
    background-color: rgb(var(--ui-warning-200) / .35)
}

html .tailwind-area .hover\:bg-warning-200\/40:hover {
    background-color: rgb(var(--ui-warning-200) / .4)
}

html .tailwind-area .hover\:bg-warning-200\/45:hover {
    background-color: rgb(var(--ui-warning-200) / .45)
}

html .tailwind-area .hover\:bg-warning-200\/5:hover {
    background-color: rgb(var(--ui-warning-200) / .05)
}

html .tailwind-area .hover\:bg-warning-200\/50:hover {
    background-color: rgb(var(--ui-warning-200) / .5)
}

html .tailwind-area .hover\:bg-warning-200\/55:hover {
    background-color: rgb(var(--ui-warning-200) / .55)
}

html .tailwind-area .hover\:bg-warning-200\/60:hover {
    background-color: rgb(var(--ui-warning-200) / .6)
}

html .tailwind-area .hover\:bg-warning-200\/65:hover {
    background-color: rgb(var(--ui-warning-200) / .65)
}

html .tailwind-area .hover\:bg-warning-200\/70:hover {
    background-color: rgb(var(--ui-warning-200) / .7)
}

html .tailwind-area .hover\:bg-warning-200\/75:hover {
    background-color: rgb(var(--ui-warning-200) / .75)
}

html .tailwind-area .hover\:bg-warning-200\/80:hover {
    background-color: rgb(var(--ui-warning-200) / .8)
}

html .tailwind-area .hover\:bg-warning-200\/85:hover {
    background-color: rgb(var(--ui-warning-200) / .85)
}

html .tailwind-area .hover\:bg-warning-200\/90:hover {
    background-color: rgb(var(--ui-warning-200) / .9)
}

html .tailwind-area .hover\:bg-warning-200\/95:hover {
    background-color: rgb(var(--ui-warning-200) / .95)
}

html .tailwind-area .hover\:bg-warning-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-warning-300) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-warning-300\/0:hover {
    background-color: rgb(var(--ui-warning-300) / 0)
}

html .tailwind-area .hover\:bg-warning-300\/10:hover {
    background-color: rgb(var(--ui-warning-300) / .1)
}

html .tailwind-area .hover\:bg-warning-300\/100:hover {
    background-color: rgb(var(--ui-warning-300) / 1)
}

html .tailwind-area .hover\:bg-warning-300\/15:hover {
    background-color: rgb(var(--ui-warning-300) / .15)
}

html .tailwind-area .hover\:bg-warning-300\/20:hover {
    background-color: rgb(var(--ui-warning-300) / .2)
}

html .tailwind-area .hover\:bg-warning-300\/25:hover {
    background-color: rgb(var(--ui-warning-300) / .25)
}

html .tailwind-area .hover\:bg-warning-300\/30:hover {
    background-color: rgb(var(--ui-warning-300) / .3)
}

html .tailwind-area .hover\:bg-warning-300\/35:hover {
    background-color: rgb(var(--ui-warning-300) / .35)
}

html .tailwind-area .hover\:bg-warning-300\/40:hover {
    background-color: rgb(var(--ui-warning-300) / .4)
}

html .tailwind-area .hover\:bg-warning-300\/45:hover {
    background-color: rgb(var(--ui-warning-300) / .45)
}

html .tailwind-area .hover\:bg-warning-300\/5:hover {
    background-color: rgb(var(--ui-warning-300) / .05)
}

html .tailwind-area .hover\:bg-warning-300\/50:hover {
    background-color: rgb(var(--ui-warning-300) / .5)
}

html .tailwind-area .hover\:bg-warning-300\/55:hover {
    background-color: rgb(var(--ui-warning-300) / .55)
}

html .tailwind-area .hover\:bg-warning-300\/60:hover {
    background-color: rgb(var(--ui-warning-300) / .6)
}

html .tailwind-area .hover\:bg-warning-300\/65:hover {
    background-color: rgb(var(--ui-warning-300) / .65)
}

html .tailwind-area .hover\:bg-warning-300\/70:hover {
    background-color: rgb(var(--ui-warning-300) / .7)
}

html .tailwind-area .hover\:bg-warning-300\/75:hover {
    background-color: rgb(var(--ui-warning-300) / .75)
}

html .tailwind-area .hover\:bg-warning-300\/80:hover {
    background-color: rgb(var(--ui-warning-300) / .8)
}

html .tailwind-area .hover\:bg-warning-300\/85:hover {
    background-color: rgb(var(--ui-warning-300) / .85)
}

html .tailwind-area .hover\:bg-warning-300\/90:hover {
    background-color: rgb(var(--ui-warning-300) / .9)
}

html .tailwind-area .hover\:bg-warning-300\/95:hover {
    background-color: rgb(var(--ui-warning-300) / .95)
}

html .tailwind-area .hover\:bg-warning-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-warning-400) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-warning-400\/0:hover {
    background-color: rgb(var(--ui-warning-400) / 0)
}

html .tailwind-area .hover\:bg-warning-400\/10:hover {
    background-color: rgb(var(--ui-warning-400) / .1)
}

html .tailwind-area .hover\:bg-warning-400\/100:hover {
    background-color: rgb(var(--ui-warning-400) / 1)
}

html .tailwind-area .hover\:bg-warning-400\/15:hover {
    background-color: rgb(var(--ui-warning-400) / .15)
}

html .tailwind-area .hover\:bg-warning-400\/20:hover {
    background-color: rgb(var(--ui-warning-400) / .2)
}

html .tailwind-area .hover\:bg-warning-400\/25:hover {
    background-color: rgb(var(--ui-warning-400) / .25)
}

html .tailwind-area .hover\:bg-warning-400\/30:hover {
    background-color: rgb(var(--ui-warning-400) / .3)
}

html .tailwind-area .hover\:bg-warning-400\/35:hover {
    background-color: rgb(var(--ui-warning-400) / .35)
}

html .tailwind-area .hover\:bg-warning-400\/40:hover {
    background-color: rgb(var(--ui-warning-400) / .4)
}

html .tailwind-area .hover\:bg-warning-400\/45:hover {
    background-color: rgb(var(--ui-warning-400) / .45)
}

html .tailwind-area .hover\:bg-warning-400\/5:hover {
    background-color: rgb(var(--ui-warning-400) / .05)
}

html .tailwind-area .hover\:bg-warning-400\/50:hover {
    background-color: rgb(var(--ui-warning-400) / .5)
}

html .tailwind-area .hover\:bg-warning-400\/55:hover {
    background-color: rgb(var(--ui-warning-400) / .55)
}

html .tailwind-area .hover\:bg-warning-400\/60:hover {
    background-color: rgb(var(--ui-warning-400) / .6)
}

html .tailwind-area .hover\:bg-warning-400\/65:hover {
    background-color: rgb(var(--ui-warning-400) / .65)
}

html .tailwind-area .hover\:bg-warning-400\/70:hover {
    background-color: rgb(var(--ui-warning-400) / .7)
}

html .tailwind-area .hover\:bg-warning-400\/75:hover {
    background-color: rgb(var(--ui-warning-400) / .75)
}

html .tailwind-area .hover\:bg-warning-400\/80:hover {
    background-color: rgb(var(--ui-warning-400) / .8)
}

html .tailwind-area .hover\:bg-warning-400\/85:hover {
    background-color: rgb(var(--ui-warning-400) / .85)
}

html .tailwind-area .hover\:bg-warning-400\/90:hover {
    background-color: rgb(var(--ui-warning-400) / .9)
}

html .tailwind-area .hover\:bg-warning-400\/95:hover {
    background-color: rgb(var(--ui-warning-400) / .95)
}

html .tailwind-area .hover\:bg-warning-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-warning-50) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-warning-50\/0:hover {
    background-color: rgb(var(--ui-warning-50) / 0)
}

html .tailwind-area .hover\:bg-warning-50\/10:hover {
    background-color: rgb(var(--ui-warning-50) / .1)
}

html .tailwind-area .hover\:bg-warning-50\/100:hover {
    background-color: rgb(var(--ui-warning-50) / 1)
}

html .tailwind-area .hover\:bg-warning-50\/15:hover {
    background-color: rgb(var(--ui-warning-50) / .15)
}

html .tailwind-area .hover\:bg-warning-50\/20:hover {
    background-color: rgb(var(--ui-warning-50) / .2)
}

html .tailwind-area .hover\:bg-warning-50\/25:hover {
    background-color: rgb(var(--ui-warning-50) / .25)
}

html .tailwind-area .hover\:bg-warning-50\/30:hover {
    background-color: rgb(var(--ui-warning-50) / .3)
}

html .tailwind-area .hover\:bg-warning-50\/35:hover {
    background-color: rgb(var(--ui-warning-50) / .35)
}

html .tailwind-area .hover\:bg-warning-50\/40:hover {
    background-color: rgb(var(--ui-warning-50) / .4)
}

html .tailwind-area .hover\:bg-warning-50\/45:hover {
    background-color: rgb(var(--ui-warning-50) / .45)
}

html .tailwind-area .hover\:bg-warning-50\/5:hover {
    background-color: rgb(var(--ui-warning-50) / .05)
}

html .tailwind-area .hover\:bg-warning-50\/50:hover {
    background-color: rgb(var(--ui-warning-50) / .5)
}

html .tailwind-area .hover\:bg-warning-50\/55:hover {
    background-color: rgb(var(--ui-warning-50) / .55)
}

html .tailwind-area .hover\:bg-warning-50\/60:hover {
    background-color: rgb(var(--ui-warning-50) / .6)
}

html .tailwind-area .hover\:bg-warning-50\/65:hover {
    background-color: rgb(var(--ui-warning-50) / .65)
}

html .tailwind-area .hover\:bg-warning-50\/70:hover {
    background-color: rgb(var(--ui-warning-50) / .7)
}

html .tailwind-area .hover\:bg-warning-50\/75:hover {
    background-color: rgb(var(--ui-warning-50) / .75)
}

html .tailwind-area .hover\:bg-warning-50\/80:hover {
    background-color: rgb(var(--ui-warning-50) / .8)
}

html .tailwind-area .hover\:bg-warning-50\/85:hover {
    background-color: rgb(var(--ui-warning-50) / .85)
}

html .tailwind-area .hover\:bg-warning-50\/90:hover {
    background-color: rgb(var(--ui-warning-50) / .9)
}

html .tailwind-area .hover\:bg-warning-50\/95:hover {
    background-color: rgb(var(--ui-warning-50) / .95)
}

html .tailwind-area .hover\:bg-warning-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-warning-500) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-warning-500\/0:hover {
    background-color: rgb(var(--ui-warning-500) / 0)
}

html .tailwind-area .hover\:bg-warning-500\/10:hover {
    background-color: rgb(var(--ui-warning-500) / .1)
}

html .tailwind-area .hover\:bg-warning-500\/100:hover {
    background-color: rgb(var(--ui-warning-500) / 1)
}

html .tailwind-area .hover\:bg-warning-500\/15:hover {
    background-color: rgb(var(--ui-warning-500) / .15)
}

html .tailwind-area .hover\:bg-warning-500\/20:hover {
    background-color: rgb(var(--ui-warning-500) / .2)
}

html .tailwind-area .hover\:bg-warning-500\/25:hover {
    background-color: rgb(var(--ui-warning-500) / .25)
}

html .tailwind-area .hover\:bg-warning-500\/30:hover {
    background-color: rgb(var(--ui-warning-500) / .3)
}

html .tailwind-area .hover\:bg-warning-500\/35:hover {
    background-color: rgb(var(--ui-warning-500) / .35)
}

html .tailwind-area .hover\:bg-warning-500\/40:hover {
    background-color: rgb(var(--ui-warning-500) / .4)
}

html .tailwind-area .hover\:bg-warning-500\/45:hover {
    background-color: rgb(var(--ui-warning-500) / .45)
}

html .tailwind-area .hover\:bg-warning-500\/5:hover {
    background-color: rgb(var(--ui-warning-500) / .05)
}

html .tailwind-area .hover\:bg-warning-500\/50:hover {
    background-color: rgb(var(--ui-warning-500) / .5)
}

html .tailwind-area .hover\:bg-warning-500\/55:hover {
    background-color: rgb(var(--ui-warning-500) / .55)
}

html .tailwind-area .hover\:bg-warning-500\/60:hover {
    background-color: rgb(var(--ui-warning-500) / .6)
}

html .tailwind-area .hover\:bg-warning-500\/65:hover {
    background-color: rgb(var(--ui-warning-500) / .65)
}

html .tailwind-area .hover\:bg-warning-500\/70:hover {
    background-color: rgb(var(--ui-warning-500) / .7)
}

html .tailwind-area .hover\:bg-warning-500\/75:hover {
    background-color: rgb(var(--ui-warning-500) / .75)
}

html .tailwind-area .hover\:bg-warning-500\/80:hover {
    background-color: rgb(var(--ui-warning-500) / .8)
}

html .tailwind-area .hover\:bg-warning-500\/85:hover {
    background-color: rgb(var(--ui-warning-500) / .85)
}

html .tailwind-area .hover\:bg-warning-500\/90:hover {
    background-color: rgb(var(--ui-warning-500) / .9)
}

html .tailwind-area .hover\:bg-warning-500\/95:hover {
    background-color: rgb(var(--ui-warning-500) / .95)
}

html .tailwind-area .hover\:bg-warning-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-warning-600) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-warning-600\/0:hover {
    background-color: rgb(var(--ui-warning-600) / 0)
}

html .tailwind-area .hover\:bg-warning-600\/10:hover {
    background-color: rgb(var(--ui-warning-600) / .1)
}

html .tailwind-area .hover\:bg-warning-600\/100:hover {
    background-color: rgb(var(--ui-warning-600) / 1)
}

html .tailwind-area .hover\:bg-warning-600\/15:hover {
    background-color: rgb(var(--ui-warning-600) / .15)
}

html .tailwind-area .hover\:bg-warning-600\/20:hover {
    background-color: rgb(var(--ui-warning-600) / .2)
}

html .tailwind-area .hover\:bg-warning-600\/25:hover {
    background-color: rgb(var(--ui-warning-600) / .25)
}

html .tailwind-area .hover\:bg-warning-600\/30:hover {
    background-color: rgb(var(--ui-warning-600) / .3)
}

html .tailwind-area .hover\:bg-warning-600\/35:hover {
    background-color: rgb(var(--ui-warning-600) / .35)
}

html .tailwind-area .hover\:bg-warning-600\/40:hover {
    background-color: rgb(var(--ui-warning-600) / .4)
}

html .tailwind-area .hover\:bg-warning-600\/45:hover {
    background-color: rgb(var(--ui-warning-600) / .45)
}

html .tailwind-area .hover\:bg-warning-600\/5:hover {
    background-color: rgb(var(--ui-warning-600) / .05)
}

html .tailwind-area .hover\:bg-warning-600\/50:hover {
    background-color: rgb(var(--ui-warning-600) / .5)
}

html .tailwind-area .hover\:bg-warning-600\/55:hover {
    background-color: rgb(var(--ui-warning-600) / .55)
}

html .tailwind-area .hover\:bg-warning-600\/60:hover {
    background-color: rgb(var(--ui-warning-600) / .6)
}

html .tailwind-area .hover\:bg-warning-600\/65:hover {
    background-color: rgb(var(--ui-warning-600) / .65)
}

html .tailwind-area .hover\:bg-warning-600\/70:hover {
    background-color: rgb(var(--ui-warning-600) / .7)
}

html .tailwind-area .hover\:bg-warning-600\/75:hover {
    background-color: rgb(var(--ui-warning-600) / .75)
}

html .tailwind-area .hover\:bg-warning-600\/80:hover {
    background-color: rgb(var(--ui-warning-600) / .8)
}

html .tailwind-area .hover\:bg-warning-600\/85:hover {
    background-color: rgb(var(--ui-warning-600) / .85)
}

html .tailwind-area .hover\:bg-warning-600\/90:hover {
    background-color: rgb(var(--ui-warning-600) / .9)
}

html .tailwind-area .hover\:bg-warning-600\/95:hover {
    background-color: rgb(var(--ui-warning-600) / .95)
}

html .tailwind-area .hover\:bg-warning-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-warning-700) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-warning-700\/0:hover {
    background-color: rgb(var(--ui-warning-700) / 0)
}

html .tailwind-area .hover\:bg-warning-700\/10:hover {
    background-color: rgb(var(--ui-warning-700) / .1)
}

html .tailwind-area .hover\:bg-warning-700\/100:hover {
    background-color: rgb(var(--ui-warning-700) / 1)
}

html .tailwind-area .hover\:bg-warning-700\/15:hover {
    background-color: rgb(var(--ui-warning-700) / .15)
}

html .tailwind-area .hover\:bg-warning-700\/20:hover {
    background-color: rgb(var(--ui-warning-700) / .2)
}

html .tailwind-area .hover\:bg-warning-700\/25:hover {
    background-color: rgb(var(--ui-warning-700) / .25)
}

html .tailwind-area .hover\:bg-warning-700\/30:hover {
    background-color: rgb(var(--ui-warning-700) / .3)
}

html .tailwind-area .hover\:bg-warning-700\/35:hover {
    background-color: rgb(var(--ui-warning-700) / .35)
}

html .tailwind-area .hover\:bg-warning-700\/40:hover {
    background-color: rgb(var(--ui-warning-700) / .4)
}

html .tailwind-area .hover\:bg-warning-700\/45:hover {
    background-color: rgb(var(--ui-warning-700) / .45)
}

html .tailwind-area .hover\:bg-warning-700\/5:hover {
    background-color: rgb(var(--ui-warning-700) / .05)
}

html .tailwind-area .hover\:bg-warning-700\/50:hover {
    background-color: rgb(var(--ui-warning-700) / .5)
}

html .tailwind-area .hover\:bg-warning-700\/55:hover {
    background-color: rgb(var(--ui-warning-700) / .55)
}

html .tailwind-area .hover\:bg-warning-700\/60:hover {
    background-color: rgb(var(--ui-warning-700) / .6)
}

html .tailwind-area .hover\:bg-warning-700\/65:hover {
    background-color: rgb(var(--ui-warning-700) / .65)
}

html .tailwind-area .hover\:bg-warning-700\/70:hover {
    background-color: rgb(var(--ui-warning-700) / .7)
}

html .tailwind-area .hover\:bg-warning-700\/75:hover {
    background-color: rgb(var(--ui-warning-700) / .75)
}

html .tailwind-area .hover\:bg-warning-700\/80:hover {
    background-color: rgb(var(--ui-warning-700) / .8)
}

html .tailwind-area .hover\:bg-warning-700\/85:hover {
    background-color: rgb(var(--ui-warning-700) / .85)
}

html .tailwind-area .hover\:bg-warning-700\/90:hover {
    background-color: rgb(var(--ui-warning-700) / .9)
}

html .tailwind-area .hover\:bg-warning-700\/95:hover {
    background-color: rgb(var(--ui-warning-700) / .95)
}

html .tailwind-area .hover\:bg-warning-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-warning-800) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-warning-800\/0:hover {
    background-color: rgb(var(--ui-warning-800) / 0)
}

html .tailwind-area .hover\:bg-warning-800\/10:hover {
    background-color: rgb(var(--ui-warning-800) / .1)
}

html .tailwind-area .hover\:bg-warning-800\/100:hover {
    background-color: rgb(var(--ui-warning-800) / 1)
}

html .tailwind-area .hover\:bg-warning-800\/15:hover {
    background-color: rgb(var(--ui-warning-800) / .15)
}

html .tailwind-area .hover\:bg-warning-800\/20:hover {
    background-color: rgb(var(--ui-warning-800) / .2)
}

html .tailwind-area .hover\:bg-warning-800\/25:hover {
    background-color: rgb(var(--ui-warning-800) / .25)
}

html .tailwind-area .hover\:bg-warning-800\/30:hover {
    background-color: rgb(var(--ui-warning-800) / .3)
}

html .tailwind-area .hover\:bg-warning-800\/35:hover {
    background-color: rgb(var(--ui-warning-800) / .35)
}

html .tailwind-area .hover\:bg-warning-800\/40:hover {
    background-color: rgb(var(--ui-warning-800) / .4)
}

html .tailwind-area .hover\:bg-warning-800\/45:hover {
    background-color: rgb(var(--ui-warning-800) / .45)
}

html .tailwind-area .hover\:bg-warning-800\/5:hover {
    background-color: rgb(var(--ui-warning-800) / .05)
}

html .tailwind-area .hover\:bg-warning-800\/50:hover {
    background-color: rgb(var(--ui-warning-800) / .5)
}

html .tailwind-area .hover\:bg-warning-800\/55:hover {
    background-color: rgb(var(--ui-warning-800) / .55)
}

html .tailwind-area .hover\:bg-warning-800\/60:hover {
    background-color: rgb(var(--ui-warning-800) / .6)
}

html .tailwind-area .hover\:bg-warning-800\/65:hover {
    background-color: rgb(var(--ui-warning-800) / .65)
}

html .tailwind-area .hover\:bg-warning-800\/70:hover {
    background-color: rgb(var(--ui-warning-800) / .7)
}

html .tailwind-area .hover\:bg-warning-800\/75:hover {
    background-color: rgb(var(--ui-warning-800) / .75)
}

html .tailwind-area .hover\:bg-warning-800\/80:hover {
    background-color: rgb(var(--ui-warning-800) / .8)
}

html .tailwind-area .hover\:bg-warning-800\/85:hover {
    background-color: rgb(var(--ui-warning-800) / .85)
}

html .tailwind-area .hover\:bg-warning-800\/90:hover {
    background-color: rgb(var(--ui-warning-800) / .9)
}

html .tailwind-area .hover\:bg-warning-800\/95:hover {
    background-color: rgb(var(--ui-warning-800) / .95)
}

html .tailwind-area .hover\:bg-warning-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-warning-900) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:bg-warning-900\/0:hover {
    background-color: rgb(var(--ui-warning-900) / 0)
}

html .tailwind-area .hover\:bg-warning-900\/10:hover {
    background-color: rgb(var(--ui-warning-900) / .1)
}

html .tailwind-area .hover\:bg-warning-900\/100:hover {
    background-color: rgb(var(--ui-warning-900) / 1)
}

html .tailwind-area .hover\:bg-warning-900\/15:hover {
    background-color: rgb(var(--ui-warning-900) / .15)
}

html .tailwind-area .hover\:bg-warning-900\/20:hover {
    background-color: rgb(var(--ui-warning-900) / .2)
}

html .tailwind-area .hover\:bg-warning-900\/25:hover {
    background-color: rgb(var(--ui-warning-900) / .25)
}

html .tailwind-area .hover\:bg-warning-900\/30:hover {
    background-color: rgb(var(--ui-warning-900) / .3)
}

html .tailwind-area .hover\:bg-warning-900\/35:hover {
    background-color: rgb(var(--ui-warning-900) / .35)
}

html .tailwind-area .hover\:bg-warning-900\/40:hover {
    background-color: rgb(var(--ui-warning-900) / .4)
}

html .tailwind-area .hover\:bg-warning-900\/45:hover {
    background-color: rgb(var(--ui-warning-900) / .45)
}

html .tailwind-area .hover\:bg-warning-900\/5:hover {
    background-color: rgb(var(--ui-warning-900) / .05)
}

html .tailwind-area .hover\:bg-warning-900\/50:hover {
    background-color: rgb(var(--ui-warning-900) / .5)
}

html .tailwind-area .hover\:bg-warning-900\/55:hover {
    background-color: rgb(var(--ui-warning-900) / .55)
}

html .tailwind-area .hover\:bg-warning-900\/60:hover {
    background-color: rgb(var(--ui-warning-900) / .6)
}

html .tailwind-area .hover\:bg-warning-900\/65:hover {
    background-color: rgb(var(--ui-warning-900) / .65)
}

html .tailwind-area .hover\:bg-warning-900\/70:hover {
    background-color: rgb(var(--ui-warning-900) / .7)
}

html .tailwind-area .hover\:bg-warning-900\/75:hover {
    background-color: rgb(var(--ui-warning-900) / .75)
}

html .tailwind-area .hover\:bg-warning-900\/80:hover {
    background-color: rgb(var(--ui-warning-900) / .8)
}

html .tailwind-area .hover\:bg-warning-900\/85:hover {
    background-color: rgb(var(--ui-warning-900) / .85)
}

html .tailwind-area .hover\:bg-warning-900\/90:hover {
    background-color: rgb(var(--ui-warning-900) / .9)
}

html .tailwind-area .hover\:bg-warning-900\/95:hover {
    background-color: rgb(var(--ui-warning-900) / .95)
}

html .tailwind-area .hover\:bg-white\/10:hover {
    background-color: #ffffff1a
}

html .tailwind-area .hover\:bg-white\/\[8\%\]:hover {
    background-color: #ffffff14
}

html .tailwind-area .hover\:text-danger-100:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-danger-100) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-danger-100\/0:hover {
    color: rgb(var(--ui-danger-100) / 0)
}

html .tailwind-area .hover\:text-danger-100\/10:hover {
    color: rgb(var(--ui-danger-100) / .1)
}

html .tailwind-area .hover\:text-danger-100\/100:hover {
    color: rgb(var(--ui-danger-100) / 1)
}

html .tailwind-area .hover\:text-danger-100\/15:hover {
    color: rgb(var(--ui-danger-100) / .15)
}

html .tailwind-area .hover\:text-danger-100\/20:hover {
    color: rgb(var(--ui-danger-100) / .2)
}

html .tailwind-area .hover\:text-danger-100\/25:hover {
    color: rgb(var(--ui-danger-100) / .25)
}

html .tailwind-area .hover\:text-danger-100\/30:hover {
    color: rgb(var(--ui-danger-100) / .3)
}

html .tailwind-area .hover\:text-danger-100\/35:hover {
    color: rgb(var(--ui-danger-100) / .35)
}

html .tailwind-area .hover\:text-danger-100\/40:hover {
    color: rgb(var(--ui-danger-100) / .4)
}

html .tailwind-area .hover\:text-danger-100\/45:hover {
    color: rgb(var(--ui-danger-100) / .45)
}

html .tailwind-area .hover\:text-danger-100\/5:hover {
    color: rgb(var(--ui-danger-100) / .05)
}

html .tailwind-area .hover\:text-danger-100\/50:hover {
    color: rgb(var(--ui-danger-100) / .5)
}

html .tailwind-area .hover\:text-danger-100\/55:hover {
    color: rgb(var(--ui-danger-100) / .55)
}

html .tailwind-area .hover\:text-danger-100\/60:hover {
    color: rgb(var(--ui-danger-100) / .6)
}

html .tailwind-area .hover\:text-danger-100\/65:hover {
    color: rgb(var(--ui-danger-100) / .65)
}

html .tailwind-area .hover\:text-danger-100\/70:hover {
    color: rgb(var(--ui-danger-100) / .7)
}

html .tailwind-area .hover\:text-danger-100\/75:hover {
    color: rgb(var(--ui-danger-100) / .75)
}

html .tailwind-area .hover\:text-danger-100\/80:hover {
    color: rgb(var(--ui-danger-100) / .8)
}

html .tailwind-area .hover\:text-danger-100\/85:hover {
    color: rgb(var(--ui-danger-100) / .85)
}

html .tailwind-area .hover\:text-danger-100\/90:hover {
    color: rgb(var(--ui-danger-100) / .9)
}

html .tailwind-area .hover\:text-danger-100\/95:hover {
    color: rgb(var(--ui-danger-100) / .95)
}

html .tailwind-area .hover\:text-danger-200:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-danger-200) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-danger-200\/0:hover {
    color: rgb(var(--ui-danger-200) / 0)
}

html .tailwind-area .hover\:text-danger-200\/10:hover {
    color: rgb(var(--ui-danger-200) / .1)
}

html .tailwind-area .hover\:text-danger-200\/100:hover {
    color: rgb(var(--ui-danger-200) / 1)
}

html .tailwind-area .hover\:text-danger-200\/15:hover {
    color: rgb(var(--ui-danger-200) / .15)
}

html .tailwind-area .hover\:text-danger-200\/20:hover {
    color: rgb(var(--ui-danger-200) / .2)
}

html .tailwind-area .hover\:text-danger-200\/25:hover {
    color: rgb(var(--ui-danger-200) / .25)
}

html .tailwind-area .hover\:text-danger-200\/30:hover {
    color: rgb(var(--ui-danger-200) / .3)
}

html .tailwind-area .hover\:text-danger-200\/35:hover {
    color: rgb(var(--ui-danger-200) / .35)
}

html .tailwind-area .hover\:text-danger-200\/40:hover {
    color: rgb(var(--ui-danger-200) / .4)
}

html .tailwind-area .hover\:text-danger-200\/45:hover {
    color: rgb(var(--ui-danger-200) / .45)
}

html .tailwind-area .hover\:text-danger-200\/5:hover {
    color: rgb(var(--ui-danger-200) / .05)
}

html .tailwind-area .hover\:text-danger-200\/50:hover {
    color: rgb(var(--ui-danger-200) / .5)
}

html .tailwind-area .hover\:text-danger-200\/55:hover {
    color: rgb(var(--ui-danger-200) / .55)
}

html .tailwind-area .hover\:text-danger-200\/60:hover {
    color: rgb(var(--ui-danger-200) / .6)
}

html .tailwind-area .hover\:text-danger-200\/65:hover {
    color: rgb(var(--ui-danger-200) / .65)
}

html .tailwind-area .hover\:text-danger-200\/70:hover {
    color: rgb(var(--ui-danger-200) / .7)
}

html .tailwind-area .hover\:text-danger-200\/75:hover {
    color: rgb(var(--ui-danger-200) / .75)
}

html .tailwind-area .hover\:text-danger-200\/80:hover {
    color: rgb(var(--ui-danger-200) / .8)
}

html .tailwind-area .hover\:text-danger-200\/85:hover {
    color: rgb(var(--ui-danger-200) / .85)
}

html .tailwind-area .hover\:text-danger-200\/90:hover {
    color: rgb(var(--ui-danger-200) / .9)
}

html .tailwind-area .hover\:text-danger-200\/95:hover {
    color: rgb(var(--ui-danger-200) / .95)
}

html .tailwind-area .hover\:text-danger-300:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-danger-300) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-danger-300\/0:hover {
    color: rgb(var(--ui-danger-300) / 0)
}

html .tailwind-area .hover\:text-danger-300\/10:hover {
    color: rgb(var(--ui-danger-300) / .1)
}

html .tailwind-area .hover\:text-danger-300\/100:hover {
    color: rgb(var(--ui-danger-300) / 1)
}

html .tailwind-area .hover\:text-danger-300\/15:hover {
    color: rgb(var(--ui-danger-300) / .15)
}

html .tailwind-area .hover\:text-danger-300\/20:hover {
    color: rgb(var(--ui-danger-300) / .2)
}

html .tailwind-area .hover\:text-danger-300\/25:hover {
    color: rgb(var(--ui-danger-300) / .25)
}

html .tailwind-area .hover\:text-danger-300\/30:hover {
    color: rgb(var(--ui-danger-300) / .3)
}

html .tailwind-area .hover\:text-danger-300\/35:hover {
    color: rgb(var(--ui-danger-300) / .35)
}

html .tailwind-area .hover\:text-danger-300\/40:hover {
    color: rgb(var(--ui-danger-300) / .4)
}

html .tailwind-area .hover\:text-danger-300\/45:hover {
    color: rgb(var(--ui-danger-300) / .45)
}

html .tailwind-area .hover\:text-danger-300\/5:hover {
    color: rgb(var(--ui-danger-300) / .05)
}

html .tailwind-area .hover\:text-danger-300\/50:hover {
    color: rgb(var(--ui-danger-300) / .5)
}

html .tailwind-area .hover\:text-danger-300\/55:hover {
    color: rgb(var(--ui-danger-300) / .55)
}

html .tailwind-area .hover\:text-danger-300\/60:hover {
    color: rgb(var(--ui-danger-300) / .6)
}

html .tailwind-area .hover\:text-danger-300\/65:hover {
    color: rgb(var(--ui-danger-300) / .65)
}

html .tailwind-area .hover\:text-danger-300\/70:hover {
    color: rgb(var(--ui-danger-300) / .7)
}

html .tailwind-area .hover\:text-danger-300\/75:hover {
    color: rgb(var(--ui-danger-300) / .75)
}

html .tailwind-area .hover\:text-danger-300\/80:hover {
    color: rgb(var(--ui-danger-300) / .8)
}

html .tailwind-area .hover\:text-danger-300\/85:hover {
    color: rgb(var(--ui-danger-300) / .85)
}

html .tailwind-area .hover\:text-danger-300\/90:hover {
    color: rgb(var(--ui-danger-300) / .9)
}

html .tailwind-area .hover\:text-danger-300\/95:hover {
    color: rgb(var(--ui-danger-300) / .95)
}

html .tailwind-area .hover\:text-danger-400:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-danger-400) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-danger-400\/0:hover {
    color: rgb(var(--ui-danger-400) / 0)
}

html .tailwind-area .hover\:text-danger-400\/10:hover {
    color: rgb(var(--ui-danger-400) / .1)
}

html .tailwind-area .hover\:text-danger-400\/100:hover {
    color: rgb(var(--ui-danger-400) / 1)
}

html .tailwind-area .hover\:text-danger-400\/15:hover {
    color: rgb(var(--ui-danger-400) / .15)
}

html .tailwind-area .hover\:text-danger-400\/20:hover {
    color: rgb(var(--ui-danger-400) / .2)
}

html .tailwind-area .hover\:text-danger-400\/25:hover {
    color: rgb(var(--ui-danger-400) / .25)
}

html .tailwind-area .hover\:text-danger-400\/30:hover {
    color: rgb(var(--ui-danger-400) / .3)
}

html .tailwind-area .hover\:text-danger-400\/35:hover {
    color: rgb(var(--ui-danger-400) / .35)
}

html .tailwind-area .hover\:text-danger-400\/40:hover {
    color: rgb(var(--ui-danger-400) / .4)
}

html .tailwind-area .hover\:text-danger-400\/45:hover {
    color: rgb(var(--ui-danger-400) / .45)
}

html .tailwind-area .hover\:text-danger-400\/5:hover {
    color: rgb(var(--ui-danger-400) / .05)
}

html .tailwind-area .hover\:text-danger-400\/50:hover {
    color: rgb(var(--ui-danger-400) / .5)
}

html .tailwind-area .hover\:text-danger-400\/55:hover {
    color: rgb(var(--ui-danger-400) / .55)
}

html .tailwind-area .hover\:text-danger-400\/60:hover {
    color: rgb(var(--ui-danger-400) / .6)
}

html .tailwind-area .hover\:text-danger-400\/65:hover {
    color: rgb(var(--ui-danger-400) / .65)
}

html .tailwind-area .hover\:text-danger-400\/70:hover {
    color: rgb(var(--ui-danger-400) / .7)
}

html .tailwind-area .hover\:text-danger-400\/75:hover {
    color: rgb(var(--ui-danger-400) / .75)
}

html .tailwind-area .hover\:text-danger-400\/80:hover {
    color: rgb(var(--ui-danger-400) / .8)
}

html .tailwind-area .hover\:text-danger-400\/85:hover {
    color: rgb(var(--ui-danger-400) / .85)
}

html .tailwind-area .hover\:text-danger-400\/90:hover {
    color: rgb(var(--ui-danger-400) / .9)
}

html .tailwind-area .hover\:text-danger-400\/95:hover {
    color: rgb(var(--ui-danger-400) / .95)
}

html .tailwind-area .hover\:text-danger-50:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-danger-50) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-danger-50\/0:hover {
    color: rgb(var(--ui-danger-50) / 0)
}

html .tailwind-area .hover\:text-danger-50\/10:hover {
    color: rgb(var(--ui-danger-50) / .1)
}

html .tailwind-area .hover\:text-danger-50\/100:hover {
    color: rgb(var(--ui-danger-50) / 1)
}

html .tailwind-area .hover\:text-danger-50\/15:hover {
    color: rgb(var(--ui-danger-50) / .15)
}

html .tailwind-area .hover\:text-danger-50\/20:hover {
    color: rgb(var(--ui-danger-50) / .2)
}

html .tailwind-area .hover\:text-danger-50\/25:hover {
    color: rgb(var(--ui-danger-50) / .25)
}

html .tailwind-area .hover\:text-danger-50\/30:hover {
    color: rgb(var(--ui-danger-50) / .3)
}

html .tailwind-area .hover\:text-danger-50\/35:hover {
    color: rgb(var(--ui-danger-50) / .35)
}

html .tailwind-area .hover\:text-danger-50\/40:hover {
    color: rgb(var(--ui-danger-50) / .4)
}

html .tailwind-area .hover\:text-danger-50\/45:hover {
    color: rgb(var(--ui-danger-50) / .45)
}

html .tailwind-area .hover\:text-danger-50\/5:hover {
    color: rgb(var(--ui-danger-50) / .05)
}

html .tailwind-area .hover\:text-danger-50\/50:hover {
    color: rgb(var(--ui-danger-50) / .5)
}

html .tailwind-area .hover\:text-danger-50\/55:hover {
    color: rgb(var(--ui-danger-50) / .55)
}

html .tailwind-area .hover\:text-danger-50\/60:hover {
    color: rgb(var(--ui-danger-50) / .6)
}

html .tailwind-area .hover\:text-danger-50\/65:hover {
    color: rgb(var(--ui-danger-50) / .65)
}

html .tailwind-area .hover\:text-danger-50\/70:hover {
    color: rgb(var(--ui-danger-50) / .7)
}

html .tailwind-area .hover\:text-danger-50\/75:hover {
    color: rgb(var(--ui-danger-50) / .75)
}

html .tailwind-area .hover\:text-danger-50\/80:hover {
    color: rgb(var(--ui-danger-50) / .8)
}

html .tailwind-area .hover\:text-danger-50\/85:hover {
    color: rgb(var(--ui-danger-50) / .85)
}

html .tailwind-area .hover\:text-danger-50\/90:hover {
    color: rgb(var(--ui-danger-50) / .9)
}

html .tailwind-area .hover\:text-danger-50\/95:hover {
    color: rgb(var(--ui-danger-50) / .95)
}

html .tailwind-area .hover\:text-danger-500:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-danger-500) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-danger-500\/0:hover {
    color: rgb(var(--ui-danger-500) / 0)
}

html .tailwind-area .hover\:text-danger-500\/10:hover {
    color: rgb(var(--ui-danger-500) / .1)
}

html .tailwind-area .hover\:text-danger-500\/100:hover {
    color: rgb(var(--ui-danger-500) / 1)
}

html .tailwind-area .hover\:text-danger-500\/15:hover {
    color: rgb(var(--ui-danger-500) / .15)
}

html .tailwind-area .hover\:text-danger-500\/20:hover {
    color: rgb(var(--ui-danger-500) / .2)
}

html .tailwind-area .hover\:text-danger-500\/25:hover {
    color: rgb(var(--ui-danger-500) / .25)
}

html .tailwind-area .hover\:text-danger-500\/30:hover {
    color: rgb(var(--ui-danger-500) / .3)
}

html .tailwind-area .hover\:text-danger-500\/35:hover {
    color: rgb(var(--ui-danger-500) / .35)
}

html .tailwind-area .hover\:text-danger-500\/40:hover {
    color: rgb(var(--ui-danger-500) / .4)
}

html .tailwind-area .hover\:text-danger-500\/45:hover {
    color: rgb(var(--ui-danger-500) / .45)
}

html .tailwind-area .hover\:text-danger-500\/5:hover {
    color: rgb(var(--ui-danger-500) / .05)
}

html .tailwind-area .hover\:text-danger-500\/50:hover {
    color: rgb(var(--ui-danger-500) / .5)
}

html .tailwind-area .hover\:text-danger-500\/55:hover {
    color: rgb(var(--ui-danger-500) / .55)
}

html .tailwind-area .hover\:text-danger-500\/60:hover {
    color: rgb(var(--ui-danger-500) / .6)
}

html .tailwind-area .hover\:text-danger-500\/65:hover {
    color: rgb(var(--ui-danger-500) / .65)
}

html .tailwind-area .hover\:text-danger-500\/70:hover {
    color: rgb(var(--ui-danger-500) / .7)
}

html .tailwind-area .hover\:text-danger-500\/75:hover {
    color: rgb(var(--ui-danger-500) / .75)
}

html .tailwind-area .hover\:text-danger-500\/80:hover {
    color: rgb(var(--ui-danger-500) / .8)
}

html .tailwind-area .hover\:text-danger-500\/85:hover {
    color: rgb(var(--ui-danger-500) / .85)
}

html .tailwind-area .hover\:text-danger-500\/90:hover {
    color: rgb(var(--ui-danger-500) / .9)
}

html .tailwind-area .hover\:text-danger-500\/95:hover {
    color: rgb(var(--ui-danger-500) / .95)
}

html .tailwind-area .hover\:text-danger-600:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-danger-600) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-danger-600\/0:hover {
    color: rgb(var(--ui-danger-600) / 0)
}

html .tailwind-area .hover\:text-danger-600\/10:hover {
    color: rgb(var(--ui-danger-600) / .1)
}

html .tailwind-area .hover\:text-danger-600\/100:hover {
    color: rgb(var(--ui-danger-600) / 1)
}

html .tailwind-area .hover\:text-danger-600\/15:hover {
    color: rgb(var(--ui-danger-600) / .15)
}

html .tailwind-area .hover\:text-danger-600\/20:hover {
    color: rgb(var(--ui-danger-600) / .2)
}

html .tailwind-area .hover\:text-danger-600\/25:hover {
    color: rgb(var(--ui-danger-600) / .25)
}

html .tailwind-area .hover\:text-danger-600\/30:hover {
    color: rgb(var(--ui-danger-600) / .3)
}

html .tailwind-area .hover\:text-danger-600\/35:hover {
    color: rgb(var(--ui-danger-600) / .35)
}

html .tailwind-area .hover\:text-danger-600\/40:hover {
    color: rgb(var(--ui-danger-600) / .4)
}

html .tailwind-area .hover\:text-danger-600\/45:hover {
    color: rgb(var(--ui-danger-600) / .45)
}

html .tailwind-area .hover\:text-danger-600\/5:hover {
    color: rgb(var(--ui-danger-600) / .05)
}

html .tailwind-area .hover\:text-danger-600\/50:hover {
    color: rgb(var(--ui-danger-600) / .5)
}

html .tailwind-area .hover\:text-danger-600\/55:hover {
    color: rgb(var(--ui-danger-600) / .55)
}

html .tailwind-area .hover\:text-danger-600\/60:hover {
    color: rgb(var(--ui-danger-600) / .6)
}

html .tailwind-area .hover\:text-danger-600\/65:hover {
    color: rgb(var(--ui-danger-600) / .65)
}

html .tailwind-area .hover\:text-danger-600\/70:hover {
    color: rgb(var(--ui-danger-600) / .7)
}

html .tailwind-area .hover\:text-danger-600\/75:hover {
    color: rgb(var(--ui-danger-600) / .75)
}

html .tailwind-area .hover\:text-danger-600\/80:hover {
    color: rgb(var(--ui-danger-600) / .8)
}

html .tailwind-area .hover\:text-danger-600\/85:hover {
    color: rgb(var(--ui-danger-600) / .85)
}

html .tailwind-area .hover\:text-danger-600\/90:hover {
    color: rgb(var(--ui-danger-600) / .9)
}

html .tailwind-area .hover\:text-danger-600\/95:hover {
    color: rgb(var(--ui-danger-600) / .95)
}

html .tailwind-area .hover\:text-danger-700:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-danger-700) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-danger-700\/0:hover {
    color: rgb(var(--ui-danger-700) / 0)
}

html .tailwind-area .hover\:text-danger-700\/10:hover {
    color: rgb(var(--ui-danger-700) / .1)
}

html .tailwind-area .hover\:text-danger-700\/100:hover {
    color: rgb(var(--ui-danger-700) / 1)
}

html .tailwind-area .hover\:text-danger-700\/15:hover {
    color: rgb(var(--ui-danger-700) / .15)
}

html .tailwind-area .hover\:text-danger-700\/20:hover {
    color: rgb(var(--ui-danger-700) / .2)
}

html .tailwind-area .hover\:text-danger-700\/25:hover {
    color: rgb(var(--ui-danger-700) / .25)
}

html .tailwind-area .hover\:text-danger-700\/30:hover {
    color: rgb(var(--ui-danger-700) / .3)
}

html .tailwind-area .hover\:text-danger-700\/35:hover {
    color: rgb(var(--ui-danger-700) / .35)
}

html .tailwind-area .hover\:text-danger-700\/40:hover {
    color: rgb(var(--ui-danger-700) / .4)
}

html .tailwind-area .hover\:text-danger-700\/45:hover {
    color: rgb(var(--ui-danger-700) / .45)
}

html .tailwind-area .hover\:text-danger-700\/5:hover {
    color: rgb(var(--ui-danger-700) / .05)
}

html .tailwind-area .hover\:text-danger-700\/50:hover {
    color: rgb(var(--ui-danger-700) / .5)
}

html .tailwind-area .hover\:text-danger-700\/55:hover {
    color: rgb(var(--ui-danger-700) / .55)
}

html .tailwind-area .hover\:text-danger-700\/60:hover {
    color: rgb(var(--ui-danger-700) / .6)
}

html .tailwind-area .hover\:text-danger-700\/65:hover {
    color: rgb(var(--ui-danger-700) / .65)
}

html .tailwind-area .hover\:text-danger-700\/70:hover {
    color: rgb(var(--ui-danger-700) / .7)
}

html .tailwind-area .hover\:text-danger-700\/75:hover {
    color: rgb(var(--ui-danger-700) / .75)
}

html .tailwind-area .hover\:text-danger-700\/80:hover {
    color: rgb(var(--ui-danger-700) / .8)
}

html .tailwind-area .hover\:text-danger-700\/85:hover {
    color: rgb(var(--ui-danger-700) / .85)
}

html .tailwind-area .hover\:text-danger-700\/90:hover {
    color: rgb(var(--ui-danger-700) / .9)
}

html .tailwind-area .hover\:text-danger-700\/95:hover {
    color: rgb(var(--ui-danger-700) / .95)
}

html .tailwind-area .hover\:text-danger-800:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-danger-800) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-danger-800\/0:hover {
    color: rgb(var(--ui-danger-800) / 0)
}

html .tailwind-area .hover\:text-danger-800\/10:hover {
    color: rgb(var(--ui-danger-800) / .1)
}

html .tailwind-area .hover\:text-danger-800\/100:hover {
    color: rgb(var(--ui-danger-800) / 1)
}

html .tailwind-area .hover\:text-danger-800\/15:hover {
    color: rgb(var(--ui-danger-800) / .15)
}

html .tailwind-area .hover\:text-danger-800\/20:hover {
    color: rgb(var(--ui-danger-800) / .2)
}

html .tailwind-area .hover\:text-danger-800\/25:hover {
    color: rgb(var(--ui-danger-800) / .25)
}

html .tailwind-area .hover\:text-danger-800\/30:hover {
    color: rgb(var(--ui-danger-800) / .3)
}

html .tailwind-area .hover\:text-danger-800\/35:hover {
    color: rgb(var(--ui-danger-800) / .35)
}

html .tailwind-area .hover\:text-danger-800\/40:hover {
    color: rgb(var(--ui-danger-800) / .4)
}

html .tailwind-area .hover\:text-danger-800\/45:hover {
    color: rgb(var(--ui-danger-800) / .45)
}

html .tailwind-area .hover\:text-danger-800\/5:hover {
    color: rgb(var(--ui-danger-800) / .05)
}

html .tailwind-area .hover\:text-danger-800\/50:hover {
    color: rgb(var(--ui-danger-800) / .5)
}

html .tailwind-area .hover\:text-danger-800\/55:hover {
    color: rgb(var(--ui-danger-800) / .55)
}

html .tailwind-area .hover\:text-danger-800\/60:hover {
    color: rgb(var(--ui-danger-800) / .6)
}

html .tailwind-area .hover\:text-danger-800\/65:hover {
    color: rgb(var(--ui-danger-800) / .65)
}

html .tailwind-area .hover\:text-danger-800\/70:hover {
    color: rgb(var(--ui-danger-800) / .7)
}

html .tailwind-area .hover\:text-danger-800\/75:hover {
    color: rgb(var(--ui-danger-800) / .75)
}

html .tailwind-area .hover\:text-danger-800\/80:hover {
    color: rgb(var(--ui-danger-800) / .8)
}

html .tailwind-area .hover\:text-danger-800\/85:hover {
    color: rgb(var(--ui-danger-800) / .85)
}

html .tailwind-area .hover\:text-danger-800\/90:hover {
    color: rgb(var(--ui-danger-800) / .9)
}

html .tailwind-area .hover\:text-danger-800\/95:hover {
    color: rgb(var(--ui-danger-800) / .95)
}

html .tailwind-area .hover\:text-danger-900:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-danger-900) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-danger-900\/0:hover {
    color: rgb(var(--ui-danger-900) / 0)
}

html .tailwind-area .hover\:text-danger-900\/10:hover {
    color: rgb(var(--ui-danger-900) / .1)
}

html .tailwind-area .hover\:text-danger-900\/100:hover {
    color: rgb(var(--ui-danger-900) / 1)
}

html .tailwind-area .hover\:text-danger-900\/15:hover {
    color: rgb(var(--ui-danger-900) / .15)
}

html .tailwind-area .hover\:text-danger-900\/20:hover {
    color: rgb(var(--ui-danger-900) / .2)
}

html .tailwind-area .hover\:text-danger-900\/25:hover {
    color: rgb(var(--ui-danger-900) / .25)
}

html .tailwind-area .hover\:text-danger-900\/30:hover {
    color: rgb(var(--ui-danger-900) / .3)
}

html .tailwind-area .hover\:text-danger-900\/35:hover {
    color: rgb(var(--ui-danger-900) / .35)
}

html .tailwind-area .hover\:text-danger-900\/40:hover {
    color: rgb(var(--ui-danger-900) / .4)
}

html .tailwind-area .hover\:text-danger-900\/45:hover {
    color: rgb(var(--ui-danger-900) / .45)
}

html .tailwind-area .hover\:text-danger-900\/5:hover {
    color: rgb(var(--ui-danger-900) / .05)
}

html .tailwind-area .hover\:text-danger-900\/50:hover {
    color: rgb(var(--ui-danger-900) / .5)
}

html .tailwind-area .hover\:text-danger-900\/55:hover {
    color: rgb(var(--ui-danger-900) / .55)
}

html .tailwind-area .hover\:text-danger-900\/60:hover {
    color: rgb(var(--ui-danger-900) / .6)
}

html .tailwind-area .hover\:text-danger-900\/65:hover {
    color: rgb(var(--ui-danger-900) / .65)
}

html .tailwind-area .hover\:text-danger-900\/70:hover {
    color: rgb(var(--ui-danger-900) / .7)
}

html .tailwind-area .hover\:text-danger-900\/75:hover {
    color: rgb(var(--ui-danger-900) / .75)
}

html .tailwind-area .hover\:text-danger-900\/80:hover {
    color: rgb(var(--ui-danger-900) / .8)
}

html .tailwind-area .hover\:text-danger-900\/85:hover {
    color: rgb(var(--ui-danger-900) / .85)
}

html .tailwind-area .hover\:text-danger-900\/90:hover {
    color: rgb(var(--ui-danger-900) / .9)
}

html .tailwind-area .hover\:text-danger-900\/95:hover {
    color: rgb(var(--ui-danger-900) / .95)
}

html .tailwind-area .hover\:text-neutral-100:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-neutral-100) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-neutral-100\/0:hover {
    color: rgb(var(--ui-neutral-100) / 0)
}

html .tailwind-area .hover\:text-neutral-100\/10:hover {
    color: rgb(var(--ui-neutral-100) / .1)
}

html .tailwind-area .hover\:text-neutral-100\/100:hover {
    color: rgb(var(--ui-neutral-100) / 1)
}

html .tailwind-area .hover\:text-neutral-100\/15:hover {
    color: rgb(var(--ui-neutral-100) / .15)
}

html .tailwind-area .hover\:text-neutral-100\/20:hover {
    color: rgb(var(--ui-neutral-100) / .2)
}

html .tailwind-area .hover\:text-neutral-100\/25:hover {
    color: rgb(var(--ui-neutral-100) / .25)
}

html .tailwind-area .hover\:text-neutral-100\/30:hover {
    color: rgb(var(--ui-neutral-100) / .3)
}

html .tailwind-area .hover\:text-neutral-100\/35:hover {
    color: rgb(var(--ui-neutral-100) / .35)
}

html .tailwind-area .hover\:text-neutral-100\/40:hover {
    color: rgb(var(--ui-neutral-100) / .4)
}

html .tailwind-area .hover\:text-neutral-100\/45:hover {
    color: rgb(var(--ui-neutral-100) / .45)
}

html .tailwind-area .hover\:text-neutral-100\/5:hover {
    color: rgb(var(--ui-neutral-100) / .05)
}

html .tailwind-area .hover\:text-neutral-100\/50:hover {
    color: rgb(var(--ui-neutral-100) / .5)
}

html .tailwind-area .hover\:text-neutral-100\/55:hover {
    color: rgb(var(--ui-neutral-100) / .55)
}

html .tailwind-area .hover\:text-neutral-100\/60:hover {
    color: rgb(var(--ui-neutral-100) / .6)
}

html .tailwind-area .hover\:text-neutral-100\/65:hover {
    color: rgb(var(--ui-neutral-100) / .65)
}

html .tailwind-area .hover\:text-neutral-100\/70:hover {
    color: rgb(var(--ui-neutral-100) / .7)
}

html .tailwind-area .hover\:text-neutral-100\/75:hover {
    color: rgb(var(--ui-neutral-100) / .75)
}

html .tailwind-area .hover\:text-neutral-100\/80:hover {
    color: rgb(var(--ui-neutral-100) / .8)
}

html .tailwind-area .hover\:text-neutral-100\/85:hover {
    color: rgb(var(--ui-neutral-100) / .85)
}

html .tailwind-area .hover\:text-neutral-100\/90:hover {
    color: rgb(var(--ui-neutral-100) / .9)
}

html .tailwind-area .hover\:text-neutral-100\/95:hover {
    color: rgb(var(--ui-neutral-100) / .95)
}

html .tailwind-area .hover\:text-neutral-200:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-neutral-200) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-neutral-200\/0:hover {
    color: rgb(var(--ui-neutral-200) / 0)
}

html .tailwind-area .hover\:text-neutral-200\/10:hover {
    color: rgb(var(--ui-neutral-200) / .1)
}

html .tailwind-area .hover\:text-neutral-200\/100:hover {
    color: rgb(var(--ui-neutral-200) / 1)
}

html .tailwind-area .hover\:text-neutral-200\/15:hover {
    color: rgb(var(--ui-neutral-200) / .15)
}

html .tailwind-area .hover\:text-neutral-200\/20:hover {
    color: rgb(var(--ui-neutral-200) / .2)
}

html .tailwind-area .hover\:text-neutral-200\/25:hover {
    color: rgb(var(--ui-neutral-200) / .25)
}

html .tailwind-area .hover\:text-neutral-200\/30:hover {
    color: rgb(var(--ui-neutral-200) / .3)
}

html .tailwind-area .hover\:text-neutral-200\/35:hover {
    color: rgb(var(--ui-neutral-200) / .35)
}

html .tailwind-area .hover\:text-neutral-200\/40:hover {
    color: rgb(var(--ui-neutral-200) / .4)
}

html .tailwind-area .hover\:text-neutral-200\/45:hover {
    color: rgb(var(--ui-neutral-200) / .45)
}

html .tailwind-area .hover\:text-neutral-200\/5:hover {
    color: rgb(var(--ui-neutral-200) / .05)
}

html .tailwind-area .hover\:text-neutral-200\/50:hover {
    color: rgb(var(--ui-neutral-200) / .5)
}

html .tailwind-area .hover\:text-neutral-200\/55:hover {
    color: rgb(var(--ui-neutral-200) / .55)
}

html .tailwind-area .hover\:text-neutral-200\/60:hover {
    color: rgb(var(--ui-neutral-200) / .6)
}

html .tailwind-area .hover\:text-neutral-200\/65:hover {
    color: rgb(var(--ui-neutral-200) / .65)
}

html .tailwind-area .hover\:text-neutral-200\/70:hover {
    color: rgb(var(--ui-neutral-200) / .7)
}

html .tailwind-area .hover\:text-neutral-200\/75:hover {
    color: rgb(var(--ui-neutral-200) / .75)
}

html .tailwind-area .hover\:text-neutral-200\/80:hover {
    color: rgb(var(--ui-neutral-200) / .8)
}

html .tailwind-area .hover\:text-neutral-200\/85:hover {
    color: rgb(var(--ui-neutral-200) / .85)
}

html .tailwind-area .hover\:text-neutral-200\/90:hover {
    color: rgb(var(--ui-neutral-200) / .9)
}

html .tailwind-area .hover\:text-neutral-200\/95:hover {
    color: rgb(var(--ui-neutral-200) / .95)
}

html .tailwind-area .hover\:text-neutral-300:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-neutral-300) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-neutral-300\/0:hover {
    color: rgb(var(--ui-neutral-300) / 0)
}

html .tailwind-area .hover\:text-neutral-300\/10:hover {
    color: rgb(var(--ui-neutral-300) / .1)
}

html .tailwind-area .hover\:text-neutral-300\/100:hover {
    color: rgb(var(--ui-neutral-300) / 1)
}

html .tailwind-area .hover\:text-neutral-300\/15:hover {
    color: rgb(var(--ui-neutral-300) / .15)
}

html .tailwind-area .hover\:text-neutral-300\/20:hover {
    color: rgb(var(--ui-neutral-300) / .2)
}

html .tailwind-area .hover\:text-neutral-300\/25:hover {
    color: rgb(var(--ui-neutral-300) / .25)
}

html .tailwind-area .hover\:text-neutral-300\/30:hover {
    color: rgb(var(--ui-neutral-300) / .3)
}

html .tailwind-area .hover\:text-neutral-300\/35:hover {
    color: rgb(var(--ui-neutral-300) / .35)
}

html .tailwind-area .hover\:text-neutral-300\/40:hover {
    color: rgb(var(--ui-neutral-300) / .4)
}

html .tailwind-area .hover\:text-neutral-300\/45:hover {
    color: rgb(var(--ui-neutral-300) / .45)
}

html .tailwind-area .hover\:text-neutral-300\/5:hover {
    color: rgb(var(--ui-neutral-300) / .05)
}

html .tailwind-area .hover\:text-neutral-300\/50:hover {
    color: rgb(var(--ui-neutral-300) / .5)
}

html .tailwind-area .hover\:text-neutral-300\/55:hover {
    color: rgb(var(--ui-neutral-300) / .55)
}

html .tailwind-area .hover\:text-neutral-300\/60:hover {
    color: rgb(var(--ui-neutral-300) / .6)
}

html .tailwind-area .hover\:text-neutral-300\/65:hover {
    color: rgb(var(--ui-neutral-300) / .65)
}

html .tailwind-area .hover\:text-neutral-300\/70:hover {
    color: rgb(var(--ui-neutral-300) / .7)
}

html .tailwind-area .hover\:text-neutral-300\/75:hover {
    color: rgb(var(--ui-neutral-300) / .75)
}

html .tailwind-area .hover\:text-neutral-300\/80:hover {
    color: rgb(var(--ui-neutral-300) / .8)
}

html .tailwind-area .hover\:text-neutral-300\/85:hover {
    color: rgb(var(--ui-neutral-300) / .85)
}

html .tailwind-area .hover\:text-neutral-300\/90:hover {
    color: rgb(var(--ui-neutral-300) / .9)
}

html .tailwind-area .hover\:text-neutral-300\/95:hover {
    color: rgb(var(--ui-neutral-300) / .95)
}

html .tailwind-area .hover\:text-neutral-400:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-neutral-400) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-neutral-400\/0:hover {
    color: rgb(var(--ui-neutral-400) / 0)
}

html .tailwind-area .hover\:text-neutral-400\/10:hover {
    color: rgb(var(--ui-neutral-400) / .1)
}

html .tailwind-area .hover\:text-neutral-400\/100:hover {
    color: rgb(var(--ui-neutral-400) / 1)
}

html .tailwind-area .hover\:text-neutral-400\/15:hover {
    color: rgb(var(--ui-neutral-400) / .15)
}

html .tailwind-area .hover\:text-neutral-400\/20:hover {
    color: rgb(var(--ui-neutral-400) / .2)
}

html .tailwind-area .hover\:text-neutral-400\/25:hover {
    color: rgb(var(--ui-neutral-400) / .25)
}

html .tailwind-area .hover\:text-neutral-400\/30:hover {
    color: rgb(var(--ui-neutral-400) / .3)
}

html .tailwind-area .hover\:text-neutral-400\/35:hover {
    color: rgb(var(--ui-neutral-400) / .35)
}

html .tailwind-area .hover\:text-neutral-400\/40:hover {
    color: rgb(var(--ui-neutral-400) / .4)
}

html .tailwind-area .hover\:text-neutral-400\/45:hover {
    color: rgb(var(--ui-neutral-400) / .45)
}

html .tailwind-area .hover\:text-neutral-400\/5:hover {
    color: rgb(var(--ui-neutral-400) / .05)
}

html .tailwind-area .hover\:text-neutral-400\/50:hover {
    color: rgb(var(--ui-neutral-400) / .5)
}

html .tailwind-area .hover\:text-neutral-400\/55:hover {
    color: rgb(var(--ui-neutral-400) / .55)
}

html .tailwind-area .hover\:text-neutral-400\/60:hover {
    color: rgb(var(--ui-neutral-400) / .6)
}

html .tailwind-area .hover\:text-neutral-400\/65:hover {
    color: rgb(var(--ui-neutral-400) / .65)
}

html .tailwind-area .hover\:text-neutral-400\/70:hover {
    color: rgb(var(--ui-neutral-400) / .7)
}

html .tailwind-area .hover\:text-neutral-400\/75:hover {
    color: rgb(var(--ui-neutral-400) / .75)
}

html .tailwind-area .hover\:text-neutral-400\/80:hover {
    color: rgb(var(--ui-neutral-400) / .8)
}

html .tailwind-area .hover\:text-neutral-400\/85:hover {
    color: rgb(var(--ui-neutral-400) / .85)
}

html .tailwind-area .hover\:text-neutral-400\/90:hover {
    color: rgb(var(--ui-neutral-400) / .9)
}

html .tailwind-area .hover\:text-neutral-400\/95:hover {
    color: rgb(var(--ui-neutral-400) / .95)
}

html .tailwind-area .hover\:text-neutral-50:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-neutral-50) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-neutral-50\/0:hover {
    color: rgb(var(--ui-neutral-50) / 0)
}

html .tailwind-area .hover\:text-neutral-50\/10:hover {
    color: rgb(var(--ui-neutral-50) / .1)
}

html .tailwind-area .hover\:text-neutral-50\/100:hover {
    color: rgb(var(--ui-neutral-50) / 1)
}

html .tailwind-area .hover\:text-neutral-50\/15:hover {
    color: rgb(var(--ui-neutral-50) / .15)
}

html .tailwind-area .hover\:text-neutral-50\/20:hover {
    color: rgb(var(--ui-neutral-50) / .2)
}

html .tailwind-area .hover\:text-neutral-50\/25:hover {
    color: rgb(var(--ui-neutral-50) / .25)
}

html .tailwind-area .hover\:text-neutral-50\/30:hover {
    color: rgb(var(--ui-neutral-50) / .3)
}

html .tailwind-area .hover\:text-neutral-50\/35:hover {
    color: rgb(var(--ui-neutral-50) / .35)
}

html .tailwind-area .hover\:text-neutral-50\/40:hover {
    color: rgb(var(--ui-neutral-50) / .4)
}

html .tailwind-area .hover\:text-neutral-50\/45:hover {
    color: rgb(var(--ui-neutral-50) / .45)
}

html .tailwind-area .hover\:text-neutral-50\/5:hover {
    color: rgb(var(--ui-neutral-50) / .05)
}

html .tailwind-area .hover\:text-neutral-50\/50:hover {
    color: rgb(var(--ui-neutral-50) / .5)
}

html .tailwind-area .hover\:text-neutral-50\/55:hover {
    color: rgb(var(--ui-neutral-50) / .55)
}

html .tailwind-area .hover\:text-neutral-50\/60:hover {
    color: rgb(var(--ui-neutral-50) / .6)
}

html .tailwind-area .hover\:text-neutral-50\/65:hover {
    color: rgb(var(--ui-neutral-50) / .65)
}

html .tailwind-area .hover\:text-neutral-50\/70:hover {
    color: rgb(var(--ui-neutral-50) / .7)
}

html .tailwind-area .hover\:text-neutral-50\/75:hover {
    color: rgb(var(--ui-neutral-50) / .75)
}

html .tailwind-area .hover\:text-neutral-50\/80:hover {
    color: rgb(var(--ui-neutral-50) / .8)
}

html .tailwind-area .hover\:text-neutral-50\/85:hover {
    color: rgb(var(--ui-neutral-50) / .85)
}

html .tailwind-area .hover\:text-neutral-50\/90:hover {
    color: rgb(var(--ui-neutral-50) / .9)
}

html .tailwind-area .hover\:text-neutral-50\/95:hover {
    color: rgb(var(--ui-neutral-50) / .95)
}

html .tailwind-area .hover\:text-neutral-500:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-neutral-500) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-neutral-500\/0:hover {
    color: rgb(var(--ui-neutral-500) / 0)
}

html .tailwind-area .hover\:text-neutral-500\/10:hover {
    color: rgb(var(--ui-neutral-500) / .1)
}

html .tailwind-area .hover\:text-neutral-500\/100:hover {
    color: rgb(var(--ui-neutral-500) / 1)
}

html .tailwind-area .hover\:text-neutral-500\/15:hover {
    color: rgb(var(--ui-neutral-500) / .15)
}

html .tailwind-area .hover\:text-neutral-500\/20:hover {
    color: rgb(var(--ui-neutral-500) / .2)
}

html .tailwind-area .hover\:text-neutral-500\/25:hover {
    color: rgb(var(--ui-neutral-500) / .25)
}

html .tailwind-area .hover\:text-neutral-500\/30:hover {
    color: rgb(var(--ui-neutral-500) / .3)
}

html .tailwind-area .hover\:text-neutral-500\/35:hover {
    color: rgb(var(--ui-neutral-500) / .35)
}

html .tailwind-area .hover\:text-neutral-500\/40:hover {
    color: rgb(var(--ui-neutral-500) / .4)
}

html .tailwind-area .hover\:text-neutral-500\/45:hover {
    color: rgb(var(--ui-neutral-500) / .45)
}

html .tailwind-area .hover\:text-neutral-500\/5:hover {
    color: rgb(var(--ui-neutral-500) / .05)
}

html .tailwind-area .hover\:text-neutral-500\/50:hover {
    color: rgb(var(--ui-neutral-500) / .5)
}

html .tailwind-area .hover\:text-neutral-500\/55:hover {
    color: rgb(var(--ui-neutral-500) / .55)
}

html .tailwind-area .hover\:text-neutral-500\/60:hover {
    color: rgb(var(--ui-neutral-500) / .6)
}

html .tailwind-area .hover\:text-neutral-500\/65:hover {
    color: rgb(var(--ui-neutral-500) / .65)
}

html .tailwind-area .hover\:text-neutral-500\/70:hover {
    color: rgb(var(--ui-neutral-500) / .7)
}

html .tailwind-area .hover\:text-neutral-500\/75:hover {
    color: rgb(var(--ui-neutral-500) / .75)
}

html .tailwind-area .hover\:text-neutral-500\/80:hover {
    color: rgb(var(--ui-neutral-500) / .8)
}

html .tailwind-area .hover\:text-neutral-500\/85:hover {
    color: rgb(var(--ui-neutral-500) / .85)
}

html .tailwind-area .hover\:text-neutral-500\/90:hover {
    color: rgb(var(--ui-neutral-500) / .9)
}

html .tailwind-area .hover\:text-neutral-500\/95:hover {
    color: rgb(var(--ui-neutral-500) / .95)
}

html .tailwind-area .hover\:text-neutral-600:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-neutral-600) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-neutral-600\/0:hover {
    color: rgb(var(--ui-neutral-600) / 0)
}

html .tailwind-area .hover\:text-neutral-600\/10:hover {
    color: rgb(var(--ui-neutral-600) / .1)
}

html .tailwind-area .hover\:text-neutral-600\/100:hover {
    color: rgb(var(--ui-neutral-600) / 1)
}

html .tailwind-area .hover\:text-neutral-600\/15:hover {
    color: rgb(var(--ui-neutral-600) / .15)
}

html .tailwind-area .hover\:text-neutral-600\/20:hover {
    color: rgb(var(--ui-neutral-600) / .2)
}

html .tailwind-area .hover\:text-neutral-600\/25:hover {
    color: rgb(var(--ui-neutral-600) / .25)
}

html .tailwind-area .hover\:text-neutral-600\/30:hover {
    color: rgb(var(--ui-neutral-600) / .3)
}

html .tailwind-area .hover\:text-neutral-600\/35:hover {
    color: rgb(var(--ui-neutral-600) / .35)
}

html .tailwind-area .hover\:text-neutral-600\/40:hover {
    color: rgb(var(--ui-neutral-600) / .4)
}

html .tailwind-area .hover\:text-neutral-600\/45:hover {
    color: rgb(var(--ui-neutral-600) / .45)
}

html .tailwind-area .hover\:text-neutral-600\/5:hover {
    color: rgb(var(--ui-neutral-600) / .05)
}

html .tailwind-area .hover\:text-neutral-600\/50:hover {
    color: rgb(var(--ui-neutral-600) / .5)
}

html .tailwind-area .hover\:text-neutral-600\/55:hover {
    color: rgb(var(--ui-neutral-600) / .55)
}

html .tailwind-area .hover\:text-neutral-600\/60:hover {
    color: rgb(var(--ui-neutral-600) / .6)
}

html .tailwind-area .hover\:text-neutral-600\/65:hover {
    color: rgb(var(--ui-neutral-600) / .65)
}

html .tailwind-area .hover\:text-neutral-600\/70:hover {
    color: rgb(var(--ui-neutral-600) / .7)
}

html .tailwind-area .hover\:text-neutral-600\/75:hover {
    color: rgb(var(--ui-neutral-600) / .75)
}

html .tailwind-area .hover\:text-neutral-600\/80:hover {
    color: rgb(var(--ui-neutral-600) / .8)
}

html .tailwind-area .hover\:text-neutral-600\/85:hover {
    color: rgb(var(--ui-neutral-600) / .85)
}

html .tailwind-area .hover\:text-neutral-600\/90:hover {
    color: rgb(var(--ui-neutral-600) / .9)
}

html .tailwind-area .hover\:text-neutral-600\/95:hover {
    color: rgb(var(--ui-neutral-600) / .95)
}

html .tailwind-area .hover\:text-neutral-700:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-neutral-700) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-neutral-700\/0:hover {
    color: rgb(var(--ui-neutral-700) / 0)
}

html .tailwind-area .hover\:text-neutral-700\/10:hover {
    color: rgb(var(--ui-neutral-700) / .1)
}

html .tailwind-area .hover\:text-neutral-700\/100:hover {
    color: rgb(var(--ui-neutral-700) / 1)
}

html .tailwind-area .hover\:text-neutral-700\/15:hover {
    color: rgb(var(--ui-neutral-700) / .15)
}

html .tailwind-area .hover\:text-neutral-700\/20:hover {
    color: rgb(var(--ui-neutral-700) / .2)
}

html .tailwind-area .hover\:text-neutral-700\/25:hover {
    color: rgb(var(--ui-neutral-700) / .25)
}

html .tailwind-area .hover\:text-neutral-700\/30:hover {
    color: rgb(var(--ui-neutral-700) / .3)
}

html .tailwind-area .hover\:text-neutral-700\/35:hover {
    color: rgb(var(--ui-neutral-700) / .35)
}

html .tailwind-area .hover\:text-neutral-700\/40:hover {
    color: rgb(var(--ui-neutral-700) / .4)
}

html .tailwind-area .hover\:text-neutral-700\/45:hover {
    color: rgb(var(--ui-neutral-700) / .45)
}

html .tailwind-area .hover\:text-neutral-700\/5:hover {
    color: rgb(var(--ui-neutral-700) / .05)
}

html .tailwind-area .hover\:text-neutral-700\/50:hover {
    color: rgb(var(--ui-neutral-700) / .5)
}

html .tailwind-area .hover\:text-neutral-700\/55:hover {
    color: rgb(var(--ui-neutral-700) / .55)
}

html .tailwind-area .hover\:text-neutral-700\/60:hover {
    color: rgb(var(--ui-neutral-700) / .6)
}

html .tailwind-area .hover\:text-neutral-700\/65:hover {
    color: rgb(var(--ui-neutral-700) / .65)
}

html .tailwind-area .hover\:text-neutral-700\/70:hover {
    color: rgb(var(--ui-neutral-700) / .7)
}

html .tailwind-area .hover\:text-neutral-700\/75:hover {
    color: rgb(var(--ui-neutral-700) / .75)
}

html .tailwind-area .hover\:text-neutral-700\/80:hover {
    color: rgb(var(--ui-neutral-700) / .8)
}

html .tailwind-area .hover\:text-neutral-700\/85:hover {
    color: rgb(var(--ui-neutral-700) / .85)
}

html .tailwind-area .hover\:text-neutral-700\/90:hover {
    color: rgb(var(--ui-neutral-700) / .9)
}

html .tailwind-area .hover\:text-neutral-700\/95:hover {
    color: rgb(var(--ui-neutral-700) / .95)
}

html .tailwind-area .hover\:text-neutral-800:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-neutral-800) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-neutral-800\/0:hover {
    color: rgb(var(--ui-neutral-800) / 0)
}

html .tailwind-area .hover\:text-neutral-800\/10:hover {
    color: rgb(var(--ui-neutral-800) / .1)
}

html .tailwind-area .hover\:text-neutral-800\/100:hover {
    color: rgb(var(--ui-neutral-800) / 1)
}

html .tailwind-area .hover\:text-neutral-800\/15:hover {
    color: rgb(var(--ui-neutral-800) / .15)
}

html .tailwind-area .hover\:text-neutral-800\/20:hover {
    color: rgb(var(--ui-neutral-800) / .2)
}

html .tailwind-area .hover\:text-neutral-800\/25:hover {
    color: rgb(var(--ui-neutral-800) / .25)
}

html .tailwind-area .hover\:text-neutral-800\/30:hover {
    color: rgb(var(--ui-neutral-800) / .3)
}

html .tailwind-area .hover\:text-neutral-800\/35:hover {
    color: rgb(var(--ui-neutral-800) / .35)
}

html .tailwind-area .hover\:text-neutral-800\/40:hover {
    color: rgb(var(--ui-neutral-800) / .4)
}

html .tailwind-area .hover\:text-neutral-800\/45:hover {
    color: rgb(var(--ui-neutral-800) / .45)
}

html .tailwind-area .hover\:text-neutral-800\/5:hover {
    color: rgb(var(--ui-neutral-800) / .05)
}

html .tailwind-area .hover\:text-neutral-800\/50:hover {
    color: rgb(var(--ui-neutral-800) / .5)
}

html .tailwind-area .hover\:text-neutral-800\/55:hover {
    color: rgb(var(--ui-neutral-800) / .55)
}

html .tailwind-area .hover\:text-neutral-800\/60:hover {
    color: rgb(var(--ui-neutral-800) / .6)
}

html .tailwind-area .hover\:text-neutral-800\/65:hover {
    color: rgb(var(--ui-neutral-800) / .65)
}

html .tailwind-area .hover\:text-neutral-800\/70:hover {
    color: rgb(var(--ui-neutral-800) / .7)
}

html .tailwind-area .hover\:text-neutral-800\/75:hover {
    color: rgb(var(--ui-neutral-800) / .75)
}

html .tailwind-area .hover\:text-neutral-800\/80:hover {
    color: rgb(var(--ui-neutral-800) / .8)
}

html .tailwind-area .hover\:text-neutral-800\/85:hover {
    color: rgb(var(--ui-neutral-800) / .85)
}

html .tailwind-area .hover\:text-neutral-800\/90:hover {
    color: rgb(var(--ui-neutral-800) / .9)
}

html .tailwind-area .hover\:text-neutral-800\/95:hover {
    color: rgb(var(--ui-neutral-800) / .95)
}

html .tailwind-area .hover\:text-neutral-900:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-neutral-900) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-neutral-900\/0:hover {
    color: rgb(var(--ui-neutral-900) / 0)
}

html .tailwind-area .hover\:text-neutral-900\/10:hover {
    color: rgb(var(--ui-neutral-900) / .1)
}

html .tailwind-area .hover\:text-neutral-900\/100:hover {
    color: rgb(var(--ui-neutral-900) / 1)
}

html .tailwind-area .hover\:text-neutral-900\/15:hover {
    color: rgb(var(--ui-neutral-900) / .15)
}

html .tailwind-area .hover\:text-neutral-900\/20:hover {
    color: rgb(var(--ui-neutral-900) / .2)
}

html .tailwind-area .hover\:text-neutral-900\/25:hover {
    color: rgb(var(--ui-neutral-900) / .25)
}

html .tailwind-area .hover\:text-neutral-900\/30:hover {
    color: rgb(var(--ui-neutral-900) / .3)
}

html .tailwind-area .hover\:text-neutral-900\/35:hover {
    color: rgb(var(--ui-neutral-900) / .35)
}

html .tailwind-area .hover\:text-neutral-900\/40:hover {
    color: rgb(var(--ui-neutral-900) / .4)
}

html .tailwind-area .hover\:text-neutral-900\/45:hover {
    color: rgb(var(--ui-neutral-900) / .45)
}

html .tailwind-area .hover\:text-neutral-900\/5:hover {
    color: rgb(var(--ui-neutral-900) / .05)
}

html .tailwind-area .hover\:text-neutral-900\/50:hover {
    color: rgb(var(--ui-neutral-900) / .5)
}

html .tailwind-area .hover\:text-neutral-900\/55:hover {
    color: rgb(var(--ui-neutral-900) / .55)
}

html .tailwind-area .hover\:text-neutral-900\/60:hover {
    color: rgb(var(--ui-neutral-900) / .6)
}

html .tailwind-area .hover\:text-neutral-900\/65:hover {
    color: rgb(var(--ui-neutral-900) / .65)
}

html .tailwind-area .hover\:text-neutral-900\/70:hover {
    color: rgb(var(--ui-neutral-900) / .7)
}

html .tailwind-area .hover\:text-neutral-900\/75:hover {
    color: rgb(var(--ui-neutral-900) / .75)
}

html .tailwind-area .hover\:text-neutral-900\/80:hover {
    color: rgb(var(--ui-neutral-900) / .8)
}

html .tailwind-area .hover\:text-neutral-900\/85:hover {
    color: rgb(var(--ui-neutral-900) / .85)
}

html .tailwind-area .hover\:text-neutral-900\/90:hover {
    color: rgb(var(--ui-neutral-900) / .9)
}

html .tailwind-area .hover\:text-neutral-900\/95:hover {
    color: rgb(var(--ui-neutral-900) / .95)
}

html .tailwind-area .hover\:text-neutral-950:hover {
    --tw-text-opacity: 1;
    color: rgb(10 10 10 / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-neutral-950\/0:hover {
    color: #0a0a0a00
}

html .tailwind-area .hover\:text-neutral-950\/10:hover {
    color: #0a0a0a1a
}

html .tailwind-area .hover\:text-neutral-950\/100:hover {
    color: #0a0a0a
}

html .tailwind-area .hover\:text-neutral-950\/15:hover {
    color: #0a0a0a26
}

html .tailwind-area .hover\:text-neutral-950\/20:hover {
    color: #0a0a0a33
}

html .tailwind-area .hover\:text-neutral-950\/25:hover {
    color: #0a0a0a40
}

html .tailwind-area .hover\:text-neutral-950\/30:hover {
    color: #0a0a0a4d
}

html .tailwind-area .hover\:text-neutral-950\/35:hover {
    color: #0a0a0a59
}

html .tailwind-area .hover\:text-neutral-950\/40:hover {
    color: #0a0a0a66
}

html .tailwind-area .hover\:text-neutral-950\/45:hover {
    color: #0a0a0a73
}

html .tailwind-area .hover\:text-neutral-950\/5:hover {
    color: #0a0a0a0d
}

html .tailwind-area .hover\:text-neutral-950\/50:hover {
    color: #0a0a0a80
}

html .tailwind-area .hover\:text-neutral-950\/55:hover {
    color: #0a0a0a8c
}

html .tailwind-area .hover\:text-neutral-950\/60:hover {
    color: #0a0a0a99
}

html .tailwind-area .hover\:text-neutral-950\/65:hover {
    color: #0a0a0aa6
}

html .tailwind-area .hover\:text-neutral-950\/70:hover {
    color: #0a0a0ab3
}

html .tailwind-area .hover\:text-neutral-950\/75:hover {
    color: #0a0a0abf
}

html .tailwind-area .hover\:text-neutral-950\/80:hover {
    color: #0a0a0acc
}

html .tailwind-area .hover\:text-neutral-950\/85:hover {
    color: #0a0a0ad9
}

html .tailwind-area .hover\:text-neutral-950\/90:hover {
    color: #0a0a0ae6
}

html .tailwind-area .hover\:text-neutral-950\/95:hover {
    color: #0a0a0af2
}

html .tailwind-area .hover\:text-primary:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-primary-500) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-primary-100:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-primary-100) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-primary-100\/0:hover {
    color: rgb(var(--ui-primary-100) / 0)
}

html .tailwind-area .hover\:text-primary-100\/10:hover {
    color: rgb(var(--ui-primary-100) / .1)
}

html .tailwind-area .hover\:text-primary-100\/100:hover {
    color: rgb(var(--ui-primary-100) / 1)
}

html .tailwind-area .hover\:text-primary-100\/15:hover {
    color: rgb(var(--ui-primary-100) / .15)
}

html .tailwind-area .hover\:text-primary-100\/20:hover {
    color: rgb(var(--ui-primary-100) / .2)
}

html .tailwind-area .hover\:text-primary-100\/25:hover {
    color: rgb(var(--ui-primary-100) / .25)
}

html .tailwind-area .hover\:text-primary-100\/30:hover {
    color: rgb(var(--ui-primary-100) / .3)
}

html .tailwind-area .hover\:text-primary-100\/35:hover {
    color: rgb(var(--ui-primary-100) / .35)
}

html .tailwind-area .hover\:text-primary-100\/40:hover {
    color: rgb(var(--ui-primary-100) / .4)
}

html .tailwind-area .hover\:text-primary-100\/45:hover {
    color: rgb(var(--ui-primary-100) / .45)
}

html .tailwind-area .hover\:text-primary-100\/5:hover {
    color: rgb(var(--ui-primary-100) / .05)
}

html .tailwind-area .hover\:text-primary-100\/50:hover {
    color: rgb(var(--ui-primary-100) / .5)
}

html .tailwind-area .hover\:text-primary-100\/55:hover {
    color: rgb(var(--ui-primary-100) / .55)
}

html .tailwind-area .hover\:text-primary-100\/60:hover {
    color: rgb(var(--ui-primary-100) / .6)
}

html .tailwind-area .hover\:text-primary-100\/65:hover {
    color: rgb(var(--ui-primary-100) / .65)
}

html .tailwind-area .hover\:text-primary-100\/70:hover {
    color: rgb(var(--ui-primary-100) / .7)
}

html .tailwind-area .hover\:text-primary-100\/75:hover {
    color: rgb(var(--ui-primary-100) / .75)
}

html .tailwind-area .hover\:text-primary-100\/80:hover {
    color: rgb(var(--ui-primary-100) / .8)
}

html .tailwind-area .hover\:text-primary-100\/85:hover {
    color: rgb(var(--ui-primary-100) / .85)
}

html .tailwind-area .hover\:text-primary-100\/90:hover {
    color: rgb(var(--ui-primary-100) / .9)
}

html .tailwind-area .hover\:text-primary-100\/95:hover {
    color: rgb(var(--ui-primary-100) / .95)
}

html .tailwind-area .hover\:text-primary-200:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-primary-200) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-primary-200\/0:hover {
    color: rgb(var(--ui-primary-200) / 0)
}

html .tailwind-area .hover\:text-primary-200\/10:hover {
    color: rgb(var(--ui-primary-200) / .1)
}

html .tailwind-area .hover\:text-primary-200\/100:hover {
    color: rgb(var(--ui-primary-200) / 1)
}

html .tailwind-area .hover\:text-primary-200\/15:hover {
    color: rgb(var(--ui-primary-200) / .15)
}

html .tailwind-area .hover\:text-primary-200\/20:hover {
    color: rgb(var(--ui-primary-200) / .2)
}

html .tailwind-area .hover\:text-primary-200\/25:hover {
    color: rgb(var(--ui-primary-200) / .25)
}

html .tailwind-area .hover\:text-primary-200\/30:hover {
    color: rgb(var(--ui-primary-200) / .3)
}

html .tailwind-area .hover\:text-primary-200\/35:hover {
    color: rgb(var(--ui-primary-200) / .35)
}

html .tailwind-area .hover\:text-primary-200\/40:hover {
    color: rgb(var(--ui-primary-200) / .4)
}

html .tailwind-area .hover\:text-primary-200\/45:hover {
    color: rgb(var(--ui-primary-200) / .45)
}

html .tailwind-area .hover\:text-primary-200\/5:hover {
    color: rgb(var(--ui-primary-200) / .05)
}

html .tailwind-area .hover\:text-primary-200\/50:hover {
    color: rgb(var(--ui-primary-200) / .5)
}

html .tailwind-area .hover\:text-primary-200\/55:hover {
    color: rgb(var(--ui-primary-200) / .55)
}

html .tailwind-area .hover\:text-primary-200\/60:hover {
    color: rgb(var(--ui-primary-200) / .6)
}

html .tailwind-area .hover\:text-primary-200\/65:hover {
    color: rgb(var(--ui-primary-200) / .65)
}

html .tailwind-area .hover\:text-primary-200\/70:hover {
    color: rgb(var(--ui-primary-200) / .7)
}

html .tailwind-area .hover\:text-primary-200\/75:hover {
    color: rgb(var(--ui-primary-200) / .75)
}

html .tailwind-area .hover\:text-primary-200\/80:hover {
    color: rgb(var(--ui-primary-200) / .8)
}

html .tailwind-area .hover\:text-primary-200\/85:hover {
    color: rgb(var(--ui-primary-200) / .85)
}

html .tailwind-area .hover\:text-primary-200\/90:hover {
    color: rgb(var(--ui-primary-200) / .9)
}

html .tailwind-area .hover\:text-primary-200\/95:hover {
    color: rgb(var(--ui-primary-200) / .95)
}

html .tailwind-area .hover\:text-primary-300:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-primary-300) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-primary-300\/0:hover {
    color: rgb(var(--ui-primary-300) / 0)
}

html .tailwind-area .hover\:text-primary-300\/10:hover {
    color: rgb(var(--ui-primary-300) / .1)
}

html .tailwind-area .hover\:text-primary-300\/100:hover {
    color: rgb(var(--ui-primary-300) / 1)
}

html .tailwind-area .hover\:text-primary-300\/15:hover {
    color: rgb(var(--ui-primary-300) / .15)
}

html .tailwind-area .hover\:text-primary-300\/20:hover {
    color: rgb(var(--ui-primary-300) / .2)
}

html .tailwind-area .hover\:text-primary-300\/25:hover {
    color: rgb(var(--ui-primary-300) / .25)
}

html .tailwind-area .hover\:text-primary-300\/30:hover {
    color: rgb(var(--ui-primary-300) / .3)
}

html .tailwind-area .hover\:text-primary-300\/35:hover {
    color: rgb(var(--ui-primary-300) / .35)
}

html .tailwind-area .hover\:text-primary-300\/40:hover {
    color: rgb(var(--ui-primary-300) / .4)
}

html .tailwind-area .hover\:text-primary-300\/45:hover {
    color: rgb(var(--ui-primary-300) / .45)
}

html .tailwind-area .hover\:text-primary-300\/5:hover {
    color: rgb(var(--ui-primary-300) / .05)
}

html .tailwind-area .hover\:text-primary-300\/50:hover {
    color: rgb(var(--ui-primary-300) / .5)
}

html .tailwind-area .hover\:text-primary-300\/55:hover {
    color: rgb(var(--ui-primary-300) / .55)
}

html .tailwind-area .hover\:text-primary-300\/60:hover {
    color: rgb(var(--ui-primary-300) / .6)
}

html .tailwind-area .hover\:text-primary-300\/65:hover {
    color: rgb(var(--ui-primary-300) / .65)
}

html .tailwind-area .hover\:text-primary-300\/70:hover {
    color: rgb(var(--ui-primary-300) / .7)
}

html .tailwind-area .hover\:text-primary-300\/75:hover {
    color: rgb(var(--ui-primary-300) / .75)
}

html .tailwind-area .hover\:text-primary-300\/80:hover {
    color: rgb(var(--ui-primary-300) / .8)
}

html .tailwind-area .hover\:text-primary-300\/85:hover {
    color: rgb(var(--ui-primary-300) / .85)
}

html .tailwind-area .hover\:text-primary-300\/90:hover {
    color: rgb(var(--ui-primary-300) / .9)
}

html .tailwind-area .hover\:text-primary-300\/95:hover {
    color: rgb(var(--ui-primary-300) / .95)
}

html .tailwind-area .hover\:text-primary-400:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-primary-400) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-primary-400\/0:hover {
    color: rgb(var(--ui-primary-400) / 0)
}

html .tailwind-area .hover\:text-primary-400\/10:hover {
    color: rgb(var(--ui-primary-400) / .1)
}

html .tailwind-area .hover\:text-primary-400\/100:hover {
    color: rgb(var(--ui-primary-400) / 1)
}

html .tailwind-area .hover\:text-primary-400\/15:hover {
    color: rgb(var(--ui-primary-400) / .15)
}

html .tailwind-area .hover\:text-primary-400\/20:hover {
    color: rgb(var(--ui-primary-400) / .2)
}

html .tailwind-area .hover\:text-primary-400\/25:hover {
    color: rgb(var(--ui-primary-400) / .25)
}

html .tailwind-area .hover\:text-primary-400\/30:hover {
    color: rgb(var(--ui-primary-400) / .3)
}

html .tailwind-area .hover\:text-primary-400\/35:hover {
    color: rgb(var(--ui-primary-400) / .35)
}

html .tailwind-area .hover\:text-primary-400\/40:hover {
    color: rgb(var(--ui-primary-400) / .4)
}

html .tailwind-area .hover\:text-primary-400\/45:hover {
    color: rgb(var(--ui-primary-400) / .45)
}

html .tailwind-area .hover\:text-primary-400\/5:hover {
    color: rgb(var(--ui-primary-400) / .05)
}

html .tailwind-area .hover\:text-primary-400\/50:hover {
    color: rgb(var(--ui-primary-400) / .5)
}

html .tailwind-area .hover\:text-primary-400\/55:hover {
    color: rgb(var(--ui-primary-400) / .55)
}

html .tailwind-area .hover\:text-primary-400\/60:hover {
    color: rgb(var(--ui-primary-400) / .6)
}

html .tailwind-area .hover\:text-primary-400\/65:hover {
    color: rgb(var(--ui-primary-400) / .65)
}

html .tailwind-area .hover\:text-primary-400\/70:hover {
    color: rgb(var(--ui-primary-400) / .7)
}

html .tailwind-area .hover\:text-primary-400\/75:hover {
    color: rgb(var(--ui-primary-400) / .75)
}

html .tailwind-area .hover\:text-primary-400\/80:hover {
    color: rgb(var(--ui-primary-400) / .8)
}

html .tailwind-area .hover\:text-primary-400\/85:hover {
    color: rgb(var(--ui-primary-400) / .85)
}

html .tailwind-area .hover\:text-primary-400\/90:hover {
    color: rgb(var(--ui-primary-400) / .9)
}

html .tailwind-area .hover\:text-primary-400\/95:hover {
    color: rgb(var(--ui-primary-400) / .95)
}

html .tailwind-area .hover\:text-primary-50:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-primary-50) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-primary-50\/0:hover {
    color: rgb(var(--ui-primary-50) / 0)
}

html .tailwind-area .hover\:text-primary-50\/10:hover {
    color: rgb(var(--ui-primary-50) / .1)
}

html .tailwind-area .hover\:text-primary-50\/100:hover {
    color: rgb(var(--ui-primary-50) / 1)
}

html .tailwind-area .hover\:text-primary-50\/15:hover {
    color: rgb(var(--ui-primary-50) / .15)
}

html .tailwind-area .hover\:text-primary-50\/20:hover {
    color: rgb(var(--ui-primary-50) / .2)
}

html .tailwind-area .hover\:text-primary-50\/25:hover {
    color: rgb(var(--ui-primary-50) / .25)
}

html .tailwind-area .hover\:text-primary-50\/30:hover {
    color: rgb(var(--ui-primary-50) / .3)
}

html .tailwind-area .hover\:text-primary-50\/35:hover {
    color: rgb(var(--ui-primary-50) / .35)
}

html .tailwind-area .hover\:text-primary-50\/40:hover {
    color: rgb(var(--ui-primary-50) / .4)
}

html .tailwind-area .hover\:text-primary-50\/45:hover {
    color: rgb(var(--ui-primary-50) / .45)
}

html .tailwind-area .hover\:text-primary-50\/5:hover {
    color: rgb(var(--ui-primary-50) / .05)
}

html .tailwind-area .hover\:text-primary-50\/50:hover {
    color: rgb(var(--ui-primary-50) / .5)
}

html .tailwind-area .hover\:text-primary-50\/55:hover {
    color: rgb(var(--ui-primary-50) / .55)
}

html .tailwind-area .hover\:text-primary-50\/60:hover {
    color: rgb(var(--ui-primary-50) / .6)
}

html .tailwind-area .hover\:text-primary-50\/65:hover {
    color: rgb(var(--ui-primary-50) / .65)
}

html .tailwind-area .hover\:text-primary-50\/70:hover {
    color: rgb(var(--ui-primary-50) / .7)
}

html .tailwind-area .hover\:text-primary-50\/75:hover {
    color: rgb(var(--ui-primary-50) / .75)
}

html .tailwind-area .hover\:text-primary-50\/80:hover {
    color: rgb(var(--ui-primary-50) / .8)
}

html .tailwind-area .hover\:text-primary-50\/85:hover {
    color: rgb(var(--ui-primary-50) / .85)
}

html .tailwind-area .hover\:text-primary-50\/90:hover {
    color: rgb(var(--ui-primary-50) / .9)
}

html .tailwind-area .hover\:text-primary-50\/95:hover {
    color: rgb(var(--ui-primary-50) / .95)
}

html .tailwind-area .hover\:text-primary-500:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-primary-500) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-primary-500\/0:hover {
    color: rgb(var(--ui-primary-500) / 0)
}

html .tailwind-area .hover\:text-primary-500\/10:hover {
    color: rgb(var(--ui-primary-500) / .1)
}

html .tailwind-area .hover\:text-primary-500\/100:hover {
    color: rgb(var(--ui-primary-500) / 1)
}

html .tailwind-area .hover\:text-primary-500\/15:hover {
    color: rgb(var(--ui-primary-500) / .15)
}

html .tailwind-area .hover\:text-primary-500\/20:hover {
    color: rgb(var(--ui-primary-500) / .2)
}

html .tailwind-area .hover\:text-primary-500\/25:hover {
    color: rgb(var(--ui-primary-500) / .25)
}

html .tailwind-area .hover\:text-primary-500\/30:hover {
    color: rgb(var(--ui-primary-500) / .3)
}

html .tailwind-area .hover\:text-primary-500\/35:hover {
    color: rgb(var(--ui-primary-500) / .35)
}

html .tailwind-area .hover\:text-primary-500\/40:hover {
    color: rgb(var(--ui-primary-500) / .4)
}

html .tailwind-area .hover\:text-primary-500\/45:hover {
    color: rgb(var(--ui-primary-500) / .45)
}

html .tailwind-area .hover\:text-primary-500\/5:hover {
    color: rgb(var(--ui-primary-500) / .05)
}

html .tailwind-area .hover\:text-primary-500\/50:hover {
    color: rgb(var(--ui-primary-500) / .5)
}

html .tailwind-area .hover\:text-primary-500\/55:hover {
    color: rgb(var(--ui-primary-500) / .55)
}

html .tailwind-area .hover\:text-primary-500\/60:hover {
    color: rgb(var(--ui-primary-500) / .6)
}

html .tailwind-area .hover\:text-primary-500\/65:hover {
    color: rgb(var(--ui-primary-500) / .65)
}

html .tailwind-area .hover\:text-primary-500\/70:hover {
    color: rgb(var(--ui-primary-500) / .7)
}

html .tailwind-area .hover\:text-primary-500\/75:hover {
    color: rgb(var(--ui-primary-500) / .75)
}

html .tailwind-area .hover\:text-primary-500\/80:hover {
    color: rgb(var(--ui-primary-500) / .8)
}

html .tailwind-area .hover\:text-primary-500\/85:hover {
    color: rgb(var(--ui-primary-500) / .85)
}

html .tailwind-area .hover\:text-primary-500\/90:hover {
    color: rgb(var(--ui-primary-500) / .9)
}

html .tailwind-area .hover\:text-primary-500\/95:hover {
    color: rgb(var(--ui-primary-500) / .95)
}

html .tailwind-area .hover\:text-primary-600:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-primary-600) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-primary-600\/0:hover {
    color: rgb(var(--ui-primary-600) / 0)
}

html .tailwind-area .hover\:text-primary-600\/10:hover {
    color: rgb(var(--ui-primary-600) / .1)
}

html .tailwind-area .hover\:text-primary-600\/100:hover {
    color: rgb(var(--ui-primary-600) / 1)
}

html .tailwind-area .hover\:text-primary-600\/15:hover {
    color: rgb(var(--ui-primary-600) / .15)
}

html .tailwind-area .hover\:text-primary-600\/20:hover {
    color: rgb(var(--ui-primary-600) / .2)
}

html .tailwind-area .hover\:text-primary-600\/25:hover {
    color: rgb(var(--ui-primary-600) / .25)
}

html .tailwind-area .hover\:text-primary-600\/30:hover {
    color: rgb(var(--ui-primary-600) / .3)
}

html .tailwind-area .hover\:text-primary-600\/35:hover {
    color: rgb(var(--ui-primary-600) / .35)
}

html .tailwind-area .hover\:text-primary-600\/40:hover {
    color: rgb(var(--ui-primary-600) / .4)
}

html .tailwind-area .hover\:text-primary-600\/45:hover {
    color: rgb(var(--ui-primary-600) / .45)
}

html .tailwind-area .hover\:text-primary-600\/5:hover {
    color: rgb(var(--ui-primary-600) / .05)
}

html .tailwind-area .hover\:text-primary-600\/50:hover {
    color: rgb(var(--ui-primary-600) / .5)
}

html .tailwind-area .hover\:text-primary-600\/55:hover {
    color: rgb(var(--ui-primary-600) / .55)
}

html .tailwind-area .hover\:text-primary-600\/60:hover {
    color: rgb(var(--ui-primary-600) / .6)
}

html .tailwind-area .hover\:text-primary-600\/65:hover {
    color: rgb(var(--ui-primary-600) / .65)
}

html .tailwind-area .hover\:text-primary-600\/70:hover {
    color: rgb(var(--ui-primary-600) / .7)
}

html .tailwind-area .hover\:text-primary-600\/75:hover {
    color: rgb(var(--ui-primary-600) / .75)
}

html .tailwind-area .hover\:text-primary-600\/80:hover {
    color: rgb(var(--ui-primary-600) / .8)
}

html .tailwind-area .hover\:text-primary-600\/85:hover {
    color: rgb(var(--ui-primary-600) / .85)
}

html .tailwind-area .hover\:text-primary-600\/90:hover {
    color: rgb(var(--ui-primary-600) / .9)
}

html .tailwind-area .hover\:text-primary-600\/95:hover {
    color: rgb(var(--ui-primary-600) / .95)
}

html .tailwind-area .hover\:text-primary-700:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-primary-700) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-primary-700\/0:hover {
    color: rgb(var(--ui-primary-700) / 0)
}

html .tailwind-area .hover\:text-primary-700\/10:hover {
    color: rgb(var(--ui-primary-700) / .1)
}

html .tailwind-area .hover\:text-primary-700\/100:hover {
    color: rgb(var(--ui-primary-700) / 1)
}

html .tailwind-area .hover\:text-primary-700\/15:hover {
    color: rgb(var(--ui-primary-700) / .15)
}

html .tailwind-area .hover\:text-primary-700\/20:hover {
    color: rgb(var(--ui-primary-700) / .2)
}

html .tailwind-area .hover\:text-primary-700\/25:hover {
    color: rgb(var(--ui-primary-700) / .25)
}

html .tailwind-area .hover\:text-primary-700\/30:hover {
    color: rgb(var(--ui-primary-700) / .3)
}

html .tailwind-area .hover\:text-primary-700\/35:hover {
    color: rgb(var(--ui-primary-700) / .35)
}

html .tailwind-area .hover\:text-primary-700\/40:hover {
    color: rgb(var(--ui-primary-700) / .4)
}

html .tailwind-area .hover\:text-primary-700\/45:hover {
    color: rgb(var(--ui-primary-700) / .45)
}

html .tailwind-area .hover\:text-primary-700\/5:hover {
    color: rgb(var(--ui-primary-700) / .05)
}

html .tailwind-area .hover\:text-primary-700\/50:hover {
    color: rgb(var(--ui-primary-700) / .5)
}

html .tailwind-area .hover\:text-primary-700\/55:hover {
    color: rgb(var(--ui-primary-700) / .55)
}

html .tailwind-area .hover\:text-primary-700\/60:hover {
    color: rgb(var(--ui-primary-700) / .6)
}

html .tailwind-area .hover\:text-primary-700\/65:hover {
    color: rgb(var(--ui-primary-700) / .65)
}

html .tailwind-area .hover\:text-primary-700\/70:hover {
    color: rgb(var(--ui-primary-700) / .7)
}

html .tailwind-area .hover\:text-primary-700\/75:hover {
    color: rgb(var(--ui-primary-700) / .75)
}

html .tailwind-area .hover\:text-primary-700\/80:hover {
    color: rgb(var(--ui-primary-700) / .8)
}

html .tailwind-area .hover\:text-primary-700\/85:hover {
    color: rgb(var(--ui-primary-700) / .85)
}

html .tailwind-area .hover\:text-primary-700\/90:hover {
    color: rgb(var(--ui-primary-700) / .9)
}

html .tailwind-area .hover\:text-primary-700\/95:hover {
    color: rgb(var(--ui-primary-700) / .95)
}

html .tailwind-area .hover\:text-primary-800:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-primary-800) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-primary-800\/0:hover {
    color: rgb(var(--ui-primary-800) / 0)
}

html .tailwind-area .hover\:text-primary-800\/10:hover {
    color: rgb(var(--ui-primary-800) / .1)
}

html .tailwind-area .hover\:text-primary-800\/100:hover {
    color: rgb(var(--ui-primary-800) / 1)
}

html .tailwind-area .hover\:text-primary-800\/15:hover {
    color: rgb(var(--ui-primary-800) / .15)
}

html .tailwind-area .hover\:text-primary-800\/20:hover {
    color: rgb(var(--ui-primary-800) / .2)
}

html .tailwind-area .hover\:text-primary-800\/25:hover {
    color: rgb(var(--ui-primary-800) / .25)
}

html .tailwind-area .hover\:text-primary-800\/30:hover {
    color: rgb(var(--ui-primary-800) / .3)
}

html .tailwind-area .hover\:text-primary-800\/35:hover {
    color: rgb(var(--ui-primary-800) / .35)
}

html .tailwind-area .hover\:text-primary-800\/40:hover {
    color: rgb(var(--ui-primary-800) / .4)
}

html .tailwind-area .hover\:text-primary-800\/45:hover {
    color: rgb(var(--ui-primary-800) / .45)
}

html .tailwind-area .hover\:text-primary-800\/5:hover {
    color: rgb(var(--ui-primary-800) / .05)
}

html .tailwind-area .hover\:text-primary-800\/50:hover {
    color: rgb(var(--ui-primary-800) / .5)
}

html .tailwind-area .hover\:text-primary-800\/55:hover {
    color: rgb(var(--ui-primary-800) / .55)
}

html .tailwind-area .hover\:text-primary-800\/60:hover {
    color: rgb(var(--ui-primary-800) / .6)
}

html .tailwind-area .hover\:text-primary-800\/65:hover {
    color: rgb(var(--ui-primary-800) / .65)
}

html .tailwind-area .hover\:text-primary-800\/70:hover {
    color: rgb(var(--ui-primary-800) / .7)
}

html .tailwind-area .hover\:text-primary-800\/75:hover {
    color: rgb(var(--ui-primary-800) / .75)
}

html .tailwind-area .hover\:text-primary-800\/80:hover {
    color: rgb(var(--ui-primary-800) / .8)
}

html .tailwind-area .hover\:text-primary-800\/85:hover {
    color: rgb(var(--ui-primary-800) / .85)
}

html .tailwind-area .hover\:text-primary-800\/90:hover {
    color: rgb(var(--ui-primary-800) / .9)
}

html .tailwind-area .hover\:text-primary-800\/95:hover {
    color: rgb(var(--ui-primary-800) / .95)
}

html .tailwind-area .hover\:text-primary-900:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-primary-900) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-primary-900\/0:hover {
    color: rgb(var(--ui-primary-900) / 0)
}

html .tailwind-area .hover\:text-primary-900\/10:hover {
    color: rgb(var(--ui-primary-900) / .1)
}

html .tailwind-area .hover\:text-primary-900\/100:hover {
    color: rgb(var(--ui-primary-900) / 1)
}

html .tailwind-area .hover\:text-primary-900\/15:hover {
    color: rgb(var(--ui-primary-900) / .15)
}

html .tailwind-area .hover\:text-primary-900\/20:hover {
    color: rgb(var(--ui-primary-900) / .2)
}

html .tailwind-area .hover\:text-primary-900\/25:hover {
    color: rgb(var(--ui-primary-900) / .25)
}

html .tailwind-area .hover\:text-primary-900\/30:hover {
    color: rgb(var(--ui-primary-900) / .3)
}

html .tailwind-area .hover\:text-primary-900\/35:hover {
    color: rgb(var(--ui-primary-900) / .35)
}

html .tailwind-area .hover\:text-primary-900\/40:hover {
    color: rgb(var(--ui-primary-900) / .4)
}

html .tailwind-area .hover\:text-primary-900\/45:hover {
    color: rgb(var(--ui-primary-900) / .45)
}

html .tailwind-area .hover\:text-primary-900\/5:hover {
    color: rgb(var(--ui-primary-900) / .05)
}

html .tailwind-area .hover\:text-primary-900\/50:hover {
    color: rgb(var(--ui-primary-900) / .5)
}

html .tailwind-area .hover\:text-primary-900\/55:hover {
    color: rgb(var(--ui-primary-900) / .55)
}

html .tailwind-area .hover\:text-primary-900\/60:hover {
    color: rgb(var(--ui-primary-900) / .6)
}

html .tailwind-area .hover\:text-primary-900\/65:hover {
    color: rgb(var(--ui-primary-900) / .65)
}

html .tailwind-area .hover\:text-primary-900\/70:hover {
    color: rgb(var(--ui-primary-900) / .7)
}

html .tailwind-area .hover\:text-primary-900\/75:hover {
    color: rgb(var(--ui-primary-900) / .75)
}

html .tailwind-area .hover\:text-primary-900\/80:hover {
    color: rgb(var(--ui-primary-900) / .8)
}

html .tailwind-area .hover\:text-primary-900\/85:hover {
    color: rgb(var(--ui-primary-900) / .85)
}

html .tailwind-area .hover\:text-primary-900\/90:hover {
    color: rgb(var(--ui-primary-900) / .9)
}

html .tailwind-area .hover\:text-primary-900\/95:hover {
    color: rgb(var(--ui-primary-900) / .95)
}

html .tailwind-area .hover\:text-safe-100:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-safe-100) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-safe-100\/0:hover {
    color: rgb(var(--ui-safe-100) / 0)
}

html .tailwind-area .hover\:text-safe-100\/10:hover {
    color: rgb(var(--ui-safe-100) / .1)
}

html .tailwind-area .hover\:text-safe-100\/100:hover {
    color: rgb(var(--ui-safe-100) / 1)
}

html .tailwind-area .hover\:text-safe-100\/15:hover {
    color: rgb(var(--ui-safe-100) / .15)
}

html .tailwind-area .hover\:text-safe-100\/20:hover {
    color: rgb(var(--ui-safe-100) / .2)
}

html .tailwind-area .hover\:text-safe-100\/25:hover {
    color: rgb(var(--ui-safe-100) / .25)
}

html .tailwind-area .hover\:text-safe-100\/30:hover {
    color: rgb(var(--ui-safe-100) / .3)
}

html .tailwind-area .hover\:text-safe-100\/35:hover {
    color: rgb(var(--ui-safe-100) / .35)
}

html .tailwind-area .hover\:text-safe-100\/40:hover {
    color: rgb(var(--ui-safe-100) / .4)
}

html .tailwind-area .hover\:text-safe-100\/45:hover {
    color: rgb(var(--ui-safe-100) / .45)
}

html .tailwind-area .hover\:text-safe-100\/5:hover {
    color: rgb(var(--ui-safe-100) / .05)
}

html .tailwind-area .hover\:text-safe-100\/50:hover {
    color: rgb(var(--ui-safe-100) / .5)
}

html .tailwind-area .hover\:text-safe-100\/55:hover {
    color: rgb(var(--ui-safe-100) / .55)
}

html .tailwind-area .hover\:text-safe-100\/60:hover {
    color: rgb(var(--ui-safe-100) / .6)
}

html .tailwind-area .hover\:text-safe-100\/65:hover {
    color: rgb(var(--ui-safe-100) / .65)
}

html .tailwind-area .hover\:text-safe-100\/70:hover {
    color: rgb(var(--ui-safe-100) / .7)
}

html .tailwind-area .hover\:text-safe-100\/75:hover {
    color: rgb(var(--ui-safe-100) / .75)
}

html .tailwind-area .hover\:text-safe-100\/80:hover {
    color: rgb(var(--ui-safe-100) / .8)
}

html .tailwind-area .hover\:text-safe-100\/85:hover {
    color: rgb(var(--ui-safe-100) / .85)
}

html .tailwind-area .hover\:text-safe-100\/90:hover {
    color: rgb(var(--ui-safe-100) / .9)
}

html .tailwind-area .hover\:text-safe-100\/95:hover {
    color: rgb(var(--ui-safe-100) / .95)
}

html .tailwind-area .hover\:text-safe-200:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-safe-200) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-safe-200\/0:hover {
    color: rgb(var(--ui-safe-200) / 0)
}

html .tailwind-area .hover\:text-safe-200\/10:hover {
    color: rgb(var(--ui-safe-200) / .1)
}

html .tailwind-area .hover\:text-safe-200\/100:hover {
    color: rgb(var(--ui-safe-200) / 1)
}

html .tailwind-area .hover\:text-safe-200\/15:hover {
    color: rgb(var(--ui-safe-200) / .15)
}

html .tailwind-area .hover\:text-safe-200\/20:hover {
    color: rgb(var(--ui-safe-200) / .2)
}

html .tailwind-area .hover\:text-safe-200\/25:hover {
    color: rgb(var(--ui-safe-200) / .25)
}

html .tailwind-area .hover\:text-safe-200\/30:hover {
    color: rgb(var(--ui-safe-200) / .3)
}

html .tailwind-area .hover\:text-safe-200\/35:hover {
    color: rgb(var(--ui-safe-200) / .35)
}

html .tailwind-area .hover\:text-safe-200\/40:hover {
    color: rgb(var(--ui-safe-200) / .4)
}

html .tailwind-area .hover\:text-safe-200\/45:hover {
    color: rgb(var(--ui-safe-200) / .45)
}

html .tailwind-area .hover\:text-safe-200\/5:hover {
    color: rgb(var(--ui-safe-200) / .05)
}

html .tailwind-area .hover\:text-safe-200\/50:hover {
    color: rgb(var(--ui-safe-200) / .5)
}

html .tailwind-area .hover\:text-safe-200\/55:hover {
    color: rgb(var(--ui-safe-200) / .55)
}

html .tailwind-area .hover\:text-safe-200\/60:hover {
    color: rgb(var(--ui-safe-200) / .6)
}

html .tailwind-area .hover\:text-safe-200\/65:hover {
    color: rgb(var(--ui-safe-200) / .65)
}

html .tailwind-area .hover\:text-safe-200\/70:hover {
    color: rgb(var(--ui-safe-200) / .7)
}

html .tailwind-area .hover\:text-safe-200\/75:hover {
    color: rgb(var(--ui-safe-200) / .75)
}

html .tailwind-area .hover\:text-safe-200\/80:hover {
    color: rgb(var(--ui-safe-200) / .8)
}

html .tailwind-area .hover\:text-safe-200\/85:hover {
    color: rgb(var(--ui-safe-200) / .85)
}

html .tailwind-area .hover\:text-safe-200\/90:hover {
    color: rgb(var(--ui-safe-200) / .9)
}

html .tailwind-area .hover\:text-safe-200\/95:hover {
    color: rgb(var(--ui-safe-200) / .95)
}

html .tailwind-area .hover\:text-safe-300:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-safe-300) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-safe-300\/0:hover {
    color: rgb(var(--ui-safe-300) / 0)
}

html .tailwind-area .hover\:text-safe-300\/10:hover {
    color: rgb(var(--ui-safe-300) / .1)
}

html .tailwind-area .hover\:text-safe-300\/100:hover {
    color: rgb(var(--ui-safe-300) / 1)
}

html .tailwind-area .hover\:text-safe-300\/15:hover {
    color: rgb(var(--ui-safe-300) / .15)
}

html .tailwind-area .hover\:text-safe-300\/20:hover {
    color: rgb(var(--ui-safe-300) / .2)
}

html .tailwind-area .hover\:text-safe-300\/25:hover {
    color: rgb(var(--ui-safe-300) / .25)
}

html .tailwind-area .hover\:text-safe-300\/30:hover {
    color: rgb(var(--ui-safe-300) / .3)
}

html .tailwind-area .hover\:text-safe-300\/35:hover {
    color: rgb(var(--ui-safe-300) / .35)
}

html .tailwind-area .hover\:text-safe-300\/40:hover {
    color: rgb(var(--ui-safe-300) / .4)
}

html .tailwind-area .hover\:text-safe-300\/45:hover {
    color: rgb(var(--ui-safe-300) / .45)
}

html .tailwind-area .hover\:text-safe-300\/5:hover {
    color: rgb(var(--ui-safe-300) / .05)
}

html .tailwind-area .hover\:text-safe-300\/50:hover {
    color: rgb(var(--ui-safe-300) / .5)
}

html .tailwind-area .hover\:text-safe-300\/55:hover {
    color: rgb(var(--ui-safe-300) / .55)
}

html .tailwind-area .hover\:text-safe-300\/60:hover {
    color: rgb(var(--ui-safe-300) / .6)
}

html .tailwind-area .hover\:text-safe-300\/65:hover {
    color: rgb(var(--ui-safe-300) / .65)
}

html .tailwind-area .hover\:text-safe-300\/70:hover {
    color: rgb(var(--ui-safe-300) / .7)
}

html .tailwind-area .hover\:text-safe-300\/75:hover {
    color: rgb(var(--ui-safe-300) / .75)
}

html .tailwind-area .hover\:text-safe-300\/80:hover {
    color: rgb(var(--ui-safe-300) / .8)
}

html .tailwind-area .hover\:text-safe-300\/85:hover {
    color: rgb(var(--ui-safe-300) / .85)
}

html .tailwind-area .hover\:text-safe-300\/90:hover {
    color: rgb(var(--ui-safe-300) / .9)
}

html .tailwind-area .hover\:text-safe-300\/95:hover {
    color: rgb(var(--ui-safe-300) / .95)
}

html .tailwind-area .hover\:text-safe-400:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-safe-400) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-safe-400\/0:hover {
    color: rgb(var(--ui-safe-400) / 0)
}

html .tailwind-area .hover\:text-safe-400\/10:hover {
    color: rgb(var(--ui-safe-400) / .1)
}

html .tailwind-area .hover\:text-safe-400\/100:hover {
    color: rgb(var(--ui-safe-400) / 1)
}

html .tailwind-area .hover\:text-safe-400\/15:hover {
    color: rgb(var(--ui-safe-400) / .15)
}

html .tailwind-area .hover\:text-safe-400\/20:hover {
    color: rgb(var(--ui-safe-400) / .2)
}

html .tailwind-area .hover\:text-safe-400\/25:hover {
    color: rgb(var(--ui-safe-400) / .25)
}

html .tailwind-area .hover\:text-safe-400\/30:hover {
    color: rgb(var(--ui-safe-400) / .3)
}

html .tailwind-area .hover\:text-safe-400\/35:hover {
    color: rgb(var(--ui-safe-400) / .35)
}

html .tailwind-area .hover\:text-safe-400\/40:hover {
    color: rgb(var(--ui-safe-400) / .4)
}

html .tailwind-area .hover\:text-safe-400\/45:hover {
    color: rgb(var(--ui-safe-400) / .45)
}

html .tailwind-area .hover\:text-safe-400\/5:hover {
    color: rgb(var(--ui-safe-400) / .05)
}

html .tailwind-area .hover\:text-safe-400\/50:hover {
    color: rgb(var(--ui-safe-400) / .5)
}

html .tailwind-area .hover\:text-safe-400\/55:hover {
    color: rgb(var(--ui-safe-400) / .55)
}

html .tailwind-area .hover\:text-safe-400\/60:hover {
    color: rgb(var(--ui-safe-400) / .6)
}

html .tailwind-area .hover\:text-safe-400\/65:hover {
    color: rgb(var(--ui-safe-400) / .65)
}

html .tailwind-area .hover\:text-safe-400\/70:hover {
    color: rgb(var(--ui-safe-400) / .7)
}

html .tailwind-area .hover\:text-safe-400\/75:hover {
    color: rgb(var(--ui-safe-400) / .75)
}

html .tailwind-area .hover\:text-safe-400\/80:hover {
    color: rgb(var(--ui-safe-400) / .8)
}

html .tailwind-area .hover\:text-safe-400\/85:hover {
    color: rgb(var(--ui-safe-400) / .85)
}

html .tailwind-area .hover\:text-safe-400\/90:hover {
    color: rgb(var(--ui-safe-400) / .9)
}

html .tailwind-area .hover\:text-safe-400\/95:hover {
    color: rgb(var(--ui-safe-400) / .95)
}

html .tailwind-area .hover\:text-safe-50:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-safe-50) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-safe-50\/0:hover {
    color: rgb(var(--ui-safe-50) / 0)
}

html .tailwind-area .hover\:text-safe-50\/10:hover {
    color: rgb(var(--ui-safe-50) / .1)
}

html .tailwind-area .hover\:text-safe-50\/100:hover {
    color: rgb(var(--ui-safe-50) / 1)
}

html .tailwind-area .hover\:text-safe-50\/15:hover {
    color: rgb(var(--ui-safe-50) / .15)
}

html .tailwind-area .hover\:text-safe-50\/20:hover {
    color: rgb(var(--ui-safe-50) / .2)
}

html .tailwind-area .hover\:text-safe-50\/25:hover {
    color: rgb(var(--ui-safe-50) / .25)
}

html .tailwind-area .hover\:text-safe-50\/30:hover {
    color: rgb(var(--ui-safe-50) / .3)
}

html .tailwind-area .hover\:text-safe-50\/35:hover {
    color: rgb(var(--ui-safe-50) / .35)
}

html .tailwind-area .hover\:text-safe-50\/40:hover {
    color: rgb(var(--ui-safe-50) / .4)
}

html .tailwind-area .hover\:text-safe-50\/45:hover {
    color: rgb(var(--ui-safe-50) / .45)
}

html .tailwind-area .hover\:text-safe-50\/5:hover {
    color: rgb(var(--ui-safe-50) / .05)
}

html .tailwind-area .hover\:text-safe-50\/50:hover {
    color: rgb(var(--ui-safe-50) / .5)
}

html .tailwind-area .hover\:text-safe-50\/55:hover {
    color: rgb(var(--ui-safe-50) / .55)
}

html .tailwind-area .hover\:text-safe-50\/60:hover {
    color: rgb(var(--ui-safe-50) / .6)
}

html .tailwind-area .hover\:text-safe-50\/65:hover {
    color: rgb(var(--ui-safe-50) / .65)
}

html .tailwind-area .hover\:text-safe-50\/70:hover {
    color: rgb(var(--ui-safe-50) / .7)
}

html .tailwind-area .hover\:text-safe-50\/75:hover {
    color: rgb(var(--ui-safe-50) / .75)
}

html .tailwind-area .hover\:text-safe-50\/80:hover {
    color: rgb(var(--ui-safe-50) / .8)
}

html .tailwind-area .hover\:text-safe-50\/85:hover {
    color: rgb(var(--ui-safe-50) / .85)
}

html .tailwind-area .hover\:text-safe-50\/90:hover {
    color: rgb(var(--ui-safe-50) / .9)
}

html .tailwind-area .hover\:text-safe-50\/95:hover {
    color: rgb(var(--ui-safe-50) / .95)
}

html .tailwind-area .hover\:text-safe-500:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-safe-500) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-safe-500\/0:hover {
    color: rgb(var(--ui-safe-500) / 0)
}

html .tailwind-area .hover\:text-safe-500\/10:hover {
    color: rgb(var(--ui-safe-500) / .1)
}

html .tailwind-area .hover\:text-safe-500\/100:hover {
    color: rgb(var(--ui-safe-500) / 1)
}

html .tailwind-area .hover\:text-safe-500\/15:hover {
    color: rgb(var(--ui-safe-500) / .15)
}

html .tailwind-area .hover\:text-safe-500\/20:hover {
    color: rgb(var(--ui-safe-500) / .2)
}

html .tailwind-area .hover\:text-safe-500\/25:hover {
    color: rgb(var(--ui-safe-500) / .25)
}

html .tailwind-area .hover\:text-safe-500\/30:hover {
    color: rgb(var(--ui-safe-500) / .3)
}

html .tailwind-area .hover\:text-safe-500\/35:hover {
    color: rgb(var(--ui-safe-500) / .35)
}

html .tailwind-area .hover\:text-safe-500\/40:hover {
    color: rgb(var(--ui-safe-500) / .4)
}

html .tailwind-area .hover\:text-safe-500\/45:hover {
    color: rgb(var(--ui-safe-500) / .45)
}

html .tailwind-area .hover\:text-safe-500\/5:hover {
    color: rgb(var(--ui-safe-500) / .05)
}

html .tailwind-area .hover\:text-safe-500\/50:hover {
    color: rgb(var(--ui-safe-500) / .5)
}

html .tailwind-area .hover\:text-safe-500\/55:hover {
    color: rgb(var(--ui-safe-500) / .55)
}

html .tailwind-area .hover\:text-safe-500\/60:hover {
    color: rgb(var(--ui-safe-500) / .6)
}

html .tailwind-area .hover\:text-safe-500\/65:hover {
    color: rgb(var(--ui-safe-500) / .65)
}

html .tailwind-area .hover\:text-safe-500\/70:hover {
    color: rgb(var(--ui-safe-500) / .7)
}

html .tailwind-area .hover\:text-safe-500\/75:hover {
    color: rgb(var(--ui-safe-500) / .75)
}

html .tailwind-area .hover\:text-safe-500\/80:hover {
    color: rgb(var(--ui-safe-500) / .8)
}

html .tailwind-area .hover\:text-safe-500\/85:hover {
    color: rgb(var(--ui-safe-500) / .85)
}

html .tailwind-area .hover\:text-safe-500\/90:hover {
    color: rgb(var(--ui-safe-500) / .9)
}

html .tailwind-area .hover\:text-safe-500\/95:hover {
    color: rgb(var(--ui-safe-500) / .95)
}

html .tailwind-area .hover\:text-safe-600:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-safe-600) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-safe-600\/0:hover {
    color: rgb(var(--ui-safe-600) / 0)
}

html .tailwind-area .hover\:text-safe-600\/10:hover {
    color: rgb(var(--ui-safe-600) / .1)
}

html .tailwind-area .hover\:text-safe-600\/100:hover {
    color: rgb(var(--ui-safe-600) / 1)
}

html .tailwind-area .hover\:text-safe-600\/15:hover {
    color: rgb(var(--ui-safe-600) / .15)
}

html .tailwind-area .hover\:text-safe-600\/20:hover {
    color: rgb(var(--ui-safe-600) / .2)
}

html .tailwind-area .hover\:text-safe-600\/25:hover {
    color: rgb(var(--ui-safe-600) / .25)
}

html .tailwind-area .hover\:text-safe-600\/30:hover {
    color: rgb(var(--ui-safe-600) / .3)
}

html .tailwind-area .hover\:text-safe-600\/35:hover {
    color: rgb(var(--ui-safe-600) / .35)
}

html .tailwind-area .hover\:text-safe-600\/40:hover {
    color: rgb(var(--ui-safe-600) / .4)
}

html .tailwind-area .hover\:text-safe-600\/45:hover {
    color: rgb(var(--ui-safe-600) / .45)
}

html .tailwind-area .hover\:text-safe-600\/5:hover {
    color: rgb(var(--ui-safe-600) / .05)
}

html .tailwind-area .hover\:text-safe-600\/50:hover {
    color: rgb(var(--ui-safe-600) / .5)
}

html .tailwind-area .hover\:text-safe-600\/55:hover {
    color: rgb(var(--ui-safe-600) / .55)
}

html .tailwind-area .hover\:text-safe-600\/60:hover {
    color: rgb(var(--ui-safe-600) / .6)
}

html .tailwind-area .hover\:text-safe-600\/65:hover {
    color: rgb(var(--ui-safe-600) / .65)
}

html .tailwind-area .hover\:text-safe-600\/70:hover {
    color: rgb(var(--ui-safe-600) / .7)
}

html .tailwind-area .hover\:text-safe-600\/75:hover {
    color: rgb(var(--ui-safe-600) / .75)
}

html .tailwind-area .hover\:text-safe-600\/80:hover {
    color: rgb(var(--ui-safe-600) / .8)
}

html .tailwind-area .hover\:text-safe-600\/85:hover {
    color: rgb(var(--ui-safe-600) / .85)
}

html .tailwind-area .hover\:text-safe-600\/90:hover {
    color: rgb(var(--ui-safe-600) / .9)
}

html .tailwind-area .hover\:text-safe-600\/95:hover {
    color: rgb(var(--ui-safe-600) / .95)
}

html .tailwind-area .hover\:text-safe-700:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-safe-700) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-safe-700\/0:hover {
    color: rgb(var(--ui-safe-700) / 0)
}

html .tailwind-area .hover\:text-safe-700\/10:hover {
    color: rgb(var(--ui-safe-700) / .1)
}

html .tailwind-area .hover\:text-safe-700\/100:hover {
    color: rgb(var(--ui-safe-700) / 1)
}

html .tailwind-area .hover\:text-safe-700\/15:hover {
    color: rgb(var(--ui-safe-700) / .15)
}

html .tailwind-area .hover\:text-safe-700\/20:hover {
    color: rgb(var(--ui-safe-700) / .2)
}

html .tailwind-area .hover\:text-safe-700\/25:hover {
    color: rgb(var(--ui-safe-700) / .25)
}

html .tailwind-area .hover\:text-safe-700\/30:hover {
    color: rgb(var(--ui-safe-700) / .3)
}

html .tailwind-area .hover\:text-safe-700\/35:hover {
    color: rgb(var(--ui-safe-700) / .35)
}

html .tailwind-area .hover\:text-safe-700\/40:hover {
    color: rgb(var(--ui-safe-700) / .4)
}

html .tailwind-area .hover\:text-safe-700\/45:hover {
    color: rgb(var(--ui-safe-700) / .45)
}

html .tailwind-area .hover\:text-safe-700\/5:hover {
    color: rgb(var(--ui-safe-700) / .05)
}

html .tailwind-area .hover\:text-safe-700\/50:hover {
    color: rgb(var(--ui-safe-700) / .5)
}

html .tailwind-area .hover\:text-safe-700\/55:hover {
    color: rgb(var(--ui-safe-700) / .55)
}

html .tailwind-area .hover\:text-safe-700\/60:hover {
    color: rgb(var(--ui-safe-700) / .6)
}

html .tailwind-area .hover\:text-safe-700\/65:hover {
    color: rgb(var(--ui-safe-700) / .65)
}

html .tailwind-area .hover\:text-safe-700\/70:hover {
    color: rgb(var(--ui-safe-700) / .7)
}

html .tailwind-area .hover\:text-safe-700\/75:hover {
    color: rgb(var(--ui-safe-700) / .75)
}

html .tailwind-area .hover\:text-safe-700\/80:hover {
    color: rgb(var(--ui-safe-700) / .8)
}

html .tailwind-area .hover\:text-safe-700\/85:hover {
    color: rgb(var(--ui-safe-700) / .85)
}

html .tailwind-area .hover\:text-safe-700\/90:hover {
    color: rgb(var(--ui-safe-700) / .9)
}

html .tailwind-area .hover\:text-safe-700\/95:hover {
    color: rgb(var(--ui-safe-700) / .95)
}

html .tailwind-area .hover\:text-safe-800:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-safe-800) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-safe-800\/0:hover {
    color: rgb(var(--ui-safe-800) / 0)
}

html .tailwind-area .hover\:text-safe-800\/10:hover {
    color: rgb(var(--ui-safe-800) / .1)
}

html .tailwind-area .hover\:text-safe-800\/100:hover {
    color: rgb(var(--ui-safe-800) / 1)
}

html .tailwind-area .hover\:text-safe-800\/15:hover {
    color: rgb(var(--ui-safe-800) / .15)
}

html .tailwind-area .hover\:text-safe-800\/20:hover {
    color: rgb(var(--ui-safe-800) / .2)
}

html .tailwind-area .hover\:text-safe-800\/25:hover {
    color: rgb(var(--ui-safe-800) / .25)
}

html .tailwind-area .hover\:text-safe-800\/30:hover {
    color: rgb(var(--ui-safe-800) / .3)
}

html .tailwind-area .hover\:text-safe-800\/35:hover {
    color: rgb(var(--ui-safe-800) / .35)
}

html .tailwind-area .hover\:text-safe-800\/40:hover {
    color: rgb(var(--ui-safe-800) / .4)
}

html .tailwind-area .hover\:text-safe-800\/45:hover {
    color: rgb(var(--ui-safe-800) / .45)
}

html .tailwind-area .hover\:text-safe-800\/5:hover {
    color: rgb(var(--ui-safe-800) / .05)
}

html .tailwind-area .hover\:text-safe-800\/50:hover {
    color: rgb(var(--ui-safe-800) / .5)
}

html .tailwind-area .hover\:text-safe-800\/55:hover {
    color: rgb(var(--ui-safe-800) / .55)
}

html .tailwind-area .hover\:text-safe-800\/60:hover {
    color: rgb(var(--ui-safe-800) / .6)
}

html .tailwind-area .hover\:text-safe-800\/65:hover {
    color: rgb(var(--ui-safe-800) / .65)
}

html .tailwind-area .hover\:text-safe-800\/70:hover {
    color: rgb(var(--ui-safe-800) / .7)
}

html .tailwind-area .hover\:text-safe-800\/75:hover {
    color: rgb(var(--ui-safe-800) / .75)
}

html .tailwind-area .hover\:text-safe-800\/80:hover {
    color: rgb(var(--ui-safe-800) / .8)
}

html .tailwind-area .hover\:text-safe-800\/85:hover {
    color: rgb(var(--ui-safe-800) / .85)
}

html .tailwind-area .hover\:text-safe-800\/90:hover {
    color: rgb(var(--ui-safe-800) / .9)
}

html .tailwind-area .hover\:text-safe-800\/95:hover {
    color: rgb(var(--ui-safe-800) / .95)
}

html .tailwind-area .hover\:text-safe-900:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-safe-900) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-safe-900\/0:hover {
    color: rgb(var(--ui-safe-900) / 0)
}

html .tailwind-area .hover\:text-safe-900\/10:hover {
    color: rgb(var(--ui-safe-900) / .1)
}

html .tailwind-area .hover\:text-safe-900\/100:hover {
    color: rgb(var(--ui-safe-900) / 1)
}

html .tailwind-area .hover\:text-safe-900\/15:hover {
    color: rgb(var(--ui-safe-900) / .15)
}

html .tailwind-area .hover\:text-safe-900\/20:hover {
    color: rgb(var(--ui-safe-900) / .2)
}

html .tailwind-area .hover\:text-safe-900\/25:hover {
    color: rgb(var(--ui-safe-900) / .25)
}

html .tailwind-area .hover\:text-safe-900\/30:hover {
    color: rgb(var(--ui-safe-900) / .3)
}

html .tailwind-area .hover\:text-safe-900\/35:hover {
    color: rgb(var(--ui-safe-900) / .35)
}

html .tailwind-area .hover\:text-safe-900\/40:hover {
    color: rgb(var(--ui-safe-900) / .4)
}

html .tailwind-area .hover\:text-safe-900\/45:hover {
    color: rgb(var(--ui-safe-900) / .45)
}

html .tailwind-area .hover\:text-safe-900\/5:hover {
    color: rgb(var(--ui-safe-900) / .05)
}

html .tailwind-area .hover\:text-safe-900\/50:hover {
    color: rgb(var(--ui-safe-900) / .5)
}

html .tailwind-area .hover\:text-safe-900\/55:hover {
    color: rgb(var(--ui-safe-900) / .55)
}

html .tailwind-area .hover\:text-safe-900\/60:hover {
    color: rgb(var(--ui-safe-900) / .6)
}

html .tailwind-area .hover\:text-safe-900\/65:hover {
    color: rgb(var(--ui-safe-900) / .65)
}

html .tailwind-area .hover\:text-safe-900\/70:hover {
    color: rgb(var(--ui-safe-900) / .7)
}

html .tailwind-area .hover\:text-safe-900\/75:hover {
    color: rgb(var(--ui-safe-900) / .75)
}

html .tailwind-area .hover\:text-safe-900\/80:hover {
    color: rgb(var(--ui-safe-900) / .8)
}

html .tailwind-area .hover\:text-safe-900\/85:hover {
    color: rgb(var(--ui-safe-900) / .85)
}

html .tailwind-area .hover\:text-safe-900\/90:hover {
    color: rgb(var(--ui-safe-900) / .9)
}

html .tailwind-area .hover\:text-safe-900\/95:hover {
    color: rgb(var(--ui-safe-900) / .95)
}

html .tailwind-area .hover\:text-warning-100:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-warning-100) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-warning-100\/0:hover {
    color: rgb(var(--ui-warning-100) / 0)
}

html .tailwind-area .hover\:text-warning-100\/10:hover {
    color: rgb(var(--ui-warning-100) / .1)
}

html .tailwind-area .hover\:text-warning-100\/100:hover {
    color: rgb(var(--ui-warning-100) / 1)
}

html .tailwind-area .hover\:text-warning-100\/15:hover {
    color: rgb(var(--ui-warning-100) / .15)
}

html .tailwind-area .hover\:text-warning-100\/20:hover {
    color: rgb(var(--ui-warning-100) / .2)
}

html .tailwind-area .hover\:text-warning-100\/25:hover {
    color: rgb(var(--ui-warning-100) / .25)
}

html .tailwind-area .hover\:text-warning-100\/30:hover {
    color: rgb(var(--ui-warning-100) / .3)
}

html .tailwind-area .hover\:text-warning-100\/35:hover {
    color: rgb(var(--ui-warning-100) / .35)
}

html .tailwind-area .hover\:text-warning-100\/40:hover {
    color: rgb(var(--ui-warning-100) / .4)
}

html .tailwind-area .hover\:text-warning-100\/45:hover {
    color: rgb(var(--ui-warning-100) / .45)
}

html .tailwind-area .hover\:text-warning-100\/5:hover {
    color: rgb(var(--ui-warning-100) / .05)
}

html .tailwind-area .hover\:text-warning-100\/50:hover {
    color: rgb(var(--ui-warning-100) / .5)
}

html .tailwind-area .hover\:text-warning-100\/55:hover {
    color: rgb(var(--ui-warning-100) / .55)
}

html .tailwind-area .hover\:text-warning-100\/60:hover {
    color: rgb(var(--ui-warning-100) / .6)
}

html .tailwind-area .hover\:text-warning-100\/65:hover {
    color: rgb(var(--ui-warning-100) / .65)
}

html .tailwind-area .hover\:text-warning-100\/70:hover {
    color: rgb(var(--ui-warning-100) / .7)
}

html .tailwind-area .hover\:text-warning-100\/75:hover {
    color: rgb(var(--ui-warning-100) / .75)
}

html .tailwind-area .hover\:text-warning-100\/80:hover {
    color: rgb(var(--ui-warning-100) / .8)
}

html .tailwind-area .hover\:text-warning-100\/85:hover {
    color: rgb(var(--ui-warning-100) / .85)
}

html .tailwind-area .hover\:text-warning-100\/90:hover {
    color: rgb(var(--ui-warning-100) / .9)
}

html .tailwind-area .hover\:text-warning-100\/95:hover {
    color: rgb(var(--ui-warning-100) / .95)
}

html .tailwind-area .hover\:text-warning-200:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-warning-200) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-warning-200\/0:hover {
    color: rgb(var(--ui-warning-200) / 0)
}

html .tailwind-area .hover\:text-warning-200\/10:hover {
    color: rgb(var(--ui-warning-200) / .1)
}

html .tailwind-area .hover\:text-warning-200\/100:hover {
    color: rgb(var(--ui-warning-200) / 1)
}

html .tailwind-area .hover\:text-warning-200\/15:hover {
    color: rgb(var(--ui-warning-200) / .15)
}

html .tailwind-area .hover\:text-warning-200\/20:hover {
    color: rgb(var(--ui-warning-200) / .2)
}

html .tailwind-area .hover\:text-warning-200\/25:hover {
    color: rgb(var(--ui-warning-200) / .25)
}

html .tailwind-area .hover\:text-warning-200\/30:hover {
    color: rgb(var(--ui-warning-200) / .3)
}

html .tailwind-area .hover\:text-warning-200\/35:hover {
    color: rgb(var(--ui-warning-200) / .35)
}

html .tailwind-area .hover\:text-warning-200\/40:hover {
    color: rgb(var(--ui-warning-200) / .4)
}

html .tailwind-area .hover\:text-warning-200\/45:hover {
    color: rgb(var(--ui-warning-200) / .45)
}

html .tailwind-area .hover\:text-warning-200\/5:hover {
    color: rgb(var(--ui-warning-200) / .05)
}

html .tailwind-area .hover\:text-warning-200\/50:hover {
    color: rgb(var(--ui-warning-200) / .5)
}

html .tailwind-area .hover\:text-warning-200\/55:hover {
    color: rgb(var(--ui-warning-200) / .55)
}

html .tailwind-area .hover\:text-warning-200\/60:hover {
    color: rgb(var(--ui-warning-200) / .6)
}

html .tailwind-area .hover\:text-warning-200\/65:hover {
    color: rgb(var(--ui-warning-200) / .65)
}

html .tailwind-area .hover\:text-warning-200\/70:hover {
    color: rgb(var(--ui-warning-200) / .7)
}

html .tailwind-area .hover\:text-warning-200\/75:hover {
    color: rgb(var(--ui-warning-200) / .75)
}

html .tailwind-area .hover\:text-warning-200\/80:hover {
    color: rgb(var(--ui-warning-200) / .8)
}

html .tailwind-area .hover\:text-warning-200\/85:hover {
    color: rgb(var(--ui-warning-200) / .85)
}

html .tailwind-area .hover\:text-warning-200\/90:hover {
    color: rgb(var(--ui-warning-200) / .9)
}

html .tailwind-area .hover\:text-warning-200\/95:hover {
    color: rgb(var(--ui-warning-200) / .95)
}

html .tailwind-area .hover\:text-warning-300:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-warning-300) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-warning-300\/0:hover {
    color: rgb(var(--ui-warning-300) / 0)
}

html .tailwind-area .hover\:text-warning-300\/10:hover {
    color: rgb(var(--ui-warning-300) / .1)
}

html .tailwind-area .hover\:text-warning-300\/100:hover {
    color: rgb(var(--ui-warning-300) / 1)
}

html .tailwind-area .hover\:text-warning-300\/15:hover {
    color: rgb(var(--ui-warning-300) / .15)
}

html .tailwind-area .hover\:text-warning-300\/20:hover {
    color: rgb(var(--ui-warning-300) / .2)
}

html .tailwind-area .hover\:text-warning-300\/25:hover {
    color: rgb(var(--ui-warning-300) / .25)
}

html .tailwind-area .hover\:text-warning-300\/30:hover {
    color: rgb(var(--ui-warning-300) / .3)
}

html .tailwind-area .hover\:text-warning-300\/35:hover {
    color: rgb(var(--ui-warning-300) / .35)
}

html .tailwind-area .hover\:text-warning-300\/40:hover {
    color: rgb(var(--ui-warning-300) / .4)
}

html .tailwind-area .hover\:text-warning-300\/45:hover {
    color: rgb(var(--ui-warning-300) / .45)
}

html .tailwind-area .hover\:text-warning-300\/5:hover {
    color: rgb(var(--ui-warning-300) / .05)
}

html .tailwind-area .hover\:text-warning-300\/50:hover {
    color: rgb(var(--ui-warning-300) / .5)
}

html .tailwind-area .hover\:text-warning-300\/55:hover {
    color: rgb(var(--ui-warning-300) / .55)
}

html .tailwind-area .hover\:text-warning-300\/60:hover {
    color: rgb(var(--ui-warning-300) / .6)
}

html .tailwind-area .hover\:text-warning-300\/65:hover {
    color: rgb(var(--ui-warning-300) / .65)
}

html .tailwind-area .hover\:text-warning-300\/70:hover {
    color: rgb(var(--ui-warning-300) / .7)
}

html .tailwind-area .hover\:text-warning-300\/75:hover {
    color: rgb(var(--ui-warning-300) / .75)
}

html .tailwind-area .hover\:text-warning-300\/80:hover {
    color: rgb(var(--ui-warning-300) / .8)
}

html .tailwind-area .hover\:text-warning-300\/85:hover {
    color: rgb(var(--ui-warning-300) / .85)
}

html .tailwind-area .hover\:text-warning-300\/90:hover {
    color: rgb(var(--ui-warning-300) / .9)
}

html .tailwind-area .hover\:text-warning-300\/95:hover {
    color: rgb(var(--ui-warning-300) / .95)
}

html .tailwind-area .hover\:text-warning-400:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-warning-400) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-warning-400\/0:hover {
    color: rgb(var(--ui-warning-400) / 0)
}

html .tailwind-area .hover\:text-warning-400\/10:hover {
    color: rgb(var(--ui-warning-400) / .1)
}

html .tailwind-area .hover\:text-warning-400\/100:hover {
    color: rgb(var(--ui-warning-400) / 1)
}

html .tailwind-area .hover\:text-warning-400\/15:hover {
    color: rgb(var(--ui-warning-400) / .15)
}

html .tailwind-area .hover\:text-warning-400\/20:hover {
    color: rgb(var(--ui-warning-400) / .2)
}

html .tailwind-area .hover\:text-warning-400\/25:hover {
    color: rgb(var(--ui-warning-400) / .25)
}

html .tailwind-area .hover\:text-warning-400\/30:hover {
    color: rgb(var(--ui-warning-400) / .3)
}

html .tailwind-area .hover\:text-warning-400\/35:hover {
    color: rgb(var(--ui-warning-400) / .35)
}

html .tailwind-area .hover\:text-warning-400\/40:hover {
    color: rgb(var(--ui-warning-400) / .4)
}

html .tailwind-area .hover\:text-warning-400\/45:hover {
    color: rgb(var(--ui-warning-400) / .45)
}

html .tailwind-area .hover\:text-warning-400\/5:hover {
    color: rgb(var(--ui-warning-400) / .05)
}

html .tailwind-area .hover\:text-warning-400\/50:hover {
    color: rgb(var(--ui-warning-400) / .5)
}

html .tailwind-area .hover\:text-warning-400\/55:hover {
    color: rgb(var(--ui-warning-400) / .55)
}

html .tailwind-area .hover\:text-warning-400\/60:hover {
    color: rgb(var(--ui-warning-400) / .6)
}

html .tailwind-area .hover\:text-warning-400\/65:hover {
    color: rgb(var(--ui-warning-400) / .65)
}

html .tailwind-area .hover\:text-warning-400\/70:hover {
    color: rgb(var(--ui-warning-400) / .7)
}

html .tailwind-area .hover\:text-warning-400\/75:hover {
    color: rgb(var(--ui-warning-400) / .75)
}

html .tailwind-area .hover\:text-warning-400\/80:hover {
    color: rgb(var(--ui-warning-400) / .8)
}

html .tailwind-area .hover\:text-warning-400\/85:hover {
    color: rgb(var(--ui-warning-400) / .85)
}

html .tailwind-area .hover\:text-warning-400\/90:hover {
    color: rgb(var(--ui-warning-400) / .9)
}

html .tailwind-area .hover\:text-warning-400\/95:hover {
    color: rgb(var(--ui-warning-400) / .95)
}

html .tailwind-area .hover\:text-warning-50:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-warning-50) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-warning-50\/0:hover {
    color: rgb(var(--ui-warning-50) / 0)
}

html .tailwind-area .hover\:text-warning-50\/10:hover {
    color: rgb(var(--ui-warning-50) / .1)
}

html .tailwind-area .hover\:text-warning-50\/100:hover {
    color: rgb(var(--ui-warning-50) / 1)
}

html .tailwind-area .hover\:text-warning-50\/15:hover {
    color: rgb(var(--ui-warning-50) / .15)
}

html .tailwind-area .hover\:text-warning-50\/20:hover {
    color: rgb(var(--ui-warning-50) / .2)
}

html .tailwind-area .hover\:text-warning-50\/25:hover {
    color: rgb(var(--ui-warning-50) / .25)
}

html .tailwind-area .hover\:text-warning-50\/30:hover {
    color: rgb(var(--ui-warning-50) / .3)
}

html .tailwind-area .hover\:text-warning-50\/35:hover {
    color: rgb(var(--ui-warning-50) / .35)
}

html .tailwind-area .hover\:text-warning-50\/40:hover {
    color: rgb(var(--ui-warning-50) / .4)
}

html .tailwind-area .hover\:text-warning-50\/45:hover {
    color: rgb(var(--ui-warning-50) / .45)
}

html .tailwind-area .hover\:text-warning-50\/5:hover {
    color: rgb(var(--ui-warning-50) / .05)
}

html .tailwind-area .hover\:text-warning-50\/50:hover {
    color: rgb(var(--ui-warning-50) / .5)
}

html .tailwind-area .hover\:text-warning-50\/55:hover {
    color: rgb(var(--ui-warning-50) / .55)
}

html .tailwind-area .hover\:text-warning-50\/60:hover {
    color: rgb(var(--ui-warning-50) / .6)
}

html .tailwind-area .hover\:text-warning-50\/65:hover {
    color: rgb(var(--ui-warning-50) / .65)
}

html .tailwind-area .hover\:text-warning-50\/70:hover {
    color: rgb(var(--ui-warning-50) / .7)
}

html .tailwind-area .hover\:text-warning-50\/75:hover {
    color: rgb(var(--ui-warning-50) / .75)
}

html .tailwind-area .hover\:text-warning-50\/80:hover {
    color: rgb(var(--ui-warning-50) / .8)
}

html .tailwind-area .hover\:text-warning-50\/85:hover {
    color: rgb(var(--ui-warning-50) / .85)
}

html .tailwind-area .hover\:text-warning-50\/90:hover {
    color: rgb(var(--ui-warning-50) / .9)
}

html .tailwind-area .hover\:text-warning-50\/95:hover {
    color: rgb(var(--ui-warning-50) / .95)
}

html .tailwind-area .hover\:text-warning-500:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-warning-500) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-warning-500\/0:hover {
    color: rgb(var(--ui-warning-500) / 0)
}

html .tailwind-area .hover\:text-warning-500\/10:hover {
    color: rgb(var(--ui-warning-500) / .1)
}

html .tailwind-area .hover\:text-warning-500\/100:hover {
    color: rgb(var(--ui-warning-500) / 1)
}

html .tailwind-area .hover\:text-warning-500\/15:hover {
    color: rgb(var(--ui-warning-500) / .15)
}

html .tailwind-area .hover\:text-warning-500\/20:hover {
    color: rgb(var(--ui-warning-500) / .2)
}

html .tailwind-area .hover\:text-warning-500\/25:hover {
    color: rgb(var(--ui-warning-500) / .25)
}

html .tailwind-area .hover\:text-warning-500\/30:hover {
    color: rgb(var(--ui-warning-500) / .3)
}

html .tailwind-area .hover\:text-warning-500\/35:hover {
    color: rgb(var(--ui-warning-500) / .35)
}

html .tailwind-area .hover\:text-warning-500\/40:hover {
    color: rgb(var(--ui-warning-500) / .4)
}

html .tailwind-area .hover\:text-warning-500\/45:hover {
    color: rgb(var(--ui-warning-500) / .45)
}

html .tailwind-area .hover\:text-warning-500\/5:hover {
    color: rgb(var(--ui-warning-500) / .05)
}

html .tailwind-area .hover\:text-warning-500\/50:hover {
    color: rgb(var(--ui-warning-500) / .5)
}

html .tailwind-area .hover\:text-warning-500\/55:hover {
    color: rgb(var(--ui-warning-500) / .55)
}

html .tailwind-area .hover\:text-warning-500\/60:hover {
    color: rgb(var(--ui-warning-500) / .6)
}

html .tailwind-area .hover\:text-warning-500\/65:hover {
    color: rgb(var(--ui-warning-500) / .65)
}

html .tailwind-area .hover\:text-warning-500\/70:hover {
    color: rgb(var(--ui-warning-500) / .7)
}

html .tailwind-area .hover\:text-warning-500\/75:hover {
    color: rgb(var(--ui-warning-500) / .75)
}

html .tailwind-area .hover\:text-warning-500\/80:hover {
    color: rgb(var(--ui-warning-500) / .8)
}

html .tailwind-area .hover\:text-warning-500\/85:hover {
    color: rgb(var(--ui-warning-500) / .85)
}

html .tailwind-area .hover\:text-warning-500\/90:hover {
    color: rgb(var(--ui-warning-500) / .9)
}

html .tailwind-area .hover\:text-warning-500\/95:hover {
    color: rgb(var(--ui-warning-500) / .95)
}

html .tailwind-area .hover\:text-warning-600:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-warning-600) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-warning-600\/0:hover {
    color: rgb(var(--ui-warning-600) / 0)
}

html .tailwind-area .hover\:text-warning-600\/10:hover {
    color: rgb(var(--ui-warning-600) / .1)
}

html .tailwind-area .hover\:text-warning-600\/100:hover {
    color: rgb(var(--ui-warning-600) / 1)
}

html .tailwind-area .hover\:text-warning-600\/15:hover {
    color: rgb(var(--ui-warning-600) / .15)
}

html .tailwind-area .hover\:text-warning-600\/20:hover {
    color: rgb(var(--ui-warning-600) / .2)
}

html .tailwind-area .hover\:text-warning-600\/25:hover {
    color: rgb(var(--ui-warning-600) / .25)
}

html .tailwind-area .hover\:text-warning-600\/30:hover {
    color: rgb(var(--ui-warning-600) / .3)
}

html .tailwind-area .hover\:text-warning-600\/35:hover {
    color: rgb(var(--ui-warning-600) / .35)
}

html .tailwind-area .hover\:text-warning-600\/40:hover {
    color: rgb(var(--ui-warning-600) / .4)
}

html .tailwind-area .hover\:text-warning-600\/45:hover {
    color: rgb(var(--ui-warning-600) / .45)
}

html .tailwind-area .hover\:text-warning-600\/5:hover {
    color: rgb(var(--ui-warning-600) / .05)
}

html .tailwind-area .hover\:text-warning-600\/50:hover {
    color: rgb(var(--ui-warning-600) / .5)
}

html .tailwind-area .hover\:text-warning-600\/55:hover {
    color: rgb(var(--ui-warning-600) / .55)
}

html .tailwind-area .hover\:text-warning-600\/60:hover {
    color: rgb(var(--ui-warning-600) / .6)
}

html .tailwind-area .hover\:text-warning-600\/65:hover {
    color: rgb(var(--ui-warning-600) / .65)
}

html .tailwind-area .hover\:text-warning-600\/70:hover {
    color: rgb(var(--ui-warning-600) / .7)
}

html .tailwind-area .hover\:text-warning-600\/75:hover {
    color: rgb(var(--ui-warning-600) / .75)
}

html .tailwind-area .hover\:text-warning-600\/80:hover {
    color: rgb(var(--ui-warning-600) / .8)
}

html .tailwind-area .hover\:text-warning-600\/85:hover {
    color: rgb(var(--ui-warning-600) / .85)
}

html .tailwind-area .hover\:text-warning-600\/90:hover {
    color: rgb(var(--ui-warning-600) / .9)
}

html .tailwind-area .hover\:text-warning-600\/95:hover {
    color: rgb(var(--ui-warning-600) / .95)
}

html .tailwind-area .hover\:text-warning-700:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-warning-700) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-warning-700\/0:hover {
    color: rgb(var(--ui-warning-700) / 0)
}

html .tailwind-area .hover\:text-warning-700\/10:hover {
    color: rgb(var(--ui-warning-700) / .1)
}

html .tailwind-area .hover\:text-warning-700\/100:hover {
    color: rgb(var(--ui-warning-700) / 1)
}

html .tailwind-area .hover\:text-warning-700\/15:hover {
    color: rgb(var(--ui-warning-700) / .15)
}

html .tailwind-area .hover\:text-warning-700\/20:hover {
    color: rgb(var(--ui-warning-700) / .2)
}

html .tailwind-area .hover\:text-warning-700\/25:hover {
    color: rgb(var(--ui-warning-700) / .25)
}

html .tailwind-area .hover\:text-warning-700\/30:hover {
    color: rgb(var(--ui-warning-700) / .3)
}

html .tailwind-area .hover\:text-warning-700\/35:hover {
    color: rgb(var(--ui-warning-700) / .35)
}

html .tailwind-area .hover\:text-warning-700\/40:hover {
    color: rgb(var(--ui-warning-700) / .4)
}

html .tailwind-area .hover\:text-warning-700\/45:hover {
    color: rgb(var(--ui-warning-700) / .45)
}

html .tailwind-area .hover\:text-warning-700\/5:hover {
    color: rgb(var(--ui-warning-700) / .05)
}

html .tailwind-area .hover\:text-warning-700\/50:hover {
    color: rgb(var(--ui-warning-700) / .5)
}

html .tailwind-area .hover\:text-warning-700\/55:hover {
    color: rgb(var(--ui-warning-700) / .55)
}

html .tailwind-area .hover\:text-warning-700\/60:hover {
    color: rgb(var(--ui-warning-700) / .6)
}

html .tailwind-area .hover\:text-warning-700\/65:hover {
    color: rgb(var(--ui-warning-700) / .65)
}

html .tailwind-area .hover\:text-warning-700\/70:hover {
    color: rgb(var(--ui-warning-700) / .7)
}

html .tailwind-area .hover\:text-warning-700\/75:hover {
    color: rgb(var(--ui-warning-700) / .75)
}

html .tailwind-area .hover\:text-warning-700\/80:hover {
    color: rgb(var(--ui-warning-700) / .8)
}

html .tailwind-area .hover\:text-warning-700\/85:hover {
    color: rgb(var(--ui-warning-700) / .85)
}

html .tailwind-area .hover\:text-warning-700\/90:hover {
    color: rgb(var(--ui-warning-700) / .9)
}

html .tailwind-area .hover\:text-warning-700\/95:hover {
    color: rgb(var(--ui-warning-700) / .95)
}

html .tailwind-area .hover\:text-warning-800:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-warning-800) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-warning-800\/0:hover {
    color: rgb(var(--ui-warning-800) / 0)
}

html .tailwind-area .hover\:text-warning-800\/10:hover {
    color: rgb(var(--ui-warning-800) / .1)
}

html .tailwind-area .hover\:text-warning-800\/100:hover {
    color: rgb(var(--ui-warning-800) / 1)
}

html .tailwind-area .hover\:text-warning-800\/15:hover {
    color: rgb(var(--ui-warning-800) / .15)
}

html .tailwind-area .hover\:text-warning-800\/20:hover {
    color: rgb(var(--ui-warning-800) / .2)
}

html .tailwind-area .hover\:text-warning-800\/25:hover {
    color: rgb(var(--ui-warning-800) / .25)
}

html .tailwind-area .hover\:text-warning-800\/30:hover {
    color: rgb(var(--ui-warning-800) / .3)
}

html .tailwind-area .hover\:text-warning-800\/35:hover {
    color: rgb(var(--ui-warning-800) / .35)
}

html .tailwind-area .hover\:text-warning-800\/40:hover {
    color: rgb(var(--ui-warning-800) / .4)
}

html .tailwind-area .hover\:text-warning-800\/45:hover {
    color: rgb(var(--ui-warning-800) / .45)
}

html .tailwind-area .hover\:text-warning-800\/5:hover {
    color: rgb(var(--ui-warning-800) / .05)
}

html .tailwind-area .hover\:text-warning-800\/50:hover {
    color: rgb(var(--ui-warning-800) / .5)
}

html .tailwind-area .hover\:text-warning-800\/55:hover {
    color: rgb(var(--ui-warning-800) / .55)
}

html .tailwind-area .hover\:text-warning-800\/60:hover {
    color: rgb(var(--ui-warning-800) / .6)
}

html .tailwind-area .hover\:text-warning-800\/65:hover {
    color: rgb(var(--ui-warning-800) / .65)
}

html .tailwind-area .hover\:text-warning-800\/70:hover {
    color: rgb(var(--ui-warning-800) / .7)
}

html .tailwind-area .hover\:text-warning-800\/75:hover {
    color: rgb(var(--ui-warning-800) / .75)
}

html .tailwind-area .hover\:text-warning-800\/80:hover {
    color: rgb(var(--ui-warning-800) / .8)
}

html .tailwind-area .hover\:text-warning-800\/85:hover {
    color: rgb(var(--ui-warning-800) / .85)
}

html .tailwind-area .hover\:text-warning-800\/90:hover {
    color: rgb(var(--ui-warning-800) / .9)
}

html .tailwind-area .hover\:text-warning-800\/95:hover {
    color: rgb(var(--ui-warning-800) / .95)
}

html .tailwind-area .hover\:text-warning-900:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-warning-900) / var(--tw-text-opacity))
}

html .tailwind-area .hover\:text-warning-900\/0:hover {
    color: rgb(var(--ui-warning-900) / 0)
}

html .tailwind-area .hover\:text-warning-900\/10:hover {
    color: rgb(var(--ui-warning-900) / .1)
}

html .tailwind-area .hover\:text-warning-900\/100:hover {
    color: rgb(var(--ui-warning-900) / 1)
}

html .tailwind-area .hover\:text-warning-900\/15:hover {
    color: rgb(var(--ui-warning-900) / .15)
}

html .tailwind-area .hover\:text-warning-900\/20:hover {
    color: rgb(var(--ui-warning-900) / .2)
}

html .tailwind-area .hover\:text-warning-900\/25:hover {
    color: rgb(var(--ui-warning-900) / .25)
}

html .tailwind-area .hover\:text-warning-900\/30:hover {
    color: rgb(var(--ui-warning-900) / .3)
}

html .tailwind-area .hover\:text-warning-900\/35:hover {
    color: rgb(var(--ui-warning-900) / .35)
}

html .tailwind-area .hover\:text-warning-900\/40:hover {
    color: rgb(var(--ui-warning-900) / .4)
}

html .tailwind-area .hover\:text-warning-900\/45:hover {
    color: rgb(var(--ui-warning-900) / .45)
}

html .tailwind-area .hover\:text-warning-900\/5:hover {
    color: rgb(var(--ui-warning-900) / .05)
}

html .tailwind-area .hover\:text-warning-900\/50:hover {
    color: rgb(var(--ui-warning-900) / .5)
}

html .tailwind-area .hover\:text-warning-900\/55:hover {
    color: rgb(var(--ui-warning-900) / .55)
}

html .tailwind-area .hover\:text-warning-900\/60:hover {
    color: rgb(var(--ui-warning-900) / .6)
}

html .tailwind-area .hover\:text-warning-900\/65:hover {
    color: rgb(var(--ui-warning-900) / .65)
}

html .tailwind-area .hover\:text-warning-900\/70:hover {
    color: rgb(var(--ui-warning-900) / .7)
}

html .tailwind-area .hover\:text-warning-900\/75:hover {
    color: rgb(var(--ui-warning-900) / .75)
}

html .tailwind-area .hover\:text-warning-900\/80:hover {
    color: rgb(var(--ui-warning-900) / .8)
}

html .tailwind-area .hover\:text-warning-900\/85:hover {
    color: rgb(var(--ui-warning-900) / .85)
}

html .tailwind-area .hover\:text-warning-900\/90:hover {
    color: rgb(var(--ui-warning-900) / .9)
}

html .tailwind-area .hover\:text-warning-900\/95:hover {
    color: rgb(var(--ui-warning-900) / .95)
}

html .tailwind-area .hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

html .tailwind-area .hover\:opacity-100:hover {
    opacity: 1
}

html .tailwind-area .hover\:shadow-md:hover {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

html .tailwind-area .hover\:outline-2:hover {
    outline-width: 2px
}

html .tailwind-area .focus\:z-20:focus {
    z-index: 20
}

html .tailwind-area .focus\:border-0:focus {
    border-width: 0px
}

html .tailwind-area .focus\:border-b:focus {
    border-bottom-width: 1px
}

html .tailwind-area .focus\:border-b-2:focus {
    border-bottom-width: 2px
}

html .tailwind-area .focus\:border-t-0:focus {
    border-top-width: 0px
}

html .tailwind-area .focus\:border-none:focus {
    border-style: none
}

html .tailwind-area .focus\:border-danger-100:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-danger-100) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-danger-100\/0:focus {
    border-color: rgb(var(--ui-danger-100) / 0)
}

html .tailwind-area .focus\:border-danger-100\/10:focus {
    border-color: rgb(var(--ui-danger-100) / .1)
}

html .tailwind-area .focus\:border-danger-100\/100:focus {
    border-color: rgb(var(--ui-danger-100) / 1)
}

html .tailwind-area .focus\:border-danger-100\/15:focus {
    border-color: rgb(var(--ui-danger-100) / .15)
}

html .tailwind-area .focus\:border-danger-100\/20:focus {
    border-color: rgb(var(--ui-danger-100) / .2)
}

html .tailwind-area .focus\:border-danger-100\/25:focus {
    border-color: rgb(var(--ui-danger-100) / .25)
}

html .tailwind-area .focus\:border-danger-100\/30:focus {
    border-color: rgb(var(--ui-danger-100) / .3)
}

html .tailwind-area .focus\:border-danger-100\/35:focus {
    border-color: rgb(var(--ui-danger-100) / .35)
}

html .tailwind-area .focus\:border-danger-100\/40:focus {
    border-color: rgb(var(--ui-danger-100) / .4)
}

html .tailwind-area .focus\:border-danger-100\/45:focus {
    border-color: rgb(var(--ui-danger-100) / .45)
}

html .tailwind-area .focus\:border-danger-100\/5:focus {
    border-color: rgb(var(--ui-danger-100) / .05)
}

html .tailwind-area .focus\:border-danger-100\/50:focus {
    border-color: rgb(var(--ui-danger-100) / .5)
}

html .tailwind-area .focus\:border-danger-100\/55:focus {
    border-color: rgb(var(--ui-danger-100) / .55)
}

html .tailwind-area .focus\:border-danger-100\/60:focus {
    border-color: rgb(var(--ui-danger-100) / .6)
}

html .tailwind-area .focus\:border-danger-100\/65:focus {
    border-color: rgb(var(--ui-danger-100) / .65)
}

html .tailwind-area .focus\:border-danger-100\/70:focus {
    border-color: rgb(var(--ui-danger-100) / .7)
}

html .tailwind-area .focus\:border-danger-100\/75:focus {
    border-color: rgb(var(--ui-danger-100) / .75)
}

html .tailwind-area .focus\:border-danger-100\/80:focus {
    border-color: rgb(var(--ui-danger-100) / .8)
}

html .tailwind-area .focus\:border-danger-100\/85:focus {
    border-color: rgb(var(--ui-danger-100) / .85)
}

html .tailwind-area .focus\:border-danger-100\/90:focus {
    border-color: rgb(var(--ui-danger-100) / .9)
}

html .tailwind-area .focus\:border-danger-100\/95:focus {
    border-color: rgb(var(--ui-danger-100) / .95)
}

html .tailwind-area .focus\:border-danger-200:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-danger-200) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-danger-200\/0:focus {
    border-color: rgb(var(--ui-danger-200) / 0)
}

html .tailwind-area .focus\:border-danger-200\/10:focus {
    border-color: rgb(var(--ui-danger-200) / .1)
}

html .tailwind-area .focus\:border-danger-200\/100:focus {
    border-color: rgb(var(--ui-danger-200) / 1)
}

html .tailwind-area .focus\:border-danger-200\/15:focus {
    border-color: rgb(var(--ui-danger-200) / .15)
}

html .tailwind-area .focus\:border-danger-200\/20:focus {
    border-color: rgb(var(--ui-danger-200) / .2)
}

html .tailwind-area .focus\:border-danger-200\/25:focus {
    border-color: rgb(var(--ui-danger-200) / .25)
}

html .tailwind-area .focus\:border-danger-200\/30:focus {
    border-color: rgb(var(--ui-danger-200) / .3)
}

html .tailwind-area .focus\:border-danger-200\/35:focus {
    border-color: rgb(var(--ui-danger-200) / .35)
}

html .tailwind-area .focus\:border-danger-200\/40:focus {
    border-color: rgb(var(--ui-danger-200) / .4)
}

html .tailwind-area .focus\:border-danger-200\/45:focus {
    border-color: rgb(var(--ui-danger-200) / .45)
}

html .tailwind-area .focus\:border-danger-200\/5:focus {
    border-color: rgb(var(--ui-danger-200) / .05)
}

html .tailwind-area .focus\:border-danger-200\/50:focus {
    border-color: rgb(var(--ui-danger-200) / .5)
}

html .tailwind-area .focus\:border-danger-200\/55:focus {
    border-color: rgb(var(--ui-danger-200) / .55)
}

html .tailwind-area .focus\:border-danger-200\/60:focus {
    border-color: rgb(var(--ui-danger-200) / .6)
}

html .tailwind-area .focus\:border-danger-200\/65:focus {
    border-color: rgb(var(--ui-danger-200) / .65)
}

html .tailwind-area .focus\:border-danger-200\/70:focus {
    border-color: rgb(var(--ui-danger-200) / .7)
}

html .tailwind-area .focus\:border-danger-200\/75:focus {
    border-color: rgb(var(--ui-danger-200) / .75)
}

html .tailwind-area .focus\:border-danger-200\/80:focus {
    border-color: rgb(var(--ui-danger-200) / .8)
}

html .tailwind-area .focus\:border-danger-200\/85:focus {
    border-color: rgb(var(--ui-danger-200) / .85)
}

html .tailwind-area .focus\:border-danger-200\/90:focus {
    border-color: rgb(var(--ui-danger-200) / .9)
}

html .tailwind-area .focus\:border-danger-200\/95:focus {
    border-color: rgb(var(--ui-danger-200) / .95)
}

html .tailwind-area .focus\:border-danger-300:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-danger-300) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-danger-300\/0:focus {
    border-color: rgb(var(--ui-danger-300) / 0)
}

html .tailwind-area .focus\:border-danger-300\/10:focus {
    border-color: rgb(var(--ui-danger-300) / .1)
}

html .tailwind-area .focus\:border-danger-300\/100:focus {
    border-color: rgb(var(--ui-danger-300) / 1)
}

html .tailwind-area .focus\:border-danger-300\/15:focus {
    border-color: rgb(var(--ui-danger-300) / .15)
}

html .tailwind-area .focus\:border-danger-300\/20:focus {
    border-color: rgb(var(--ui-danger-300) / .2)
}

html .tailwind-area .focus\:border-danger-300\/25:focus {
    border-color: rgb(var(--ui-danger-300) / .25)
}

html .tailwind-area .focus\:border-danger-300\/30:focus {
    border-color: rgb(var(--ui-danger-300) / .3)
}

html .tailwind-area .focus\:border-danger-300\/35:focus {
    border-color: rgb(var(--ui-danger-300) / .35)
}

html .tailwind-area .focus\:border-danger-300\/40:focus {
    border-color: rgb(var(--ui-danger-300) / .4)
}

html .tailwind-area .focus\:border-danger-300\/45:focus {
    border-color: rgb(var(--ui-danger-300) / .45)
}

html .tailwind-area .focus\:border-danger-300\/5:focus {
    border-color: rgb(var(--ui-danger-300) / .05)
}

html .tailwind-area .focus\:border-danger-300\/50:focus {
    border-color: rgb(var(--ui-danger-300) / .5)
}

html .tailwind-area .focus\:border-danger-300\/55:focus {
    border-color: rgb(var(--ui-danger-300) / .55)
}

html .tailwind-area .focus\:border-danger-300\/60:focus {
    border-color: rgb(var(--ui-danger-300) / .6)
}

html .tailwind-area .focus\:border-danger-300\/65:focus {
    border-color: rgb(var(--ui-danger-300) / .65)
}

html .tailwind-area .focus\:border-danger-300\/70:focus {
    border-color: rgb(var(--ui-danger-300) / .7)
}

html .tailwind-area .focus\:border-danger-300\/75:focus {
    border-color: rgb(var(--ui-danger-300) / .75)
}

html .tailwind-area .focus\:border-danger-300\/80:focus {
    border-color: rgb(var(--ui-danger-300) / .8)
}

html .tailwind-area .focus\:border-danger-300\/85:focus {
    border-color: rgb(var(--ui-danger-300) / .85)
}

html .tailwind-area .focus\:border-danger-300\/90:focus {
    border-color: rgb(var(--ui-danger-300) / .9)
}

html .tailwind-area .focus\:border-danger-300\/95:focus {
    border-color: rgb(var(--ui-danger-300) / .95)
}

html .tailwind-area .focus\:border-danger-400:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-danger-400) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-danger-400\/0:focus {
    border-color: rgb(var(--ui-danger-400) / 0)
}

html .tailwind-area .focus\:border-danger-400\/10:focus {
    border-color: rgb(var(--ui-danger-400) / .1)
}

html .tailwind-area .focus\:border-danger-400\/100:focus {
    border-color: rgb(var(--ui-danger-400) / 1)
}

html .tailwind-area .focus\:border-danger-400\/15:focus {
    border-color: rgb(var(--ui-danger-400) / .15)
}

html .tailwind-area .focus\:border-danger-400\/20:focus {
    border-color: rgb(var(--ui-danger-400) / .2)
}

html .tailwind-area .focus\:border-danger-400\/25:focus {
    border-color: rgb(var(--ui-danger-400) / .25)
}

html .tailwind-area .focus\:border-danger-400\/30:focus {
    border-color: rgb(var(--ui-danger-400) / .3)
}

html .tailwind-area .focus\:border-danger-400\/35:focus {
    border-color: rgb(var(--ui-danger-400) / .35)
}

html .tailwind-area .focus\:border-danger-400\/40:focus {
    border-color: rgb(var(--ui-danger-400) / .4)
}

html .tailwind-area .focus\:border-danger-400\/45:focus {
    border-color: rgb(var(--ui-danger-400) / .45)
}

html .tailwind-area .focus\:border-danger-400\/5:focus {
    border-color: rgb(var(--ui-danger-400) / .05)
}

html .tailwind-area .focus\:border-danger-400\/50:focus {
    border-color: rgb(var(--ui-danger-400) / .5)
}

html .tailwind-area .focus\:border-danger-400\/55:focus {
    border-color: rgb(var(--ui-danger-400) / .55)
}

html .tailwind-area .focus\:border-danger-400\/60:focus {
    border-color: rgb(var(--ui-danger-400) / .6)
}

html .tailwind-area .focus\:border-danger-400\/65:focus {
    border-color: rgb(var(--ui-danger-400) / .65)
}

html .tailwind-area .focus\:border-danger-400\/70:focus {
    border-color: rgb(var(--ui-danger-400) / .7)
}

html .tailwind-area .focus\:border-danger-400\/75:focus {
    border-color: rgb(var(--ui-danger-400) / .75)
}

html .tailwind-area .focus\:border-danger-400\/80:focus {
    border-color: rgb(var(--ui-danger-400) / .8)
}

html .tailwind-area .focus\:border-danger-400\/85:focus {
    border-color: rgb(var(--ui-danger-400) / .85)
}

html .tailwind-area .focus\:border-danger-400\/90:focus {
    border-color: rgb(var(--ui-danger-400) / .9)
}

html .tailwind-area .focus\:border-danger-400\/95:focus {
    border-color: rgb(var(--ui-danger-400) / .95)
}

html .tailwind-area .focus\:border-danger-50:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-danger-50) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-danger-50\/0:focus {
    border-color: rgb(var(--ui-danger-50) / 0)
}

html .tailwind-area .focus\:border-danger-50\/10:focus {
    border-color: rgb(var(--ui-danger-50) / .1)
}

html .tailwind-area .focus\:border-danger-50\/100:focus {
    border-color: rgb(var(--ui-danger-50) / 1)
}

html .tailwind-area .focus\:border-danger-50\/15:focus {
    border-color: rgb(var(--ui-danger-50) / .15)
}

html .tailwind-area .focus\:border-danger-50\/20:focus {
    border-color: rgb(var(--ui-danger-50) / .2)
}

html .tailwind-area .focus\:border-danger-50\/25:focus {
    border-color: rgb(var(--ui-danger-50) / .25)
}

html .tailwind-area .focus\:border-danger-50\/30:focus {
    border-color: rgb(var(--ui-danger-50) / .3)
}

html .tailwind-area .focus\:border-danger-50\/35:focus {
    border-color: rgb(var(--ui-danger-50) / .35)
}

html .tailwind-area .focus\:border-danger-50\/40:focus {
    border-color: rgb(var(--ui-danger-50) / .4)
}

html .tailwind-area .focus\:border-danger-50\/45:focus {
    border-color: rgb(var(--ui-danger-50) / .45)
}

html .tailwind-area .focus\:border-danger-50\/5:focus {
    border-color: rgb(var(--ui-danger-50) / .05)
}

html .tailwind-area .focus\:border-danger-50\/50:focus {
    border-color: rgb(var(--ui-danger-50) / .5)
}

html .tailwind-area .focus\:border-danger-50\/55:focus {
    border-color: rgb(var(--ui-danger-50) / .55)
}

html .tailwind-area .focus\:border-danger-50\/60:focus {
    border-color: rgb(var(--ui-danger-50) / .6)
}

html .tailwind-area .focus\:border-danger-50\/65:focus {
    border-color: rgb(var(--ui-danger-50) / .65)
}

html .tailwind-area .focus\:border-danger-50\/70:focus {
    border-color: rgb(var(--ui-danger-50) / .7)
}

html .tailwind-area .focus\:border-danger-50\/75:focus {
    border-color: rgb(var(--ui-danger-50) / .75)
}

html .tailwind-area .focus\:border-danger-50\/80:focus {
    border-color: rgb(var(--ui-danger-50) / .8)
}

html .tailwind-area .focus\:border-danger-50\/85:focus {
    border-color: rgb(var(--ui-danger-50) / .85)
}

html .tailwind-area .focus\:border-danger-50\/90:focus {
    border-color: rgb(var(--ui-danger-50) / .9)
}

html .tailwind-area .focus\:border-danger-50\/95:focus {
    border-color: rgb(var(--ui-danger-50) / .95)
}

html .tailwind-area .focus\:border-danger-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-danger-500) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-danger-500\/0:focus {
    border-color: rgb(var(--ui-danger-500) / 0)
}

html .tailwind-area .focus\:border-danger-500\/10:focus {
    border-color: rgb(var(--ui-danger-500) / .1)
}

html .tailwind-area .focus\:border-danger-500\/100:focus {
    border-color: rgb(var(--ui-danger-500) / 1)
}

html .tailwind-area .focus\:border-danger-500\/15:focus {
    border-color: rgb(var(--ui-danger-500) / .15)
}

html .tailwind-area .focus\:border-danger-500\/20:focus {
    border-color: rgb(var(--ui-danger-500) / .2)
}

html .tailwind-area .focus\:border-danger-500\/25:focus {
    border-color: rgb(var(--ui-danger-500) / .25)
}

html .tailwind-area .focus\:border-danger-500\/30:focus {
    border-color: rgb(var(--ui-danger-500) / .3)
}

html .tailwind-area .focus\:border-danger-500\/35:focus {
    border-color: rgb(var(--ui-danger-500) / .35)
}

html .tailwind-area .focus\:border-danger-500\/40:focus {
    border-color: rgb(var(--ui-danger-500) / .4)
}

html .tailwind-area .focus\:border-danger-500\/45:focus {
    border-color: rgb(var(--ui-danger-500) / .45)
}

html .tailwind-area .focus\:border-danger-500\/5:focus {
    border-color: rgb(var(--ui-danger-500) / .05)
}

html .tailwind-area .focus\:border-danger-500\/50:focus {
    border-color: rgb(var(--ui-danger-500) / .5)
}

html .tailwind-area .focus\:border-danger-500\/55:focus {
    border-color: rgb(var(--ui-danger-500) / .55)
}

html .tailwind-area .focus\:border-danger-500\/60:focus {
    border-color: rgb(var(--ui-danger-500) / .6)
}

html .tailwind-area .focus\:border-danger-500\/65:focus {
    border-color: rgb(var(--ui-danger-500) / .65)
}

html .tailwind-area .focus\:border-danger-500\/70:focus {
    border-color: rgb(var(--ui-danger-500) / .7)
}

html .tailwind-area .focus\:border-danger-500\/75:focus {
    border-color: rgb(var(--ui-danger-500) / .75)
}

html .tailwind-area .focus\:border-danger-500\/80:focus {
    border-color: rgb(var(--ui-danger-500) / .8)
}

html .tailwind-area .focus\:border-danger-500\/85:focus {
    border-color: rgb(var(--ui-danger-500) / .85)
}

html .tailwind-area .focus\:border-danger-500\/90:focus {
    border-color: rgb(var(--ui-danger-500) / .9)
}

html .tailwind-area .focus\:border-danger-500\/95:focus {
    border-color: rgb(var(--ui-danger-500) / .95)
}

html .tailwind-area .focus\:border-danger-600:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-danger-600) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-danger-600\/0:focus {
    border-color: rgb(var(--ui-danger-600) / 0)
}

html .tailwind-area .focus\:border-danger-600\/10:focus {
    border-color: rgb(var(--ui-danger-600) / .1)
}

html .tailwind-area .focus\:border-danger-600\/100:focus {
    border-color: rgb(var(--ui-danger-600) / 1)
}

html .tailwind-area .focus\:border-danger-600\/15:focus {
    border-color: rgb(var(--ui-danger-600) / .15)
}

html .tailwind-area .focus\:border-danger-600\/20:focus {
    border-color: rgb(var(--ui-danger-600) / .2)
}

html .tailwind-area .focus\:border-danger-600\/25:focus {
    border-color: rgb(var(--ui-danger-600) / .25)
}

html .tailwind-area .focus\:border-danger-600\/30:focus {
    border-color: rgb(var(--ui-danger-600) / .3)
}

html .tailwind-area .focus\:border-danger-600\/35:focus {
    border-color: rgb(var(--ui-danger-600) / .35)
}

html .tailwind-area .focus\:border-danger-600\/40:focus {
    border-color: rgb(var(--ui-danger-600) / .4)
}

html .tailwind-area .focus\:border-danger-600\/45:focus {
    border-color: rgb(var(--ui-danger-600) / .45)
}

html .tailwind-area .focus\:border-danger-600\/5:focus {
    border-color: rgb(var(--ui-danger-600) / .05)
}

html .tailwind-area .focus\:border-danger-600\/50:focus {
    border-color: rgb(var(--ui-danger-600) / .5)
}

html .tailwind-area .focus\:border-danger-600\/55:focus {
    border-color: rgb(var(--ui-danger-600) / .55)
}

html .tailwind-area .focus\:border-danger-600\/60:focus {
    border-color: rgb(var(--ui-danger-600) / .6)
}

html .tailwind-area .focus\:border-danger-600\/65:focus {
    border-color: rgb(var(--ui-danger-600) / .65)
}

html .tailwind-area .focus\:border-danger-600\/70:focus {
    border-color: rgb(var(--ui-danger-600) / .7)
}

html .tailwind-area .focus\:border-danger-600\/75:focus {
    border-color: rgb(var(--ui-danger-600) / .75)
}

html .tailwind-area .focus\:border-danger-600\/80:focus {
    border-color: rgb(var(--ui-danger-600) / .8)
}

html .tailwind-area .focus\:border-danger-600\/85:focus {
    border-color: rgb(var(--ui-danger-600) / .85)
}

html .tailwind-area .focus\:border-danger-600\/90:focus {
    border-color: rgb(var(--ui-danger-600) / .9)
}

html .tailwind-area .focus\:border-danger-600\/95:focus {
    border-color: rgb(var(--ui-danger-600) / .95)
}

html .tailwind-area .focus\:border-danger-700:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-danger-700) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-danger-700\/0:focus {
    border-color: rgb(var(--ui-danger-700) / 0)
}

html .tailwind-area .focus\:border-danger-700\/10:focus {
    border-color: rgb(var(--ui-danger-700) / .1)
}

html .tailwind-area .focus\:border-danger-700\/100:focus {
    border-color: rgb(var(--ui-danger-700) / 1)
}

html .tailwind-area .focus\:border-danger-700\/15:focus {
    border-color: rgb(var(--ui-danger-700) / .15)
}

html .tailwind-area .focus\:border-danger-700\/20:focus {
    border-color: rgb(var(--ui-danger-700) / .2)
}

html .tailwind-area .focus\:border-danger-700\/25:focus {
    border-color: rgb(var(--ui-danger-700) / .25)
}

html .tailwind-area .focus\:border-danger-700\/30:focus {
    border-color: rgb(var(--ui-danger-700) / .3)
}

html .tailwind-area .focus\:border-danger-700\/35:focus {
    border-color: rgb(var(--ui-danger-700) / .35)
}

html .tailwind-area .focus\:border-danger-700\/40:focus {
    border-color: rgb(var(--ui-danger-700) / .4)
}

html .tailwind-area .focus\:border-danger-700\/45:focus {
    border-color: rgb(var(--ui-danger-700) / .45)
}

html .tailwind-area .focus\:border-danger-700\/5:focus {
    border-color: rgb(var(--ui-danger-700) / .05)
}

html .tailwind-area .focus\:border-danger-700\/50:focus {
    border-color: rgb(var(--ui-danger-700) / .5)
}

html .tailwind-area .focus\:border-danger-700\/55:focus {
    border-color: rgb(var(--ui-danger-700) / .55)
}

html .tailwind-area .focus\:border-danger-700\/60:focus {
    border-color: rgb(var(--ui-danger-700) / .6)
}

html .tailwind-area .focus\:border-danger-700\/65:focus {
    border-color: rgb(var(--ui-danger-700) / .65)
}

html .tailwind-area .focus\:border-danger-700\/70:focus {
    border-color: rgb(var(--ui-danger-700) / .7)
}

html .tailwind-area .focus\:border-danger-700\/75:focus {
    border-color: rgb(var(--ui-danger-700) / .75)
}

html .tailwind-area .focus\:border-danger-700\/80:focus {
    border-color: rgb(var(--ui-danger-700) / .8)
}

html .tailwind-area .focus\:border-danger-700\/85:focus {
    border-color: rgb(var(--ui-danger-700) / .85)
}

html .tailwind-area .focus\:border-danger-700\/90:focus {
    border-color: rgb(var(--ui-danger-700) / .9)
}

html .tailwind-area .focus\:border-danger-700\/95:focus {
    border-color: rgb(var(--ui-danger-700) / .95)
}

html .tailwind-area .focus\:border-danger-800:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-danger-800) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-danger-800\/0:focus {
    border-color: rgb(var(--ui-danger-800) / 0)
}

html .tailwind-area .focus\:border-danger-800\/10:focus {
    border-color: rgb(var(--ui-danger-800) / .1)
}

html .tailwind-area .focus\:border-danger-800\/100:focus {
    border-color: rgb(var(--ui-danger-800) / 1)
}

html .tailwind-area .focus\:border-danger-800\/15:focus {
    border-color: rgb(var(--ui-danger-800) / .15)
}

html .tailwind-area .focus\:border-danger-800\/20:focus {
    border-color: rgb(var(--ui-danger-800) / .2)
}

html .tailwind-area .focus\:border-danger-800\/25:focus {
    border-color: rgb(var(--ui-danger-800) / .25)
}

html .tailwind-area .focus\:border-danger-800\/30:focus {
    border-color: rgb(var(--ui-danger-800) / .3)
}

html .tailwind-area .focus\:border-danger-800\/35:focus {
    border-color: rgb(var(--ui-danger-800) / .35)
}

html .tailwind-area .focus\:border-danger-800\/40:focus {
    border-color: rgb(var(--ui-danger-800) / .4)
}

html .tailwind-area .focus\:border-danger-800\/45:focus {
    border-color: rgb(var(--ui-danger-800) / .45)
}

html .tailwind-area .focus\:border-danger-800\/5:focus {
    border-color: rgb(var(--ui-danger-800) / .05)
}

html .tailwind-area .focus\:border-danger-800\/50:focus {
    border-color: rgb(var(--ui-danger-800) / .5)
}

html .tailwind-area .focus\:border-danger-800\/55:focus {
    border-color: rgb(var(--ui-danger-800) / .55)
}

html .tailwind-area .focus\:border-danger-800\/60:focus {
    border-color: rgb(var(--ui-danger-800) / .6)
}

html .tailwind-area .focus\:border-danger-800\/65:focus {
    border-color: rgb(var(--ui-danger-800) / .65)
}

html .tailwind-area .focus\:border-danger-800\/70:focus {
    border-color: rgb(var(--ui-danger-800) / .7)
}

html .tailwind-area .focus\:border-danger-800\/75:focus {
    border-color: rgb(var(--ui-danger-800) / .75)
}

html .tailwind-area .focus\:border-danger-800\/80:focus {
    border-color: rgb(var(--ui-danger-800) / .8)
}

html .tailwind-area .focus\:border-danger-800\/85:focus {
    border-color: rgb(var(--ui-danger-800) / .85)
}

html .tailwind-area .focus\:border-danger-800\/90:focus {
    border-color: rgb(var(--ui-danger-800) / .9)
}

html .tailwind-area .focus\:border-danger-800\/95:focus {
    border-color: rgb(var(--ui-danger-800) / .95)
}

html .tailwind-area .focus\:border-danger-900:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-danger-900) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-danger-900\/0:focus {
    border-color: rgb(var(--ui-danger-900) / 0)
}

html .tailwind-area .focus\:border-danger-900\/10:focus {
    border-color: rgb(var(--ui-danger-900) / .1)
}

html .tailwind-area .focus\:border-danger-900\/100:focus {
    border-color: rgb(var(--ui-danger-900) / 1)
}

html .tailwind-area .focus\:border-danger-900\/15:focus {
    border-color: rgb(var(--ui-danger-900) / .15)
}

html .tailwind-area .focus\:border-danger-900\/20:focus {
    border-color: rgb(var(--ui-danger-900) / .2)
}

html .tailwind-area .focus\:border-danger-900\/25:focus {
    border-color: rgb(var(--ui-danger-900) / .25)
}

html .tailwind-area .focus\:border-danger-900\/30:focus {
    border-color: rgb(var(--ui-danger-900) / .3)
}

html .tailwind-area .focus\:border-danger-900\/35:focus {
    border-color: rgb(var(--ui-danger-900) / .35)
}

html .tailwind-area .focus\:border-danger-900\/40:focus {
    border-color: rgb(var(--ui-danger-900) / .4)
}

html .tailwind-area .focus\:border-danger-900\/45:focus {
    border-color: rgb(var(--ui-danger-900) / .45)
}

html .tailwind-area .focus\:border-danger-900\/5:focus {
    border-color: rgb(var(--ui-danger-900) / .05)
}

html .tailwind-area .focus\:border-danger-900\/50:focus {
    border-color: rgb(var(--ui-danger-900) / .5)
}

html .tailwind-area .focus\:border-danger-900\/55:focus {
    border-color: rgb(var(--ui-danger-900) / .55)
}

html .tailwind-area .focus\:border-danger-900\/60:focus {
    border-color: rgb(var(--ui-danger-900) / .6)
}

html .tailwind-area .focus\:border-danger-900\/65:focus {
    border-color: rgb(var(--ui-danger-900) / .65)
}

html .tailwind-area .focus\:border-danger-900\/70:focus {
    border-color: rgb(var(--ui-danger-900) / .7)
}

html .tailwind-area .focus\:border-danger-900\/75:focus {
    border-color: rgb(var(--ui-danger-900) / .75)
}

html .tailwind-area .focus\:border-danger-900\/80:focus {
    border-color: rgb(var(--ui-danger-900) / .8)
}

html .tailwind-area .focus\:border-danger-900\/85:focus {
    border-color: rgb(var(--ui-danger-900) / .85)
}

html .tailwind-area .focus\:border-danger-900\/90:focus {
    border-color: rgb(var(--ui-danger-900) / .9)
}

html .tailwind-area .focus\:border-danger-900\/95:focus {
    border-color: rgb(var(--ui-danger-900) / .95)
}

html .tailwind-area .focus\:border-gray-200:focus {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-neutral-100:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-neutral-100) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-neutral-100\/0:focus {
    border-color: rgb(var(--ui-neutral-100) / 0)
}

html .tailwind-area .focus\:border-neutral-100\/10:focus {
    border-color: rgb(var(--ui-neutral-100) / .1)
}

html .tailwind-area .focus\:border-neutral-100\/100:focus {
    border-color: rgb(var(--ui-neutral-100) / 1)
}

html .tailwind-area .focus\:border-neutral-100\/15:focus {
    border-color: rgb(var(--ui-neutral-100) / .15)
}

html .tailwind-area .focus\:border-neutral-100\/20:focus {
    border-color: rgb(var(--ui-neutral-100) / .2)
}

html .tailwind-area .focus\:border-neutral-100\/25:focus {
    border-color: rgb(var(--ui-neutral-100) / .25)
}

html .tailwind-area .focus\:border-neutral-100\/30:focus {
    border-color: rgb(var(--ui-neutral-100) / .3)
}

html .tailwind-area .focus\:border-neutral-100\/35:focus {
    border-color: rgb(var(--ui-neutral-100) / .35)
}

html .tailwind-area .focus\:border-neutral-100\/40:focus {
    border-color: rgb(var(--ui-neutral-100) / .4)
}

html .tailwind-area .focus\:border-neutral-100\/45:focus {
    border-color: rgb(var(--ui-neutral-100) / .45)
}

html .tailwind-area .focus\:border-neutral-100\/5:focus {
    border-color: rgb(var(--ui-neutral-100) / .05)
}

html .tailwind-area .focus\:border-neutral-100\/50:focus {
    border-color: rgb(var(--ui-neutral-100) / .5)
}

html .tailwind-area .focus\:border-neutral-100\/55:focus {
    border-color: rgb(var(--ui-neutral-100) / .55)
}

html .tailwind-area .focus\:border-neutral-100\/60:focus {
    border-color: rgb(var(--ui-neutral-100) / .6)
}

html .tailwind-area .focus\:border-neutral-100\/65:focus {
    border-color: rgb(var(--ui-neutral-100) / .65)
}

html .tailwind-area .focus\:border-neutral-100\/70:focus {
    border-color: rgb(var(--ui-neutral-100) / .7)
}

html .tailwind-area .focus\:border-neutral-100\/75:focus {
    border-color: rgb(var(--ui-neutral-100) / .75)
}

html .tailwind-area .focus\:border-neutral-100\/80:focus {
    border-color: rgb(var(--ui-neutral-100) / .8)
}

html .tailwind-area .focus\:border-neutral-100\/85:focus {
    border-color: rgb(var(--ui-neutral-100) / .85)
}

html .tailwind-area .focus\:border-neutral-100\/90:focus {
    border-color: rgb(var(--ui-neutral-100) / .9)
}

html .tailwind-area .focus\:border-neutral-100\/95:focus {
    border-color: rgb(var(--ui-neutral-100) / .95)
}

html .tailwind-area .focus\:border-neutral-200:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-neutral-200) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-neutral-200\/0:focus {
    border-color: rgb(var(--ui-neutral-200) / 0)
}

html .tailwind-area .focus\:border-neutral-200\/10:focus {
    border-color: rgb(var(--ui-neutral-200) / .1)
}

html .tailwind-area .focus\:border-neutral-200\/100:focus {
    border-color: rgb(var(--ui-neutral-200) / 1)
}

html .tailwind-area .focus\:border-neutral-200\/15:focus {
    border-color: rgb(var(--ui-neutral-200) / .15)
}

html .tailwind-area .focus\:border-neutral-200\/20:focus {
    border-color: rgb(var(--ui-neutral-200) / .2)
}

html .tailwind-area .focus\:border-neutral-200\/25:focus {
    border-color: rgb(var(--ui-neutral-200) / .25)
}

html .tailwind-area .focus\:border-neutral-200\/30:focus {
    border-color: rgb(var(--ui-neutral-200) / .3)
}

html .tailwind-area .focus\:border-neutral-200\/35:focus {
    border-color: rgb(var(--ui-neutral-200) / .35)
}

html .tailwind-area .focus\:border-neutral-200\/40:focus {
    border-color: rgb(var(--ui-neutral-200) / .4)
}

html .tailwind-area .focus\:border-neutral-200\/45:focus {
    border-color: rgb(var(--ui-neutral-200) / .45)
}

html .tailwind-area .focus\:border-neutral-200\/5:focus {
    border-color: rgb(var(--ui-neutral-200) / .05)
}

html .tailwind-area .focus\:border-neutral-200\/50:focus {
    border-color: rgb(var(--ui-neutral-200) / .5)
}

html .tailwind-area .focus\:border-neutral-200\/55:focus {
    border-color: rgb(var(--ui-neutral-200) / .55)
}

html .tailwind-area .focus\:border-neutral-200\/60:focus {
    border-color: rgb(var(--ui-neutral-200) / .6)
}

html .tailwind-area .focus\:border-neutral-200\/65:focus {
    border-color: rgb(var(--ui-neutral-200) / .65)
}

html .tailwind-area .focus\:border-neutral-200\/70:focus {
    border-color: rgb(var(--ui-neutral-200) / .7)
}

html .tailwind-area .focus\:border-neutral-200\/75:focus {
    border-color: rgb(var(--ui-neutral-200) / .75)
}

html .tailwind-area .focus\:border-neutral-200\/80:focus {
    border-color: rgb(var(--ui-neutral-200) / .8)
}

html .tailwind-area .focus\:border-neutral-200\/85:focus {
    border-color: rgb(var(--ui-neutral-200) / .85)
}

html .tailwind-area .focus\:border-neutral-200\/90:focus {
    border-color: rgb(var(--ui-neutral-200) / .9)
}

html .tailwind-area .focus\:border-neutral-200\/95:focus {
    border-color: rgb(var(--ui-neutral-200) / .95)
}

html .tailwind-area .focus\:border-neutral-300:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-neutral-300) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-neutral-300\/0:focus {
    border-color: rgb(var(--ui-neutral-300) / 0)
}

html .tailwind-area .focus\:border-neutral-300\/10:focus {
    border-color: rgb(var(--ui-neutral-300) / .1)
}

html .tailwind-area .focus\:border-neutral-300\/100:focus {
    border-color: rgb(var(--ui-neutral-300) / 1)
}

html .tailwind-area .focus\:border-neutral-300\/15:focus {
    border-color: rgb(var(--ui-neutral-300) / .15)
}

html .tailwind-area .focus\:border-neutral-300\/20:focus {
    border-color: rgb(var(--ui-neutral-300) / .2)
}

html .tailwind-area .focus\:border-neutral-300\/25:focus {
    border-color: rgb(var(--ui-neutral-300) / .25)
}

html .tailwind-area .focus\:border-neutral-300\/30:focus {
    border-color: rgb(var(--ui-neutral-300) / .3)
}

html .tailwind-area .focus\:border-neutral-300\/35:focus {
    border-color: rgb(var(--ui-neutral-300) / .35)
}

html .tailwind-area .focus\:border-neutral-300\/40:focus {
    border-color: rgb(var(--ui-neutral-300) / .4)
}

html .tailwind-area .focus\:border-neutral-300\/45:focus {
    border-color: rgb(var(--ui-neutral-300) / .45)
}

html .tailwind-area .focus\:border-neutral-300\/5:focus {
    border-color: rgb(var(--ui-neutral-300) / .05)
}

html .tailwind-area .focus\:border-neutral-300\/50:focus {
    border-color: rgb(var(--ui-neutral-300) / .5)
}

html .tailwind-area .focus\:border-neutral-300\/55:focus {
    border-color: rgb(var(--ui-neutral-300) / .55)
}

html .tailwind-area .focus\:border-neutral-300\/60:focus {
    border-color: rgb(var(--ui-neutral-300) / .6)
}

html .tailwind-area .focus\:border-neutral-300\/65:focus {
    border-color: rgb(var(--ui-neutral-300) / .65)
}

html .tailwind-area .focus\:border-neutral-300\/70:focus {
    border-color: rgb(var(--ui-neutral-300) / .7)
}

html .tailwind-area .focus\:border-neutral-300\/75:focus {
    border-color: rgb(var(--ui-neutral-300) / .75)
}

html .tailwind-area .focus\:border-neutral-300\/80:focus {
    border-color: rgb(var(--ui-neutral-300) / .8)
}

html .tailwind-area .focus\:border-neutral-300\/85:focus {
    border-color: rgb(var(--ui-neutral-300) / .85)
}

html .tailwind-area .focus\:border-neutral-300\/90:focus {
    border-color: rgb(var(--ui-neutral-300) / .9)
}

html .tailwind-area .focus\:border-neutral-300\/95:focus {
    border-color: rgb(var(--ui-neutral-300) / .95)
}

html .tailwind-area .focus\:border-neutral-400:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-neutral-400) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-neutral-400\/0:focus {
    border-color: rgb(var(--ui-neutral-400) / 0)
}

html .tailwind-area .focus\:border-neutral-400\/10:focus {
    border-color: rgb(var(--ui-neutral-400) / .1)
}

html .tailwind-area .focus\:border-neutral-400\/100:focus {
    border-color: rgb(var(--ui-neutral-400) / 1)
}

html .tailwind-area .focus\:border-neutral-400\/15:focus {
    border-color: rgb(var(--ui-neutral-400) / .15)
}

html .tailwind-area .focus\:border-neutral-400\/20:focus {
    border-color: rgb(var(--ui-neutral-400) / .2)
}

html .tailwind-area .focus\:border-neutral-400\/25:focus {
    border-color: rgb(var(--ui-neutral-400) / .25)
}

html .tailwind-area .focus\:border-neutral-400\/30:focus {
    border-color: rgb(var(--ui-neutral-400) / .3)
}

html .tailwind-area .focus\:border-neutral-400\/35:focus {
    border-color: rgb(var(--ui-neutral-400) / .35)
}

html .tailwind-area .focus\:border-neutral-400\/40:focus {
    border-color: rgb(var(--ui-neutral-400) / .4)
}

html .tailwind-area .focus\:border-neutral-400\/45:focus {
    border-color: rgb(var(--ui-neutral-400) / .45)
}

html .tailwind-area .focus\:border-neutral-400\/5:focus {
    border-color: rgb(var(--ui-neutral-400) / .05)
}

html .tailwind-area .focus\:border-neutral-400\/50:focus {
    border-color: rgb(var(--ui-neutral-400) / .5)
}

html .tailwind-area .focus\:border-neutral-400\/55:focus {
    border-color: rgb(var(--ui-neutral-400) / .55)
}

html .tailwind-area .focus\:border-neutral-400\/60:focus {
    border-color: rgb(var(--ui-neutral-400) / .6)
}

html .tailwind-area .focus\:border-neutral-400\/65:focus {
    border-color: rgb(var(--ui-neutral-400) / .65)
}

html .tailwind-area .focus\:border-neutral-400\/70:focus {
    border-color: rgb(var(--ui-neutral-400) / .7)
}

html .tailwind-area .focus\:border-neutral-400\/75:focus {
    border-color: rgb(var(--ui-neutral-400) / .75)
}

html .tailwind-area .focus\:border-neutral-400\/80:focus {
    border-color: rgb(var(--ui-neutral-400) / .8)
}

html .tailwind-area .focus\:border-neutral-400\/85:focus {
    border-color: rgb(var(--ui-neutral-400) / .85)
}

html .tailwind-area .focus\:border-neutral-400\/90:focus {
    border-color: rgb(var(--ui-neutral-400) / .9)
}

html .tailwind-area .focus\:border-neutral-400\/95:focus {
    border-color: rgb(var(--ui-neutral-400) / .95)
}

html .tailwind-area .focus\:border-neutral-50:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-neutral-50) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-neutral-50\/0:focus {
    border-color: rgb(var(--ui-neutral-50) / 0)
}

html .tailwind-area .focus\:border-neutral-50\/10:focus {
    border-color: rgb(var(--ui-neutral-50) / .1)
}

html .tailwind-area .focus\:border-neutral-50\/100:focus {
    border-color: rgb(var(--ui-neutral-50) / 1)
}

html .tailwind-area .focus\:border-neutral-50\/15:focus {
    border-color: rgb(var(--ui-neutral-50) / .15)
}

html .tailwind-area .focus\:border-neutral-50\/20:focus {
    border-color: rgb(var(--ui-neutral-50) / .2)
}

html .tailwind-area .focus\:border-neutral-50\/25:focus {
    border-color: rgb(var(--ui-neutral-50) / .25)
}

html .tailwind-area .focus\:border-neutral-50\/30:focus {
    border-color: rgb(var(--ui-neutral-50) / .3)
}

html .tailwind-area .focus\:border-neutral-50\/35:focus {
    border-color: rgb(var(--ui-neutral-50) / .35)
}

html .tailwind-area .focus\:border-neutral-50\/40:focus {
    border-color: rgb(var(--ui-neutral-50) / .4)
}

html .tailwind-area .focus\:border-neutral-50\/45:focus {
    border-color: rgb(var(--ui-neutral-50) / .45)
}

html .tailwind-area .focus\:border-neutral-50\/5:focus {
    border-color: rgb(var(--ui-neutral-50) / .05)
}

html .tailwind-area .focus\:border-neutral-50\/50:focus {
    border-color: rgb(var(--ui-neutral-50) / .5)
}

html .tailwind-area .focus\:border-neutral-50\/55:focus {
    border-color: rgb(var(--ui-neutral-50) / .55)
}

html .tailwind-area .focus\:border-neutral-50\/60:focus {
    border-color: rgb(var(--ui-neutral-50) / .6)
}

html .tailwind-area .focus\:border-neutral-50\/65:focus {
    border-color: rgb(var(--ui-neutral-50) / .65)
}

html .tailwind-area .focus\:border-neutral-50\/70:focus {
    border-color: rgb(var(--ui-neutral-50) / .7)
}

html .tailwind-area .focus\:border-neutral-50\/75:focus {
    border-color: rgb(var(--ui-neutral-50) / .75)
}

html .tailwind-area .focus\:border-neutral-50\/80:focus {
    border-color: rgb(var(--ui-neutral-50) / .8)
}

html .tailwind-area .focus\:border-neutral-50\/85:focus {
    border-color: rgb(var(--ui-neutral-50) / .85)
}

html .tailwind-area .focus\:border-neutral-50\/90:focus {
    border-color: rgb(var(--ui-neutral-50) / .9)
}

html .tailwind-area .focus\:border-neutral-50\/95:focus {
    border-color: rgb(var(--ui-neutral-50) / .95)
}

html .tailwind-area .focus\:border-neutral-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-neutral-500) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-neutral-500\/0:focus {
    border-color: rgb(var(--ui-neutral-500) / 0)
}

html .tailwind-area .focus\:border-neutral-500\/10:focus {
    border-color: rgb(var(--ui-neutral-500) / .1)
}

html .tailwind-area .focus\:border-neutral-500\/100:focus {
    border-color: rgb(var(--ui-neutral-500) / 1)
}

html .tailwind-area .focus\:border-neutral-500\/15:focus {
    border-color: rgb(var(--ui-neutral-500) / .15)
}

html .tailwind-area .focus\:border-neutral-500\/20:focus {
    border-color: rgb(var(--ui-neutral-500) / .2)
}

html .tailwind-area .focus\:border-neutral-500\/25:focus {
    border-color: rgb(var(--ui-neutral-500) / .25)
}

html .tailwind-area .focus\:border-neutral-500\/30:focus {
    border-color: rgb(var(--ui-neutral-500) / .3)
}

html .tailwind-area .focus\:border-neutral-500\/35:focus {
    border-color: rgb(var(--ui-neutral-500) / .35)
}

html .tailwind-area .focus\:border-neutral-500\/40:focus {
    border-color: rgb(var(--ui-neutral-500) / .4)
}

html .tailwind-area .focus\:border-neutral-500\/45:focus {
    border-color: rgb(var(--ui-neutral-500) / .45)
}

html .tailwind-area .focus\:border-neutral-500\/5:focus {
    border-color: rgb(var(--ui-neutral-500) / .05)
}

html .tailwind-area .focus\:border-neutral-500\/50:focus {
    border-color: rgb(var(--ui-neutral-500) / .5)
}

html .tailwind-area .focus\:border-neutral-500\/55:focus {
    border-color: rgb(var(--ui-neutral-500) / .55)
}

html .tailwind-area .focus\:border-neutral-500\/60:focus {
    border-color: rgb(var(--ui-neutral-500) / .6)
}

html .tailwind-area .focus\:border-neutral-500\/65:focus {
    border-color: rgb(var(--ui-neutral-500) / .65)
}

html .tailwind-area .focus\:border-neutral-500\/70:focus {
    border-color: rgb(var(--ui-neutral-500) / .7)
}

html .tailwind-area .focus\:border-neutral-500\/75:focus {
    border-color: rgb(var(--ui-neutral-500) / .75)
}

html .tailwind-area .focus\:border-neutral-500\/80:focus {
    border-color: rgb(var(--ui-neutral-500) / .8)
}

html .tailwind-area .focus\:border-neutral-500\/85:focus {
    border-color: rgb(var(--ui-neutral-500) / .85)
}

html .tailwind-area .focus\:border-neutral-500\/90:focus {
    border-color: rgb(var(--ui-neutral-500) / .9)
}

html .tailwind-area .focus\:border-neutral-500\/95:focus {
    border-color: rgb(var(--ui-neutral-500) / .95)
}

html .tailwind-area .focus\:border-neutral-600:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-neutral-600) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-neutral-600\/0:focus {
    border-color: rgb(var(--ui-neutral-600) / 0)
}

html .tailwind-area .focus\:border-neutral-600\/10:focus {
    border-color: rgb(var(--ui-neutral-600) / .1)
}

html .tailwind-area .focus\:border-neutral-600\/100:focus {
    border-color: rgb(var(--ui-neutral-600) / 1)
}

html .tailwind-area .focus\:border-neutral-600\/15:focus {
    border-color: rgb(var(--ui-neutral-600) / .15)
}

html .tailwind-area .focus\:border-neutral-600\/20:focus {
    border-color: rgb(var(--ui-neutral-600) / .2)
}

html .tailwind-area .focus\:border-neutral-600\/25:focus {
    border-color: rgb(var(--ui-neutral-600) / .25)
}

html .tailwind-area .focus\:border-neutral-600\/30:focus {
    border-color: rgb(var(--ui-neutral-600) / .3)
}

html .tailwind-area .focus\:border-neutral-600\/35:focus {
    border-color: rgb(var(--ui-neutral-600) / .35)
}

html .tailwind-area .focus\:border-neutral-600\/40:focus {
    border-color: rgb(var(--ui-neutral-600) / .4)
}

html .tailwind-area .focus\:border-neutral-600\/45:focus {
    border-color: rgb(var(--ui-neutral-600) / .45)
}

html .tailwind-area .focus\:border-neutral-600\/5:focus {
    border-color: rgb(var(--ui-neutral-600) / .05)
}

html .tailwind-area .focus\:border-neutral-600\/50:focus {
    border-color: rgb(var(--ui-neutral-600) / .5)
}

html .tailwind-area .focus\:border-neutral-600\/55:focus {
    border-color: rgb(var(--ui-neutral-600) / .55)
}

html .tailwind-area .focus\:border-neutral-600\/60:focus {
    border-color: rgb(var(--ui-neutral-600) / .6)
}

html .tailwind-area .focus\:border-neutral-600\/65:focus {
    border-color: rgb(var(--ui-neutral-600) / .65)
}

html .tailwind-area .focus\:border-neutral-600\/70:focus {
    border-color: rgb(var(--ui-neutral-600) / .7)
}

html .tailwind-area .focus\:border-neutral-600\/75:focus {
    border-color: rgb(var(--ui-neutral-600) / .75)
}

html .tailwind-area .focus\:border-neutral-600\/80:focus {
    border-color: rgb(var(--ui-neutral-600) / .8)
}

html .tailwind-area .focus\:border-neutral-600\/85:focus {
    border-color: rgb(var(--ui-neutral-600) / .85)
}

html .tailwind-area .focus\:border-neutral-600\/90:focus {
    border-color: rgb(var(--ui-neutral-600) / .9)
}

html .tailwind-area .focus\:border-neutral-600\/95:focus {
    border-color: rgb(var(--ui-neutral-600) / .95)
}

html .tailwind-area .focus\:border-neutral-700:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-neutral-700) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-neutral-700\/0:focus {
    border-color: rgb(var(--ui-neutral-700) / 0)
}

html .tailwind-area .focus\:border-neutral-700\/10:focus {
    border-color: rgb(var(--ui-neutral-700) / .1)
}

html .tailwind-area .focus\:border-neutral-700\/100:focus {
    border-color: rgb(var(--ui-neutral-700) / 1)
}

html .tailwind-area .focus\:border-neutral-700\/15:focus {
    border-color: rgb(var(--ui-neutral-700) / .15)
}

html .tailwind-area .focus\:border-neutral-700\/20:focus {
    border-color: rgb(var(--ui-neutral-700) / .2)
}

html .tailwind-area .focus\:border-neutral-700\/25:focus {
    border-color: rgb(var(--ui-neutral-700) / .25)
}

html .tailwind-area .focus\:border-neutral-700\/30:focus {
    border-color: rgb(var(--ui-neutral-700) / .3)
}

html .tailwind-area .focus\:border-neutral-700\/35:focus {
    border-color: rgb(var(--ui-neutral-700) / .35)
}

html .tailwind-area .focus\:border-neutral-700\/40:focus {
    border-color: rgb(var(--ui-neutral-700) / .4)
}

html .tailwind-area .focus\:border-neutral-700\/45:focus {
    border-color: rgb(var(--ui-neutral-700) / .45)
}

html .tailwind-area .focus\:border-neutral-700\/5:focus {
    border-color: rgb(var(--ui-neutral-700) / .05)
}

html .tailwind-area .focus\:border-neutral-700\/50:focus {
    border-color: rgb(var(--ui-neutral-700) / .5)
}

html .tailwind-area .focus\:border-neutral-700\/55:focus {
    border-color: rgb(var(--ui-neutral-700) / .55)
}

html .tailwind-area .focus\:border-neutral-700\/60:focus {
    border-color: rgb(var(--ui-neutral-700) / .6)
}

html .tailwind-area .focus\:border-neutral-700\/65:focus {
    border-color: rgb(var(--ui-neutral-700) / .65)
}

html .tailwind-area .focus\:border-neutral-700\/70:focus {
    border-color: rgb(var(--ui-neutral-700) / .7)
}

html .tailwind-area .focus\:border-neutral-700\/75:focus {
    border-color: rgb(var(--ui-neutral-700) / .75)
}

html .tailwind-area .focus\:border-neutral-700\/80:focus {
    border-color: rgb(var(--ui-neutral-700) / .8)
}

html .tailwind-area .focus\:border-neutral-700\/85:focus {
    border-color: rgb(var(--ui-neutral-700) / .85)
}

html .tailwind-area .focus\:border-neutral-700\/90:focus {
    border-color: rgb(var(--ui-neutral-700) / .9)
}

html .tailwind-area .focus\:border-neutral-700\/95:focus {
    border-color: rgb(var(--ui-neutral-700) / .95)
}

html .tailwind-area .focus\:border-neutral-800:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-neutral-800) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-neutral-800\/0:focus {
    border-color: rgb(var(--ui-neutral-800) / 0)
}

html .tailwind-area .focus\:border-neutral-800\/10:focus {
    border-color: rgb(var(--ui-neutral-800) / .1)
}

html .tailwind-area .focus\:border-neutral-800\/100:focus {
    border-color: rgb(var(--ui-neutral-800) / 1)
}

html .tailwind-area .focus\:border-neutral-800\/15:focus {
    border-color: rgb(var(--ui-neutral-800) / .15)
}

html .tailwind-area .focus\:border-neutral-800\/20:focus {
    border-color: rgb(var(--ui-neutral-800) / .2)
}

html .tailwind-area .focus\:border-neutral-800\/25:focus {
    border-color: rgb(var(--ui-neutral-800) / .25)
}

html .tailwind-area .focus\:border-neutral-800\/30:focus {
    border-color: rgb(var(--ui-neutral-800) / .3)
}

html .tailwind-area .focus\:border-neutral-800\/35:focus {
    border-color: rgb(var(--ui-neutral-800) / .35)
}

html .tailwind-area .focus\:border-neutral-800\/40:focus {
    border-color: rgb(var(--ui-neutral-800) / .4)
}

html .tailwind-area .focus\:border-neutral-800\/45:focus {
    border-color: rgb(var(--ui-neutral-800) / .45)
}

html .tailwind-area .focus\:border-neutral-800\/5:focus {
    border-color: rgb(var(--ui-neutral-800) / .05)
}

html .tailwind-area .focus\:border-neutral-800\/50:focus {
    border-color: rgb(var(--ui-neutral-800) / .5)
}

html .tailwind-area .focus\:border-neutral-800\/55:focus {
    border-color: rgb(var(--ui-neutral-800) / .55)
}

html .tailwind-area .focus\:border-neutral-800\/60:focus {
    border-color: rgb(var(--ui-neutral-800) / .6)
}

html .tailwind-area .focus\:border-neutral-800\/65:focus {
    border-color: rgb(var(--ui-neutral-800) / .65)
}

html .tailwind-area .focus\:border-neutral-800\/70:focus {
    border-color: rgb(var(--ui-neutral-800) / .7)
}

html .tailwind-area .focus\:border-neutral-800\/75:focus {
    border-color: rgb(var(--ui-neutral-800) / .75)
}

html .tailwind-area .focus\:border-neutral-800\/80:focus {
    border-color: rgb(var(--ui-neutral-800) / .8)
}

html .tailwind-area .focus\:border-neutral-800\/85:focus {
    border-color: rgb(var(--ui-neutral-800) / .85)
}

html .tailwind-area .focus\:border-neutral-800\/90:focus {
    border-color: rgb(var(--ui-neutral-800) / .9)
}

html .tailwind-area .focus\:border-neutral-800\/95:focus {
    border-color: rgb(var(--ui-neutral-800) / .95)
}

html .tailwind-area .focus\:border-neutral-900:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-neutral-900) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-neutral-900\/0:focus {
    border-color: rgb(var(--ui-neutral-900) / 0)
}

html .tailwind-area .focus\:border-neutral-900\/10:focus {
    border-color: rgb(var(--ui-neutral-900) / .1)
}

html .tailwind-area .focus\:border-neutral-900\/100:focus {
    border-color: rgb(var(--ui-neutral-900) / 1)
}

html .tailwind-area .focus\:border-neutral-900\/15:focus {
    border-color: rgb(var(--ui-neutral-900) / .15)
}

html .tailwind-area .focus\:border-neutral-900\/20:focus {
    border-color: rgb(var(--ui-neutral-900) / .2)
}

html .tailwind-area .focus\:border-neutral-900\/25:focus {
    border-color: rgb(var(--ui-neutral-900) / .25)
}

html .tailwind-area .focus\:border-neutral-900\/30:focus {
    border-color: rgb(var(--ui-neutral-900) / .3)
}

html .tailwind-area .focus\:border-neutral-900\/35:focus {
    border-color: rgb(var(--ui-neutral-900) / .35)
}

html .tailwind-area .focus\:border-neutral-900\/40:focus {
    border-color: rgb(var(--ui-neutral-900) / .4)
}

html .tailwind-area .focus\:border-neutral-900\/45:focus {
    border-color: rgb(var(--ui-neutral-900) / .45)
}

html .tailwind-area .focus\:border-neutral-900\/5:focus {
    border-color: rgb(var(--ui-neutral-900) / .05)
}

html .tailwind-area .focus\:border-neutral-900\/50:focus {
    border-color: rgb(var(--ui-neutral-900) / .5)
}

html .tailwind-area .focus\:border-neutral-900\/55:focus {
    border-color: rgb(var(--ui-neutral-900) / .55)
}

html .tailwind-area .focus\:border-neutral-900\/60:focus {
    border-color: rgb(var(--ui-neutral-900) / .6)
}

html .tailwind-area .focus\:border-neutral-900\/65:focus {
    border-color: rgb(var(--ui-neutral-900) / .65)
}

html .tailwind-area .focus\:border-neutral-900\/70:focus {
    border-color: rgb(var(--ui-neutral-900) / .7)
}

html .tailwind-area .focus\:border-neutral-900\/75:focus {
    border-color: rgb(var(--ui-neutral-900) / .75)
}

html .tailwind-area .focus\:border-neutral-900\/80:focus {
    border-color: rgb(var(--ui-neutral-900) / .8)
}

html .tailwind-area .focus\:border-neutral-900\/85:focus {
    border-color: rgb(var(--ui-neutral-900) / .85)
}

html .tailwind-area .focus\:border-neutral-900\/90:focus {
    border-color: rgb(var(--ui-neutral-900) / .9)
}

html .tailwind-area .focus\:border-neutral-900\/95:focus {
    border-color: rgb(var(--ui-neutral-900) / .95)
}

html .tailwind-area .focus\:border-neutral-950:focus {
    --tw-border-opacity: 1;
    border-color: rgb(10 10 10 / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-neutral-950\/0:focus {
    border-color: #0a0a0a00
}

html .tailwind-area .focus\:border-neutral-950\/10:focus {
    border-color: #0a0a0a1a
}

html .tailwind-area .focus\:border-neutral-950\/100:focus {
    border-color: #0a0a0a
}

html .tailwind-area .focus\:border-neutral-950\/15:focus {
    border-color: #0a0a0a26
}

html .tailwind-area .focus\:border-neutral-950\/20:focus {
    border-color: #0a0a0a33
}

html .tailwind-area .focus\:border-neutral-950\/25:focus {
    border-color: #0a0a0a40
}

html .tailwind-area .focus\:border-neutral-950\/30:focus {
    border-color: #0a0a0a4d
}

html .tailwind-area .focus\:border-neutral-950\/35:focus {
    border-color: #0a0a0a59
}

html .tailwind-area .focus\:border-neutral-950\/40:focus {
    border-color: #0a0a0a66
}

html .tailwind-area .focus\:border-neutral-950\/45:focus {
    border-color: #0a0a0a73
}

html .tailwind-area .focus\:border-neutral-950\/5:focus {
    border-color: #0a0a0a0d
}

html .tailwind-area .focus\:border-neutral-950\/50:focus {
    border-color: #0a0a0a80
}

html .tailwind-area .focus\:border-neutral-950\/55:focus {
    border-color: #0a0a0a8c
}

html .tailwind-area .focus\:border-neutral-950\/60:focus {
    border-color: #0a0a0a99
}

html .tailwind-area .focus\:border-neutral-950\/65:focus {
    border-color: #0a0a0aa6
}

html .tailwind-area .focus\:border-neutral-950\/70:focus {
    border-color: #0a0a0ab3
}

html .tailwind-area .focus\:border-neutral-950\/75:focus {
    border-color: #0a0a0abf
}

html .tailwind-area .focus\:border-neutral-950\/80:focus {
    border-color: #0a0a0acc
}

html .tailwind-area .focus\:border-neutral-950\/85:focus {
    border-color: #0a0a0ad9
}

html .tailwind-area .focus\:border-neutral-950\/90:focus {
    border-color: #0a0a0ae6
}

html .tailwind-area .focus\:border-neutral-950\/95:focus {
    border-color: #0a0a0af2
}

html .tailwind-area .focus\:border-primary-100:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-primary-100) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-primary-100\/0:focus {
    border-color: rgb(var(--ui-primary-100) / 0)
}

html .tailwind-area .focus\:border-primary-100\/10:focus {
    border-color: rgb(var(--ui-primary-100) / .1)
}

html .tailwind-area .focus\:border-primary-100\/100:focus {
    border-color: rgb(var(--ui-primary-100) / 1)
}

html .tailwind-area .focus\:border-primary-100\/15:focus {
    border-color: rgb(var(--ui-primary-100) / .15)
}

html .tailwind-area .focus\:border-primary-100\/20:focus {
    border-color: rgb(var(--ui-primary-100) / .2)
}

html .tailwind-area .focus\:border-primary-100\/25:focus {
    border-color: rgb(var(--ui-primary-100) / .25)
}

html .tailwind-area .focus\:border-primary-100\/30:focus {
    border-color: rgb(var(--ui-primary-100) / .3)
}

html .tailwind-area .focus\:border-primary-100\/35:focus {
    border-color: rgb(var(--ui-primary-100) / .35)
}

html .tailwind-area .focus\:border-primary-100\/40:focus {
    border-color: rgb(var(--ui-primary-100) / .4)
}

html .tailwind-area .focus\:border-primary-100\/45:focus {
    border-color: rgb(var(--ui-primary-100) / .45)
}

html .tailwind-area .focus\:border-primary-100\/5:focus {
    border-color: rgb(var(--ui-primary-100) / .05)
}

html .tailwind-area .focus\:border-primary-100\/50:focus {
    border-color: rgb(var(--ui-primary-100) / .5)
}

html .tailwind-area .focus\:border-primary-100\/55:focus {
    border-color: rgb(var(--ui-primary-100) / .55)
}

html .tailwind-area .focus\:border-primary-100\/60:focus {
    border-color: rgb(var(--ui-primary-100) / .6)
}

html .tailwind-area .focus\:border-primary-100\/65:focus {
    border-color: rgb(var(--ui-primary-100) / .65)
}

html .tailwind-area .focus\:border-primary-100\/70:focus {
    border-color: rgb(var(--ui-primary-100) / .7)
}

html .tailwind-area .focus\:border-primary-100\/75:focus {
    border-color: rgb(var(--ui-primary-100) / .75)
}

html .tailwind-area .focus\:border-primary-100\/80:focus {
    border-color: rgb(var(--ui-primary-100) / .8)
}

html .tailwind-area .focus\:border-primary-100\/85:focus {
    border-color: rgb(var(--ui-primary-100) / .85)
}

html .tailwind-area .focus\:border-primary-100\/90:focus {
    border-color: rgb(var(--ui-primary-100) / .9)
}

html .tailwind-area .focus\:border-primary-100\/95:focus {
    border-color: rgb(var(--ui-primary-100) / .95)
}

html .tailwind-area .focus\:border-primary-200:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-primary-200) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-primary-200\/0:focus {
    border-color: rgb(var(--ui-primary-200) / 0)
}

html .tailwind-area .focus\:border-primary-200\/10:focus {
    border-color: rgb(var(--ui-primary-200) / .1)
}

html .tailwind-area .focus\:border-primary-200\/100:focus {
    border-color: rgb(var(--ui-primary-200) / 1)
}

html .tailwind-area .focus\:border-primary-200\/15:focus {
    border-color: rgb(var(--ui-primary-200) / .15)
}

html .tailwind-area .focus\:border-primary-200\/20:focus {
    border-color: rgb(var(--ui-primary-200) / .2)
}

html .tailwind-area .focus\:border-primary-200\/25:focus {
    border-color: rgb(var(--ui-primary-200) / .25)
}

html .tailwind-area .focus\:border-primary-200\/30:focus {
    border-color: rgb(var(--ui-primary-200) / .3)
}

html .tailwind-area .focus\:border-primary-200\/35:focus {
    border-color: rgb(var(--ui-primary-200) / .35)
}

html .tailwind-area .focus\:border-primary-200\/40:focus {
    border-color: rgb(var(--ui-primary-200) / .4)
}

html .tailwind-area .focus\:border-primary-200\/45:focus {
    border-color: rgb(var(--ui-primary-200) / .45)
}

html .tailwind-area .focus\:border-primary-200\/5:focus {
    border-color: rgb(var(--ui-primary-200) / .05)
}

html .tailwind-area .focus\:border-primary-200\/50:focus {
    border-color: rgb(var(--ui-primary-200) / .5)
}

html .tailwind-area .focus\:border-primary-200\/55:focus {
    border-color: rgb(var(--ui-primary-200) / .55)
}

html .tailwind-area .focus\:border-primary-200\/60:focus {
    border-color: rgb(var(--ui-primary-200) / .6)
}

html .tailwind-area .focus\:border-primary-200\/65:focus {
    border-color: rgb(var(--ui-primary-200) / .65)
}

html .tailwind-area .focus\:border-primary-200\/70:focus {
    border-color: rgb(var(--ui-primary-200) / .7)
}

html .tailwind-area .focus\:border-primary-200\/75:focus {
    border-color: rgb(var(--ui-primary-200) / .75)
}

html .tailwind-area .focus\:border-primary-200\/80:focus {
    border-color: rgb(var(--ui-primary-200) / .8)
}

html .tailwind-area .focus\:border-primary-200\/85:focus {
    border-color: rgb(var(--ui-primary-200) / .85)
}

html .tailwind-area .focus\:border-primary-200\/90:focus {
    border-color: rgb(var(--ui-primary-200) / .9)
}

html .tailwind-area .focus\:border-primary-200\/95:focus {
    border-color: rgb(var(--ui-primary-200) / .95)
}

html .tailwind-area .focus\:border-primary-300:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-primary-300) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-primary-300\/0:focus {
    border-color: rgb(var(--ui-primary-300) / 0)
}

html .tailwind-area .focus\:border-primary-300\/10:focus {
    border-color: rgb(var(--ui-primary-300) / .1)
}

html .tailwind-area .focus\:border-primary-300\/100:focus {
    border-color: rgb(var(--ui-primary-300) / 1)
}

html .tailwind-area .focus\:border-primary-300\/15:focus {
    border-color: rgb(var(--ui-primary-300) / .15)
}

html .tailwind-area .focus\:border-primary-300\/20:focus {
    border-color: rgb(var(--ui-primary-300) / .2)
}

html .tailwind-area .focus\:border-primary-300\/25:focus {
    border-color: rgb(var(--ui-primary-300) / .25)
}

html .tailwind-area .focus\:border-primary-300\/30:focus {
    border-color: rgb(var(--ui-primary-300) / .3)
}

html .tailwind-area .focus\:border-primary-300\/35:focus {
    border-color: rgb(var(--ui-primary-300) / .35)
}

html .tailwind-area .focus\:border-primary-300\/40:focus {
    border-color: rgb(var(--ui-primary-300) / .4)
}

html .tailwind-area .focus\:border-primary-300\/45:focus {
    border-color: rgb(var(--ui-primary-300) / .45)
}

html .tailwind-area .focus\:border-primary-300\/5:focus {
    border-color: rgb(var(--ui-primary-300) / .05)
}

html .tailwind-area .focus\:border-primary-300\/50:focus {
    border-color: rgb(var(--ui-primary-300) / .5)
}

html .tailwind-area .focus\:border-primary-300\/55:focus {
    border-color: rgb(var(--ui-primary-300) / .55)
}

html .tailwind-area .focus\:border-primary-300\/60:focus {
    border-color: rgb(var(--ui-primary-300) / .6)
}

html .tailwind-area .focus\:border-primary-300\/65:focus {
    border-color: rgb(var(--ui-primary-300) / .65)
}

html .tailwind-area .focus\:border-primary-300\/70:focus {
    border-color: rgb(var(--ui-primary-300) / .7)
}

html .tailwind-area .focus\:border-primary-300\/75:focus {
    border-color: rgb(var(--ui-primary-300) / .75)
}

html .tailwind-area .focus\:border-primary-300\/80:focus {
    border-color: rgb(var(--ui-primary-300) / .8)
}

html .tailwind-area .focus\:border-primary-300\/85:focus {
    border-color: rgb(var(--ui-primary-300) / .85)
}

html .tailwind-area .focus\:border-primary-300\/90:focus {
    border-color: rgb(var(--ui-primary-300) / .9)
}

html .tailwind-area .focus\:border-primary-300\/95:focus {
    border-color: rgb(var(--ui-primary-300) / .95)
}

html .tailwind-area .focus\:border-primary-400:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-primary-400) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-primary-400\/0:focus {
    border-color: rgb(var(--ui-primary-400) / 0)
}

html .tailwind-area .focus\:border-primary-400\/10:focus {
    border-color: rgb(var(--ui-primary-400) / .1)
}

html .tailwind-area .focus\:border-primary-400\/100:focus {
    border-color: rgb(var(--ui-primary-400) / 1)
}

html .tailwind-area .focus\:border-primary-400\/15:focus {
    border-color: rgb(var(--ui-primary-400) / .15)
}

html .tailwind-area .focus\:border-primary-400\/20:focus {
    border-color: rgb(var(--ui-primary-400) / .2)
}

html .tailwind-area .focus\:border-primary-400\/25:focus {
    border-color: rgb(var(--ui-primary-400) / .25)
}

html .tailwind-area .focus\:border-primary-400\/30:focus {
    border-color: rgb(var(--ui-primary-400) / .3)
}

html .tailwind-area .focus\:border-primary-400\/35:focus {
    border-color: rgb(var(--ui-primary-400) / .35)
}

html .tailwind-area .focus\:border-primary-400\/40:focus {
    border-color: rgb(var(--ui-primary-400) / .4)
}

html .tailwind-area .focus\:border-primary-400\/45:focus {
    border-color: rgb(var(--ui-primary-400) / .45)
}

html .tailwind-area .focus\:border-primary-400\/5:focus {
    border-color: rgb(var(--ui-primary-400) / .05)
}

html .tailwind-area .focus\:border-primary-400\/50:focus {
    border-color: rgb(var(--ui-primary-400) / .5)
}

html .tailwind-area .focus\:border-primary-400\/55:focus {
    border-color: rgb(var(--ui-primary-400) / .55)
}

html .tailwind-area .focus\:border-primary-400\/60:focus {
    border-color: rgb(var(--ui-primary-400) / .6)
}

html .tailwind-area .focus\:border-primary-400\/65:focus {
    border-color: rgb(var(--ui-primary-400) / .65)
}

html .tailwind-area .focus\:border-primary-400\/70:focus {
    border-color: rgb(var(--ui-primary-400) / .7)
}

html .tailwind-area .focus\:border-primary-400\/75:focus {
    border-color: rgb(var(--ui-primary-400) / .75)
}

html .tailwind-area .focus\:border-primary-400\/80:focus {
    border-color: rgb(var(--ui-primary-400) / .8)
}

html .tailwind-area .focus\:border-primary-400\/85:focus {
    border-color: rgb(var(--ui-primary-400) / .85)
}

html .tailwind-area .focus\:border-primary-400\/90:focus {
    border-color: rgb(var(--ui-primary-400) / .9)
}

html .tailwind-area .focus\:border-primary-400\/95:focus {
    border-color: rgb(var(--ui-primary-400) / .95)
}

html .tailwind-area .focus\:border-primary-50:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-primary-50) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-primary-50\/0:focus {
    border-color: rgb(var(--ui-primary-50) / 0)
}

html .tailwind-area .focus\:border-primary-50\/10:focus {
    border-color: rgb(var(--ui-primary-50) / .1)
}

html .tailwind-area .focus\:border-primary-50\/100:focus {
    border-color: rgb(var(--ui-primary-50) / 1)
}

html .tailwind-area .focus\:border-primary-50\/15:focus {
    border-color: rgb(var(--ui-primary-50) / .15)
}

html .tailwind-area .focus\:border-primary-50\/20:focus {
    border-color: rgb(var(--ui-primary-50) / .2)
}

html .tailwind-area .focus\:border-primary-50\/25:focus {
    border-color: rgb(var(--ui-primary-50) / .25)
}

html .tailwind-area .focus\:border-primary-50\/30:focus {
    border-color: rgb(var(--ui-primary-50) / .3)
}

html .tailwind-area .focus\:border-primary-50\/35:focus {
    border-color: rgb(var(--ui-primary-50) / .35)
}

html .tailwind-area .focus\:border-primary-50\/40:focus {
    border-color: rgb(var(--ui-primary-50) / .4)
}

html .tailwind-area .focus\:border-primary-50\/45:focus {
    border-color: rgb(var(--ui-primary-50) / .45)
}

html .tailwind-area .focus\:border-primary-50\/5:focus {
    border-color: rgb(var(--ui-primary-50) / .05)
}

html .tailwind-area .focus\:border-primary-50\/50:focus {
    border-color: rgb(var(--ui-primary-50) / .5)
}

html .tailwind-area .focus\:border-primary-50\/55:focus {
    border-color: rgb(var(--ui-primary-50) / .55)
}

html .tailwind-area .focus\:border-primary-50\/60:focus {
    border-color: rgb(var(--ui-primary-50) / .6)
}

html .tailwind-area .focus\:border-primary-50\/65:focus {
    border-color: rgb(var(--ui-primary-50) / .65)
}

html .tailwind-area .focus\:border-primary-50\/70:focus {
    border-color: rgb(var(--ui-primary-50) / .7)
}

html .tailwind-area .focus\:border-primary-50\/75:focus {
    border-color: rgb(var(--ui-primary-50) / .75)
}

html .tailwind-area .focus\:border-primary-50\/80:focus {
    border-color: rgb(var(--ui-primary-50) / .8)
}

html .tailwind-area .focus\:border-primary-50\/85:focus {
    border-color: rgb(var(--ui-primary-50) / .85)
}

html .tailwind-area .focus\:border-primary-50\/90:focus {
    border-color: rgb(var(--ui-primary-50) / .9)
}

html .tailwind-area .focus\:border-primary-50\/95:focus {
    border-color: rgb(var(--ui-primary-50) / .95)
}

html .tailwind-area .focus\:border-primary-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-primary-500) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-primary-500\/0:focus {
    border-color: rgb(var(--ui-primary-500) / 0)
}

html .tailwind-area .focus\:border-primary-500\/10:focus {
    border-color: rgb(var(--ui-primary-500) / .1)
}

html .tailwind-area .focus\:border-primary-500\/100:focus {
    border-color: rgb(var(--ui-primary-500) / 1)
}

html .tailwind-area .focus\:border-primary-500\/15:focus {
    border-color: rgb(var(--ui-primary-500) / .15)
}

html .tailwind-area .focus\:border-primary-500\/20:focus {
    border-color: rgb(var(--ui-primary-500) / .2)
}

html .tailwind-area .focus\:border-primary-500\/25:focus {
    border-color: rgb(var(--ui-primary-500) / .25)
}

html .tailwind-area .focus\:border-primary-500\/30:focus {
    border-color: rgb(var(--ui-primary-500) / .3)
}

html .tailwind-area .focus\:border-primary-500\/35:focus {
    border-color: rgb(var(--ui-primary-500) / .35)
}

html .tailwind-area .focus\:border-primary-500\/40:focus {
    border-color: rgb(var(--ui-primary-500) / .4)
}

html .tailwind-area .focus\:border-primary-500\/45:focus {
    border-color: rgb(var(--ui-primary-500) / .45)
}

html .tailwind-area .focus\:border-primary-500\/5:focus {
    border-color: rgb(var(--ui-primary-500) / .05)
}

html .tailwind-area .focus\:border-primary-500\/50:focus {
    border-color: rgb(var(--ui-primary-500) / .5)
}

html .tailwind-area .focus\:border-primary-500\/55:focus {
    border-color: rgb(var(--ui-primary-500) / .55)
}

html .tailwind-area .focus\:border-primary-500\/60:focus {
    border-color: rgb(var(--ui-primary-500) / .6)
}

html .tailwind-area .focus\:border-primary-500\/65:focus {
    border-color: rgb(var(--ui-primary-500) / .65)
}

html .tailwind-area .focus\:border-primary-500\/70:focus {
    border-color: rgb(var(--ui-primary-500) / .7)
}

html .tailwind-area .focus\:border-primary-500\/75:focus {
    border-color: rgb(var(--ui-primary-500) / .75)
}

html .tailwind-area .focus\:border-primary-500\/80:focus {
    border-color: rgb(var(--ui-primary-500) / .8)
}

html .tailwind-area .focus\:border-primary-500\/85:focus {
    border-color: rgb(var(--ui-primary-500) / .85)
}

html .tailwind-area .focus\:border-primary-500\/90:focus {
    border-color: rgb(var(--ui-primary-500) / .9)
}

html .tailwind-area .focus\:border-primary-500\/95:focus {
    border-color: rgb(var(--ui-primary-500) / .95)
}

html .tailwind-area .focus\:border-primary-600:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-primary-600) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-primary-600\/0:focus {
    border-color: rgb(var(--ui-primary-600) / 0)
}

html .tailwind-area .focus\:border-primary-600\/10:focus {
    border-color: rgb(var(--ui-primary-600) / .1)
}

html .tailwind-area .focus\:border-primary-600\/100:focus {
    border-color: rgb(var(--ui-primary-600) / 1)
}

html .tailwind-area .focus\:border-primary-600\/15:focus {
    border-color: rgb(var(--ui-primary-600) / .15)
}

html .tailwind-area .focus\:border-primary-600\/20:focus {
    border-color: rgb(var(--ui-primary-600) / .2)
}

html .tailwind-area .focus\:border-primary-600\/25:focus {
    border-color: rgb(var(--ui-primary-600) / .25)
}

html .tailwind-area .focus\:border-primary-600\/30:focus {
    border-color: rgb(var(--ui-primary-600) / .3)
}

html .tailwind-area .focus\:border-primary-600\/35:focus {
    border-color: rgb(var(--ui-primary-600) / .35)
}

html .tailwind-area .focus\:border-primary-600\/40:focus {
    border-color: rgb(var(--ui-primary-600) / .4)
}

html .tailwind-area .focus\:border-primary-600\/45:focus {
    border-color: rgb(var(--ui-primary-600) / .45)
}

html .tailwind-area .focus\:border-primary-600\/5:focus {
    border-color: rgb(var(--ui-primary-600) / .05)
}

html .tailwind-area .focus\:border-primary-600\/50:focus {
    border-color: rgb(var(--ui-primary-600) / .5)
}

html .tailwind-area .focus\:border-primary-600\/55:focus {
    border-color: rgb(var(--ui-primary-600) / .55)
}

html .tailwind-area .focus\:border-primary-600\/60:focus {
    border-color: rgb(var(--ui-primary-600) / .6)
}

html .tailwind-area .focus\:border-primary-600\/65:focus {
    border-color: rgb(var(--ui-primary-600) / .65)
}

html .tailwind-area .focus\:border-primary-600\/70:focus {
    border-color: rgb(var(--ui-primary-600) / .7)
}

html .tailwind-area .focus\:border-primary-600\/75:focus {
    border-color: rgb(var(--ui-primary-600) / .75)
}

html .tailwind-area .focus\:border-primary-600\/80:focus {
    border-color: rgb(var(--ui-primary-600) / .8)
}

html .tailwind-area .focus\:border-primary-600\/85:focus {
    border-color: rgb(var(--ui-primary-600) / .85)
}

html .tailwind-area .focus\:border-primary-600\/90:focus {
    border-color: rgb(var(--ui-primary-600) / .9)
}

html .tailwind-area .focus\:border-primary-600\/95:focus {
    border-color: rgb(var(--ui-primary-600) / .95)
}

html .tailwind-area .focus\:border-primary-700:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-primary-700) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-primary-700\/0:focus {
    border-color: rgb(var(--ui-primary-700) / 0)
}

html .tailwind-area .focus\:border-primary-700\/10:focus {
    border-color: rgb(var(--ui-primary-700) / .1)
}

html .tailwind-area .focus\:border-primary-700\/100:focus {
    border-color: rgb(var(--ui-primary-700) / 1)
}

html .tailwind-area .focus\:border-primary-700\/15:focus {
    border-color: rgb(var(--ui-primary-700) / .15)
}

html .tailwind-area .focus\:border-primary-700\/20:focus {
    border-color: rgb(var(--ui-primary-700) / .2)
}

html .tailwind-area .focus\:border-primary-700\/25:focus {
    border-color: rgb(var(--ui-primary-700) / .25)
}

html .tailwind-area .focus\:border-primary-700\/30:focus {
    border-color: rgb(var(--ui-primary-700) / .3)
}

html .tailwind-area .focus\:border-primary-700\/35:focus {
    border-color: rgb(var(--ui-primary-700) / .35)
}

html .tailwind-area .focus\:border-primary-700\/40:focus {
    border-color: rgb(var(--ui-primary-700) / .4)
}

html .tailwind-area .focus\:border-primary-700\/45:focus {
    border-color: rgb(var(--ui-primary-700) / .45)
}

html .tailwind-area .focus\:border-primary-700\/5:focus {
    border-color: rgb(var(--ui-primary-700) / .05)
}

html .tailwind-area .focus\:border-primary-700\/50:focus {
    border-color: rgb(var(--ui-primary-700) / .5)
}

html .tailwind-area .focus\:border-primary-700\/55:focus {
    border-color: rgb(var(--ui-primary-700) / .55)
}

html .tailwind-area .focus\:border-primary-700\/60:focus {
    border-color: rgb(var(--ui-primary-700) / .6)
}

html .tailwind-area .focus\:border-primary-700\/65:focus {
    border-color: rgb(var(--ui-primary-700) / .65)
}

html .tailwind-area .focus\:border-primary-700\/70:focus {
    border-color: rgb(var(--ui-primary-700) / .7)
}

html .tailwind-area .focus\:border-primary-700\/75:focus {
    border-color: rgb(var(--ui-primary-700) / .75)
}

html .tailwind-area .focus\:border-primary-700\/80:focus {
    border-color: rgb(var(--ui-primary-700) / .8)
}

html .tailwind-area .focus\:border-primary-700\/85:focus {
    border-color: rgb(var(--ui-primary-700) / .85)
}

html .tailwind-area .focus\:border-primary-700\/90:focus {
    border-color: rgb(var(--ui-primary-700) / .9)
}

html .tailwind-area .focus\:border-primary-700\/95:focus {
    border-color: rgb(var(--ui-primary-700) / .95)
}

html .tailwind-area .focus\:border-primary-800:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-primary-800) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-primary-800\/0:focus {
    border-color: rgb(var(--ui-primary-800) / 0)
}

html .tailwind-area .focus\:border-primary-800\/10:focus {
    border-color: rgb(var(--ui-primary-800) / .1)
}

html .tailwind-area .focus\:border-primary-800\/100:focus {
    border-color: rgb(var(--ui-primary-800) / 1)
}

html .tailwind-area .focus\:border-primary-800\/15:focus {
    border-color: rgb(var(--ui-primary-800) / .15)
}

html .tailwind-area .focus\:border-primary-800\/20:focus {
    border-color: rgb(var(--ui-primary-800) / .2)
}

html .tailwind-area .focus\:border-primary-800\/25:focus {
    border-color: rgb(var(--ui-primary-800) / .25)
}

html .tailwind-area .focus\:border-primary-800\/30:focus {
    border-color: rgb(var(--ui-primary-800) / .3)
}

html .tailwind-area .focus\:border-primary-800\/35:focus {
    border-color: rgb(var(--ui-primary-800) / .35)
}

html .tailwind-area .focus\:border-primary-800\/40:focus {
    border-color: rgb(var(--ui-primary-800) / .4)
}

html .tailwind-area .focus\:border-primary-800\/45:focus {
    border-color: rgb(var(--ui-primary-800) / .45)
}

html .tailwind-area .focus\:border-primary-800\/5:focus {
    border-color: rgb(var(--ui-primary-800) / .05)
}

html .tailwind-area .focus\:border-primary-800\/50:focus {
    border-color: rgb(var(--ui-primary-800) / .5)
}

html .tailwind-area .focus\:border-primary-800\/55:focus {
    border-color: rgb(var(--ui-primary-800) / .55)
}

html .tailwind-area .focus\:border-primary-800\/60:focus {
    border-color: rgb(var(--ui-primary-800) / .6)
}

html .tailwind-area .focus\:border-primary-800\/65:focus {
    border-color: rgb(var(--ui-primary-800) / .65)
}

html .tailwind-area .focus\:border-primary-800\/70:focus {
    border-color: rgb(var(--ui-primary-800) / .7)
}

html .tailwind-area .focus\:border-primary-800\/75:focus {
    border-color: rgb(var(--ui-primary-800) / .75)
}

html .tailwind-area .focus\:border-primary-800\/80:focus {
    border-color: rgb(var(--ui-primary-800) / .8)
}

html .tailwind-area .focus\:border-primary-800\/85:focus {
    border-color: rgb(var(--ui-primary-800) / .85)
}

html .tailwind-area .focus\:border-primary-800\/90:focus {
    border-color: rgb(var(--ui-primary-800) / .9)
}

html .tailwind-area .focus\:border-primary-800\/95:focus {
    border-color: rgb(var(--ui-primary-800) / .95)
}

html .tailwind-area .focus\:border-primary-900:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-primary-900) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-primary-900\/0:focus {
    border-color: rgb(var(--ui-primary-900) / 0)
}

html .tailwind-area .focus\:border-primary-900\/10:focus {
    border-color: rgb(var(--ui-primary-900) / .1)
}

html .tailwind-area .focus\:border-primary-900\/100:focus {
    border-color: rgb(var(--ui-primary-900) / 1)
}

html .tailwind-area .focus\:border-primary-900\/15:focus {
    border-color: rgb(var(--ui-primary-900) / .15)
}

html .tailwind-area .focus\:border-primary-900\/20:focus {
    border-color: rgb(var(--ui-primary-900) / .2)
}

html .tailwind-area .focus\:border-primary-900\/25:focus {
    border-color: rgb(var(--ui-primary-900) / .25)
}

html .tailwind-area .focus\:border-primary-900\/30:focus {
    border-color: rgb(var(--ui-primary-900) / .3)
}

html .tailwind-area .focus\:border-primary-900\/35:focus {
    border-color: rgb(var(--ui-primary-900) / .35)
}

html .tailwind-area .focus\:border-primary-900\/40:focus {
    border-color: rgb(var(--ui-primary-900) / .4)
}

html .tailwind-area .focus\:border-primary-900\/45:focus {
    border-color: rgb(var(--ui-primary-900) / .45)
}

html .tailwind-area .focus\:border-primary-900\/5:focus {
    border-color: rgb(var(--ui-primary-900) / .05)
}

html .tailwind-area .focus\:border-primary-900\/50:focus {
    border-color: rgb(var(--ui-primary-900) / .5)
}

html .tailwind-area .focus\:border-primary-900\/55:focus {
    border-color: rgb(var(--ui-primary-900) / .55)
}

html .tailwind-area .focus\:border-primary-900\/60:focus {
    border-color: rgb(var(--ui-primary-900) / .6)
}

html .tailwind-area .focus\:border-primary-900\/65:focus {
    border-color: rgb(var(--ui-primary-900) / .65)
}

html .tailwind-area .focus\:border-primary-900\/70:focus {
    border-color: rgb(var(--ui-primary-900) / .7)
}

html .tailwind-area .focus\:border-primary-900\/75:focus {
    border-color: rgb(var(--ui-primary-900) / .75)
}

html .tailwind-area .focus\:border-primary-900\/80:focus {
    border-color: rgb(var(--ui-primary-900) / .8)
}

html .tailwind-area .focus\:border-primary-900\/85:focus {
    border-color: rgb(var(--ui-primary-900) / .85)
}

html .tailwind-area .focus\:border-primary-900\/90:focus {
    border-color: rgb(var(--ui-primary-900) / .9)
}

html .tailwind-area .focus\:border-primary-900\/95:focus {
    border-color: rgb(var(--ui-primary-900) / .95)
}

html .tailwind-area .focus\:border-safe-100:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-safe-100) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-safe-100\/0:focus {
    border-color: rgb(var(--ui-safe-100) / 0)
}

html .tailwind-area .focus\:border-safe-100\/10:focus {
    border-color: rgb(var(--ui-safe-100) / .1)
}

html .tailwind-area .focus\:border-safe-100\/100:focus {
    border-color: rgb(var(--ui-safe-100) / 1)
}

html .tailwind-area .focus\:border-safe-100\/15:focus {
    border-color: rgb(var(--ui-safe-100) / .15)
}

html .tailwind-area .focus\:border-safe-100\/20:focus {
    border-color: rgb(var(--ui-safe-100) / .2)
}

html .tailwind-area .focus\:border-safe-100\/25:focus {
    border-color: rgb(var(--ui-safe-100) / .25)
}

html .tailwind-area .focus\:border-safe-100\/30:focus {
    border-color: rgb(var(--ui-safe-100) / .3)
}

html .tailwind-area .focus\:border-safe-100\/35:focus {
    border-color: rgb(var(--ui-safe-100) / .35)
}

html .tailwind-area .focus\:border-safe-100\/40:focus {
    border-color: rgb(var(--ui-safe-100) / .4)
}

html .tailwind-area .focus\:border-safe-100\/45:focus {
    border-color: rgb(var(--ui-safe-100) / .45)
}

html .tailwind-area .focus\:border-safe-100\/5:focus {
    border-color: rgb(var(--ui-safe-100) / .05)
}

html .tailwind-area .focus\:border-safe-100\/50:focus {
    border-color: rgb(var(--ui-safe-100) / .5)
}

html .tailwind-area .focus\:border-safe-100\/55:focus {
    border-color: rgb(var(--ui-safe-100) / .55)
}

html .tailwind-area .focus\:border-safe-100\/60:focus {
    border-color: rgb(var(--ui-safe-100) / .6)
}

html .tailwind-area .focus\:border-safe-100\/65:focus {
    border-color: rgb(var(--ui-safe-100) / .65)
}

html .tailwind-area .focus\:border-safe-100\/70:focus {
    border-color: rgb(var(--ui-safe-100) / .7)
}

html .tailwind-area .focus\:border-safe-100\/75:focus {
    border-color: rgb(var(--ui-safe-100) / .75)
}

html .tailwind-area .focus\:border-safe-100\/80:focus {
    border-color: rgb(var(--ui-safe-100) / .8)
}

html .tailwind-area .focus\:border-safe-100\/85:focus {
    border-color: rgb(var(--ui-safe-100) / .85)
}

html .tailwind-area .focus\:border-safe-100\/90:focus {
    border-color: rgb(var(--ui-safe-100) / .9)
}

html .tailwind-area .focus\:border-safe-100\/95:focus {
    border-color: rgb(var(--ui-safe-100) / .95)
}

html .tailwind-area .focus\:border-safe-200:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-safe-200) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-safe-200\/0:focus {
    border-color: rgb(var(--ui-safe-200) / 0)
}

html .tailwind-area .focus\:border-safe-200\/10:focus {
    border-color: rgb(var(--ui-safe-200) / .1)
}

html .tailwind-area .focus\:border-safe-200\/100:focus {
    border-color: rgb(var(--ui-safe-200) / 1)
}

html .tailwind-area .focus\:border-safe-200\/15:focus {
    border-color: rgb(var(--ui-safe-200) / .15)
}

html .tailwind-area .focus\:border-safe-200\/20:focus {
    border-color: rgb(var(--ui-safe-200) / .2)
}

html .tailwind-area .focus\:border-safe-200\/25:focus {
    border-color: rgb(var(--ui-safe-200) / .25)
}

html .tailwind-area .focus\:border-safe-200\/30:focus {
    border-color: rgb(var(--ui-safe-200) / .3)
}

html .tailwind-area .focus\:border-safe-200\/35:focus {
    border-color: rgb(var(--ui-safe-200) / .35)
}

html .tailwind-area .focus\:border-safe-200\/40:focus {
    border-color: rgb(var(--ui-safe-200) / .4)
}

html .tailwind-area .focus\:border-safe-200\/45:focus {
    border-color: rgb(var(--ui-safe-200) / .45)
}

html .tailwind-area .focus\:border-safe-200\/5:focus {
    border-color: rgb(var(--ui-safe-200) / .05)
}

html .tailwind-area .focus\:border-safe-200\/50:focus {
    border-color: rgb(var(--ui-safe-200) / .5)
}

html .tailwind-area .focus\:border-safe-200\/55:focus {
    border-color: rgb(var(--ui-safe-200) / .55)
}

html .tailwind-area .focus\:border-safe-200\/60:focus {
    border-color: rgb(var(--ui-safe-200) / .6)
}

html .tailwind-area .focus\:border-safe-200\/65:focus {
    border-color: rgb(var(--ui-safe-200) / .65)
}

html .tailwind-area .focus\:border-safe-200\/70:focus {
    border-color: rgb(var(--ui-safe-200) / .7)
}

html .tailwind-area .focus\:border-safe-200\/75:focus {
    border-color: rgb(var(--ui-safe-200) / .75)
}

html .tailwind-area .focus\:border-safe-200\/80:focus {
    border-color: rgb(var(--ui-safe-200) / .8)
}

html .tailwind-area .focus\:border-safe-200\/85:focus {
    border-color: rgb(var(--ui-safe-200) / .85)
}

html .tailwind-area .focus\:border-safe-200\/90:focus {
    border-color: rgb(var(--ui-safe-200) / .9)
}

html .tailwind-area .focus\:border-safe-200\/95:focus {
    border-color: rgb(var(--ui-safe-200) / .95)
}

html .tailwind-area .focus\:border-safe-300:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-safe-300) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-safe-300\/0:focus {
    border-color: rgb(var(--ui-safe-300) / 0)
}

html .tailwind-area .focus\:border-safe-300\/10:focus {
    border-color: rgb(var(--ui-safe-300) / .1)
}

html .tailwind-area .focus\:border-safe-300\/100:focus {
    border-color: rgb(var(--ui-safe-300) / 1)
}

html .tailwind-area .focus\:border-safe-300\/15:focus {
    border-color: rgb(var(--ui-safe-300) / .15)
}

html .tailwind-area .focus\:border-safe-300\/20:focus {
    border-color: rgb(var(--ui-safe-300) / .2)
}

html .tailwind-area .focus\:border-safe-300\/25:focus {
    border-color: rgb(var(--ui-safe-300) / .25)
}

html .tailwind-area .focus\:border-safe-300\/30:focus {
    border-color: rgb(var(--ui-safe-300) / .3)
}

html .tailwind-area .focus\:border-safe-300\/35:focus {
    border-color: rgb(var(--ui-safe-300) / .35)
}

html .tailwind-area .focus\:border-safe-300\/40:focus {
    border-color: rgb(var(--ui-safe-300) / .4)
}

html .tailwind-area .focus\:border-safe-300\/45:focus {
    border-color: rgb(var(--ui-safe-300) / .45)
}

html .tailwind-area .focus\:border-safe-300\/5:focus {
    border-color: rgb(var(--ui-safe-300) / .05)
}

html .tailwind-area .focus\:border-safe-300\/50:focus {
    border-color: rgb(var(--ui-safe-300) / .5)
}

html .tailwind-area .focus\:border-safe-300\/55:focus {
    border-color: rgb(var(--ui-safe-300) / .55)
}

html .tailwind-area .focus\:border-safe-300\/60:focus {
    border-color: rgb(var(--ui-safe-300) / .6)
}

html .tailwind-area .focus\:border-safe-300\/65:focus {
    border-color: rgb(var(--ui-safe-300) / .65)
}

html .tailwind-area .focus\:border-safe-300\/70:focus {
    border-color: rgb(var(--ui-safe-300) / .7)
}

html .tailwind-area .focus\:border-safe-300\/75:focus {
    border-color: rgb(var(--ui-safe-300) / .75)
}

html .tailwind-area .focus\:border-safe-300\/80:focus {
    border-color: rgb(var(--ui-safe-300) / .8)
}

html .tailwind-area .focus\:border-safe-300\/85:focus {
    border-color: rgb(var(--ui-safe-300) / .85)
}

html .tailwind-area .focus\:border-safe-300\/90:focus {
    border-color: rgb(var(--ui-safe-300) / .9)
}

html .tailwind-area .focus\:border-safe-300\/95:focus {
    border-color: rgb(var(--ui-safe-300) / .95)
}

html .tailwind-area .focus\:border-safe-400:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-safe-400) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-safe-400\/0:focus {
    border-color: rgb(var(--ui-safe-400) / 0)
}

html .tailwind-area .focus\:border-safe-400\/10:focus {
    border-color: rgb(var(--ui-safe-400) / .1)
}

html .tailwind-area .focus\:border-safe-400\/100:focus {
    border-color: rgb(var(--ui-safe-400) / 1)
}

html .tailwind-area .focus\:border-safe-400\/15:focus {
    border-color: rgb(var(--ui-safe-400) / .15)
}

html .tailwind-area .focus\:border-safe-400\/20:focus {
    border-color: rgb(var(--ui-safe-400) / .2)
}

html .tailwind-area .focus\:border-safe-400\/25:focus {
    border-color: rgb(var(--ui-safe-400) / .25)
}

html .tailwind-area .focus\:border-safe-400\/30:focus {
    border-color: rgb(var(--ui-safe-400) / .3)
}

html .tailwind-area .focus\:border-safe-400\/35:focus {
    border-color: rgb(var(--ui-safe-400) / .35)
}

html .tailwind-area .focus\:border-safe-400\/40:focus {
    border-color: rgb(var(--ui-safe-400) / .4)
}

html .tailwind-area .focus\:border-safe-400\/45:focus {
    border-color: rgb(var(--ui-safe-400) / .45)
}

html .tailwind-area .focus\:border-safe-400\/5:focus {
    border-color: rgb(var(--ui-safe-400) / .05)
}

html .tailwind-area .focus\:border-safe-400\/50:focus {
    border-color: rgb(var(--ui-safe-400) / .5)
}

html .tailwind-area .focus\:border-safe-400\/55:focus {
    border-color: rgb(var(--ui-safe-400) / .55)
}

html .tailwind-area .focus\:border-safe-400\/60:focus {
    border-color: rgb(var(--ui-safe-400) / .6)
}

html .tailwind-area .focus\:border-safe-400\/65:focus {
    border-color: rgb(var(--ui-safe-400) / .65)
}

html .tailwind-area .focus\:border-safe-400\/70:focus {
    border-color: rgb(var(--ui-safe-400) / .7)
}

html .tailwind-area .focus\:border-safe-400\/75:focus {
    border-color: rgb(var(--ui-safe-400) / .75)
}

html .tailwind-area .focus\:border-safe-400\/80:focus {
    border-color: rgb(var(--ui-safe-400) / .8)
}

html .tailwind-area .focus\:border-safe-400\/85:focus {
    border-color: rgb(var(--ui-safe-400) / .85)
}

html .tailwind-area .focus\:border-safe-400\/90:focus {
    border-color: rgb(var(--ui-safe-400) / .9)
}

html .tailwind-area .focus\:border-safe-400\/95:focus {
    border-color: rgb(var(--ui-safe-400) / .95)
}

html .tailwind-area .focus\:border-safe-50:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-safe-50) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-safe-50\/0:focus {
    border-color: rgb(var(--ui-safe-50) / 0)
}

html .tailwind-area .focus\:border-safe-50\/10:focus {
    border-color: rgb(var(--ui-safe-50) / .1)
}

html .tailwind-area .focus\:border-safe-50\/100:focus {
    border-color: rgb(var(--ui-safe-50) / 1)
}

html .tailwind-area .focus\:border-safe-50\/15:focus {
    border-color: rgb(var(--ui-safe-50) / .15)
}

html .tailwind-area .focus\:border-safe-50\/20:focus {
    border-color: rgb(var(--ui-safe-50) / .2)
}

html .tailwind-area .focus\:border-safe-50\/25:focus {
    border-color: rgb(var(--ui-safe-50) / .25)
}

html .tailwind-area .focus\:border-safe-50\/30:focus {
    border-color: rgb(var(--ui-safe-50) / .3)
}

html .tailwind-area .focus\:border-safe-50\/35:focus {
    border-color: rgb(var(--ui-safe-50) / .35)
}

html .tailwind-area .focus\:border-safe-50\/40:focus {
    border-color: rgb(var(--ui-safe-50) / .4)
}

html .tailwind-area .focus\:border-safe-50\/45:focus {
    border-color: rgb(var(--ui-safe-50) / .45)
}

html .tailwind-area .focus\:border-safe-50\/5:focus {
    border-color: rgb(var(--ui-safe-50) / .05)
}

html .tailwind-area .focus\:border-safe-50\/50:focus {
    border-color: rgb(var(--ui-safe-50) / .5)
}

html .tailwind-area .focus\:border-safe-50\/55:focus {
    border-color: rgb(var(--ui-safe-50) / .55)
}

html .tailwind-area .focus\:border-safe-50\/60:focus {
    border-color: rgb(var(--ui-safe-50) / .6)
}

html .tailwind-area .focus\:border-safe-50\/65:focus {
    border-color: rgb(var(--ui-safe-50) / .65)
}

html .tailwind-area .focus\:border-safe-50\/70:focus {
    border-color: rgb(var(--ui-safe-50) / .7)
}

html .tailwind-area .focus\:border-safe-50\/75:focus {
    border-color: rgb(var(--ui-safe-50) / .75)
}

html .tailwind-area .focus\:border-safe-50\/80:focus {
    border-color: rgb(var(--ui-safe-50) / .8)
}

html .tailwind-area .focus\:border-safe-50\/85:focus {
    border-color: rgb(var(--ui-safe-50) / .85)
}

html .tailwind-area .focus\:border-safe-50\/90:focus {
    border-color: rgb(var(--ui-safe-50) / .9)
}

html .tailwind-area .focus\:border-safe-50\/95:focus {
    border-color: rgb(var(--ui-safe-50) / .95)
}

html .tailwind-area .focus\:border-safe-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-safe-500) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-safe-500\/0:focus {
    border-color: rgb(var(--ui-safe-500) / 0)
}

html .tailwind-area .focus\:border-safe-500\/10:focus {
    border-color: rgb(var(--ui-safe-500) / .1)
}

html .tailwind-area .focus\:border-safe-500\/100:focus {
    border-color: rgb(var(--ui-safe-500) / 1)
}

html .tailwind-area .focus\:border-safe-500\/15:focus {
    border-color: rgb(var(--ui-safe-500) / .15)
}

html .tailwind-area .focus\:border-safe-500\/20:focus {
    border-color: rgb(var(--ui-safe-500) / .2)
}

html .tailwind-area .focus\:border-safe-500\/25:focus {
    border-color: rgb(var(--ui-safe-500) / .25)
}

html .tailwind-area .focus\:border-safe-500\/30:focus {
    border-color: rgb(var(--ui-safe-500) / .3)
}

html .tailwind-area .focus\:border-safe-500\/35:focus {
    border-color: rgb(var(--ui-safe-500) / .35)
}

html .tailwind-area .focus\:border-safe-500\/40:focus {
    border-color: rgb(var(--ui-safe-500) / .4)
}

html .tailwind-area .focus\:border-safe-500\/45:focus {
    border-color: rgb(var(--ui-safe-500) / .45)
}

html .tailwind-area .focus\:border-safe-500\/5:focus {
    border-color: rgb(var(--ui-safe-500) / .05)
}

html .tailwind-area .focus\:border-safe-500\/50:focus {
    border-color: rgb(var(--ui-safe-500) / .5)
}

html .tailwind-area .focus\:border-safe-500\/55:focus {
    border-color: rgb(var(--ui-safe-500) / .55)
}

html .tailwind-area .focus\:border-safe-500\/60:focus {
    border-color: rgb(var(--ui-safe-500) / .6)
}

html .tailwind-area .focus\:border-safe-500\/65:focus {
    border-color: rgb(var(--ui-safe-500) / .65)
}

html .tailwind-area .focus\:border-safe-500\/70:focus {
    border-color: rgb(var(--ui-safe-500) / .7)
}

html .tailwind-area .focus\:border-safe-500\/75:focus {
    border-color: rgb(var(--ui-safe-500) / .75)
}

html .tailwind-area .focus\:border-safe-500\/80:focus {
    border-color: rgb(var(--ui-safe-500) / .8)
}

html .tailwind-area .focus\:border-safe-500\/85:focus {
    border-color: rgb(var(--ui-safe-500) / .85)
}

html .tailwind-area .focus\:border-safe-500\/90:focus {
    border-color: rgb(var(--ui-safe-500) / .9)
}

html .tailwind-area .focus\:border-safe-500\/95:focus {
    border-color: rgb(var(--ui-safe-500) / .95)
}

html .tailwind-area .focus\:border-safe-600:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-safe-600) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-safe-600\/0:focus {
    border-color: rgb(var(--ui-safe-600) / 0)
}

html .tailwind-area .focus\:border-safe-600\/10:focus {
    border-color: rgb(var(--ui-safe-600) / .1)
}

html .tailwind-area .focus\:border-safe-600\/100:focus {
    border-color: rgb(var(--ui-safe-600) / 1)
}

html .tailwind-area .focus\:border-safe-600\/15:focus {
    border-color: rgb(var(--ui-safe-600) / .15)
}

html .tailwind-area .focus\:border-safe-600\/20:focus {
    border-color: rgb(var(--ui-safe-600) / .2)
}

html .tailwind-area .focus\:border-safe-600\/25:focus {
    border-color: rgb(var(--ui-safe-600) / .25)
}

html .tailwind-area .focus\:border-safe-600\/30:focus {
    border-color: rgb(var(--ui-safe-600) / .3)
}

html .tailwind-area .focus\:border-safe-600\/35:focus {
    border-color: rgb(var(--ui-safe-600) / .35)
}

html .tailwind-area .focus\:border-safe-600\/40:focus {
    border-color: rgb(var(--ui-safe-600) / .4)
}

html .tailwind-area .focus\:border-safe-600\/45:focus {
    border-color: rgb(var(--ui-safe-600) / .45)
}

html .tailwind-area .focus\:border-safe-600\/5:focus {
    border-color: rgb(var(--ui-safe-600) / .05)
}

html .tailwind-area .focus\:border-safe-600\/50:focus {
    border-color: rgb(var(--ui-safe-600) / .5)
}

html .tailwind-area .focus\:border-safe-600\/55:focus {
    border-color: rgb(var(--ui-safe-600) / .55)
}

html .tailwind-area .focus\:border-safe-600\/60:focus {
    border-color: rgb(var(--ui-safe-600) / .6)
}

html .tailwind-area .focus\:border-safe-600\/65:focus {
    border-color: rgb(var(--ui-safe-600) / .65)
}

html .tailwind-area .focus\:border-safe-600\/70:focus {
    border-color: rgb(var(--ui-safe-600) / .7)
}

html .tailwind-area .focus\:border-safe-600\/75:focus {
    border-color: rgb(var(--ui-safe-600) / .75)
}

html .tailwind-area .focus\:border-safe-600\/80:focus {
    border-color: rgb(var(--ui-safe-600) / .8)
}

html .tailwind-area .focus\:border-safe-600\/85:focus {
    border-color: rgb(var(--ui-safe-600) / .85)
}

html .tailwind-area .focus\:border-safe-600\/90:focus {
    border-color: rgb(var(--ui-safe-600) / .9)
}

html .tailwind-area .focus\:border-safe-600\/95:focus {
    border-color: rgb(var(--ui-safe-600) / .95)
}

html .tailwind-area .focus\:border-safe-700:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-safe-700) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-safe-700\/0:focus {
    border-color: rgb(var(--ui-safe-700) / 0)
}

html .tailwind-area .focus\:border-safe-700\/10:focus {
    border-color: rgb(var(--ui-safe-700) / .1)
}

html .tailwind-area .focus\:border-safe-700\/100:focus {
    border-color: rgb(var(--ui-safe-700) / 1)
}

html .tailwind-area .focus\:border-safe-700\/15:focus {
    border-color: rgb(var(--ui-safe-700) / .15)
}

html .tailwind-area .focus\:border-safe-700\/20:focus {
    border-color: rgb(var(--ui-safe-700) / .2)
}

html .tailwind-area .focus\:border-safe-700\/25:focus {
    border-color: rgb(var(--ui-safe-700) / .25)
}

html .tailwind-area .focus\:border-safe-700\/30:focus {
    border-color: rgb(var(--ui-safe-700) / .3)
}

html .tailwind-area .focus\:border-safe-700\/35:focus {
    border-color: rgb(var(--ui-safe-700) / .35)
}

html .tailwind-area .focus\:border-safe-700\/40:focus {
    border-color: rgb(var(--ui-safe-700) / .4)
}

html .tailwind-area .focus\:border-safe-700\/45:focus {
    border-color: rgb(var(--ui-safe-700) / .45)
}

html .tailwind-area .focus\:border-safe-700\/5:focus {
    border-color: rgb(var(--ui-safe-700) / .05)
}

html .tailwind-area .focus\:border-safe-700\/50:focus {
    border-color: rgb(var(--ui-safe-700) / .5)
}

html .tailwind-area .focus\:border-safe-700\/55:focus {
    border-color: rgb(var(--ui-safe-700) / .55)
}

html .tailwind-area .focus\:border-safe-700\/60:focus {
    border-color: rgb(var(--ui-safe-700) / .6)
}

html .tailwind-area .focus\:border-safe-700\/65:focus {
    border-color: rgb(var(--ui-safe-700) / .65)
}

html .tailwind-area .focus\:border-safe-700\/70:focus {
    border-color: rgb(var(--ui-safe-700) / .7)
}

html .tailwind-area .focus\:border-safe-700\/75:focus {
    border-color: rgb(var(--ui-safe-700) / .75)
}

html .tailwind-area .focus\:border-safe-700\/80:focus {
    border-color: rgb(var(--ui-safe-700) / .8)
}

html .tailwind-area .focus\:border-safe-700\/85:focus {
    border-color: rgb(var(--ui-safe-700) / .85)
}

html .tailwind-area .focus\:border-safe-700\/90:focus {
    border-color: rgb(var(--ui-safe-700) / .9)
}

html .tailwind-area .focus\:border-safe-700\/95:focus {
    border-color: rgb(var(--ui-safe-700) / .95)
}

html .tailwind-area .focus\:border-safe-800:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-safe-800) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-safe-800\/0:focus {
    border-color: rgb(var(--ui-safe-800) / 0)
}

html .tailwind-area .focus\:border-safe-800\/10:focus {
    border-color: rgb(var(--ui-safe-800) / .1)
}

html .tailwind-area .focus\:border-safe-800\/100:focus {
    border-color: rgb(var(--ui-safe-800) / 1)
}

html .tailwind-area .focus\:border-safe-800\/15:focus {
    border-color: rgb(var(--ui-safe-800) / .15)
}

html .tailwind-area .focus\:border-safe-800\/20:focus {
    border-color: rgb(var(--ui-safe-800) / .2)
}

html .tailwind-area .focus\:border-safe-800\/25:focus {
    border-color: rgb(var(--ui-safe-800) / .25)
}

html .tailwind-area .focus\:border-safe-800\/30:focus {
    border-color: rgb(var(--ui-safe-800) / .3)
}

html .tailwind-area .focus\:border-safe-800\/35:focus {
    border-color: rgb(var(--ui-safe-800) / .35)
}

html .tailwind-area .focus\:border-safe-800\/40:focus {
    border-color: rgb(var(--ui-safe-800) / .4)
}

html .tailwind-area .focus\:border-safe-800\/45:focus {
    border-color: rgb(var(--ui-safe-800) / .45)
}

html .tailwind-area .focus\:border-safe-800\/5:focus {
    border-color: rgb(var(--ui-safe-800) / .05)
}

html .tailwind-area .focus\:border-safe-800\/50:focus {
    border-color: rgb(var(--ui-safe-800) / .5)
}

html .tailwind-area .focus\:border-safe-800\/55:focus {
    border-color: rgb(var(--ui-safe-800) / .55)
}

html .tailwind-area .focus\:border-safe-800\/60:focus {
    border-color: rgb(var(--ui-safe-800) / .6)
}

html .tailwind-area .focus\:border-safe-800\/65:focus {
    border-color: rgb(var(--ui-safe-800) / .65)
}

html .tailwind-area .focus\:border-safe-800\/70:focus {
    border-color: rgb(var(--ui-safe-800) / .7)
}

html .tailwind-area .focus\:border-safe-800\/75:focus {
    border-color: rgb(var(--ui-safe-800) / .75)
}

html .tailwind-area .focus\:border-safe-800\/80:focus {
    border-color: rgb(var(--ui-safe-800) / .8)
}

html .tailwind-area .focus\:border-safe-800\/85:focus {
    border-color: rgb(var(--ui-safe-800) / .85)
}

html .tailwind-area .focus\:border-safe-800\/90:focus {
    border-color: rgb(var(--ui-safe-800) / .9)
}

html .tailwind-area .focus\:border-safe-800\/95:focus {
    border-color: rgb(var(--ui-safe-800) / .95)
}

html .tailwind-area .focus\:border-safe-900:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-safe-900) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-safe-900\/0:focus {
    border-color: rgb(var(--ui-safe-900) / 0)
}

html .tailwind-area .focus\:border-safe-900\/10:focus {
    border-color: rgb(var(--ui-safe-900) / .1)
}

html .tailwind-area .focus\:border-safe-900\/100:focus {
    border-color: rgb(var(--ui-safe-900) / 1)
}

html .tailwind-area .focus\:border-safe-900\/15:focus {
    border-color: rgb(var(--ui-safe-900) / .15)
}

html .tailwind-area .focus\:border-safe-900\/20:focus {
    border-color: rgb(var(--ui-safe-900) / .2)
}

html .tailwind-area .focus\:border-safe-900\/25:focus {
    border-color: rgb(var(--ui-safe-900) / .25)
}

html .tailwind-area .focus\:border-safe-900\/30:focus {
    border-color: rgb(var(--ui-safe-900) / .3)
}

html .tailwind-area .focus\:border-safe-900\/35:focus {
    border-color: rgb(var(--ui-safe-900) / .35)
}

html .tailwind-area .focus\:border-safe-900\/40:focus {
    border-color: rgb(var(--ui-safe-900) / .4)
}

html .tailwind-area .focus\:border-safe-900\/45:focus {
    border-color: rgb(var(--ui-safe-900) / .45)
}

html .tailwind-area .focus\:border-safe-900\/5:focus {
    border-color: rgb(var(--ui-safe-900) / .05)
}

html .tailwind-area .focus\:border-safe-900\/50:focus {
    border-color: rgb(var(--ui-safe-900) / .5)
}

html .tailwind-area .focus\:border-safe-900\/55:focus {
    border-color: rgb(var(--ui-safe-900) / .55)
}

html .tailwind-area .focus\:border-safe-900\/60:focus {
    border-color: rgb(var(--ui-safe-900) / .6)
}

html .tailwind-area .focus\:border-safe-900\/65:focus {
    border-color: rgb(var(--ui-safe-900) / .65)
}

html .tailwind-area .focus\:border-safe-900\/70:focus {
    border-color: rgb(var(--ui-safe-900) / .7)
}

html .tailwind-area .focus\:border-safe-900\/75:focus {
    border-color: rgb(var(--ui-safe-900) / .75)
}

html .tailwind-area .focus\:border-safe-900\/80:focus {
    border-color: rgb(var(--ui-safe-900) / .8)
}

html .tailwind-area .focus\:border-safe-900\/85:focus {
    border-color: rgb(var(--ui-safe-900) / .85)
}

html .tailwind-area .focus\:border-safe-900\/90:focus {
    border-color: rgb(var(--ui-safe-900) / .9)
}

html .tailwind-area .focus\:border-safe-900\/95:focus {
    border-color: rgb(var(--ui-safe-900) / .95)
}

html .tailwind-area .focus\:border-transparent:focus {
    border-color: transparent
}

html .tailwind-area .focus\:border-warning-100:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-warning-100) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-warning-100\/0:focus {
    border-color: rgb(var(--ui-warning-100) / 0)
}

html .tailwind-area .focus\:border-warning-100\/10:focus {
    border-color: rgb(var(--ui-warning-100) / .1)
}

html .tailwind-area .focus\:border-warning-100\/100:focus {
    border-color: rgb(var(--ui-warning-100) / 1)
}

html .tailwind-area .focus\:border-warning-100\/15:focus {
    border-color: rgb(var(--ui-warning-100) / .15)
}

html .tailwind-area .focus\:border-warning-100\/20:focus {
    border-color: rgb(var(--ui-warning-100) / .2)
}

html .tailwind-area .focus\:border-warning-100\/25:focus {
    border-color: rgb(var(--ui-warning-100) / .25)
}

html .tailwind-area .focus\:border-warning-100\/30:focus {
    border-color: rgb(var(--ui-warning-100) / .3)
}

html .tailwind-area .focus\:border-warning-100\/35:focus {
    border-color: rgb(var(--ui-warning-100) / .35)
}

html .tailwind-area .focus\:border-warning-100\/40:focus {
    border-color: rgb(var(--ui-warning-100) / .4)
}

html .tailwind-area .focus\:border-warning-100\/45:focus {
    border-color: rgb(var(--ui-warning-100) / .45)
}

html .tailwind-area .focus\:border-warning-100\/5:focus {
    border-color: rgb(var(--ui-warning-100) / .05)
}

html .tailwind-area .focus\:border-warning-100\/50:focus {
    border-color: rgb(var(--ui-warning-100) / .5)
}

html .tailwind-area .focus\:border-warning-100\/55:focus {
    border-color: rgb(var(--ui-warning-100) / .55)
}

html .tailwind-area .focus\:border-warning-100\/60:focus {
    border-color: rgb(var(--ui-warning-100) / .6)
}

html .tailwind-area .focus\:border-warning-100\/65:focus {
    border-color: rgb(var(--ui-warning-100) / .65)
}

html .tailwind-area .focus\:border-warning-100\/70:focus {
    border-color: rgb(var(--ui-warning-100) / .7)
}

html .tailwind-area .focus\:border-warning-100\/75:focus {
    border-color: rgb(var(--ui-warning-100) / .75)
}

html .tailwind-area .focus\:border-warning-100\/80:focus {
    border-color: rgb(var(--ui-warning-100) / .8)
}

html .tailwind-area .focus\:border-warning-100\/85:focus {
    border-color: rgb(var(--ui-warning-100) / .85)
}

html .tailwind-area .focus\:border-warning-100\/90:focus {
    border-color: rgb(var(--ui-warning-100) / .9)
}

html .tailwind-area .focus\:border-warning-100\/95:focus {
    border-color: rgb(var(--ui-warning-100) / .95)
}

html .tailwind-area .focus\:border-warning-200:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-warning-200) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-warning-200\/0:focus {
    border-color: rgb(var(--ui-warning-200) / 0)
}

html .tailwind-area .focus\:border-warning-200\/10:focus {
    border-color: rgb(var(--ui-warning-200) / .1)
}

html .tailwind-area .focus\:border-warning-200\/100:focus {
    border-color: rgb(var(--ui-warning-200) / 1)
}

html .tailwind-area .focus\:border-warning-200\/15:focus {
    border-color: rgb(var(--ui-warning-200) / .15)
}

html .tailwind-area .focus\:border-warning-200\/20:focus {
    border-color: rgb(var(--ui-warning-200) / .2)
}

html .tailwind-area .focus\:border-warning-200\/25:focus {
    border-color: rgb(var(--ui-warning-200) / .25)
}

html .tailwind-area .focus\:border-warning-200\/30:focus {
    border-color: rgb(var(--ui-warning-200) / .3)
}

html .tailwind-area .focus\:border-warning-200\/35:focus {
    border-color: rgb(var(--ui-warning-200) / .35)
}

html .tailwind-area .focus\:border-warning-200\/40:focus {
    border-color: rgb(var(--ui-warning-200) / .4)
}

html .tailwind-area .focus\:border-warning-200\/45:focus {
    border-color: rgb(var(--ui-warning-200) / .45)
}

html .tailwind-area .focus\:border-warning-200\/5:focus {
    border-color: rgb(var(--ui-warning-200) / .05)
}

html .tailwind-area .focus\:border-warning-200\/50:focus {
    border-color: rgb(var(--ui-warning-200) / .5)
}

html .tailwind-area .focus\:border-warning-200\/55:focus {
    border-color: rgb(var(--ui-warning-200) / .55)
}

html .tailwind-area .focus\:border-warning-200\/60:focus {
    border-color: rgb(var(--ui-warning-200) / .6)
}

html .tailwind-area .focus\:border-warning-200\/65:focus {
    border-color: rgb(var(--ui-warning-200) / .65)
}

html .tailwind-area .focus\:border-warning-200\/70:focus {
    border-color: rgb(var(--ui-warning-200) / .7)
}

html .tailwind-area .focus\:border-warning-200\/75:focus {
    border-color: rgb(var(--ui-warning-200) / .75)
}

html .tailwind-area .focus\:border-warning-200\/80:focus {
    border-color: rgb(var(--ui-warning-200) / .8)
}

html .tailwind-area .focus\:border-warning-200\/85:focus {
    border-color: rgb(var(--ui-warning-200) / .85)
}

html .tailwind-area .focus\:border-warning-200\/90:focus {
    border-color: rgb(var(--ui-warning-200) / .9)
}

html .tailwind-area .focus\:border-warning-200\/95:focus {
    border-color: rgb(var(--ui-warning-200) / .95)
}

html .tailwind-area .focus\:border-warning-300:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-warning-300) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-warning-300\/0:focus {
    border-color: rgb(var(--ui-warning-300) / 0)
}

html .tailwind-area .focus\:border-warning-300\/10:focus {
    border-color: rgb(var(--ui-warning-300) / .1)
}

html .tailwind-area .focus\:border-warning-300\/100:focus {
    border-color: rgb(var(--ui-warning-300) / 1)
}

html .tailwind-area .focus\:border-warning-300\/15:focus {
    border-color: rgb(var(--ui-warning-300) / .15)
}

html .tailwind-area .focus\:border-warning-300\/20:focus {
    border-color: rgb(var(--ui-warning-300) / .2)
}

html .tailwind-area .focus\:border-warning-300\/25:focus {
    border-color: rgb(var(--ui-warning-300) / .25)
}

html .tailwind-area .focus\:border-warning-300\/30:focus {
    border-color: rgb(var(--ui-warning-300) / .3)
}

html .tailwind-area .focus\:border-warning-300\/35:focus {
    border-color: rgb(var(--ui-warning-300) / .35)
}

html .tailwind-area .focus\:border-warning-300\/40:focus {
    border-color: rgb(var(--ui-warning-300) / .4)
}

html .tailwind-area .focus\:border-warning-300\/45:focus {
    border-color: rgb(var(--ui-warning-300) / .45)
}

html .tailwind-area .focus\:border-warning-300\/5:focus {
    border-color: rgb(var(--ui-warning-300) / .05)
}

html .tailwind-area .focus\:border-warning-300\/50:focus {
    border-color: rgb(var(--ui-warning-300) / .5)
}

html .tailwind-area .focus\:border-warning-300\/55:focus {
    border-color: rgb(var(--ui-warning-300) / .55)
}

html .tailwind-area .focus\:border-warning-300\/60:focus {
    border-color: rgb(var(--ui-warning-300) / .6)
}

html .tailwind-area .focus\:border-warning-300\/65:focus {
    border-color: rgb(var(--ui-warning-300) / .65)
}

html .tailwind-area .focus\:border-warning-300\/70:focus {
    border-color: rgb(var(--ui-warning-300) / .7)
}

html .tailwind-area .focus\:border-warning-300\/75:focus {
    border-color: rgb(var(--ui-warning-300) / .75)
}

html .tailwind-area .focus\:border-warning-300\/80:focus {
    border-color: rgb(var(--ui-warning-300) / .8)
}

html .tailwind-area .focus\:border-warning-300\/85:focus {
    border-color: rgb(var(--ui-warning-300) / .85)
}

html .tailwind-area .focus\:border-warning-300\/90:focus {
    border-color: rgb(var(--ui-warning-300) / .9)
}

html .tailwind-area .focus\:border-warning-300\/95:focus {
    border-color: rgb(var(--ui-warning-300) / .95)
}

html .tailwind-area .focus\:border-warning-400:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-warning-400) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-warning-400\/0:focus {
    border-color: rgb(var(--ui-warning-400) / 0)
}

html .tailwind-area .focus\:border-warning-400\/10:focus {
    border-color: rgb(var(--ui-warning-400) / .1)
}

html .tailwind-area .focus\:border-warning-400\/100:focus {
    border-color: rgb(var(--ui-warning-400) / 1)
}

html .tailwind-area .focus\:border-warning-400\/15:focus {
    border-color: rgb(var(--ui-warning-400) / .15)
}

html .tailwind-area .focus\:border-warning-400\/20:focus {
    border-color: rgb(var(--ui-warning-400) / .2)
}

html .tailwind-area .focus\:border-warning-400\/25:focus {
    border-color: rgb(var(--ui-warning-400) / .25)
}

html .tailwind-area .focus\:border-warning-400\/30:focus {
    border-color: rgb(var(--ui-warning-400) / .3)
}

html .tailwind-area .focus\:border-warning-400\/35:focus {
    border-color: rgb(var(--ui-warning-400) / .35)
}

html .tailwind-area .focus\:border-warning-400\/40:focus {
    border-color: rgb(var(--ui-warning-400) / .4)
}

html .tailwind-area .focus\:border-warning-400\/45:focus {
    border-color: rgb(var(--ui-warning-400) / .45)
}

html .tailwind-area .focus\:border-warning-400\/5:focus {
    border-color: rgb(var(--ui-warning-400) / .05)
}

html .tailwind-area .focus\:border-warning-400\/50:focus {
    border-color: rgb(var(--ui-warning-400) / .5)
}

html .tailwind-area .focus\:border-warning-400\/55:focus {
    border-color: rgb(var(--ui-warning-400) / .55)
}

html .tailwind-area .focus\:border-warning-400\/60:focus {
    border-color: rgb(var(--ui-warning-400) / .6)
}

html .tailwind-area .focus\:border-warning-400\/65:focus {
    border-color: rgb(var(--ui-warning-400) / .65)
}

html .tailwind-area .focus\:border-warning-400\/70:focus {
    border-color: rgb(var(--ui-warning-400) / .7)
}

html .tailwind-area .focus\:border-warning-400\/75:focus {
    border-color: rgb(var(--ui-warning-400) / .75)
}

html .tailwind-area .focus\:border-warning-400\/80:focus {
    border-color: rgb(var(--ui-warning-400) / .8)
}

html .tailwind-area .focus\:border-warning-400\/85:focus {
    border-color: rgb(var(--ui-warning-400) / .85)
}

html .tailwind-area .focus\:border-warning-400\/90:focus {
    border-color: rgb(var(--ui-warning-400) / .9)
}

html .tailwind-area .focus\:border-warning-400\/95:focus {
    border-color: rgb(var(--ui-warning-400) / .95)
}

html .tailwind-area .focus\:border-warning-50:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-warning-50) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-warning-50\/0:focus {
    border-color: rgb(var(--ui-warning-50) / 0)
}

html .tailwind-area .focus\:border-warning-50\/10:focus {
    border-color: rgb(var(--ui-warning-50) / .1)
}

html .tailwind-area .focus\:border-warning-50\/100:focus {
    border-color: rgb(var(--ui-warning-50) / 1)
}

html .tailwind-area .focus\:border-warning-50\/15:focus {
    border-color: rgb(var(--ui-warning-50) / .15)
}

html .tailwind-area .focus\:border-warning-50\/20:focus {
    border-color: rgb(var(--ui-warning-50) / .2)
}

html .tailwind-area .focus\:border-warning-50\/25:focus {
    border-color: rgb(var(--ui-warning-50) / .25)
}

html .tailwind-area .focus\:border-warning-50\/30:focus {
    border-color: rgb(var(--ui-warning-50) / .3)
}

html .tailwind-area .focus\:border-warning-50\/35:focus {
    border-color: rgb(var(--ui-warning-50) / .35)
}

html .tailwind-area .focus\:border-warning-50\/40:focus {
    border-color: rgb(var(--ui-warning-50) / .4)
}

html .tailwind-area .focus\:border-warning-50\/45:focus {
    border-color: rgb(var(--ui-warning-50) / .45)
}

html .tailwind-area .focus\:border-warning-50\/5:focus {
    border-color: rgb(var(--ui-warning-50) / .05)
}

html .tailwind-area .focus\:border-warning-50\/50:focus {
    border-color: rgb(var(--ui-warning-50) / .5)
}

html .tailwind-area .focus\:border-warning-50\/55:focus {
    border-color: rgb(var(--ui-warning-50) / .55)
}

html .tailwind-area .focus\:border-warning-50\/60:focus {
    border-color: rgb(var(--ui-warning-50) / .6)
}

html .tailwind-area .focus\:border-warning-50\/65:focus {
    border-color: rgb(var(--ui-warning-50) / .65)
}

html .tailwind-area .focus\:border-warning-50\/70:focus {
    border-color: rgb(var(--ui-warning-50) / .7)
}

html .tailwind-area .focus\:border-warning-50\/75:focus {
    border-color: rgb(var(--ui-warning-50) / .75)
}

html .tailwind-area .focus\:border-warning-50\/80:focus {
    border-color: rgb(var(--ui-warning-50) / .8)
}

html .tailwind-area .focus\:border-warning-50\/85:focus {
    border-color: rgb(var(--ui-warning-50) / .85)
}

html .tailwind-area .focus\:border-warning-50\/90:focus {
    border-color: rgb(var(--ui-warning-50) / .9)
}

html .tailwind-area .focus\:border-warning-50\/95:focus {
    border-color: rgb(var(--ui-warning-50) / .95)
}

html .tailwind-area .focus\:border-warning-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-warning-500) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-warning-500\/0:focus {
    border-color: rgb(var(--ui-warning-500) / 0)
}

html .tailwind-area .focus\:border-warning-500\/10:focus {
    border-color: rgb(var(--ui-warning-500) / .1)
}

html .tailwind-area .focus\:border-warning-500\/100:focus {
    border-color: rgb(var(--ui-warning-500) / 1)
}

html .tailwind-area .focus\:border-warning-500\/15:focus {
    border-color: rgb(var(--ui-warning-500) / .15)
}

html .tailwind-area .focus\:border-warning-500\/20:focus {
    border-color: rgb(var(--ui-warning-500) / .2)
}

html .tailwind-area .focus\:border-warning-500\/25:focus {
    border-color: rgb(var(--ui-warning-500) / .25)
}

html .tailwind-area .focus\:border-warning-500\/30:focus {
    border-color: rgb(var(--ui-warning-500) / .3)
}

html .tailwind-area .focus\:border-warning-500\/35:focus {
    border-color: rgb(var(--ui-warning-500) / .35)
}

html .tailwind-area .focus\:border-warning-500\/40:focus {
    border-color: rgb(var(--ui-warning-500) / .4)
}

html .tailwind-area .focus\:border-warning-500\/45:focus {
    border-color: rgb(var(--ui-warning-500) / .45)
}

html .tailwind-area .focus\:border-warning-500\/5:focus {
    border-color: rgb(var(--ui-warning-500) / .05)
}

html .tailwind-area .focus\:border-warning-500\/50:focus {
    border-color: rgb(var(--ui-warning-500) / .5)
}

html .tailwind-area .focus\:border-warning-500\/55:focus {
    border-color: rgb(var(--ui-warning-500) / .55)
}

html .tailwind-area .focus\:border-warning-500\/60:focus {
    border-color: rgb(var(--ui-warning-500) / .6)
}

html .tailwind-area .focus\:border-warning-500\/65:focus {
    border-color: rgb(var(--ui-warning-500) / .65)
}

html .tailwind-area .focus\:border-warning-500\/70:focus {
    border-color: rgb(var(--ui-warning-500) / .7)
}

html .tailwind-area .focus\:border-warning-500\/75:focus {
    border-color: rgb(var(--ui-warning-500) / .75)
}

html .tailwind-area .focus\:border-warning-500\/80:focus {
    border-color: rgb(var(--ui-warning-500) / .8)
}

html .tailwind-area .focus\:border-warning-500\/85:focus {
    border-color: rgb(var(--ui-warning-500) / .85)
}

html .tailwind-area .focus\:border-warning-500\/90:focus {
    border-color: rgb(var(--ui-warning-500) / .9)
}

html .tailwind-area .focus\:border-warning-500\/95:focus {
    border-color: rgb(var(--ui-warning-500) / .95)
}

html .tailwind-area .focus\:border-warning-600:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-warning-600) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-warning-600\/0:focus {
    border-color: rgb(var(--ui-warning-600) / 0)
}

html .tailwind-area .focus\:border-warning-600\/10:focus {
    border-color: rgb(var(--ui-warning-600) / .1)
}

html .tailwind-area .focus\:border-warning-600\/100:focus {
    border-color: rgb(var(--ui-warning-600) / 1)
}

html .tailwind-area .focus\:border-warning-600\/15:focus {
    border-color: rgb(var(--ui-warning-600) / .15)
}

html .tailwind-area .focus\:border-warning-600\/20:focus {
    border-color: rgb(var(--ui-warning-600) / .2)
}

html .tailwind-area .focus\:border-warning-600\/25:focus {
    border-color: rgb(var(--ui-warning-600) / .25)
}

html .tailwind-area .focus\:border-warning-600\/30:focus {
    border-color: rgb(var(--ui-warning-600) / .3)
}

html .tailwind-area .focus\:border-warning-600\/35:focus {
    border-color: rgb(var(--ui-warning-600) / .35)
}

html .tailwind-area .focus\:border-warning-600\/40:focus {
    border-color: rgb(var(--ui-warning-600) / .4)
}

html .tailwind-area .focus\:border-warning-600\/45:focus {
    border-color: rgb(var(--ui-warning-600) / .45)
}

html .tailwind-area .focus\:border-warning-600\/5:focus {
    border-color: rgb(var(--ui-warning-600) / .05)
}

html .tailwind-area .focus\:border-warning-600\/50:focus {
    border-color: rgb(var(--ui-warning-600) / .5)
}

html .tailwind-area .focus\:border-warning-600\/55:focus {
    border-color: rgb(var(--ui-warning-600) / .55)
}

html .tailwind-area .focus\:border-warning-600\/60:focus {
    border-color: rgb(var(--ui-warning-600) / .6)
}

html .tailwind-area .focus\:border-warning-600\/65:focus {
    border-color: rgb(var(--ui-warning-600) / .65)
}

html .tailwind-area .focus\:border-warning-600\/70:focus {
    border-color: rgb(var(--ui-warning-600) / .7)
}

html .tailwind-area .focus\:border-warning-600\/75:focus {
    border-color: rgb(var(--ui-warning-600) / .75)
}

html .tailwind-area .focus\:border-warning-600\/80:focus {
    border-color: rgb(var(--ui-warning-600) / .8)
}

html .tailwind-area .focus\:border-warning-600\/85:focus {
    border-color: rgb(var(--ui-warning-600) / .85)
}

html .tailwind-area .focus\:border-warning-600\/90:focus {
    border-color: rgb(var(--ui-warning-600) / .9)
}

html .tailwind-area .focus\:border-warning-600\/95:focus {
    border-color: rgb(var(--ui-warning-600) / .95)
}

html .tailwind-area .focus\:border-warning-700:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-warning-700) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-warning-700\/0:focus {
    border-color: rgb(var(--ui-warning-700) / 0)
}

html .tailwind-area .focus\:border-warning-700\/10:focus {
    border-color: rgb(var(--ui-warning-700) / .1)
}

html .tailwind-area .focus\:border-warning-700\/100:focus {
    border-color: rgb(var(--ui-warning-700) / 1)
}

html .tailwind-area .focus\:border-warning-700\/15:focus {
    border-color: rgb(var(--ui-warning-700) / .15)
}

html .tailwind-area .focus\:border-warning-700\/20:focus {
    border-color: rgb(var(--ui-warning-700) / .2)
}

html .tailwind-area .focus\:border-warning-700\/25:focus {
    border-color: rgb(var(--ui-warning-700) / .25)
}

html .tailwind-area .focus\:border-warning-700\/30:focus {
    border-color: rgb(var(--ui-warning-700) / .3)
}

html .tailwind-area .focus\:border-warning-700\/35:focus {
    border-color: rgb(var(--ui-warning-700) / .35)
}

html .tailwind-area .focus\:border-warning-700\/40:focus {
    border-color: rgb(var(--ui-warning-700) / .4)
}

html .tailwind-area .focus\:border-warning-700\/45:focus {
    border-color: rgb(var(--ui-warning-700) / .45)
}

html .tailwind-area .focus\:border-warning-700\/5:focus {
    border-color: rgb(var(--ui-warning-700) / .05)
}

html .tailwind-area .focus\:border-warning-700\/50:focus {
    border-color: rgb(var(--ui-warning-700) / .5)
}

html .tailwind-area .focus\:border-warning-700\/55:focus {
    border-color: rgb(var(--ui-warning-700) / .55)
}

html .tailwind-area .focus\:border-warning-700\/60:focus {
    border-color: rgb(var(--ui-warning-700) / .6)
}

html .tailwind-area .focus\:border-warning-700\/65:focus {
    border-color: rgb(var(--ui-warning-700) / .65)
}

html .tailwind-area .focus\:border-warning-700\/70:focus {
    border-color: rgb(var(--ui-warning-700) / .7)
}

html .tailwind-area .focus\:border-warning-700\/75:focus {
    border-color: rgb(var(--ui-warning-700) / .75)
}

html .tailwind-area .focus\:border-warning-700\/80:focus {
    border-color: rgb(var(--ui-warning-700) / .8)
}

html .tailwind-area .focus\:border-warning-700\/85:focus {
    border-color: rgb(var(--ui-warning-700) / .85)
}

html .tailwind-area .focus\:border-warning-700\/90:focus {
    border-color: rgb(var(--ui-warning-700) / .9)
}

html .tailwind-area .focus\:border-warning-700\/95:focus {
    border-color: rgb(var(--ui-warning-700) / .95)
}

html .tailwind-area .focus\:border-warning-800:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-warning-800) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-warning-800\/0:focus {
    border-color: rgb(var(--ui-warning-800) / 0)
}

html .tailwind-area .focus\:border-warning-800\/10:focus {
    border-color: rgb(var(--ui-warning-800) / .1)
}

html .tailwind-area .focus\:border-warning-800\/100:focus {
    border-color: rgb(var(--ui-warning-800) / 1)
}

html .tailwind-area .focus\:border-warning-800\/15:focus {
    border-color: rgb(var(--ui-warning-800) / .15)
}

html .tailwind-area .focus\:border-warning-800\/20:focus {
    border-color: rgb(var(--ui-warning-800) / .2)
}

html .tailwind-area .focus\:border-warning-800\/25:focus {
    border-color: rgb(var(--ui-warning-800) / .25)
}

html .tailwind-area .focus\:border-warning-800\/30:focus {
    border-color: rgb(var(--ui-warning-800) / .3)
}

html .tailwind-area .focus\:border-warning-800\/35:focus {
    border-color: rgb(var(--ui-warning-800) / .35)
}

html .tailwind-area .focus\:border-warning-800\/40:focus {
    border-color: rgb(var(--ui-warning-800) / .4)
}

html .tailwind-area .focus\:border-warning-800\/45:focus {
    border-color: rgb(var(--ui-warning-800) / .45)
}

html .tailwind-area .focus\:border-warning-800\/5:focus {
    border-color: rgb(var(--ui-warning-800) / .05)
}

html .tailwind-area .focus\:border-warning-800\/50:focus {
    border-color: rgb(var(--ui-warning-800) / .5)
}

html .tailwind-area .focus\:border-warning-800\/55:focus {
    border-color: rgb(var(--ui-warning-800) / .55)
}

html .tailwind-area .focus\:border-warning-800\/60:focus {
    border-color: rgb(var(--ui-warning-800) / .6)
}

html .tailwind-area .focus\:border-warning-800\/65:focus {
    border-color: rgb(var(--ui-warning-800) / .65)
}

html .tailwind-area .focus\:border-warning-800\/70:focus {
    border-color: rgb(var(--ui-warning-800) / .7)
}

html .tailwind-area .focus\:border-warning-800\/75:focus {
    border-color: rgb(var(--ui-warning-800) / .75)
}

html .tailwind-area .focus\:border-warning-800\/80:focus {
    border-color: rgb(var(--ui-warning-800) / .8)
}

html .tailwind-area .focus\:border-warning-800\/85:focus {
    border-color: rgb(var(--ui-warning-800) / .85)
}

html .tailwind-area .focus\:border-warning-800\/90:focus {
    border-color: rgb(var(--ui-warning-800) / .9)
}

html .tailwind-area .focus\:border-warning-800\/95:focus {
    border-color: rgb(var(--ui-warning-800) / .95)
}

html .tailwind-area .focus\:border-warning-900:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-warning-900) / var(--tw-border-opacity))
}

html .tailwind-area .focus\:border-warning-900\/0:focus {
    border-color: rgb(var(--ui-warning-900) / 0)
}

html .tailwind-area .focus\:border-warning-900\/10:focus {
    border-color: rgb(var(--ui-warning-900) / .1)
}

html .tailwind-area .focus\:border-warning-900\/100:focus {
    border-color: rgb(var(--ui-warning-900) / 1)
}

html .tailwind-area .focus\:border-warning-900\/15:focus {
    border-color: rgb(var(--ui-warning-900) / .15)
}

html .tailwind-area .focus\:border-warning-900\/20:focus {
    border-color: rgb(var(--ui-warning-900) / .2)
}

html .tailwind-area .focus\:border-warning-900\/25:focus {
    border-color: rgb(var(--ui-warning-900) / .25)
}

html .tailwind-area .focus\:border-warning-900\/30:focus {
    border-color: rgb(var(--ui-warning-900) / .3)
}

html .tailwind-area .focus\:border-warning-900\/35:focus {
    border-color: rgb(var(--ui-warning-900) / .35)
}

html .tailwind-area .focus\:border-warning-900\/40:focus {
    border-color: rgb(var(--ui-warning-900) / .4)
}

html .tailwind-area .focus\:border-warning-900\/45:focus {
    border-color: rgb(var(--ui-warning-900) / .45)
}

html .tailwind-area .focus\:border-warning-900\/5:focus {
    border-color: rgb(var(--ui-warning-900) / .05)
}

html .tailwind-area .focus\:border-warning-900\/50:focus {
    border-color: rgb(var(--ui-warning-900) / .5)
}

html .tailwind-area .focus\:border-warning-900\/55:focus {
    border-color: rgb(var(--ui-warning-900) / .55)
}

html .tailwind-area .focus\:border-warning-900\/60:focus {
    border-color: rgb(var(--ui-warning-900) / .6)
}

html .tailwind-area .focus\:border-warning-900\/65:focus {
    border-color: rgb(var(--ui-warning-900) / .65)
}

html .tailwind-area .focus\:border-warning-900\/70:focus {
    border-color: rgb(var(--ui-warning-900) / .7)
}

html .tailwind-area .focus\:border-warning-900\/75:focus {
    border-color: rgb(var(--ui-warning-900) / .75)
}

html .tailwind-area .focus\:border-warning-900\/80:focus {
    border-color: rgb(var(--ui-warning-900) / .8)
}

html .tailwind-area .focus\:border-warning-900\/85:focus {
    border-color: rgb(var(--ui-warning-900) / .85)
}

html .tailwind-area .focus\:border-warning-900\/90:focus {
    border-color: rgb(var(--ui-warning-900) / .9)
}

html .tailwind-area .focus\:border-warning-900\/95:focus {
    border-color: rgb(var(--ui-warning-900) / .95)
}

html .tailwind-area .focus\:bg-danger-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-danger-100) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-danger-100\/0:focus {
    background-color: rgb(var(--ui-danger-100) / 0)
}

html .tailwind-area .focus\:bg-danger-100\/10:focus {
    background-color: rgb(var(--ui-danger-100) / .1)
}

html .tailwind-area .focus\:bg-danger-100\/100:focus {
    background-color: rgb(var(--ui-danger-100) / 1)
}

html .tailwind-area .focus\:bg-danger-100\/15:focus {
    background-color: rgb(var(--ui-danger-100) / .15)
}

html .tailwind-area .focus\:bg-danger-100\/20:focus {
    background-color: rgb(var(--ui-danger-100) / .2)
}

html .tailwind-area .focus\:bg-danger-100\/25:focus {
    background-color: rgb(var(--ui-danger-100) / .25)
}

html .tailwind-area .focus\:bg-danger-100\/30:focus {
    background-color: rgb(var(--ui-danger-100) / .3)
}

html .tailwind-area .focus\:bg-danger-100\/35:focus {
    background-color: rgb(var(--ui-danger-100) / .35)
}

html .tailwind-area .focus\:bg-danger-100\/40:focus {
    background-color: rgb(var(--ui-danger-100) / .4)
}

html .tailwind-area .focus\:bg-danger-100\/45:focus {
    background-color: rgb(var(--ui-danger-100) / .45)
}

html .tailwind-area .focus\:bg-danger-100\/5:focus {
    background-color: rgb(var(--ui-danger-100) / .05)
}

html .tailwind-area .focus\:bg-danger-100\/50:focus {
    background-color: rgb(var(--ui-danger-100) / .5)
}

html .tailwind-area .focus\:bg-danger-100\/55:focus {
    background-color: rgb(var(--ui-danger-100) / .55)
}

html .tailwind-area .focus\:bg-danger-100\/60:focus {
    background-color: rgb(var(--ui-danger-100) / .6)
}

html .tailwind-area .focus\:bg-danger-100\/65:focus {
    background-color: rgb(var(--ui-danger-100) / .65)
}

html .tailwind-area .focus\:bg-danger-100\/70:focus {
    background-color: rgb(var(--ui-danger-100) / .7)
}

html .tailwind-area .focus\:bg-danger-100\/75:focus {
    background-color: rgb(var(--ui-danger-100) / .75)
}

html .tailwind-area .focus\:bg-danger-100\/80:focus {
    background-color: rgb(var(--ui-danger-100) / .8)
}

html .tailwind-area .focus\:bg-danger-100\/85:focus {
    background-color: rgb(var(--ui-danger-100) / .85)
}

html .tailwind-area .focus\:bg-danger-100\/90:focus {
    background-color: rgb(var(--ui-danger-100) / .9)
}

html .tailwind-area .focus\:bg-danger-100\/95:focus {
    background-color: rgb(var(--ui-danger-100) / .95)
}

html .tailwind-area .focus\:bg-danger-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-danger-200) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-danger-200\/0:focus {
    background-color: rgb(var(--ui-danger-200) / 0)
}

html .tailwind-area .focus\:bg-danger-200\/10:focus {
    background-color: rgb(var(--ui-danger-200) / .1)
}

html .tailwind-area .focus\:bg-danger-200\/100:focus {
    background-color: rgb(var(--ui-danger-200) / 1)
}

html .tailwind-area .focus\:bg-danger-200\/15:focus {
    background-color: rgb(var(--ui-danger-200) / .15)
}

html .tailwind-area .focus\:bg-danger-200\/20:focus {
    background-color: rgb(var(--ui-danger-200) / .2)
}

html .tailwind-area .focus\:bg-danger-200\/25:focus {
    background-color: rgb(var(--ui-danger-200) / .25)
}

html .tailwind-area .focus\:bg-danger-200\/30:focus {
    background-color: rgb(var(--ui-danger-200) / .3)
}

html .tailwind-area .focus\:bg-danger-200\/35:focus {
    background-color: rgb(var(--ui-danger-200) / .35)
}

html .tailwind-area .focus\:bg-danger-200\/40:focus {
    background-color: rgb(var(--ui-danger-200) / .4)
}

html .tailwind-area .focus\:bg-danger-200\/45:focus {
    background-color: rgb(var(--ui-danger-200) / .45)
}

html .tailwind-area .focus\:bg-danger-200\/5:focus {
    background-color: rgb(var(--ui-danger-200) / .05)
}

html .tailwind-area .focus\:bg-danger-200\/50:focus {
    background-color: rgb(var(--ui-danger-200) / .5)
}

html .tailwind-area .focus\:bg-danger-200\/55:focus {
    background-color: rgb(var(--ui-danger-200) / .55)
}

html .tailwind-area .focus\:bg-danger-200\/60:focus {
    background-color: rgb(var(--ui-danger-200) / .6)
}

html .tailwind-area .focus\:bg-danger-200\/65:focus {
    background-color: rgb(var(--ui-danger-200) / .65)
}

html .tailwind-area .focus\:bg-danger-200\/70:focus {
    background-color: rgb(var(--ui-danger-200) / .7)
}

html .tailwind-area .focus\:bg-danger-200\/75:focus {
    background-color: rgb(var(--ui-danger-200) / .75)
}

html .tailwind-area .focus\:bg-danger-200\/80:focus {
    background-color: rgb(var(--ui-danger-200) / .8)
}

html .tailwind-area .focus\:bg-danger-200\/85:focus {
    background-color: rgb(var(--ui-danger-200) / .85)
}

html .tailwind-area .focus\:bg-danger-200\/90:focus {
    background-color: rgb(var(--ui-danger-200) / .9)
}

html .tailwind-area .focus\:bg-danger-200\/95:focus {
    background-color: rgb(var(--ui-danger-200) / .95)
}

html .tailwind-area .focus\:bg-danger-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-danger-300) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-danger-300\/0:focus {
    background-color: rgb(var(--ui-danger-300) / 0)
}

html .tailwind-area .focus\:bg-danger-300\/10:focus {
    background-color: rgb(var(--ui-danger-300) / .1)
}

html .tailwind-area .focus\:bg-danger-300\/100:focus {
    background-color: rgb(var(--ui-danger-300) / 1)
}

html .tailwind-area .focus\:bg-danger-300\/15:focus {
    background-color: rgb(var(--ui-danger-300) / .15)
}

html .tailwind-area .focus\:bg-danger-300\/20:focus {
    background-color: rgb(var(--ui-danger-300) / .2)
}

html .tailwind-area .focus\:bg-danger-300\/25:focus {
    background-color: rgb(var(--ui-danger-300) / .25)
}

html .tailwind-area .focus\:bg-danger-300\/30:focus {
    background-color: rgb(var(--ui-danger-300) / .3)
}

html .tailwind-area .focus\:bg-danger-300\/35:focus {
    background-color: rgb(var(--ui-danger-300) / .35)
}

html .tailwind-area .focus\:bg-danger-300\/40:focus {
    background-color: rgb(var(--ui-danger-300) / .4)
}

html .tailwind-area .focus\:bg-danger-300\/45:focus {
    background-color: rgb(var(--ui-danger-300) / .45)
}

html .tailwind-area .focus\:bg-danger-300\/5:focus {
    background-color: rgb(var(--ui-danger-300) / .05)
}

html .tailwind-area .focus\:bg-danger-300\/50:focus {
    background-color: rgb(var(--ui-danger-300) / .5)
}

html .tailwind-area .focus\:bg-danger-300\/55:focus {
    background-color: rgb(var(--ui-danger-300) / .55)
}

html .tailwind-area .focus\:bg-danger-300\/60:focus {
    background-color: rgb(var(--ui-danger-300) / .6)
}

html .tailwind-area .focus\:bg-danger-300\/65:focus {
    background-color: rgb(var(--ui-danger-300) / .65)
}

html .tailwind-area .focus\:bg-danger-300\/70:focus {
    background-color: rgb(var(--ui-danger-300) / .7)
}

html .tailwind-area .focus\:bg-danger-300\/75:focus {
    background-color: rgb(var(--ui-danger-300) / .75)
}

html .tailwind-area .focus\:bg-danger-300\/80:focus {
    background-color: rgb(var(--ui-danger-300) / .8)
}

html .tailwind-area .focus\:bg-danger-300\/85:focus {
    background-color: rgb(var(--ui-danger-300) / .85)
}

html .tailwind-area .focus\:bg-danger-300\/90:focus {
    background-color: rgb(var(--ui-danger-300) / .9)
}

html .tailwind-area .focus\:bg-danger-300\/95:focus {
    background-color: rgb(var(--ui-danger-300) / .95)
}

html .tailwind-area .focus\:bg-danger-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-danger-400) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-danger-400\/0:focus {
    background-color: rgb(var(--ui-danger-400) / 0)
}

html .tailwind-area .focus\:bg-danger-400\/10:focus {
    background-color: rgb(var(--ui-danger-400) / .1)
}

html .tailwind-area .focus\:bg-danger-400\/100:focus {
    background-color: rgb(var(--ui-danger-400) / 1)
}

html .tailwind-area .focus\:bg-danger-400\/15:focus {
    background-color: rgb(var(--ui-danger-400) / .15)
}

html .tailwind-area .focus\:bg-danger-400\/20:focus {
    background-color: rgb(var(--ui-danger-400) / .2)
}

html .tailwind-area .focus\:bg-danger-400\/25:focus {
    background-color: rgb(var(--ui-danger-400) / .25)
}

html .tailwind-area .focus\:bg-danger-400\/30:focus {
    background-color: rgb(var(--ui-danger-400) / .3)
}

html .tailwind-area .focus\:bg-danger-400\/35:focus {
    background-color: rgb(var(--ui-danger-400) / .35)
}

html .tailwind-area .focus\:bg-danger-400\/40:focus {
    background-color: rgb(var(--ui-danger-400) / .4)
}

html .tailwind-area .focus\:bg-danger-400\/45:focus {
    background-color: rgb(var(--ui-danger-400) / .45)
}

html .tailwind-area .focus\:bg-danger-400\/5:focus {
    background-color: rgb(var(--ui-danger-400) / .05)
}

html .tailwind-area .focus\:bg-danger-400\/50:focus {
    background-color: rgb(var(--ui-danger-400) / .5)
}

html .tailwind-area .focus\:bg-danger-400\/55:focus {
    background-color: rgb(var(--ui-danger-400) / .55)
}

html .tailwind-area .focus\:bg-danger-400\/60:focus {
    background-color: rgb(var(--ui-danger-400) / .6)
}

html .tailwind-area .focus\:bg-danger-400\/65:focus {
    background-color: rgb(var(--ui-danger-400) / .65)
}

html .tailwind-area .focus\:bg-danger-400\/70:focus {
    background-color: rgb(var(--ui-danger-400) / .7)
}

html .tailwind-area .focus\:bg-danger-400\/75:focus {
    background-color: rgb(var(--ui-danger-400) / .75)
}

html .tailwind-area .focus\:bg-danger-400\/80:focus {
    background-color: rgb(var(--ui-danger-400) / .8)
}

html .tailwind-area .focus\:bg-danger-400\/85:focus {
    background-color: rgb(var(--ui-danger-400) / .85)
}

html .tailwind-area .focus\:bg-danger-400\/90:focus {
    background-color: rgb(var(--ui-danger-400) / .9)
}

html .tailwind-area .focus\:bg-danger-400\/95:focus {
    background-color: rgb(var(--ui-danger-400) / .95)
}

html .tailwind-area .focus\:bg-danger-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-danger-50) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-danger-50\/0:focus {
    background-color: rgb(var(--ui-danger-50) / 0)
}

html .tailwind-area .focus\:bg-danger-50\/10:focus {
    background-color: rgb(var(--ui-danger-50) / .1)
}

html .tailwind-area .focus\:bg-danger-50\/100:focus {
    background-color: rgb(var(--ui-danger-50) / 1)
}

html .tailwind-area .focus\:bg-danger-50\/15:focus {
    background-color: rgb(var(--ui-danger-50) / .15)
}

html .tailwind-area .focus\:bg-danger-50\/20:focus {
    background-color: rgb(var(--ui-danger-50) / .2)
}

html .tailwind-area .focus\:bg-danger-50\/25:focus {
    background-color: rgb(var(--ui-danger-50) / .25)
}

html .tailwind-area .focus\:bg-danger-50\/30:focus {
    background-color: rgb(var(--ui-danger-50) / .3)
}

html .tailwind-area .focus\:bg-danger-50\/35:focus {
    background-color: rgb(var(--ui-danger-50) / .35)
}

html .tailwind-area .focus\:bg-danger-50\/40:focus {
    background-color: rgb(var(--ui-danger-50) / .4)
}

html .tailwind-area .focus\:bg-danger-50\/45:focus {
    background-color: rgb(var(--ui-danger-50) / .45)
}

html .tailwind-area .focus\:bg-danger-50\/5:focus {
    background-color: rgb(var(--ui-danger-50) / .05)
}

html .tailwind-area .focus\:bg-danger-50\/50:focus {
    background-color: rgb(var(--ui-danger-50) / .5)
}

html .tailwind-area .focus\:bg-danger-50\/55:focus {
    background-color: rgb(var(--ui-danger-50) / .55)
}

html .tailwind-area .focus\:bg-danger-50\/60:focus {
    background-color: rgb(var(--ui-danger-50) / .6)
}

html .tailwind-area .focus\:bg-danger-50\/65:focus {
    background-color: rgb(var(--ui-danger-50) / .65)
}

html .tailwind-area .focus\:bg-danger-50\/70:focus {
    background-color: rgb(var(--ui-danger-50) / .7)
}

html .tailwind-area .focus\:bg-danger-50\/75:focus {
    background-color: rgb(var(--ui-danger-50) / .75)
}

html .tailwind-area .focus\:bg-danger-50\/80:focus {
    background-color: rgb(var(--ui-danger-50) / .8)
}

html .tailwind-area .focus\:bg-danger-50\/85:focus {
    background-color: rgb(var(--ui-danger-50) / .85)
}

html .tailwind-area .focus\:bg-danger-50\/90:focus {
    background-color: rgb(var(--ui-danger-50) / .9)
}

html .tailwind-area .focus\:bg-danger-50\/95:focus {
    background-color: rgb(var(--ui-danger-50) / .95)
}

html .tailwind-area .focus\:bg-danger-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-danger-500) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-danger-500\/0:focus {
    background-color: rgb(var(--ui-danger-500) / 0)
}

html .tailwind-area .focus\:bg-danger-500\/10:focus {
    background-color: rgb(var(--ui-danger-500) / .1)
}

html .tailwind-area .focus\:bg-danger-500\/100:focus {
    background-color: rgb(var(--ui-danger-500) / 1)
}

html .tailwind-area .focus\:bg-danger-500\/15:focus {
    background-color: rgb(var(--ui-danger-500) / .15)
}

html .tailwind-area .focus\:bg-danger-500\/20:focus {
    background-color: rgb(var(--ui-danger-500) / .2)
}

html .tailwind-area .focus\:bg-danger-500\/25:focus {
    background-color: rgb(var(--ui-danger-500) / .25)
}

html .tailwind-area .focus\:bg-danger-500\/30:focus {
    background-color: rgb(var(--ui-danger-500) / .3)
}

html .tailwind-area .focus\:bg-danger-500\/35:focus {
    background-color: rgb(var(--ui-danger-500) / .35)
}

html .tailwind-area .focus\:bg-danger-500\/40:focus {
    background-color: rgb(var(--ui-danger-500) / .4)
}

html .tailwind-area .focus\:bg-danger-500\/45:focus {
    background-color: rgb(var(--ui-danger-500) / .45)
}

html .tailwind-area .focus\:bg-danger-500\/5:focus {
    background-color: rgb(var(--ui-danger-500) / .05)
}

html .tailwind-area .focus\:bg-danger-500\/50:focus {
    background-color: rgb(var(--ui-danger-500) / .5)
}

html .tailwind-area .focus\:bg-danger-500\/55:focus {
    background-color: rgb(var(--ui-danger-500) / .55)
}

html .tailwind-area .focus\:bg-danger-500\/60:focus {
    background-color: rgb(var(--ui-danger-500) / .6)
}

html .tailwind-area .focus\:bg-danger-500\/65:focus {
    background-color: rgb(var(--ui-danger-500) / .65)
}

html .tailwind-area .focus\:bg-danger-500\/70:focus {
    background-color: rgb(var(--ui-danger-500) / .7)
}

html .tailwind-area .focus\:bg-danger-500\/75:focus {
    background-color: rgb(var(--ui-danger-500) / .75)
}

html .tailwind-area .focus\:bg-danger-500\/80:focus {
    background-color: rgb(var(--ui-danger-500) / .8)
}

html .tailwind-area .focus\:bg-danger-500\/85:focus {
    background-color: rgb(var(--ui-danger-500) / .85)
}

html .tailwind-area .focus\:bg-danger-500\/90:focus {
    background-color: rgb(var(--ui-danger-500) / .9)
}

html .tailwind-area .focus\:bg-danger-500\/95:focus {
    background-color: rgb(var(--ui-danger-500) / .95)
}

html .tailwind-area .focus\:bg-danger-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-danger-600) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-danger-600\/0:focus {
    background-color: rgb(var(--ui-danger-600) / 0)
}

html .tailwind-area .focus\:bg-danger-600\/10:focus {
    background-color: rgb(var(--ui-danger-600) / .1)
}

html .tailwind-area .focus\:bg-danger-600\/100:focus {
    background-color: rgb(var(--ui-danger-600) / 1)
}

html .tailwind-area .focus\:bg-danger-600\/15:focus {
    background-color: rgb(var(--ui-danger-600) / .15)
}

html .tailwind-area .focus\:bg-danger-600\/20:focus {
    background-color: rgb(var(--ui-danger-600) / .2)
}

html .tailwind-area .focus\:bg-danger-600\/25:focus {
    background-color: rgb(var(--ui-danger-600) / .25)
}

html .tailwind-area .focus\:bg-danger-600\/30:focus {
    background-color: rgb(var(--ui-danger-600) / .3)
}

html .tailwind-area .focus\:bg-danger-600\/35:focus {
    background-color: rgb(var(--ui-danger-600) / .35)
}

html .tailwind-area .focus\:bg-danger-600\/40:focus {
    background-color: rgb(var(--ui-danger-600) / .4)
}

html .tailwind-area .focus\:bg-danger-600\/45:focus {
    background-color: rgb(var(--ui-danger-600) / .45)
}

html .tailwind-area .focus\:bg-danger-600\/5:focus {
    background-color: rgb(var(--ui-danger-600) / .05)
}

html .tailwind-area .focus\:bg-danger-600\/50:focus {
    background-color: rgb(var(--ui-danger-600) / .5)
}

html .tailwind-area .focus\:bg-danger-600\/55:focus {
    background-color: rgb(var(--ui-danger-600) / .55)
}

html .tailwind-area .focus\:bg-danger-600\/60:focus {
    background-color: rgb(var(--ui-danger-600) / .6)
}

html .tailwind-area .focus\:bg-danger-600\/65:focus {
    background-color: rgb(var(--ui-danger-600) / .65)
}

html .tailwind-area .focus\:bg-danger-600\/70:focus {
    background-color: rgb(var(--ui-danger-600) / .7)
}

html .tailwind-area .focus\:bg-danger-600\/75:focus {
    background-color: rgb(var(--ui-danger-600) / .75)
}

html .tailwind-area .focus\:bg-danger-600\/80:focus {
    background-color: rgb(var(--ui-danger-600) / .8)
}

html .tailwind-area .focus\:bg-danger-600\/85:focus {
    background-color: rgb(var(--ui-danger-600) / .85)
}

html .tailwind-area .focus\:bg-danger-600\/90:focus {
    background-color: rgb(var(--ui-danger-600) / .9)
}

html .tailwind-area .focus\:bg-danger-600\/95:focus {
    background-color: rgb(var(--ui-danger-600) / .95)
}

html .tailwind-area .focus\:bg-danger-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-danger-700) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-danger-700\/0:focus {
    background-color: rgb(var(--ui-danger-700) / 0)
}

html .tailwind-area .focus\:bg-danger-700\/10:focus {
    background-color: rgb(var(--ui-danger-700) / .1)
}

html .tailwind-area .focus\:bg-danger-700\/100:focus {
    background-color: rgb(var(--ui-danger-700) / 1)
}

html .tailwind-area .focus\:bg-danger-700\/15:focus {
    background-color: rgb(var(--ui-danger-700) / .15)
}

html .tailwind-area .focus\:bg-danger-700\/20:focus {
    background-color: rgb(var(--ui-danger-700) / .2)
}

html .tailwind-area .focus\:bg-danger-700\/25:focus {
    background-color: rgb(var(--ui-danger-700) / .25)
}

html .tailwind-area .focus\:bg-danger-700\/30:focus {
    background-color: rgb(var(--ui-danger-700) / .3)
}

html .tailwind-area .focus\:bg-danger-700\/35:focus {
    background-color: rgb(var(--ui-danger-700) / .35)
}

html .tailwind-area .focus\:bg-danger-700\/40:focus {
    background-color: rgb(var(--ui-danger-700) / .4)
}

html .tailwind-area .focus\:bg-danger-700\/45:focus {
    background-color: rgb(var(--ui-danger-700) / .45)
}

html .tailwind-area .focus\:bg-danger-700\/5:focus {
    background-color: rgb(var(--ui-danger-700) / .05)
}

html .tailwind-area .focus\:bg-danger-700\/50:focus {
    background-color: rgb(var(--ui-danger-700) / .5)
}

html .tailwind-area .focus\:bg-danger-700\/55:focus {
    background-color: rgb(var(--ui-danger-700) / .55)
}

html .tailwind-area .focus\:bg-danger-700\/60:focus {
    background-color: rgb(var(--ui-danger-700) / .6)
}

html .tailwind-area .focus\:bg-danger-700\/65:focus {
    background-color: rgb(var(--ui-danger-700) / .65)
}

html .tailwind-area .focus\:bg-danger-700\/70:focus {
    background-color: rgb(var(--ui-danger-700) / .7)
}

html .tailwind-area .focus\:bg-danger-700\/75:focus {
    background-color: rgb(var(--ui-danger-700) / .75)
}

html .tailwind-area .focus\:bg-danger-700\/80:focus {
    background-color: rgb(var(--ui-danger-700) / .8)
}

html .tailwind-area .focus\:bg-danger-700\/85:focus {
    background-color: rgb(var(--ui-danger-700) / .85)
}

html .tailwind-area .focus\:bg-danger-700\/90:focus {
    background-color: rgb(var(--ui-danger-700) / .9)
}

html .tailwind-area .focus\:bg-danger-700\/95:focus {
    background-color: rgb(var(--ui-danger-700) / .95)
}

html .tailwind-area .focus\:bg-danger-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-danger-800) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-danger-800\/0:focus {
    background-color: rgb(var(--ui-danger-800) / 0)
}

html .tailwind-area .focus\:bg-danger-800\/10:focus {
    background-color: rgb(var(--ui-danger-800) / .1)
}

html .tailwind-area .focus\:bg-danger-800\/100:focus {
    background-color: rgb(var(--ui-danger-800) / 1)
}

html .tailwind-area .focus\:bg-danger-800\/15:focus {
    background-color: rgb(var(--ui-danger-800) / .15)
}

html .tailwind-area .focus\:bg-danger-800\/20:focus {
    background-color: rgb(var(--ui-danger-800) / .2)
}

html .tailwind-area .focus\:bg-danger-800\/25:focus {
    background-color: rgb(var(--ui-danger-800) / .25)
}

html .tailwind-area .focus\:bg-danger-800\/30:focus {
    background-color: rgb(var(--ui-danger-800) / .3)
}

html .tailwind-area .focus\:bg-danger-800\/35:focus {
    background-color: rgb(var(--ui-danger-800) / .35)
}

html .tailwind-area .focus\:bg-danger-800\/40:focus {
    background-color: rgb(var(--ui-danger-800) / .4)
}

html .tailwind-area .focus\:bg-danger-800\/45:focus {
    background-color: rgb(var(--ui-danger-800) / .45)
}

html .tailwind-area .focus\:bg-danger-800\/5:focus {
    background-color: rgb(var(--ui-danger-800) / .05)
}

html .tailwind-area .focus\:bg-danger-800\/50:focus {
    background-color: rgb(var(--ui-danger-800) / .5)
}

html .tailwind-area .focus\:bg-danger-800\/55:focus {
    background-color: rgb(var(--ui-danger-800) / .55)
}

html .tailwind-area .focus\:bg-danger-800\/60:focus {
    background-color: rgb(var(--ui-danger-800) / .6)
}

html .tailwind-area .focus\:bg-danger-800\/65:focus {
    background-color: rgb(var(--ui-danger-800) / .65)
}

html .tailwind-area .focus\:bg-danger-800\/70:focus {
    background-color: rgb(var(--ui-danger-800) / .7)
}

html .tailwind-area .focus\:bg-danger-800\/75:focus {
    background-color: rgb(var(--ui-danger-800) / .75)
}

html .tailwind-area .focus\:bg-danger-800\/80:focus {
    background-color: rgb(var(--ui-danger-800) / .8)
}

html .tailwind-area .focus\:bg-danger-800\/85:focus {
    background-color: rgb(var(--ui-danger-800) / .85)
}

html .tailwind-area .focus\:bg-danger-800\/90:focus {
    background-color: rgb(var(--ui-danger-800) / .9)
}

html .tailwind-area .focus\:bg-danger-800\/95:focus {
    background-color: rgb(var(--ui-danger-800) / .95)
}

html .tailwind-area .focus\:bg-danger-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-danger-900) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-danger-900\/0:focus {
    background-color: rgb(var(--ui-danger-900) / 0)
}

html .tailwind-area .focus\:bg-danger-900\/10:focus {
    background-color: rgb(var(--ui-danger-900) / .1)
}

html .tailwind-area .focus\:bg-danger-900\/100:focus {
    background-color: rgb(var(--ui-danger-900) / 1)
}

html .tailwind-area .focus\:bg-danger-900\/15:focus {
    background-color: rgb(var(--ui-danger-900) / .15)
}

html .tailwind-area .focus\:bg-danger-900\/20:focus {
    background-color: rgb(var(--ui-danger-900) / .2)
}

html .tailwind-area .focus\:bg-danger-900\/25:focus {
    background-color: rgb(var(--ui-danger-900) / .25)
}

html .tailwind-area .focus\:bg-danger-900\/30:focus {
    background-color: rgb(var(--ui-danger-900) / .3)
}

html .tailwind-area .focus\:bg-danger-900\/35:focus {
    background-color: rgb(var(--ui-danger-900) / .35)
}

html .tailwind-area .focus\:bg-danger-900\/40:focus {
    background-color: rgb(var(--ui-danger-900) / .4)
}

html .tailwind-area .focus\:bg-danger-900\/45:focus {
    background-color: rgb(var(--ui-danger-900) / .45)
}

html .tailwind-area .focus\:bg-danger-900\/5:focus {
    background-color: rgb(var(--ui-danger-900) / .05)
}

html .tailwind-area .focus\:bg-danger-900\/50:focus {
    background-color: rgb(var(--ui-danger-900) / .5)
}

html .tailwind-area .focus\:bg-danger-900\/55:focus {
    background-color: rgb(var(--ui-danger-900) / .55)
}

html .tailwind-area .focus\:bg-danger-900\/60:focus {
    background-color: rgb(var(--ui-danger-900) / .6)
}

html .tailwind-area .focus\:bg-danger-900\/65:focus {
    background-color: rgb(var(--ui-danger-900) / .65)
}

html .tailwind-area .focus\:bg-danger-900\/70:focus {
    background-color: rgb(var(--ui-danger-900) / .7)
}

html .tailwind-area .focus\:bg-danger-900\/75:focus {
    background-color: rgb(var(--ui-danger-900) / .75)
}

html .tailwind-area .focus\:bg-danger-900\/80:focus {
    background-color: rgb(var(--ui-danger-900) / .8)
}

html .tailwind-area .focus\:bg-danger-900\/85:focus {
    background-color: rgb(var(--ui-danger-900) / .85)
}

html .tailwind-area .focus\:bg-danger-900\/90:focus {
    background-color: rgb(var(--ui-danger-900) / .9)
}

html .tailwind-area .focus\:bg-danger-900\/95:focus {
    background-color: rgb(var(--ui-danger-900) / .95)
}

html .tailwind-area .focus\:bg-layout-color-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-layout-color-400) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-layout-color-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-layout-color-500) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-neutral-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-neutral-100) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-neutral-100\/0:focus {
    background-color: rgb(var(--ui-neutral-100) / 0)
}

html .tailwind-area .focus\:bg-neutral-100\/10:focus {
    background-color: rgb(var(--ui-neutral-100) / .1)
}

html .tailwind-area .focus\:bg-neutral-100\/100:focus {
    background-color: rgb(var(--ui-neutral-100) / 1)
}

html .tailwind-area .focus\:bg-neutral-100\/15:focus {
    background-color: rgb(var(--ui-neutral-100) / .15)
}

html .tailwind-area .focus\:bg-neutral-100\/20:focus {
    background-color: rgb(var(--ui-neutral-100) / .2)
}

html .tailwind-area .focus\:bg-neutral-100\/25:focus {
    background-color: rgb(var(--ui-neutral-100) / .25)
}

html .tailwind-area .focus\:bg-neutral-100\/30:focus {
    background-color: rgb(var(--ui-neutral-100) / .3)
}

html .tailwind-area .focus\:bg-neutral-100\/35:focus {
    background-color: rgb(var(--ui-neutral-100) / .35)
}

html .tailwind-area .focus\:bg-neutral-100\/40:focus {
    background-color: rgb(var(--ui-neutral-100) / .4)
}

html .tailwind-area .focus\:bg-neutral-100\/45:focus {
    background-color: rgb(var(--ui-neutral-100) / .45)
}

html .tailwind-area .focus\:bg-neutral-100\/5:focus {
    background-color: rgb(var(--ui-neutral-100) / .05)
}

html .tailwind-area .focus\:bg-neutral-100\/50:focus {
    background-color: rgb(var(--ui-neutral-100) / .5)
}

html .tailwind-area .focus\:bg-neutral-100\/55:focus {
    background-color: rgb(var(--ui-neutral-100) / .55)
}

html .tailwind-area .focus\:bg-neutral-100\/60:focus {
    background-color: rgb(var(--ui-neutral-100) / .6)
}

html .tailwind-area .focus\:bg-neutral-100\/65:focus {
    background-color: rgb(var(--ui-neutral-100) / .65)
}

html .tailwind-area .focus\:bg-neutral-100\/70:focus {
    background-color: rgb(var(--ui-neutral-100) / .7)
}

html .tailwind-area .focus\:bg-neutral-100\/75:focus {
    background-color: rgb(var(--ui-neutral-100) / .75)
}

html .tailwind-area .focus\:bg-neutral-100\/80:focus {
    background-color: rgb(var(--ui-neutral-100) / .8)
}

html .tailwind-area .focus\:bg-neutral-100\/85:focus {
    background-color: rgb(var(--ui-neutral-100) / .85)
}

html .tailwind-area .focus\:bg-neutral-100\/90:focus {
    background-color: rgb(var(--ui-neutral-100) / .9)
}

html .tailwind-area .focus\:bg-neutral-100\/95:focus {
    background-color: rgb(var(--ui-neutral-100) / .95)
}

html .tailwind-area .focus\:bg-neutral-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-neutral-200) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-neutral-200\/0:focus {
    background-color: rgb(var(--ui-neutral-200) / 0)
}

html .tailwind-area .focus\:bg-neutral-200\/10:focus {
    background-color: rgb(var(--ui-neutral-200) / .1)
}

html .tailwind-area .focus\:bg-neutral-200\/100:focus {
    background-color: rgb(var(--ui-neutral-200) / 1)
}

html .tailwind-area .focus\:bg-neutral-200\/15:focus {
    background-color: rgb(var(--ui-neutral-200) / .15)
}

html .tailwind-area .focus\:bg-neutral-200\/20:focus {
    background-color: rgb(var(--ui-neutral-200) / .2)
}

html .tailwind-area .focus\:bg-neutral-200\/25:focus {
    background-color: rgb(var(--ui-neutral-200) / .25)
}

html .tailwind-area .focus\:bg-neutral-200\/30:focus {
    background-color: rgb(var(--ui-neutral-200) / .3)
}

html .tailwind-area .focus\:bg-neutral-200\/35:focus {
    background-color: rgb(var(--ui-neutral-200) / .35)
}

html .tailwind-area .focus\:bg-neutral-200\/40:focus {
    background-color: rgb(var(--ui-neutral-200) / .4)
}

html .tailwind-area .focus\:bg-neutral-200\/45:focus {
    background-color: rgb(var(--ui-neutral-200) / .45)
}

html .tailwind-area .focus\:bg-neutral-200\/5:focus {
    background-color: rgb(var(--ui-neutral-200) / .05)
}

html .tailwind-area .focus\:bg-neutral-200\/50:focus {
    background-color: rgb(var(--ui-neutral-200) / .5)
}

html .tailwind-area .focus\:bg-neutral-200\/55:focus {
    background-color: rgb(var(--ui-neutral-200) / .55)
}

html .tailwind-area .focus\:bg-neutral-200\/60:focus {
    background-color: rgb(var(--ui-neutral-200) / .6)
}

html .tailwind-area .focus\:bg-neutral-200\/65:focus {
    background-color: rgb(var(--ui-neutral-200) / .65)
}

html .tailwind-area .focus\:bg-neutral-200\/70:focus {
    background-color: rgb(var(--ui-neutral-200) / .7)
}

html .tailwind-area .focus\:bg-neutral-200\/75:focus {
    background-color: rgb(var(--ui-neutral-200) / .75)
}

html .tailwind-area .focus\:bg-neutral-200\/80:focus {
    background-color: rgb(var(--ui-neutral-200) / .8)
}

html .tailwind-area .focus\:bg-neutral-200\/85:focus {
    background-color: rgb(var(--ui-neutral-200) / .85)
}

html .tailwind-area .focus\:bg-neutral-200\/90:focus {
    background-color: rgb(var(--ui-neutral-200) / .9)
}

html .tailwind-area .focus\:bg-neutral-200\/95:focus {
    background-color: rgb(var(--ui-neutral-200) / .95)
}

html .tailwind-area .focus\:bg-neutral-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-neutral-300) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-neutral-300\/0:focus {
    background-color: rgb(var(--ui-neutral-300) / 0)
}

html .tailwind-area .focus\:bg-neutral-300\/10:focus {
    background-color: rgb(var(--ui-neutral-300) / .1)
}

html .tailwind-area .focus\:bg-neutral-300\/100:focus {
    background-color: rgb(var(--ui-neutral-300) / 1)
}

html .tailwind-area .focus\:bg-neutral-300\/15:focus {
    background-color: rgb(var(--ui-neutral-300) / .15)
}

html .tailwind-area .focus\:bg-neutral-300\/20:focus {
    background-color: rgb(var(--ui-neutral-300) / .2)
}

html .tailwind-area .focus\:bg-neutral-300\/25:focus {
    background-color: rgb(var(--ui-neutral-300) / .25)
}

html .tailwind-area .focus\:bg-neutral-300\/30:focus {
    background-color: rgb(var(--ui-neutral-300) / .3)
}

html .tailwind-area .focus\:bg-neutral-300\/35:focus {
    background-color: rgb(var(--ui-neutral-300) / .35)
}

html .tailwind-area .focus\:bg-neutral-300\/40:focus {
    background-color: rgb(var(--ui-neutral-300) / .4)
}

html .tailwind-area .focus\:bg-neutral-300\/45:focus {
    background-color: rgb(var(--ui-neutral-300) / .45)
}

html .tailwind-area .focus\:bg-neutral-300\/5:focus {
    background-color: rgb(var(--ui-neutral-300) / .05)
}

html .tailwind-area .focus\:bg-neutral-300\/50:focus {
    background-color: rgb(var(--ui-neutral-300) / .5)
}

html .tailwind-area .focus\:bg-neutral-300\/55:focus {
    background-color: rgb(var(--ui-neutral-300) / .55)
}

html .tailwind-area .focus\:bg-neutral-300\/60:focus {
    background-color: rgb(var(--ui-neutral-300) / .6)
}

html .tailwind-area .focus\:bg-neutral-300\/65:focus {
    background-color: rgb(var(--ui-neutral-300) / .65)
}

html .tailwind-area .focus\:bg-neutral-300\/70:focus {
    background-color: rgb(var(--ui-neutral-300) / .7)
}

html .tailwind-area .focus\:bg-neutral-300\/75:focus {
    background-color: rgb(var(--ui-neutral-300) / .75)
}

html .tailwind-area .focus\:bg-neutral-300\/80:focus {
    background-color: rgb(var(--ui-neutral-300) / .8)
}

html .tailwind-area .focus\:bg-neutral-300\/85:focus {
    background-color: rgb(var(--ui-neutral-300) / .85)
}

html .tailwind-area .focus\:bg-neutral-300\/90:focus {
    background-color: rgb(var(--ui-neutral-300) / .9)
}

html .tailwind-area .focus\:bg-neutral-300\/95:focus {
    background-color: rgb(var(--ui-neutral-300) / .95)
}

html .tailwind-area .focus\:bg-neutral-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-neutral-400) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-neutral-400\/0:focus {
    background-color: rgb(var(--ui-neutral-400) / 0)
}

html .tailwind-area .focus\:bg-neutral-400\/10:focus {
    background-color: rgb(var(--ui-neutral-400) / .1)
}

html .tailwind-area .focus\:bg-neutral-400\/100:focus {
    background-color: rgb(var(--ui-neutral-400) / 1)
}

html .tailwind-area .focus\:bg-neutral-400\/15:focus {
    background-color: rgb(var(--ui-neutral-400) / .15)
}

html .tailwind-area .focus\:bg-neutral-400\/20:focus {
    background-color: rgb(var(--ui-neutral-400) / .2)
}

html .tailwind-area .focus\:bg-neutral-400\/25:focus {
    background-color: rgb(var(--ui-neutral-400) / .25)
}

html .tailwind-area .focus\:bg-neutral-400\/30:focus {
    background-color: rgb(var(--ui-neutral-400) / .3)
}

html .tailwind-area .focus\:bg-neutral-400\/35:focus {
    background-color: rgb(var(--ui-neutral-400) / .35)
}

html .tailwind-area .focus\:bg-neutral-400\/40:focus {
    background-color: rgb(var(--ui-neutral-400) / .4)
}

html .tailwind-area .focus\:bg-neutral-400\/45:focus {
    background-color: rgb(var(--ui-neutral-400) / .45)
}

html .tailwind-area .focus\:bg-neutral-400\/5:focus {
    background-color: rgb(var(--ui-neutral-400) / .05)
}

html .tailwind-area .focus\:bg-neutral-400\/50:focus {
    background-color: rgb(var(--ui-neutral-400) / .5)
}

html .tailwind-area .focus\:bg-neutral-400\/55:focus {
    background-color: rgb(var(--ui-neutral-400) / .55)
}

html .tailwind-area .focus\:bg-neutral-400\/60:focus {
    background-color: rgb(var(--ui-neutral-400) / .6)
}

html .tailwind-area .focus\:bg-neutral-400\/65:focus {
    background-color: rgb(var(--ui-neutral-400) / .65)
}

html .tailwind-area .focus\:bg-neutral-400\/70:focus {
    background-color: rgb(var(--ui-neutral-400) / .7)
}

html .tailwind-area .focus\:bg-neutral-400\/75:focus {
    background-color: rgb(var(--ui-neutral-400) / .75)
}

html .tailwind-area .focus\:bg-neutral-400\/80:focus {
    background-color: rgb(var(--ui-neutral-400) / .8)
}

html .tailwind-area .focus\:bg-neutral-400\/85:focus {
    background-color: rgb(var(--ui-neutral-400) / .85)
}

html .tailwind-area .focus\:bg-neutral-400\/90:focus {
    background-color: rgb(var(--ui-neutral-400) / .9)
}

html .tailwind-area .focus\:bg-neutral-400\/95:focus {
    background-color: rgb(var(--ui-neutral-400) / .95)
}

html .tailwind-area .focus\:bg-neutral-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-neutral-50) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-neutral-50\/0:focus {
    background-color: rgb(var(--ui-neutral-50) / 0)
}

html .tailwind-area .focus\:bg-neutral-50\/10:focus {
    background-color: rgb(var(--ui-neutral-50) / .1)
}

html .tailwind-area .focus\:bg-neutral-50\/100:focus {
    background-color: rgb(var(--ui-neutral-50) / 1)
}

html .tailwind-area .focus\:bg-neutral-50\/15:focus {
    background-color: rgb(var(--ui-neutral-50) / .15)
}

html .tailwind-area .focus\:bg-neutral-50\/20:focus {
    background-color: rgb(var(--ui-neutral-50) / .2)
}

html .tailwind-area .focus\:bg-neutral-50\/25:focus {
    background-color: rgb(var(--ui-neutral-50) / .25)
}

html .tailwind-area .focus\:bg-neutral-50\/30:focus {
    background-color: rgb(var(--ui-neutral-50) / .3)
}

html .tailwind-area .focus\:bg-neutral-50\/35:focus {
    background-color: rgb(var(--ui-neutral-50) / .35)
}

html .tailwind-area .focus\:bg-neutral-50\/40:focus {
    background-color: rgb(var(--ui-neutral-50) / .4)
}

html .tailwind-area .focus\:bg-neutral-50\/45:focus {
    background-color: rgb(var(--ui-neutral-50) / .45)
}

html .tailwind-area .focus\:bg-neutral-50\/5:focus {
    background-color: rgb(var(--ui-neutral-50) / .05)
}

html .tailwind-area .focus\:bg-neutral-50\/50:focus {
    background-color: rgb(var(--ui-neutral-50) / .5)
}

html .tailwind-area .focus\:bg-neutral-50\/55:focus {
    background-color: rgb(var(--ui-neutral-50) / .55)
}

html .tailwind-area .focus\:bg-neutral-50\/60:focus {
    background-color: rgb(var(--ui-neutral-50) / .6)
}

html .tailwind-area .focus\:bg-neutral-50\/65:focus {
    background-color: rgb(var(--ui-neutral-50) / .65)
}

html .tailwind-area .focus\:bg-neutral-50\/70:focus {
    background-color: rgb(var(--ui-neutral-50) / .7)
}

html .tailwind-area .focus\:bg-neutral-50\/75:focus {
    background-color: rgb(var(--ui-neutral-50) / .75)
}

html .tailwind-area .focus\:bg-neutral-50\/80:focus {
    background-color: rgb(var(--ui-neutral-50) / .8)
}

html .tailwind-area .focus\:bg-neutral-50\/85:focus {
    background-color: rgb(var(--ui-neutral-50) / .85)
}

html .tailwind-area .focus\:bg-neutral-50\/90:focus {
    background-color: rgb(var(--ui-neutral-50) / .9)
}

html .tailwind-area .focus\:bg-neutral-50\/95:focus {
    background-color: rgb(var(--ui-neutral-50) / .95)
}

html .tailwind-area .focus\:bg-neutral-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-neutral-500) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-neutral-500\/0:focus {
    background-color: rgb(var(--ui-neutral-500) / 0)
}

html .tailwind-area .focus\:bg-neutral-500\/10:focus {
    background-color: rgb(var(--ui-neutral-500) / .1)
}

html .tailwind-area .focus\:bg-neutral-500\/100:focus {
    background-color: rgb(var(--ui-neutral-500) / 1)
}

html .tailwind-area .focus\:bg-neutral-500\/15:focus {
    background-color: rgb(var(--ui-neutral-500) / .15)
}

html .tailwind-area .focus\:bg-neutral-500\/20:focus {
    background-color: rgb(var(--ui-neutral-500) / .2)
}

html .tailwind-area .focus\:bg-neutral-500\/25:focus {
    background-color: rgb(var(--ui-neutral-500) / .25)
}

html .tailwind-area .focus\:bg-neutral-500\/30:focus {
    background-color: rgb(var(--ui-neutral-500) / .3)
}

html .tailwind-area .focus\:bg-neutral-500\/35:focus {
    background-color: rgb(var(--ui-neutral-500) / .35)
}

html .tailwind-area .focus\:bg-neutral-500\/40:focus {
    background-color: rgb(var(--ui-neutral-500) / .4)
}

html .tailwind-area .focus\:bg-neutral-500\/45:focus {
    background-color: rgb(var(--ui-neutral-500) / .45)
}

html .tailwind-area .focus\:bg-neutral-500\/5:focus {
    background-color: rgb(var(--ui-neutral-500) / .05)
}

html .tailwind-area .focus\:bg-neutral-500\/50:focus {
    background-color: rgb(var(--ui-neutral-500) / .5)
}

html .tailwind-area .focus\:bg-neutral-500\/55:focus {
    background-color: rgb(var(--ui-neutral-500) / .55)
}

html .tailwind-area .focus\:bg-neutral-500\/60:focus {
    background-color: rgb(var(--ui-neutral-500) / .6)
}

html .tailwind-area .focus\:bg-neutral-500\/65:focus {
    background-color: rgb(var(--ui-neutral-500) / .65)
}

html .tailwind-area .focus\:bg-neutral-500\/70:focus {
    background-color: rgb(var(--ui-neutral-500) / .7)
}

html .tailwind-area .focus\:bg-neutral-500\/75:focus {
    background-color: rgb(var(--ui-neutral-500) / .75)
}

html .tailwind-area .focus\:bg-neutral-500\/80:focus {
    background-color: rgb(var(--ui-neutral-500) / .8)
}

html .tailwind-area .focus\:bg-neutral-500\/85:focus {
    background-color: rgb(var(--ui-neutral-500) / .85)
}

html .tailwind-area .focus\:bg-neutral-500\/90:focus {
    background-color: rgb(var(--ui-neutral-500) / .9)
}

html .tailwind-area .focus\:bg-neutral-500\/95:focus {
    background-color: rgb(var(--ui-neutral-500) / .95)
}

html .tailwind-area .focus\:bg-neutral-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-neutral-600) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-neutral-600\/0:focus {
    background-color: rgb(var(--ui-neutral-600) / 0)
}

html .tailwind-area .focus\:bg-neutral-600\/10:focus {
    background-color: rgb(var(--ui-neutral-600) / .1)
}

html .tailwind-area .focus\:bg-neutral-600\/100:focus {
    background-color: rgb(var(--ui-neutral-600) / 1)
}

html .tailwind-area .focus\:bg-neutral-600\/15:focus {
    background-color: rgb(var(--ui-neutral-600) / .15)
}

html .tailwind-area .focus\:bg-neutral-600\/20:focus {
    background-color: rgb(var(--ui-neutral-600) / .2)
}

html .tailwind-area .focus\:bg-neutral-600\/25:focus {
    background-color: rgb(var(--ui-neutral-600) / .25)
}

html .tailwind-area .focus\:bg-neutral-600\/30:focus {
    background-color: rgb(var(--ui-neutral-600) / .3)
}

html .tailwind-area .focus\:bg-neutral-600\/35:focus {
    background-color: rgb(var(--ui-neutral-600) / .35)
}

html .tailwind-area .focus\:bg-neutral-600\/40:focus {
    background-color: rgb(var(--ui-neutral-600) / .4)
}

html .tailwind-area .focus\:bg-neutral-600\/45:focus {
    background-color: rgb(var(--ui-neutral-600) / .45)
}

html .tailwind-area .focus\:bg-neutral-600\/5:focus {
    background-color: rgb(var(--ui-neutral-600) / .05)
}

html .tailwind-area .focus\:bg-neutral-600\/50:focus {
    background-color: rgb(var(--ui-neutral-600) / .5)
}

html .tailwind-area .focus\:bg-neutral-600\/55:focus {
    background-color: rgb(var(--ui-neutral-600) / .55)
}

html .tailwind-area .focus\:bg-neutral-600\/60:focus {
    background-color: rgb(var(--ui-neutral-600) / .6)
}

html .tailwind-area .focus\:bg-neutral-600\/65:focus {
    background-color: rgb(var(--ui-neutral-600) / .65)
}

html .tailwind-area .focus\:bg-neutral-600\/70:focus {
    background-color: rgb(var(--ui-neutral-600) / .7)
}

html .tailwind-area .focus\:bg-neutral-600\/75:focus {
    background-color: rgb(var(--ui-neutral-600) / .75)
}

html .tailwind-area .focus\:bg-neutral-600\/80:focus {
    background-color: rgb(var(--ui-neutral-600) / .8)
}

html .tailwind-area .focus\:bg-neutral-600\/85:focus {
    background-color: rgb(var(--ui-neutral-600) / .85)
}

html .tailwind-area .focus\:bg-neutral-600\/90:focus {
    background-color: rgb(var(--ui-neutral-600) / .9)
}

html .tailwind-area .focus\:bg-neutral-600\/95:focus {
    background-color: rgb(var(--ui-neutral-600) / .95)
}

html .tailwind-area .focus\:bg-neutral-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-neutral-700) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-neutral-700\/0:focus {
    background-color: rgb(var(--ui-neutral-700) / 0)
}

html .tailwind-area .focus\:bg-neutral-700\/10:focus {
    background-color: rgb(var(--ui-neutral-700) / .1)
}

html .tailwind-area .focus\:bg-neutral-700\/100:focus {
    background-color: rgb(var(--ui-neutral-700) / 1)
}

html .tailwind-area .focus\:bg-neutral-700\/15:focus {
    background-color: rgb(var(--ui-neutral-700) / .15)
}

html .tailwind-area .focus\:bg-neutral-700\/20:focus {
    background-color: rgb(var(--ui-neutral-700) / .2)
}

html .tailwind-area .focus\:bg-neutral-700\/25:focus {
    background-color: rgb(var(--ui-neutral-700) / .25)
}

html .tailwind-area .focus\:bg-neutral-700\/30:focus {
    background-color: rgb(var(--ui-neutral-700) / .3)
}

html .tailwind-area .focus\:bg-neutral-700\/35:focus {
    background-color: rgb(var(--ui-neutral-700) / .35)
}

html .tailwind-area .focus\:bg-neutral-700\/40:focus {
    background-color: rgb(var(--ui-neutral-700) / .4)
}

html .tailwind-area .focus\:bg-neutral-700\/45:focus {
    background-color: rgb(var(--ui-neutral-700) / .45)
}

html .tailwind-area .focus\:bg-neutral-700\/5:focus {
    background-color: rgb(var(--ui-neutral-700) / .05)
}

html .tailwind-area .focus\:bg-neutral-700\/50:focus {
    background-color: rgb(var(--ui-neutral-700) / .5)
}

html .tailwind-area .focus\:bg-neutral-700\/55:focus {
    background-color: rgb(var(--ui-neutral-700) / .55)
}

html .tailwind-area .focus\:bg-neutral-700\/60:focus {
    background-color: rgb(var(--ui-neutral-700) / .6)
}

html .tailwind-area .focus\:bg-neutral-700\/65:focus {
    background-color: rgb(var(--ui-neutral-700) / .65)
}

html .tailwind-area .focus\:bg-neutral-700\/70:focus {
    background-color: rgb(var(--ui-neutral-700) / .7)
}

html .tailwind-area .focus\:bg-neutral-700\/75:focus {
    background-color: rgb(var(--ui-neutral-700) / .75)
}

html .tailwind-area .focus\:bg-neutral-700\/80:focus {
    background-color: rgb(var(--ui-neutral-700) / .8)
}

html .tailwind-area .focus\:bg-neutral-700\/85:focus {
    background-color: rgb(var(--ui-neutral-700) / .85)
}

html .tailwind-area .focus\:bg-neutral-700\/90:focus {
    background-color: rgb(var(--ui-neutral-700) / .9)
}

html .tailwind-area .focus\:bg-neutral-700\/95:focus {
    background-color: rgb(var(--ui-neutral-700) / .95)
}

html .tailwind-area .focus\:bg-neutral-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-neutral-800) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-neutral-800\/0:focus {
    background-color: rgb(var(--ui-neutral-800) / 0)
}

html .tailwind-area .focus\:bg-neutral-800\/10:focus {
    background-color: rgb(var(--ui-neutral-800) / .1)
}

html .tailwind-area .focus\:bg-neutral-800\/100:focus {
    background-color: rgb(var(--ui-neutral-800) / 1)
}

html .tailwind-area .focus\:bg-neutral-800\/15:focus {
    background-color: rgb(var(--ui-neutral-800) / .15)
}

html .tailwind-area .focus\:bg-neutral-800\/20:focus {
    background-color: rgb(var(--ui-neutral-800) / .2)
}

html .tailwind-area .focus\:bg-neutral-800\/25:focus {
    background-color: rgb(var(--ui-neutral-800) / .25)
}

html .tailwind-area .focus\:bg-neutral-800\/30:focus {
    background-color: rgb(var(--ui-neutral-800) / .3)
}

html .tailwind-area .focus\:bg-neutral-800\/35:focus {
    background-color: rgb(var(--ui-neutral-800) / .35)
}

html .tailwind-area .focus\:bg-neutral-800\/40:focus {
    background-color: rgb(var(--ui-neutral-800) / .4)
}

html .tailwind-area .focus\:bg-neutral-800\/45:focus {
    background-color: rgb(var(--ui-neutral-800) / .45)
}

html .tailwind-area .focus\:bg-neutral-800\/5:focus {
    background-color: rgb(var(--ui-neutral-800) / .05)
}

html .tailwind-area .focus\:bg-neutral-800\/50:focus {
    background-color: rgb(var(--ui-neutral-800) / .5)
}

html .tailwind-area .focus\:bg-neutral-800\/55:focus {
    background-color: rgb(var(--ui-neutral-800) / .55)
}

html .tailwind-area .focus\:bg-neutral-800\/60:focus {
    background-color: rgb(var(--ui-neutral-800) / .6)
}

html .tailwind-area .focus\:bg-neutral-800\/65:focus {
    background-color: rgb(var(--ui-neutral-800) / .65)
}

html .tailwind-area .focus\:bg-neutral-800\/70:focus {
    background-color: rgb(var(--ui-neutral-800) / .7)
}

html .tailwind-area .focus\:bg-neutral-800\/75:focus {
    background-color: rgb(var(--ui-neutral-800) / .75)
}

html .tailwind-area .focus\:bg-neutral-800\/80:focus {
    background-color: rgb(var(--ui-neutral-800) / .8)
}

html .tailwind-area .focus\:bg-neutral-800\/85:focus {
    background-color: rgb(var(--ui-neutral-800) / .85)
}

html .tailwind-area .focus\:bg-neutral-800\/90:focus {
    background-color: rgb(var(--ui-neutral-800) / .9)
}

html .tailwind-area .focus\:bg-neutral-800\/95:focus {
    background-color: rgb(var(--ui-neutral-800) / .95)
}

html .tailwind-area .focus\:bg-neutral-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-neutral-900) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-neutral-900\/0:focus {
    background-color: rgb(var(--ui-neutral-900) / 0)
}

html .tailwind-area .focus\:bg-neutral-900\/10:focus {
    background-color: rgb(var(--ui-neutral-900) / .1)
}

html .tailwind-area .focus\:bg-neutral-900\/100:focus {
    background-color: rgb(var(--ui-neutral-900) / 1)
}

html .tailwind-area .focus\:bg-neutral-900\/15:focus {
    background-color: rgb(var(--ui-neutral-900) / .15)
}

html .tailwind-area .focus\:bg-neutral-900\/20:focus {
    background-color: rgb(var(--ui-neutral-900) / .2)
}

html .tailwind-area .focus\:bg-neutral-900\/25:focus {
    background-color: rgb(var(--ui-neutral-900) / .25)
}

html .tailwind-area .focus\:bg-neutral-900\/30:focus {
    background-color: rgb(var(--ui-neutral-900) / .3)
}

html .tailwind-area .focus\:bg-neutral-900\/35:focus {
    background-color: rgb(var(--ui-neutral-900) / .35)
}

html .tailwind-area .focus\:bg-neutral-900\/40:focus {
    background-color: rgb(var(--ui-neutral-900) / .4)
}

html .tailwind-area .focus\:bg-neutral-900\/45:focus {
    background-color: rgb(var(--ui-neutral-900) / .45)
}

html .tailwind-area .focus\:bg-neutral-900\/5:focus {
    background-color: rgb(var(--ui-neutral-900) / .05)
}

html .tailwind-area .focus\:bg-neutral-900\/50:focus {
    background-color: rgb(var(--ui-neutral-900) / .5)
}

html .tailwind-area .focus\:bg-neutral-900\/55:focus {
    background-color: rgb(var(--ui-neutral-900) / .55)
}

html .tailwind-area .focus\:bg-neutral-900\/60:focus {
    background-color: rgb(var(--ui-neutral-900) / .6)
}

html .tailwind-area .focus\:bg-neutral-900\/65:focus {
    background-color: rgb(var(--ui-neutral-900) / .65)
}

html .tailwind-area .focus\:bg-neutral-900\/70:focus {
    background-color: rgb(var(--ui-neutral-900) / .7)
}

html .tailwind-area .focus\:bg-neutral-900\/75:focus {
    background-color: rgb(var(--ui-neutral-900) / .75)
}

html .tailwind-area .focus\:bg-neutral-900\/80:focus {
    background-color: rgb(var(--ui-neutral-900) / .8)
}

html .tailwind-area .focus\:bg-neutral-900\/85:focus {
    background-color: rgb(var(--ui-neutral-900) / .85)
}

html .tailwind-area .focus\:bg-neutral-900\/90:focus {
    background-color: rgb(var(--ui-neutral-900) / .9)
}

html .tailwind-area .focus\:bg-neutral-900\/95:focus {
    background-color: rgb(var(--ui-neutral-900) / .95)
}

html .tailwind-area .focus\:bg-neutral-950:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(10 10 10 / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-neutral-950\/0:focus {
    background-color: #0a0a0a00
}

html .tailwind-area .focus\:bg-neutral-950\/10:focus {
    background-color: #0a0a0a1a
}

html .tailwind-area .focus\:bg-neutral-950\/100:focus {
    background-color: #0a0a0a
}

html .tailwind-area .focus\:bg-neutral-950\/15:focus {
    background-color: #0a0a0a26
}

html .tailwind-area .focus\:bg-neutral-950\/20:focus {
    background-color: #0a0a0a33
}

html .tailwind-area .focus\:bg-neutral-950\/25:focus {
    background-color: #0a0a0a40
}

html .tailwind-area .focus\:bg-neutral-950\/30:focus {
    background-color: #0a0a0a4d
}

html .tailwind-area .focus\:bg-neutral-950\/35:focus {
    background-color: #0a0a0a59
}

html .tailwind-area .focus\:bg-neutral-950\/40:focus {
    background-color: #0a0a0a66
}

html .tailwind-area .focus\:bg-neutral-950\/45:focus {
    background-color: #0a0a0a73
}

html .tailwind-area .focus\:bg-neutral-950\/5:focus {
    background-color: #0a0a0a0d
}

html .tailwind-area .focus\:bg-neutral-950\/50:focus {
    background-color: #0a0a0a80
}

html .tailwind-area .focus\:bg-neutral-950\/55:focus {
    background-color: #0a0a0a8c
}

html .tailwind-area .focus\:bg-neutral-950\/60:focus {
    background-color: #0a0a0a99
}

html .tailwind-area .focus\:bg-neutral-950\/65:focus {
    background-color: #0a0a0aa6
}

html .tailwind-area .focus\:bg-neutral-950\/70:focus {
    background-color: #0a0a0ab3
}

html .tailwind-area .focus\:bg-neutral-950\/75:focus {
    background-color: #0a0a0abf
}

html .tailwind-area .focus\:bg-neutral-950\/80:focus {
    background-color: #0a0a0acc
}

html .tailwind-area .focus\:bg-neutral-950\/85:focus {
    background-color: #0a0a0ad9
}

html .tailwind-area .focus\:bg-neutral-950\/90:focus {
    background-color: #0a0a0ae6
}

html .tailwind-area .focus\:bg-neutral-950\/95:focus {
    background-color: #0a0a0af2
}

html .tailwind-area .focus\:bg-primary-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-primary-100) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-primary-100\/0:focus {
    background-color: rgb(var(--ui-primary-100) / 0)
}

html .tailwind-area .focus\:bg-primary-100\/10:focus {
    background-color: rgb(var(--ui-primary-100) / .1)
}

html .tailwind-area .focus\:bg-primary-100\/100:focus {
    background-color: rgb(var(--ui-primary-100) / 1)
}

html .tailwind-area .focus\:bg-primary-100\/15:focus {
    background-color: rgb(var(--ui-primary-100) / .15)
}

html .tailwind-area .focus\:bg-primary-100\/20:focus {
    background-color: rgb(var(--ui-primary-100) / .2)
}

html .tailwind-area .focus\:bg-primary-100\/25:focus {
    background-color: rgb(var(--ui-primary-100) / .25)
}

html .tailwind-area .focus\:bg-primary-100\/30:focus {
    background-color: rgb(var(--ui-primary-100) / .3)
}

html .tailwind-area .focus\:bg-primary-100\/35:focus {
    background-color: rgb(var(--ui-primary-100) / .35)
}

html .tailwind-area .focus\:bg-primary-100\/40:focus {
    background-color: rgb(var(--ui-primary-100) / .4)
}

html .tailwind-area .focus\:bg-primary-100\/45:focus {
    background-color: rgb(var(--ui-primary-100) / .45)
}

html .tailwind-area .focus\:bg-primary-100\/5:focus {
    background-color: rgb(var(--ui-primary-100) / .05)
}

html .tailwind-area .focus\:bg-primary-100\/50:focus {
    background-color: rgb(var(--ui-primary-100) / .5)
}

html .tailwind-area .focus\:bg-primary-100\/55:focus {
    background-color: rgb(var(--ui-primary-100) / .55)
}

html .tailwind-area .focus\:bg-primary-100\/60:focus {
    background-color: rgb(var(--ui-primary-100) / .6)
}

html .tailwind-area .focus\:bg-primary-100\/65:focus {
    background-color: rgb(var(--ui-primary-100) / .65)
}

html .tailwind-area .focus\:bg-primary-100\/70:focus {
    background-color: rgb(var(--ui-primary-100) / .7)
}

html .tailwind-area .focus\:bg-primary-100\/75:focus {
    background-color: rgb(var(--ui-primary-100) / .75)
}

html .tailwind-area .focus\:bg-primary-100\/80:focus {
    background-color: rgb(var(--ui-primary-100) / .8)
}

html .tailwind-area .focus\:bg-primary-100\/85:focus {
    background-color: rgb(var(--ui-primary-100) / .85)
}

html .tailwind-area .focus\:bg-primary-100\/90:focus {
    background-color: rgb(var(--ui-primary-100) / .9)
}

html .tailwind-area .focus\:bg-primary-100\/95:focus {
    background-color: rgb(var(--ui-primary-100) / .95)
}

html .tailwind-area .focus\:bg-primary-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-primary-200) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-primary-200\/0:focus {
    background-color: rgb(var(--ui-primary-200) / 0)
}

html .tailwind-area .focus\:bg-primary-200\/10:focus {
    background-color: rgb(var(--ui-primary-200) / .1)
}

html .tailwind-area .focus\:bg-primary-200\/100:focus {
    background-color: rgb(var(--ui-primary-200) / 1)
}

html .tailwind-area .focus\:bg-primary-200\/15:focus {
    background-color: rgb(var(--ui-primary-200) / .15)
}

html .tailwind-area .focus\:bg-primary-200\/20:focus {
    background-color: rgb(var(--ui-primary-200) / .2)
}

html .tailwind-area .focus\:bg-primary-200\/25:focus {
    background-color: rgb(var(--ui-primary-200) / .25)
}

html .tailwind-area .focus\:bg-primary-200\/30:focus {
    background-color: rgb(var(--ui-primary-200) / .3)
}

html .tailwind-area .focus\:bg-primary-200\/35:focus {
    background-color: rgb(var(--ui-primary-200) / .35)
}

html .tailwind-area .focus\:bg-primary-200\/40:focus {
    background-color: rgb(var(--ui-primary-200) / .4)
}

html .tailwind-area .focus\:bg-primary-200\/45:focus {
    background-color: rgb(var(--ui-primary-200) / .45)
}

html .tailwind-area .focus\:bg-primary-200\/5:focus {
    background-color: rgb(var(--ui-primary-200) / .05)
}

html .tailwind-area .focus\:bg-primary-200\/50:focus {
    background-color: rgb(var(--ui-primary-200) / .5)
}

html .tailwind-area .focus\:bg-primary-200\/55:focus {
    background-color: rgb(var(--ui-primary-200) / .55)
}

html .tailwind-area .focus\:bg-primary-200\/60:focus {
    background-color: rgb(var(--ui-primary-200) / .6)
}

html .tailwind-area .focus\:bg-primary-200\/65:focus {
    background-color: rgb(var(--ui-primary-200) / .65)
}

html .tailwind-area .focus\:bg-primary-200\/70:focus {
    background-color: rgb(var(--ui-primary-200) / .7)
}

html .tailwind-area .focus\:bg-primary-200\/75:focus {
    background-color: rgb(var(--ui-primary-200) / .75)
}

html .tailwind-area .focus\:bg-primary-200\/80:focus {
    background-color: rgb(var(--ui-primary-200) / .8)
}

html .tailwind-area .focus\:bg-primary-200\/85:focus {
    background-color: rgb(var(--ui-primary-200) / .85)
}

html .tailwind-area .focus\:bg-primary-200\/90:focus {
    background-color: rgb(var(--ui-primary-200) / .9)
}

html .tailwind-area .focus\:bg-primary-200\/95:focus {
    background-color: rgb(var(--ui-primary-200) / .95)
}

html .tailwind-area .focus\:bg-primary-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-primary-300) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-primary-300\/0:focus {
    background-color: rgb(var(--ui-primary-300) / 0)
}

html .tailwind-area .focus\:bg-primary-300\/10:focus {
    background-color: rgb(var(--ui-primary-300) / .1)
}

html .tailwind-area .focus\:bg-primary-300\/100:focus {
    background-color: rgb(var(--ui-primary-300) / 1)
}

html .tailwind-area .focus\:bg-primary-300\/15:focus {
    background-color: rgb(var(--ui-primary-300) / .15)
}

html .tailwind-area .focus\:bg-primary-300\/20:focus {
    background-color: rgb(var(--ui-primary-300) / .2)
}

html .tailwind-area .focus\:bg-primary-300\/25:focus {
    background-color: rgb(var(--ui-primary-300) / .25)
}

html .tailwind-area .focus\:bg-primary-300\/30:focus {
    background-color: rgb(var(--ui-primary-300) / .3)
}

html .tailwind-area .focus\:bg-primary-300\/35:focus {
    background-color: rgb(var(--ui-primary-300) / .35)
}

html .tailwind-area .focus\:bg-primary-300\/40:focus {
    background-color: rgb(var(--ui-primary-300) / .4)
}

html .tailwind-area .focus\:bg-primary-300\/45:focus {
    background-color: rgb(var(--ui-primary-300) / .45)
}

html .tailwind-area .focus\:bg-primary-300\/5:focus {
    background-color: rgb(var(--ui-primary-300) / .05)
}

html .tailwind-area .focus\:bg-primary-300\/50:focus {
    background-color: rgb(var(--ui-primary-300) / .5)
}

html .tailwind-area .focus\:bg-primary-300\/55:focus {
    background-color: rgb(var(--ui-primary-300) / .55)
}

html .tailwind-area .focus\:bg-primary-300\/60:focus {
    background-color: rgb(var(--ui-primary-300) / .6)
}

html .tailwind-area .focus\:bg-primary-300\/65:focus {
    background-color: rgb(var(--ui-primary-300) / .65)
}

html .tailwind-area .focus\:bg-primary-300\/70:focus {
    background-color: rgb(var(--ui-primary-300) / .7)
}

html .tailwind-area .focus\:bg-primary-300\/75:focus {
    background-color: rgb(var(--ui-primary-300) / .75)
}

html .tailwind-area .focus\:bg-primary-300\/80:focus {
    background-color: rgb(var(--ui-primary-300) / .8)
}

html .tailwind-area .focus\:bg-primary-300\/85:focus {
    background-color: rgb(var(--ui-primary-300) / .85)
}

html .tailwind-area .focus\:bg-primary-300\/90:focus {
    background-color: rgb(var(--ui-primary-300) / .9)
}

html .tailwind-area .focus\:bg-primary-300\/95:focus {
    background-color: rgb(var(--ui-primary-300) / .95)
}

html .tailwind-area .focus\:bg-primary-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-primary-400) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-primary-400\/0:focus {
    background-color: rgb(var(--ui-primary-400) / 0)
}

html .tailwind-area .focus\:bg-primary-400\/10:focus {
    background-color: rgb(var(--ui-primary-400) / .1)
}

html .tailwind-area .focus\:bg-primary-400\/100:focus {
    background-color: rgb(var(--ui-primary-400) / 1)
}

html .tailwind-area .focus\:bg-primary-400\/15:focus {
    background-color: rgb(var(--ui-primary-400) / .15)
}

html .tailwind-area .focus\:bg-primary-400\/20:focus {
    background-color: rgb(var(--ui-primary-400) / .2)
}

html .tailwind-area .focus\:bg-primary-400\/25:focus {
    background-color: rgb(var(--ui-primary-400) / .25)
}

html .tailwind-area .focus\:bg-primary-400\/30:focus {
    background-color: rgb(var(--ui-primary-400) / .3)
}

html .tailwind-area .focus\:bg-primary-400\/35:focus {
    background-color: rgb(var(--ui-primary-400) / .35)
}

html .tailwind-area .focus\:bg-primary-400\/40:focus {
    background-color: rgb(var(--ui-primary-400) / .4)
}

html .tailwind-area .focus\:bg-primary-400\/45:focus {
    background-color: rgb(var(--ui-primary-400) / .45)
}

html .tailwind-area .focus\:bg-primary-400\/5:focus {
    background-color: rgb(var(--ui-primary-400) / .05)
}

html .tailwind-area .focus\:bg-primary-400\/50:focus {
    background-color: rgb(var(--ui-primary-400) / .5)
}

html .tailwind-area .focus\:bg-primary-400\/55:focus {
    background-color: rgb(var(--ui-primary-400) / .55)
}

html .tailwind-area .focus\:bg-primary-400\/60:focus {
    background-color: rgb(var(--ui-primary-400) / .6)
}

html .tailwind-area .focus\:bg-primary-400\/65:focus {
    background-color: rgb(var(--ui-primary-400) / .65)
}

html .tailwind-area .focus\:bg-primary-400\/70:focus {
    background-color: rgb(var(--ui-primary-400) / .7)
}

html .tailwind-area .focus\:bg-primary-400\/75:focus {
    background-color: rgb(var(--ui-primary-400) / .75)
}

html .tailwind-area .focus\:bg-primary-400\/80:focus {
    background-color: rgb(var(--ui-primary-400) / .8)
}

html .tailwind-area .focus\:bg-primary-400\/85:focus {
    background-color: rgb(var(--ui-primary-400) / .85)
}

html .tailwind-area .focus\:bg-primary-400\/90:focus {
    background-color: rgb(var(--ui-primary-400) / .9)
}

html .tailwind-area .focus\:bg-primary-400\/95:focus {
    background-color: rgb(var(--ui-primary-400) / .95)
}

html .tailwind-area .focus\:bg-primary-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-primary-50) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-primary-50\/0:focus {
    background-color: rgb(var(--ui-primary-50) / 0)
}

html .tailwind-area .focus\:bg-primary-50\/10:focus {
    background-color: rgb(var(--ui-primary-50) / .1)
}

html .tailwind-area .focus\:bg-primary-50\/100:focus {
    background-color: rgb(var(--ui-primary-50) / 1)
}

html .tailwind-area .focus\:bg-primary-50\/15:focus {
    background-color: rgb(var(--ui-primary-50) / .15)
}

html .tailwind-area .focus\:bg-primary-50\/20:focus {
    background-color: rgb(var(--ui-primary-50) / .2)
}

html .tailwind-area .focus\:bg-primary-50\/25:focus {
    background-color: rgb(var(--ui-primary-50) / .25)
}

html .tailwind-area .focus\:bg-primary-50\/30:focus {
    background-color: rgb(var(--ui-primary-50) / .3)
}

html .tailwind-area .focus\:bg-primary-50\/35:focus {
    background-color: rgb(var(--ui-primary-50) / .35)
}

html .tailwind-area .focus\:bg-primary-50\/40:focus {
    background-color: rgb(var(--ui-primary-50) / .4)
}

html .tailwind-area .focus\:bg-primary-50\/45:focus {
    background-color: rgb(var(--ui-primary-50) / .45)
}

html .tailwind-area .focus\:bg-primary-50\/5:focus {
    background-color: rgb(var(--ui-primary-50) / .05)
}

html .tailwind-area .focus\:bg-primary-50\/50:focus {
    background-color: rgb(var(--ui-primary-50) / .5)
}

html .tailwind-area .focus\:bg-primary-50\/55:focus {
    background-color: rgb(var(--ui-primary-50) / .55)
}

html .tailwind-area .focus\:bg-primary-50\/60:focus {
    background-color: rgb(var(--ui-primary-50) / .6)
}

html .tailwind-area .focus\:bg-primary-50\/65:focus {
    background-color: rgb(var(--ui-primary-50) / .65)
}

html .tailwind-area .focus\:bg-primary-50\/70:focus {
    background-color: rgb(var(--ui-primary-50) / .7)
}

html .tailwind-area .focus\:bg-primary-50\/75:focus {
    background-color: rgb(var(--ui-primary-50) / .75)
}

html .tailwind-area .focus\:bg-primary-50\/80:focus {
    background-color: rgb(var(--ui-primary-50) / .8)
}

html .tailwind-area .focus\:bg-primary-50\/85:focus {
    background-color: rgb(var(--ui-primary-50) / .85)
}

html .tailwind-area .focus\:bg-primary-50\/90:focus {
    background-color: rgb(var(--ui-primary-50) / .9)
}

html .tailwind-area .focus\:bg-primary-50\/95:focus {
    background-color: rgb(var(--ui-primary-50) / .95)
}

html .tailwind-area .focus\:bg-primary-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-primary-500) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-primary-500\/0:focus {
    background-color: rgb(var(--ui-primary-500) / 0)
}

html .tailwind-area .focus\:bg-primary-500\/10:focus {
    background-color: rgb(var(--ui-primary-500) / .1)
}

html .tailwind-area .focus\:bg-primary-500\/100:focus {
    background-color: rgb(var(--ui-primary-500) / 1)
}

html .tailwind-area .focus\:bg-primary-500\/15:focus {
    background-color: rgb(var(--ui-primary-500) / .15)
}

html .tailwind-area .focus\:bg-primary-500\/20:focus {
    background-color: rgb(var(--ui-primary-500) / .2)
}

html .tailwind-area .focus\:bg-primary-500\/25:focus {
    background-color: rgb(var(--ui-primary-500) / .25)
}

html .tailwind-area .focus\:bg-primary-500\/30:focus {
    background-color: rgb(var(--ui-primary-500) / .3)
}

html .tailwind-area .focus\:bg-primary-500\/35:focus {
    background-color: rgb(var(--ui-primary-500) / .35)
}

html .tailwind-area .focus\:bg-primary-500\/40:focus {
    background-color: rgb(var(--ui-primary-500) / .4)
}

html .tailwind-area .focus\:bg-primary-500\/45:focus {
    background-color: rgb(var(--ui-primary-500) / .45)
}

html .tailwind-area .focus\:bg-primary-500\/5:focus {
    background-color: rgb(var(--ui-primary-500) / .05)
}

html .tailwind-area .focus\:bg-primary-500\/50:focus {
    background-color: rgb(var(--ui-primary-500) / .5)
}

html .tailwind-area .focus\:bg-primary-500\/55:focus {
    background-color: rgb(var(--ui-primary-500) / .55)
}

html .tailwind-area .focus\:bg-primary-500\/60:focus {
    background-color: rgb(var(--ui-primary-500) / .6)
}

html .tailwind-area .focus\:bg-primary-500\/65:focus {
    background-color: rgb(var(--ui-primary-500) / .65)
}

html .tailwind-area .focus\:bg-primary-500\/70:focus {
    background-color: rgb(var(--ui-primary-500) / .7)
}

html .tailwind-area .focus\:bg-primary-500\/75:focus {
    background-color: rgb(var(--ui-primary-500) / .75)
}

html .tailwind-area .focus\:bg-primary-500\/80:focus {
    background-color: rgb(var(--ui-primary-500) / .8)
}

html .tailwind-area .focus\:bg-primary-500\/85:focus {
    background-color: rgb(var(--ui-primary-500) / .85)
}

html .tailwind-area .focus\:bg-primary-500\/90:focus {
    background-color: rgb(var(--ui-primary-500) / .9)
}

html .tailwind-area .focus\:bg-primary-500\/95:focus {
    background-color: rgb(var(--ui-primary-500) / .95)
}

html .tailwind-area .focus\:bg-primary-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-primary-600) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-primary-600\/0:focus {
    background-color: rgb(var(--ui-primary-600) / 0)
}

html .tailwind-area .focus\:bg-primary-600\/10:focus {
    background-color: rgb(var(--ui-primary-600) / .1)
}

html .tailwind-area .focus\:bg-primary-600\/100:focus {
    background-color: rgb(var(--ui-primary-600) / 1)
}

html .tailwind-area .focus\:bg-primary-600\/15:focus {
    background-color: rgb(var(--ui-primary-600) / .15)
}

html .tailwind-area .focus\:bg-primary-600\/20:focus {
    background-color: rgb(var(--ui-primary-600) / .2)
}

html .tailwind-area .focus\:bg-primary-600\/25:focus {
    background-color: rgb(var(--ui-primary-600) / .25)
}

html .tailwind-area .focus\:bg-primary-600\/30:focus {
    background-color: rgb(var(--ui-primary-600) / .3)
}

html .tailwind-area .focus\:bg-primary-600\/35:focus {
    background-color: rgb(var(--ui-primary-600) / .35)
}

html .tailwind-area .focus\:bg-primary-600\/40:focus {
    background-color: rgb(var(--ui-primary-600) / .4)
}

html .tailwind-area .focus\:bg-primary-600\/45:focus {
    background-color: rgb(var(--ui-primary-600) / .45)
}

html .tailwind-area .focus\:bg-primary-600\/5:focus {
    background-color: rgb(var(--ui-primary-600) / .05)
}

html .tailwind-area .focus\:bg-primary-600\/50:focus {
    background-color: rgb(var(--ui-primary-600) / .5)
}

html .tailwind-area .focus\:bg-primary-600\/55:focus {
    background-color: rgb(var(--ui-primary-600) / .55)
}

html .tailwind-area .focus\:bg-primary-600\/60:focus {
    background-color: rgb(var(--ui-primary-600) / .6)
}

html .tailwind-area .focus\:bg-primary-600\/65:focus {
    background-color: rgb(var(--ui-primary-600) / .65)
}

html .tailwind-area .focus\:bg-primary-600\/70:focus {
    background-color: rgb(var(--ui-primary-600) / .7)
}

html .tailwind-area .focus\:bg-primary-600\/75:focus {
    background-color: rgb(var(--ui-primary-600) / .75)
}

html .tailwind-area .focus\:bg-primary-600\/80:focus {
    background-color: rgb(var(--ui-primary-600) / .8)
}

html .tailwind-area .focus\:bg-primary-600\/85:focus {
    background-color: rgb(var(--ui-primary-600) / .85)
}

html .tailwind-area .focus\:bg-primary-600\/90:focus {
    background-color: rgb(var(--ui-primary-600) / .9)
}

html .tailwind-area .focus\:bg-primary-600\/95:focus {
    background-color: rgb(var(--ui-primary-600) / .95)
}

html .tailwind-area .focus\:bg-primary-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-primary-700) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-primary-700\/0:focus {
    background-color: rgb(var(--ui-primary-700) / 0)
}

html .tailwind-area .focus\:bg-primary-700\/10:focus {
    background-color: rgb(var(--ui-primary-700) / .1)
}

html .tailwind-area .focus\:bg-primary-700\/100:focus {
    background-color: rgb(var(--ui-primary-700) / 1)
}

html .tailwind-area .focus\:bg-primary-700\/15:focus {
    background-color: rgb(var(--ui-primary-700) / .15)
}

html .tailwind-area .focus\:bg-primary-700\/20:focus {
    background-color: rgb(var(--ui-primary-700) / .2)
}

html .tailwind-area .focus\:bg-primary-700\/25:focus {
    background-color: rgb(var(--ui-primary-700) / .25)
}

html .tailwind-area .focus\:bg-primary-700\/30:focus {
    background-color: rgb(var(--ui-primary-700) / .3)
}

html .tailwind-area .focus\:bg-primary-700\/35:focus {
    background-color: rgb(var(--ui-primary-700) / .35)
}

html .tailwind-area .focus\:bg-primary-700\/40:focus {
    background-color: rgb(var(--ui-primary-700) / .4)
}

html .tailwind-area .focus\:bg-primary-700\/45:focus {
    background-color: rgb(var(--ui-primary-700) / .45)
}

html .tailwind-area .focus\:bg-primary-700\/5:focus {
    background-color: rgb(var(--ui-primary-700) / .05)
}

html .tailwind-area .focus\:bg-primary-700\/50:focus {
    background-color: rgb(var(--ui-primary-700) / .5)
}

html .tailwind-area .focus\:bg-primary-700\/55:focus {
    background-color: rgb(var(--ui-primary-700) / .55)
}

html .tailwind-area .focus\:bg-primary-700\/60:focus {
    background-color: rgb(var(--ui-primary-700) / .6)
}

html .tailwind-area .focus\:bg-primary-700\/65:focus {
    background-color: rgb(var(--ui-primary-700) / .65)
}

html .tailwind-area .focus\:bg-primary-700\/70:focus {
    background-color: rgb(var(--ui-primary-700) / .7)
}

html .tailwind-area .focus\:bg-primary-700\/75:focus {
    background-color: rgb(var(--ui-primary-700) / .75)
}

html .tailwind-area .focus\:bg-primary-700\/80:focus {
    background-color: rgb(var(--ui-primary-700) / .8)
}

html .tailwind-area .focus\:bg-primary-700\/85:focus {
    background-color: rgb(var(--ui-primary-700) / .85)
}

html .tailwind-area .focus\:bg-primary-700\/90:focus {
    background-color: rgb(var(--ui-primary-700) / .9)
}

html .tailwind-area .focus\:bg-primary-700\/95:focus {
    background-color: rgb(var(--ui-primary-700) / .95)
}

html .tailwind-area .focus\:bg-primary-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-primary-800) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-primary-800\/0:focus {
    background-color: rgb(var(--ui-primary-800) / 0)
}

html .tailwind-area .focus\:bg-primary-800\/10:focus {
    background-color: rgb(var(--ui-primary-800) / .1)
}

html .tailwind-area .focus\:bg-primary-800\/100:focus {
    background-color: rgb(var(--ui-primary-800) / 1)
}

html .tailwind-area .focus\:bg-primary-800\/15:focus {
    background-color: rgb(var(--ui-primary-800) / .15)
}

html .tailwind-area .focus\:bg-primary-800\/20:focus {
    background-color: rgb(var(--ui-primary-800) / .2)
}

html .tailwind-area .focus\:bg-primary-800\/25:focus {
    background-color: rgb(var(--ui-primary-800) / .25)
}

html .tailwind-area .focus\:bg-primary-800\/30:focus {
    background-color: rgb(var(--ui-primary-800) / .3)
}

html .tailwind-area .focus\:bg-primary-800\/35:focus {
    background-color: rgb(var(--ui-primary-800) / .35)
}

html .tailwind-area .focus\:bg-primary-800\/40:focus {
    background-color: rgb(var(--ui-primary-800) / .4)
}

html .tailwind-area .focus\:bg-primary-800\/45:focus {
    background-color: rgb(var(--ui-primary-800) / .45)
}

html .tailwind-area .focus\:bg-primary-800\/5:focus {
    background-color: rgb(var(--ui-primary-800) / .05)
}

html .tailwind-area .focus\:bg-primary-800\/50:focus {
    background-color: rgb(var(--ui-primary-800) / .5)
}

html .tailwind-area .focus\:bg-primary-800\/55:focus {
    background-color: rgb(var(--ui-primary-800) / .55)
}

html .tailwind-area .focus\:bg-primary-800\/60:focus {
    background-color: rgb(var(--ui-primary-800) / .6)
}

html .tailwind-area .focus\:bg-primary-800\/65:focus {
    background-color: rgb(var(--ui-primary-800) / .65)
}

html .tailwind-area .focus\:bg-primary-800\/70:focus {
    background-color: rgb(var(--ui-primary-800) / .7)
}

html .tailwind-area .focus\:bg-primary-800\/75:focus {
    background-color: rgb(var(--ui-primary-800) / .75)
}

html .tailwind-area .focus\:bg-primary-800\/80:focus {
    background-color: rgb(var(--ui-primary-800) / .8)
}

html .tailwind-area .focus\:bg-primary-800\/85:focus {
    background-color: rgb(var(--ui-primary-800) / .85)
}

html .tailwind-area .focus\:bg-primary-800\/90:focus {
    background-color: rgb(var(--ui-primary-800) / .9)
}

html .tailwind-area .focus\:bg-primary-800\/95:focus {
    background-color: rgb(var(--ui-primary-800) / .95)
}

html .tailwind-area .focus\:bg-primary-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-primary-900) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-primary-900\/0:focus {
    background-color: rgb(var(--ui-primary-900) / 0)
}

html .tailwind-area .focus\:bg-primary-900\/10:focus {
    background-color: rgb(var(--ui-primary-900) / .1)
}

html .tailwind-area .focus\:bg-primary-900\/100:focus {
    background-color: rgb(var(--ui-primary-900) / 1)
}

html .tailwind-area .focus\:bg-primary-900\/15:focus {
    background-color: rgb(var(--ui-primary-900) / .15)
}

html .tailwind-area .focus\:bg-primary-900\/20:focus {
    background-color: rgb(var(--ui-primary-900) / .2)
}

html .tailwind-area .focus\:bg-primary-900\/25:focus {
    background-color: rgb(var(--ui-primary-900) / .25)
}

html .tailwind-area .focus\:bg-primary-900\/30:focus {
    background-color: rgb(var(--ui-primary-900) / .3)
}

html .tailwind-area .focus\:bg-primary-900\/35:focus {
    background-color: rgb(var(--ui-primary-900) / .35)
}

html .tailwind-area .focus\:bg-primary-900\/40:focus {
    background-color: rgb(var(--ui-primary-900) / .4)
}

html .tailwind-area .focus\:bg-primary-900\/45:focus {
    background-color: rgb(var(--ui-primary-900) / .45)
}

html .tailwind-area .focus\:bg-primary-900\/5:focus {
    background-color: rgb(var(--ui-primary-900) / .05)
}

html .tailwind-area .focus\:bg-primary-900\/50:focus {
    background-color: rgb(var(--ui-primary-900) / .5)
}

html .tailwind-area .focus\:bg-primary-900\/55:focus {
    background-color: rgb(var(--ui-primary-900) / .55)
}

html .tailwind-area .focus\:bg-primary-900\/60:focus {
    background-color: rgb(var(--ui-primary-900) / .6)
}

html .tailwind-area .focus\:bg-primary-900\/65:focus {
    background-color: rgb(var(--ui-primary-900) / .65)
}

html .tailwind-area .focus\:bg-primary-900\/70:focus {
    background-color: rgb(var(--ui-primary-900) / .7)
}

html .tailwind-area .focus\:bg-primary-900\/75:focus {
    background-color: rgb(var(--ui-primary-900) / .75)
}

html .tailwind-area .focus\:bg-primary-900\/80:focus {
    background-color: rgb(var(--ui-primary-900) / .8)
}

html .tailwind-area .focus\:bg-primary-900\/85:focus {
    background-color: rgb(var(--ui-primary-900) / .85)
}

html .tailwind-area .focus\:bg-primary-900\/90:focus {
    background-color: rgb(var(--ui-primary-900) / .9)
}

html .tailwind-area .focus\:bg-primary-900\/95:focus {
    background-color: rgb(var(--ui-primary-900) / .95)
}

html .tailwind-area .focus\:bg-safe-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-safe-100) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-safe-100\/0:focus {
    background-color: rgb(var(--ui-safe-100) / 0)
}

html .tailwind-area .focus\:bg-safe-100\/10:focus {
    background-color: rgb(var(--ui-safe-100) / .1)
}

html .tailwind-area .focus\:bg-safe-100\/100:focus {
    background-color: rgb(var(--ui-safe-100) / 1)
}

html .tailwind-area .focus\:bg-safe-100\/15:focus {
    background-color: rgb(var(--ui-safe-100) / .15)
}

html .tailwind-area .focus\:bg-safe-100\/20:focus {
    background-color: rgb(var(--ui-safe-100) / .2)
}

html .tailwind-area .focus\:bg-safe-100\/25:focus {
    background-color: rgb(var(--ui-safe-100) / .25)
}

html .tailwind-area .focus\:bg-safe-100\/30:focus {
    background-color: rgb(var(--ui-safe-100) / .3)
}

html .tailwind-area .focus\:bg-safe-100\/35:focus {
    background-color: rgb(var(--ui-safe-100) / .35)
}

html .tailwind-area .focus\:bg-safe-100\/40:focus {
    background-color: rgb(var(--ui-safe-100) / .4)
}

html .tailwind-area .focus\:bg-safe-100\/45:focus {
    background-color: rgb(var(--ui-safe-100) / .45)
}

html .tailwind-area .focus\:bg-safe-100\/5:focus {
    background-color: rgb(var(--ui-safe-100) / .05)
}

html .tailwind-area .focus\:bg-safe-100\/50:focus {
    background-color: rgb(var(--ui-safe-100) / .5)
}

html .tailwind-area .focus\:bg-safe-100\/55:focus {
    background-color: rgb(var(--ui-safe-100) / .55)
}

html .tailwind-area .focus\:bg-safe-100\/60:focus {
    background-color: rgb(var(--ui-safe-100) / .6)
}

html .tailwind-area .focus\:bg-safe-100\/65:focus {
    background-color: rgb(var(--ui-safe-100) / .65)
}

html .tailwind-area .focus\:bg-safe-100\/70:focus {
    background-color: rgb(var(--ui-safe-100) / .7)
}

html .tailwind-area .focus\:bg-safe-100\/75:focus {
    background-color: rgb(var(--ui-safe-100) / .75)
}

html .tailwind-area .focus\:bg-safe-100\/80:focus {
    background-color: rgb(var(--ui-safe-100) / .8)
}

html .tailwind-area .focus\:bg-safe-100\/85:focus {
    background-color: rgb(var(--ui-safe-100) / .85)
}

html .tailwind-area .focus\:bg-safe-100\/90:focus {
    background-color: rgb(var(--ui-safe-100) / .9)
}

html .tailwind-area .focus\:bg-safe-100\/95:focus {
    background-color: rgb(var(--ui-safe-100) / .95)
}

html .tailwind-area .focus\:bg-safe-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-safe-200) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-safe-200\/0:focus {
    background-color: rgb(var(--ui-safe-200) / 0)
}

html .tailwind-area .focus\:bg-safe-200\/10:focus {
    background-color: rgb(var(--ui-safe-200) / .1)
}

html .tailwind-area .focus\:bg-safe-200\/100:focus {
    background-color: rgb(var(--ui-safe-200) / 1)
}

html .tailwind-area .focus\:bg-safe-200\/15:focus {
    background-color: rgb(var(--ui-safe-200) / .15)
}

html .tailwind-area .focus\:bg-safe-200\/20:focus {
    background-color: rgb(var(--ui-safe-200) / .2)
}

html .tailwind-area .focus\:bg-safe-200\/25:focus {
    background-color: rgb(var(--ui-safe-200) / .25)
}

html .tailwind-area .focus\:bg-safe-200\/30:focus {
    background-color: rgb(var(--ui-safe-200) / .3)
}

html .tailwind-area .focus\:bg-safe-200\/35:focus {
    background-color: rgb(var(--ui-safe-200) / .35)
}

html .tailwind-area .focus\:bg-safe-200\/40:focus {
    background-color: rgb(var(--ui-safe-200) / .4)
}

html .tailwind-area .focus\:bg-safe-200\/45:focus {
    background-color: rgb(var(--ui-safe-200) / .45)
}

html .tailwind-area .focus\:bg-safe-200\/5:focus {
    background-color: rgb(var(--ui-safe-200) / .05)
}

html .tailwind-area .focus\:bg-safe-200\/50:focus {
    background-color: rgb(var(--ui-safe-200) / .5)
}

html .tailwind-area .focus\:bg-safe-200\/55:focus {
    background-color: rgb(var(--ui-safe-200) / .55)
}

html .tailwind-area .focus\:bg-safe-200\/60:focus {
    background-color: rgb(var(--ui-safe-200) / .6)
}

html .tailwind-area .focus\:bg-safe-200\/65:focus {
    background-color: rgb(var(--ui-safe-200) / .65)
}

html .tailwind-area .focus\:bg-safe-200\/70:focus {
    background-color: rgb(var(--ui-safe-200) / .7)
}

html .tailwind-area .focus\:bg-safe-200\/75:focus {
    background-color: rgb(var(--ui-safe-200) / .75)
}

html .tailwind-area .focus\:bg-safe-200\/80:focus {
    background-color: rgb(var(--ui-safe-200) / .8)
}

html .tailwind-area .focus\:bg-safe-200\/85:focus {
    background-color: rgb(var(--ui-safe-200) / .85)
}

html .tailwind-area .focus\:bg-safe-200\/90:focus {
    background-color: rgb(var(--ui-safe-200) / .9)
}

html .tailwind-area .focus\:bg-safe-200\/95:focus {
    background-color: rgb(var(--ui-safe-200) / .95)
}

html .tailwind-area .focus\:bg-safe-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-safe-300) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-safe-300\/0:focus {
    background-color: rgb(var(--ui-safe-300) / 0)
}

html .tailwind-area .focus\:bg-safe-300\/10:focus {
    background-color: rgb(var(--ui-safe-300) / .1)
}

html .tailwind-area .focus\:bg-safe-300\/100:focus {
    background-color: rgb(var(--ui-safe-300) / 1)
}

html .tailwind-area .focus\:bg-safe-300\/15:focus {
    background-color: rgb(var(--ui-safe-300) / .15)
}

html .tailwind-area .focus\:bg-safe-300\/20:focus {
    background-color: rgb(var(--ui-safe-300) / .2)
}

html .tailwind-area .focus\:bg-safe-300\/25:focus {
    background-color: rgb(var(--ui-safe-300) / .25)
}

html .tailwind-area .focus\:bg-safe-300\/30:focus {
    background-color: rgb(var(--ui-safe-300) / .3)
}

html .tailwind-area .focus\:bg-safe-300\/35:focus {
    background-color: rgb(var(--ui-safe-300) / .35)
}

html .tailwind-area .focus\:bg-safe-300\/40:focus {
    background-color: rgb(var(--ui-safe-300) / .4)
}

html .tailwind-area .focus\:bg-safe-300\/45:focus {
    background-color: rgb(var(--ui-safe-300) / .45)
}

html .tailwind-area .focus\:bg-safe-300\/5:focus {
    background-color: rgb(var(--ui-safe-300) / .05)
}

html .tailwind-area .focus\:bg-safe-300\/50:focus {
    background-color: rgb(var(--ui-safe-300) / .5)
}

html .tailwind-area .focus\:bg-safe-300\/55:focus {
    background-color: rgb(var(--ui-safe-300) / .55)
}

html .tailwind-area .focus\:bg-safe-300\/60:focus {
    background-color: rgb(var(--ui-safe-300) / .6)
}

html .tailwind-area .focus\:bg-safe-300\/65:focus {
    background-color: rgb(var(--ui-safe-300) / .65)
}

html .tailwind-area .focus\:bg-safe-300\/70:focus {
    background-color: rgb(var(--ui-safe-300) / .7)
}

html .tailwind-area .focus\:bg-safe-300\/75:focus {
    background-color: rgb(var(--ui-safe-300) / .75)
}

html .tailwind-area .focus\:bg-safe-300\/80:focus {
    background-color: rgb(var(--ui-safe-300) / .8)
}

html .tailwind-area .focus\:bg-safe-300\/85:focus {
    background-color: rgb(var(--ui-safe-300) / .85)
}

html .tailwind-area .focus\:bg-safe-300\/90:focus {
    background-color: rgb(var(--ui-safe-300) / .9)
}

html .tailwind-area .focus\:bg-safe-300\/95:focus {
    background-color: rgb(var(--ui-safe-300) / .95)
}

html .tailwind-area .focus\:bg-safe-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-safe-400) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-safe-400\/0:focus {
    background-color: rgb(var(--ui-safe-400) / 0)
}

html .tailwind-area .focus\:bg-safe-400\/10:focus {
    background-color: rgb(var(--ui-safe-400) / .1)
}

html .tailwind-area .focus\:bg-safe-400\/100:focus {
    background-color: rgb(var(--ui-safe-400) / 1)
}

html .tailwind-area .focus\:bg-safe-400\/15:focus {
    background-color: rgb(var(--ui-safe-400) / .15)
}

html .tailwind-area .focus\:bg-safe-400\/20:focus {
    background-color: rgb(var(--ui-safe-400) / .2)
}

html .tailwind-area .focus\:bg-safe-400\/25:focus {
    background-color: rgb(var(--ui-safe-400) / .25)
}

html .tailwind-area .focus\:bg-safe-400\/30:focus {
    background-color: rgb(var(--ui-safe-400) / .3)
}

html .tailwind-area .focus\:bg-safe-400\/35:focus {
    background-color: rgb(var(--ui-safe-400) / .35)
}

html .tailwind-area .focus\:bg-safe-400\/40:focus {
    background-color: rgb(var(--ui-safe-400) / .4)
}

html .tailwind-area .focus\:bg-safe-400\/45:focus {
    background-color: rgb(var(--ui-safe-400) / .45)
}

html .tailwind-area .focus\:bg-safe-400\/5:focus {
    background-color: rgb(var(--ui-safe-400) / .05)
}

html .tailwind-area .focus\:bg-safe-400\/50:focus {
    background-color: rgb(var(--ui-safe-400) / .5)
}

html .tailwind-area .focus\:bg-safe-400\/55:focus {
    background-color: rgb(var(--ui-safe-400) / .55)
}

html .tailwind-area .focus\:bg-safe-400\/60:focus {
    background-color: rgb(var(--ui-safe-400) / .6)
}

html .tailwind-area .focus\:bg-safe-400\/65:focus {
    background-color: rgb(var(--ui-safe-400) / .65)
}

html .tailwind-area .focus\:bg-safe-400\/70:focus {
    background-color: rgb(var(--ui-safe-400) / .7)
}

html .tailwind-area .focus\:bg-safe-400\/75:focus {
    background-color: rgb(var(--ui-safe-400) / .75)
}

html .tailwind-area .focus\:bg-safe-400\/80:focus {
    background-color: rgb(var(--ui-safe-400) / .8)
}

html .tailwind-area .focus\:bg-safe-400\/85:focus {
    background-color: rgb(var(--ui-safe-400) / .85)
}

html .tailwind-area .focus\:bg-safe-400\/90:focus {
    background-color: rgb(var(--ui-safe-400) / .9)
}

html .tailwind-area .focus\:bg-safe-400\/95:focus {
    background-color: rgb(var(--ui-safe-400) / .95)
}

html .tailwind-area .focus\:bg-safe-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-safe-50) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-safe-50\/0:focus {
    background-color: rgb(var(--ui-safe-50) / 0)
}

html .tailwind-area .focus\:bg-safe-50\/10:focus {
    background-color: rgb(var(--ui-safe-50) / .1)
}

html .tailwind-area .focus\:bg-safe-50\/100:focus {
    background-color: rgb(var(--ui-safe-50) / 1)
}

html .tailwind-area .focus\:bg-safe-50\/15:focus {
    background-color: rgb(var(--ui-safe-50) / .15)
}

html .tailwind-area .focus\:bg-safe-50\/20:focus {
    background-color: rgb(var(--ui-safe-50) / .2)
}

html .tailwind-area .focus\:bg-safe-50\/25:focus {
    background-color: rgb(var(--ui-safe-50) / .25)
}

html .tailwind-area .focus\:bg-safe-50\/30:focus {
    background-color: rgb(var(--ui-safe-50) / .3)
}

html .tailwind-area .focus\:bg-safe-50\/35:focus {
    background-color: rgb(var(--ui-safe-50) / .35)
}

html .tailwind-area .focus\:bg-safe-50\/40:focus {
    background-color: rgb(var(--ui-safe-50) / .4)
}

html .tailwind-area .focus\:bg-safe-50\/45:focus {
    background-color: rgb(var(--ui-safe-50) / .45)
}

html .tailwind-area .focus\:bg-safe-50\/5:focus {
    background-color: rgb(var(--ui-safe-50) / .05)
}

html .tailwind-area .focus\:bg-safe-50\/50:focus {
    background-color: rgb(var(--ui-safe-50) / .5)
}

html .tailwind-area .focus\:bg-safe-50\/55:focus {
    background-color: rgb(var(--ui-safe-50) / .55)
}

html .tailwind-area .focus\:bg-safe-50\/60:focus {
    background-color: rgb(var(--ui-safe-50) / .6)
}

html .tailwind-area .focus\:bg-safe-50\/65:focus {
    background-color: rgb(var(--ui-safe-50) / .65)
}

html .tailwind-area .focus\:bg-safe-50\/70:focus {
    background-color: rgb(var(--ui-safe-50) / .7)
}

html .tailwind-area .focus\:bg-safe-50\/75:focus {
    background-color: rgb(var(--ui-safe-50) / .75)
}

html .tailwind-area .focus\:bg-safe-50\/80:focus {
    background-color: rgb(var(--ui-safe-50) / .8)
}

html .tailwind-area .focus\:bg-safe-50\/85:focus {
    background-color: rgb(var(--ui-safe-50) / .85)
}

html .tailwind-area .focus\:bg-safe-50\/90:focus {
    background-color: rgb(var(--ui-safe-50) / .9)
}

html .tailwind-area .focus\:bg-safe-50\/95:focus {
    background-color: rgb(var(--ui-safe-50) / .95)
}

html .tailwind-area .focus\:bg-safe-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-safe-500) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-safe-500\/0:focus {
    background-color: rgb(var(--ui-safe-500) / 0)
}

html .tailwind-area .focus\:bg-safe-500\/10:focus {
    background-color: rgb(var(--ui-safe-500) / .1)
}

html .tailwind-area .focus\:bg-safe-500\/100:focus {
    background-color: rgb(var(--ui-safe-500) / 1)
}

html .tailwind-area .focus\:bg-safe-500\/15:focus {
    background-color: rgb(var(--ui-safe-500) / .15)
}

html .tailwind-area .focus\:bg-safe-500\/20:focus {
    background-color: rgb(var(--ui-safe-500) / .2)
}

html .tailwind-area .focus\:bg-safe-500\/25:focus {
    background-color: rgb(var(--ui-safe-500) / .25)
}

html .tailwind-area .focus\:bg-safe-500\/30:focus {
    background-color: rgb(var(--ui-safe-500) / .3)
}

html .tailwind-area .focus\:bg-safe-500\/35:focus {
    background-color: rgb(var(--ui-safe-500) / .35)
}

html .tailwind-area .focus\:bg-safe-500\/40:focus {
    background-color: rgb(var(--ui-safe-500) / .4)
}

html .tailwind-area .focus\:bg-safe-500\/45:focus {
    background-color: rgb(var(--ui-safe-500) / .45)
}

html .tailwind-area .focus\:bg-safe-500\/5:focus {
    background-color: rgb(var(--ui-safe-500) / .05)
}

html .tailwind-area .focus\:bg-safe-500\/50:focus {
    background-color: rgb(var(--ui-safe-500) / .5)
}

html .tailwind-area .focus\:bg-safe-500\/55:focus {
    background-color: rgb(var(--ui-safe-500) / .55)
}

html .tailwind-area .focus\:bg-safe-500\/60:focus {
    background-color: rgb(var(--ui-safe-500) / .6)
}

html .tailwind-area .focus\:bg-safe-500\/65:focus {
    background-color: rgb(var(--ui-safe-500) / .65)
}

html .tailwind-area .focus\:bg-safe-500\/70:focus {
    background-color: rgb(var(--ui-safe-500) / .7)
}

html .tailwind-area .focus\:bg-safe-500\/75:focus {
    background-color: rgb(var(--ui-safe-500) / .75)
}

html .tailwind-area .focus\:bg-safe-500\/80:focus {
    background-color: rgb(var(--ui-safe-500) / .8)
}

html .tailwind-area .focus\:bg-safe-500\/85:focus {
    background-color: rgb(var(--ui-safe-500) / .85)
}

html .tailwind-area .focus\:bg-safe-500\/90:focus {
    background-color: rgb(var(--ui-safe-500) / .9)
}

html .tailwind-area .focus\:bg-safe-500\/95:focus {
    background-color: rgb(var(--ui-safe-500) / .95)
}

html .tailwind-area .focus\:bg-safe-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-safe-600) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-safe-600\/0:focus {
    background-color: rgb(var(--ui-safe-600) / 0)
}

html .tailwind-area .focus\:bg-safe-600\/10:focus {
    background-color: rgb(var(--ui-safe-600) / .1)
}

html .tailwind-area .focus\:bg-safe-600\/100:focus {
    background-color: rgb(var(--ui-safe-600) / 1)
}

html .tailwind-area .focus\:bg-safe-600\/15:focus {
    background-color: rgb(var(--ui-safe-600) / .15)
}

html .tailwind-area .focus\:bg-safe-600\/20:focus {
    background-color: rgb(var(--ui-safe-600) / .2)
}

html .tailwind-area .focus\:bg-safe-600\/25:focus {
    background-color: rgb(var(--ui-safe-600) / .25)
}

html .tailwind-area .focus\:bg-safe-600\/30:focus {
    background-color: rgb(var(--ui-safe-600) / .3)
}

html .tailwind-area .focus\:bg-safe-600\/35:focus {
    background-color: rgb(var(--ui-safe-600) / .35)
}

html .tailwind-area .focus\:bg-safe-600\/40:focus {
    background-color: rgb(var(--ui-safe-600) / .4)
}

html .tailwind-area .focus\:bg-safe-600\/45:focus {
    background-color: rgb(var(--ui-safe-600) / .45)
}

html .tailwind-area .focus\:bg-safe-600\/5:focus {
    background-color: rgb(var(--ui-safe-600) / .05)
}

html .tailwind-area .focus\:bg-safe-600\/50:focus {
    background-color: rgb(var(--ui-safe-600) / .5)
}

html .tailwind-area .focus\:bg-safe-600\/55:focus {
    background-color: rgb(var(--ui-safe-600) / .55)
}

html .tailwind-area .focus\:bg-safe-600\/60:focus {
    background-color: rgb(var(--ui-safe-600) / .6)
}

html .tailwind-area .focus\:bg-safe-600\/65:focus {
    background-color: rgb(var(--ui-safe-600) / .65)
}

html .tailwind-area .focus\:bg-safe-600\/70:focus {
    background-color: rgb(var(--ui-safe-600) / .7)
}

html .tailwind-area .focus\:bg-safe-600\/75:focus {
    background-color: rgb(var(--ui-safe-600) / .75)
}

html .tailwind-area .focus\:bg-safe-600\/80:focus {
    background-color: rgb(var(--ui-safe-600) / .8)
}

html .tailwind-area .focus\:bg-safe-600\/85:focus {
    background-color: rgb(var(--ui-safe-600) / .85)
}

html .tailwind-area .focus\:bg-safe-600\/90:focus {
    background-color: rgb(var(--ui-safe-600) / .9)
}

html .tailwind-area .focus\:bg-safe-600\/95:focus {
    background-color: rgb(var(--ui-safe-600) / .95)
}

html .tailwind-area .focus\:bg-safe-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-safe-700) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-safe-700\/0:focus {
    background-color: rgb(var(--ui-safe-700) / 0)
}

html .tailwind-area .focus\:bg-safe-700\/10:focus {
    background-color: rgb(var(--ui-safe-700) / .1)
}

html .tailwind-area .focus\:bg-safe-700\/100:focus {
    background-color: rgb(var(--ui-safe-700) / 1)
}

html .tailwind-area .focus\:bg-safe-700\/15:focus {
    background-color: rgb(var(--ui-safe-700) / .15)
}

html .tailwind-area .focus\:bg-safe-700\/20:focus {
    background-color: rgb(var(--ui-safe-700) / .2)
}

html .tailwind-area .focus\:bg-safe-700\/25:focus {
    background-color: rgb(var(--ui-safe-700) / .25)
}

html .tailwind-area .focus\:bg-safe-700\/30:focus {
    background-color: rgb(var(--ui-safe-700) / .3)
}

html .tailwind-area .focus\:bg-safe-700\/35:focus {
    background-color: rgb(var(--ui-safe-700) / .35)
}

html .tailwind-area .focus\:bg-safe-700\/40:focus {
    background-color: rgb(var(--ui-safe-700) / .4)
}

html .tailwind-area .focus\:bg-safe-700\/45:focus {
    background-color: rgb(var(--ui-safe-700) / .45)
}

html .tailwind-area .focus\:bg-safe-700\/5:focus {
    background-color: rgb(var(--ui-safe-700) / .05)
}

html .tailwind-area .focus\:bg-safe-700\/50:focus {
    background-color: rgb(var(--ui-safe-700) / .5)
}

html .tailwind-area .focus\:bg-safe-700\/55:focus {
    background-color: rgb(var(--ui-safe-700) / .55)
}

html .tailwind-area .focus\:bg-safe-700\/60:focus {
    background-color: rgb(var(--ui-safe-700) / .6)
}

html .tailwind-area .focus\:bg-safe-700\/65:focus {
    background-color: rgb(var(--ui-safe-700) / .65)
}

html .tailwind-area .focus\:bg-safe-700\/70:focus {
    background-color: rgb(var(--ui-safe-700) / .7)
}

html .tailwind-area .focus\:bg-safe-700\/75:focus {
    background-color: rgb(var(--ui-safe-700) / .75)
}

html .tailwind-area .focus\:bg-safe-700\/80:focus {
    background-color: rgb(var(--ui-safe-700) / .8)
}

html .tailwind-area .focus\:bg-safe-700\/85:focus {
    background-color: rgb(var(--ui-safe-700) / .85)
}

html .tailwind-area .focus\:bg-safe-700\/90:focus {
    background-color: rgb(var(--ui-safe-700) / .9)
}

html .tailwind-area .focus\:bg-safe-700\/95:focus {
    background-color: rgb(var(--ui-safe-700) / .95)
}

html .tailwind-area .focus\:bg-safe-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-safe-800) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-safe-800\/0:focus {
    background-color: rgb(var(--ui-safe-800) / 0)
}

html .tailwind-area .focus\:bg-safe-800\/10:focus {
    background-color: rgb(var(--ui-safe-800) / .1)
}

html .tailwind-area .focus\:bg-safe-800\/100:focus {
    background-color: rgb(var(--ui-safe-800) / 1)
}

html .tailwind-area .focus\:bg-safe-800\/15:focus {
    background-color: rgb(var(--ui-safe-800) / .15)
}

html .tailwind-area .focus\:bg-safe-800\/20:focus {
    background-color: rgb(var(--ui-safe-800) / .2)
}

html .tailwind-area .focus\:bg-safe-800\/25:focus {
    background-color: rgb(var(--ui-safe-800) / .25)
}

html .tailwind-area .focus\:bg-safe-800\/30:focus {
    background-color: rgb(var(--ui-safe-800) / .3)
}

html .tailwind-area .focus\:bg-safe-800\/35:focus {
    background-color: rgb(var(--ui-safe-800) / .35)
}

html .tailwind-area .focus\:bg-safe-800\/40:focus {
    background-color: rgb(var(--ui-safe-800) / .4)
}

html .tailwind-area .focus\:bg-safe-800\/45:focus {
    background-color: rgb(var(--ui-safe-800) / .45)
}

html .tailwind-area .focus\:bg-safe-800\/5:focus {
    background-color: rgb(var(--ui-safe-800) / .05)
}

html .tailwind-area .focus\:bg-safe-800\/50:focus {
    background-color: rgb(var(--ui-safe-800) / .5)
}

html .tailwind-area .focus\:bg-safe-800\/55:focus {
    background-color: rgb(var(--ui-safe-800) / .55)
}

html .tailwind-area .focus\:bg-safe-800\/60:focus {
    background-color: rgb(var(--ui-safe-800) / .6)
}

html .tailwind-area .focus\:bg-safe-800\/65:focus {
    background-color: rgb(var(--ui-safe-800) / .65)
}

html .tailwind-area .focus\:bg-safe-800\/70:focus {
    background-color: rgb(var(--ui-safe-800) / .7)
}

html .tailwind-area .focus\:bg-safe-800\/75:focus {
    background-color: rgb(var(--ui-safe-800) / .75)
}

html .tailwind-area .focus\:bg-safe-800\/80:focus {
    background-color: rgb(var(--ui-safe-800) / .8)
}

html .tailwind-area .focus\:bg-safe-800\/85:focus {
    background-color: rgb(var(--ui-safe-800) / .85)
}

html .tailwind-area .focus\:bg-safe-800\/90:focus {
    background-color: rgb(var(--ui-safe-800) / .9)
}

html .tailwind-area .focus\:bg-safe-800\/95:focus {
    background-color: rgb(var(--ui-safe-800) / .95)
}

html .tailwind-area .focus\:bg-safe-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-safe-900) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-safe-900\/0:focus {
    background-color: rgb(var(--ui-safe-900) / 0)
}

html .tailwind-area .focus\:bg-safe-900\/10:focus {
    background-color: rgb(var(--ui-safe-900) / .1)
}

html .tailwind-area .focus\:bg-safe-900\/100:focus {
    background-color: rgb(var(--ui-safe-900) / 1)
}

html .tailwind-area .focus\:bg-safe-900\/15:focus {
    background-color: rgb(var(--ui-safe-900) / .15)
}

html .tailwind-area .focus\:bg-safe-900\/20:focus {
    background-color: rgb(var(--ui-safe-900) / .2)
}

html .tailwind-area .focus\:bg-safe-900\/25:focus {
    background-color: rgb(var(--ui-safe-900) / .25)
}

html .tailwind-area .focus\:bg-safe-900\/30:focus {
    background-color: rgb(var(--ui-safe-900) / .3)
}

html .tailwind-area .focus\:bg-safe-900\/35:focus {
    background-color: rgb(var(--ui-safe-900) / .35)
}

html .tailwind-area .focus\:bg-safe-900\/40:focus {
    background-color: rgb(var(--ui-safe-900) / .4)
}

html .tailwind-area .focus\:bg-safe-900\/45:focus {
    background-color: rgb(var(--ui-safe-900) / .45)
}

html .tailwind-area .focus\:bg-safe-900\/5:focus {
    background-color: rgb(var(--ui-safe-900) / .05)
}

html .tailwind-area .focus\:bg-safe-900\/50:focus {
    background-color: rgb(var(--ui-safe-900) / .5)
}

html .tailwind-area .focus\:bg-safe-900\/55:focus {
    background-color: rgb(var(--ui-safe-900) / .55)
}

html .tailwind-area .focus\:bg-safe-900\/60:focus {
    background-color: rgb(var(--ui-safe-900) / .6)
}

html .tailwind-area .focus\:bg-safe-900\/65:focus {
    background-color: rgb(var(--ui-safe-900) / .65)
}

html .tailwind-area .focus\:bg-safe-900\/70:focus {
    background-color: rgb(var(--ui-safe-900) / .7)
}

html .tailwind-area .focus\:bg-safe-900\/75:focus {
    background-color: rgb(var(--ui-safe-900) / .75)
}

html .tailwind-area .focus\:bg-safe-900\/80:focus {
    background-color: rgb(var(--ui-safe-900) / .8)
}

html .tailwind-area .focus\:bg-safe-900\/85:focus {
    background-color: rgb(var(--ui-safe-900) / .85)
}

html .tailwind-area .focus\:bg-safe-900\/90:focus {
    background-color: rgb(var(--ui-safe-900) / .9)
}

html .tailwind-area .focus\:bg-safe-900\/95:focus {
    background-color: rgb(var(--ui-safe-900) / .95)
}

html .tailwind-area .focus\:bg-warning-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-warning-100) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-warning-100\/0:focus {
    background-color: rgb(var(--ui-warning-100) / 0)
}

html .tailwind-area .focus\:bg-warning-100\/10:focus {
    background-color: rgb(var(--ui-warning-100) / .1)
}

html .tailwind-area .focus\:bg-warning-100\/100:focus {
    background-color: rgb(var(--ui-warning-100) / 1)
}

html .tailwind-area .focus\:bg-warning-100\/15:focus {
    background-color: rgb(var(--ui-warning-100) / .15)
}

html .tailwind-area .focus\:bg-warning-100\/20:focus {
    background-color: rgb(var(--ui-warning-100) / .2)
}

html .tailwind-area .focus\:bg-warning-100\/25:focus {
    background-color: rgb(var(--ui-warning-100) / .25)
}

html .tailwind-area .focus\:bg-warning-100\/30:focus {
    background-color: rgb(var(--ui-warning-100) / .3)
}

html .tailwind-area .focus\:bg-warning-100\/35:focus {
    background-color: rgb(var(--ui-warning-100) / .35)
}

html .tailwind-area .focus\:bg-warning-100\/40:focus {
    background-color: rgb(var(--ui-warning-100) / .4)
}

html .tailwind-area .focus\:bg-warning-100\/45:focus {
    background-color: rgb(var(--ui-warning-100) / .45)
}

html .tailwind-area .focus\:bg-warning-100\/5:focus {
    background-color: rgb(var(--ui-warning-100) / .05)
}

html .tailwind-area .focus\:bg-warning-100\/50:focus {
    background-color: rgb(var(--ui-warning-100) / .5)
}

html .tailwind-area .focus\:bg-warning-100\/55:focus {
    background-color: rgb(var(--ui-warning-100) / .55)
}

html .tailwind-area .focus\:bg-warning-100\/60:focus {
    background-color: rgb(var(--ui-warning-100) / .6)
}

html .tailwind-area .focus\:bg-warning-100\/65:focus {
    background-color: rgb(var(--ui-warning-100) / .65)
}

html .tailwind-area .focus\:bg-warning-100\/70:focus {
    background-color: rgb(var(--ui-warning-100) / .7)
}

html .tailwind-area .focus\:bg-warning-100\/75:focus {
    background-color: rgb(var(--ui-warning-100) / .75)
}

html .tailwind-area .focus\:bg-warning-100\/80:focus {
    background-color: rgb(var(--ui-warning-100) / .8)
}

html .tailwind-area .focus\:bg-warning-100\/85:focus {
    background-color: rgb(var(--ui-warning-100) / .85)
}

html .tailwind-area .focus\:bg-warning-100\/90:focus {
    background-color: rgb(var(--ui-warning-100) / .9)
}

html .tailwind-area .focus\:bg-warning-100\/95:focus {
    background-color: rgb(var(--ui-warning-100) / .95)
}

html .tailwind-area .focus\:bg-warning-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-warning-200) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-warning-200\/0:focus {
    background-color: rgb(var(--ui-warning-200) / 0)
}

html .tailwind-area .focus\:bg-warning-200\/10:focus {
    background-color: rgb(var(--ui-warning-200) / .1)
}

html .tailwind-area .focus\:bg-warning-200\/100:focus {
    background-color: rgb(var(--ui-warning-200) / 1)
}

html .tailwind-area .focus\:bg-warning-200\/15:focus {
    background-color: rgb(var(--ui-warning-200) / .15)
}

html .tailwind-area .focus\:bg-warning-200\/20:focus {
    background-color: rgb(var(--ui-warning-200) / .2)
}

html .tailwind-area .focus\:bg-warning-200\/25:focus {
    background-color: rgb(var(--ui-warning-200) / .25)
}

html .tailwind-area .focus\:bg-warning-200\/30:focus {
    background-color: rgb(var(--ui-warning-200) / .3)
}

html .tailwind-area .focus\:bg-warning-200\/35:focus {
    background-color: rgb(var(--ui-warning-200) / .35)
}

html .tailwind-area .focus\:bg-warning-200\/40:focus {
    background-color: rgb(var(--ui-warning-200) / .4)
}

html .tailwind-area .focus\:bg-warning-200\/45:focus {
    background-color: rgb(var(--ui-warning-200) / .45)
}

html .tailwind-area .focus\:bg-warning-200\/5:focus {
    background-color: rgb(var(--ui-warning-200) / .05)
}

html .tailwind-area .focus\:bg-warning-200\/50:focus {
    background-color: rgb(var(--ui-warning-200) / .5)
}

html .tailwind-area .focus\:bg-warning-200\/55:focus {
    background-color: rgb(var(--ui-warning-200) / .55)
}

html .tailwind-area .focus\:bg-warning-200\/60:focus {
    background-color: rgb(var(--ui-warning-200) / .6)
}

html .tailwind-area .focus\:bg-warning-200\/65:focus {
    background-color: rgb(var(--ui-warning-200) / .65)
}

html .tailwind-area .focus\:bg-warning-200\/70:focus {
    background-color: rgb(var(--ui-warning-200) / .7)
}

html .tailwind-area .focus\:bg-warning-200\/75:focus {
    background-color: rgb(var(--ui-warning-200) / .75)
}

html .tailwind-area .focus\:bg-warning-200\/80:focus {
    background-color: rgb(var(--ui-warning-200) / .8)
}

html .tailwind-area .focus\:bg-warning-200\/85:focus {
    background-color: rgb(var(--ui-warning-200) / .85)
}

html .tailwind-area .focus\:bg-warning-200\/90:focus {
    background-color: rgb(var(--ui-warning-200) / .9)
}

html .tailwind-area .focus\:bg-warning-200\/95:focus {
    background-color: rgb(var(--ui-warning-200) / .95)
}

html .tailwind-area .focus\:bg-warning-300:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-warning-300) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-warning-300\/0:focus {
    background-color: rgb(var(--ui-warning-300) / 0)
}

html .tailwind-area .focus\:bg-warning-300\/10:focus {
    background-color: rgb(var(--ui-warning-300) / .1)
}

html .tailwind-area .focus\:bg-warning-300\/100:focus {
    background-color: rgb(var(--ui-warning-300) / 1)
}

html .tailwind-area .focus\:bg-warning-300\/15:focus {
    background-color: rgb(var(--ui-warning-300) / .15)
}

html .tailwind-area .focus\:bg-warning-300\/20:focus {
    background-color: rgb(var(--ui-warning-300) / .2)
}

html .tailwind-area .focus\:bg-warning-300\/25:focus {
    background-color: rgb(var(--ui-warning-300) / .25)
}

html .tailwind-area .focus\:bg-warning-300\/30:focus {
    background-color: rgb(var(--ui-warning-300) / .3)
}

html .tailwind-area .focus\:bg-warning-300\/35:focus {
    background-color: rgb(var(--ui-warning-300) / .35)
}

html .tailwind-area .focus\:bg-warning-300\/40:focus {
    background-color: rgb(var(--ui-warning-300) / .4)
}

html .tailwind-area .focus\:bg-warning-300\/45:focus {
    background-color: rgb(var(--ui-warning-300) / .45)
}

html .tailwind-area .focus\:bg-warning-300\/5:focus {
    background-color: rgb(var(--ui-warning-300) / .05)
}

html .tailwind-area .focus\:bg-warning-300\/50:focus {
    background-color: rgb(var(--ui-warning-300) / .5)
}

html .tailwind-area .focus\:bg-warning-300\/55:focus {
    background-color: rgb(var(--ui-warning-300) / .55)
}

html .tailwind-area .focus\:bg-warning-300\/60:focus {
    background-color: rgb(var(--ui-warning-300) / .6)
}

html .tailwind-area .focus\:bg-warning-300\/65:focus {
    background-color: rgb(var(--ui-warning-300) / .65)
}

html .tailwind-area .focus\:bg-warning-300\/70:focus {
    background-color: rgb(var(--ui-warning-300) / .7)
}

html .tailwind-area .focus\:bg-warning-300\/75:focus {
    background-color: rgb(var(--ui-warning-300) / .75)
}

html .tailwind-area .focus\:bg-warning-300\/80:focus {
    background-color: rgb(var(--ui-warning-300) / .8)
}

html .tailwind-area .focus\:bg-warning-300\/85:focus {
    background-color: rgb(var(--ui-warning-300) / .85)
}

html .tailwind-area .focus\:bg-warning-300\/90:focus {
    background-color: rgb(var(--ui-warning-300) / .9)
}

html .tailwind-area .focus\:bg-warning-300\/95:focus {
    background-color: rgb(var(--ui-warning-300) / .95)
}

html .tailwind-area .focus\:bg-warning-400:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-warning-400) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-warning-400\/0:focus {
    background-color: rgb(var(--ui-warning-400) / 0)
}

html .tailwind-area .focus\:bg-warning-400\/10:focus {
    background-color: rgb(var(--ui-warning-400) / .1)
}

html .tailwind-area .focus\:bg-warning-400\/100:focus {
    background-color: rgb(var(--ui-warning-400) / 1)
}

html .tailwind-area .focus\:bg-warning-400\/15:focus {
    background-color: rgb(var(--ui-warning-400) / .15)
}

html .tailwind-area .focus\:bg-warning-400\/20:focus {
    background-color: rgb(var(--ui-warning-400) / .2)
}

html .tailwind-area .focus\:bg-warning-400\/25:focus {
    background-color: rgb(var(--ui-warning-400) / .25)
}

html .tailwind-area .focus\:bg-warning-400\/30:focus {
    background-color: rgb(var(--ui-warning-400) / .3)
}

html .tailwind-area .focus\:bg-warning-400\/35:focus {
    background-color: rgb(var(--ui-warning-400) / .35)
}

html .tailwind-area .focus\:bg-warning-400\/40:focus {
    background-color: rgb(var(--ui-warning-400) / .4)
}

html .tailwind-area .focus\:bg-warning-400\/45:focus {
    background-color: rgb(var(--ui-warning-400) / .45)
}

html .tailwind-area .focus\:bg-warning-400\/5:focus {
    background-color: rgb(var(--ui-warning-400) / .05)
}

html .tailwind-area .focus\:bg-warning-400\/50:focus {
    background-color: rgb(var(--ui-warning-400) / .5)
}

html .tailwind-area .focus\:bg-warning-400\/55:focus {
    background-color: rgb(var(--ui-warning-400) / .55)
}

html .tailwind-area .focus\:bg-warning-400\/60:focus {
    background-color: rgb(var(--ui-warning-400) / .6)
}

html .tailwind-area .focus\:bg-warning-400\/65:focus {
    background-color: rgb(var(--ui-warning-400) / .65)
}

html .tailwind-area .focus\:bg-warning-400\/70:focus {
    background-color: rgb(var(--ui-warning-400) / .7)
}

html .tailwind-area .focus\:bg-warning-400\/75:focus {
    background-color: rgb(var(--ui-warning-400) / .75)
}

html .tailwind-area .focus\:bg-warning-400\/80:focus {
    background-color: rgb(var(--ui-warning-400) / .8)
}

html .tailwind-area .focus\:bg-warning-400\/85:focus {
    background-color: rgb(var(--ui-warning-400) / .85)
}

html .tailwind-area .focus\:bg-warning-400\/90:focus {
    background-color: rgb(var(--ui-warning-400) / .9)
}

html .tailwind-area .focus\:bg-warning-400\/95:focus {
    background-color: rgb(var(--ui-warning-400) / .95)
}

html .tailwind-area .focus\:bg-warning-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-warning-50) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-warning-50\/0:focus {
    background-color: rgb(var(--ui-warning-50) / 0)
}

html .tailwind-area .focus\:bg-warning-50\/10:focus {
    background-color: rgb(var(--ui-warning-50) / .1)
}

html .tailwind-area .focus\:bg-warning-50\/100:focus {
    background-color: rgb(var(--ui-warning-50) / 1)
}

html .tailwind-area .focus\:bg-warning-50\/15:focus {
    background-color: rgb(var(--ui-warning-50) / .15)
}

html .tailwind-area .focus\:bg-warning-50\/20:focus {
    background-color: rgb(var(--ui-warning-50) / .2)
}

html .tailwind-area .focus\:bg-warning-50\/25:focus {
    background-color: rgb(var(--ui-warning-50) / .25)
}

html .tailwind-area .focus\:bg-warning-50\/30:focus {
    background-color: rgb(var(--ui-warning-50) / .3)
}

html .tailwind-area .focus\:bg-warning-50\/35:focus {
    background-color: rgb(var(--ui-warning-50) / .35)
}

html .tailwind-area .focus\:bg-warning-50\/40:focus {
    background-color: rgb(var(--ui-warning-50) / .4)
}

html .tailwind-area .focus\:bg-warning-50\/45:focus {
    background-color: rgb(var(--ui-warning-50) / .45)
}

html .tailwind-area .focus\:bg-warning-50\/5:focus {
    background-color: rgb(var(--ui-warning-50) / .05)
}

html .tailwind-area .focus\:bg-warning-50\/50:focus {
    background-color: rgb(var(--ui-warning-50) / .5)
}

html .tailwind-area .focus\:bg-warning-50\/55:focus {
    background-color: rgb(var(--ui-warning-50) / .55)
}

html .tailwind-area .focus\:bg-warning-50\/60:focus {
    background-color: rgb(var(--ui-warning-50) / .6)
}

html .tailwind-area .focus\:bg-warning-50\/65:focus {
    background-color: rgb(var(--ui-warning-50) / .65)
}

html .tailwind-area .focus\:bg-warning-50\/70:focus {
    background-color: rgb(var(--ui-warning-50) / .7)
}

html .tailwind-area .focus\:bg-warning-50\/75:focus {
    background-color: rgb(var(--ui-warning-50) / .75)
}

html .tailwind-area .focus\:bg-warning-50\/80:focus {
    background-color: rgb(var(--ui-warning-50) / .8)
}

html .tailwind-area .focus\:bg-warning-50\/85:focus {
    background-color: rgb(var(--ui-warning-50) / .85)
}

html .tailwind-area .focus\:bg-warning-50\/90:focus {
    background-color: rgb(var(--ui-warning-50) / .9)
}

html .tailwind-area .focus\:bg-warning-50\/95:focus {
    background-color: rgb(var(--ui-warning-50) / .95)
}

html .tailwind-area .focus\:bg-warning-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-warning-500) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-warning-500\/0:focus {
    background-color: rgb(var(--ui-warning-500) / 0)
}

html .tailwind-area .focus\:bg-warning-500\/10:focus {
    background-color: rgb(var(--ui-warning-500) / .1)
}

html .tailwind-area .focus\:bg-warning-500\/100:focus {
    background-color: rgb(var(--ui-warning-500) / 1)
}

html .tailwind-area .focus\:bg-warning-500\/15:focus {
    background-color: rgb(var(--ui-warning-500) / .15)
}

html .tailwind-area .focus\:bg-warning-500\/20:focus {
    background-color: rgb(var(--ui-warning-500) / .2)
}

html .tailwind-area .focus\:bg-warning-500\/25:focus {
    background-color: rgb(var(--ui-warning-500) / .25)
}

html .tailwind-area .focus\:bg-warning-500\/30:focus {
    background-color: rgb(var(--ui-warning-500) / .3)
}

html .tailwind-area .focus\:bg-warning-500\/35:focus {
    background-color: rgb(var(--ui-warning-500) / .35)
}

html .tailwind-area .focus\:bg-warning-500\/40:focus {
    background-color: rgb(var(--ui-warning-500) / .4)
}

html .tailwind-area .focus\:bg-warning-500\/45:focus {
    background-color: rgb(var(--ui-warning-500) / .45)
}

html .tailwind-area .focus\:bg-warning-500\/5:focus {
    background-color: rgb(var(--ui-warning-500) / .05)
}

html .tailwind-area .focus\:bg-warning-500\/50:focus {
    background-color: rgb(var(--ui-warning-500) / .5)
}

html .tailwind-area .focus\:bg-warning-500\/55:focus {
    background-color: rgb(var(--ui-warning-500) / .55)
}

html .tailwind-area .focus\:bg-warning-500\/60:focus {
    background-color: rgb(var(--ui-warning-500) / .6)
}

html .tailwind-area .focus\:bg-warning-500\/65:focus {
    background-color: rgb(var(--ui-warning-500) / .65)
}

html .tailwind-area .focus\:bg-warning-500\/70:focus {
    background-color: rgb(var(--ui-warning-500) / .7)
}

html .tailwind-area .focus\:bg-warning-500\/75:focus {
    background-color: rgb(var(--ui-warning-500) / .75)
}

html .tailwind-area .focus\:bg-warning-500\/80:focus {
    background-color: rgb(var(--ui-warning-500) / .8)
}

html .tailwind-area .focus\:bg-warning-500\/85:focus {
    background-color: rgb(var(--ui-warning-500) / .85)
}

html .tailwind-area .focus\:bg-warning-500\/90:focus {
    background-color: rgb(var(--ui-warning-500) / .9)
}

html .tailwind-area .focus\:bg-warning-500\/95:focus {
    background-color: rgb(var(--ui-warning-500) / .95)
}

html .tailwind-area .focus\:bg-warning-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-warning-600) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-warning-600\/0:focus {
    background-color: rgb(var(--ui-warning-600) / 0)
}

html .tailwind-area .focus\:bg-warning-600\/10:focus {
    background-color: rgb(var(--ui-warning-600) / .1)
}

html .tailwind-area .focus\:bg-warning-600\/100:focus {
    background-color: rgb(var(--ui-warning-600) / 1)
}

html .tailwind-area .focus\:bg-warning-600\/15:focus {
    background-color: rgb(var(--ui-warning-600) / .15)
}

html .tailwind-area .focus\:bg-warning-600\/20:focus {
    background-color: rgb(var(--ui-warning-600) / .2)
}

html .tailwind-area .focus\:bg-warning-600\/25:focus {
    background-color: rgb(var(--ui-warning-600) / .25)
}

html .tailwind-area .focus\:bg-warning-600\/30:focus {
    background-color: rgb(var(--ui-warning-600) / .3)
}

html .tailwind-area .focus\:bg-warning-600\/35:focus {
    background-color: rgb(var(--ui-warning-600) / .35)
}

html .tailwind-area .focus\:bg-warning-600\/40:focus {
    background-color: rgb(var(--ui-warning-600) / .4)
}

html .tailwind-area .focus\:bg-warning-600\/45:focus {
    background-color: rgb(var(--ui-warning-600) / .45)
}

html .tailwind-area .focus\:bg-warning-600\/5:focus {
    background-color: rgb(var(--ui-warning-600) / .05)
}

html .tailwind-area .focus\:bg-warning-600\/50:focus {
    background-color: rgb(var(--ui-warning-600) / .5)
}

html .tailwind-area .focus\:bg-warning-600\/55:focus {
    background-color: rgb(var(--ui-warning-600) / .55)
}

html .tailwind-area .focus\:bg-warning-600\/60:focus {
    background-color: rgb(var(--ui-warning-600) / .6)
}

html .tailwind-area .focus\:bg-warning-600\/65:focus {
    background-color: rgb(var(--ui-warning-600) / .65)
}

html .tailwind-area .focus\:bg-warning-600\/70:focus {
    background-color: rgb(var(--ui-warning-600) / .7)
}

html .tailwind-area .focus\:bg-warning-600\/75:focus {
    background-color: rgb(var(--ui-warning-600) / .75)
}

html .tailwind-area .focus\:bg-warning-600\/80:focus {
    background-color: rgb(var(--ui-warning-600) / .8)
}

html .tailwind-area .focus\:bg-warning-600\/85:focus {
    background-color: rgb(var(--ui-warning-600) / .85)
}

html .tailwind-area .focus\:bg-warning-600\/90:focus {
    background-color: rgb(var(--ui-warning-600) / .9)
}

html .tailwind-area .focus\:bg-warning-600\/95:focus {
    background-color: rgb(var(--ui-warning-600) / .95)
}

html .tailwind-area .focus\:bg-warning-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-warning-700) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-warning-700\/0:focus {
    background-color: rgb(var(--ui-warning-700) / 0)
}

html .tailwind-area .focus\:bg-warning-700\/10:focus {
    background-color: rgb(var(--ui-warning-700) / .1)
}

html .tailwind-area .focus\:bg-warning-700\/100:focus {
    background-color: rgb(var(--ui-warning-700) / 1)
}

html .tailwind-area .focus\:bg-warning-700\/15:focus {
    background-color: rgb(var(--ui-warning-700) / .15)
}

html .tailwind-area .focus\:bg-warning-700\/20:focus {
    background-color: rgb(var(--ui-warning-700) / .2)
}

html .tailwind-area .focus\:bg-warning-700\/25:focus {
    background-color: rgb(var(--ui-warning-700) / .25)
}

html .tailwind-area .focus\:bg-warning-700\/30:focus {
    background-color: rgb(var(--ui-warning-700) / .3)
}

html .tailwind-area .focus\:bg-warning-700\/35:focus {
    background-color: rgb(var(--ui-warning-700) / .35)
}

html .tailwind-area .focus\:bg-warning-700\/40:focus {
    background-color: rgb(var(--ui-warning-700) / .4)
}

html .tailwind-area .focus\:bg-warning-700\/45:focus {
    background-color: rgb(var(--ui-warning-700) / .45)
}

html .tailwind-area .focus\:bg-warning-700\/5:focus {
    background-color: rgb(var(--ui-warning-700) / .05)
}

html .tailwind-area .focus\:bg-warning-700\/50:focus {
    background-color: rgb(var(--ui-warning-700) / .5)
}

html .tailwind-area .focus\:bg-warning-700\/55:focus {
    background-color: rgb(var(--ui-warning-700) / .55)
}

html .tailwind-area .focus\:bg-warning-700\/60:focus {
    background-color: rgb(var(--ui-warning-700) / .6)
}

html .tailwind-area .focus\:bg-warning-700\/65:focus {
    background-color: rgb(var(--ui-warning-700) / .65)
}

html .tailwind-area .focus\:bg-warning-700\/70:focus {
    background-color: rgb(var(--ui-warning-700) / .7)
}

html .tailwind-area .focus\:bg-warning-700\/75:focus {
    background-color: rgb(var(--ui-warning-700) / .75)
}

html .tailwind-area .focus\:bg-warning-700\/80:focus {
    background-color: rgb(var(--ui-warning-700) / .8)
}

html .tailwind-area .focus\:bg-warning-700\/85:focus {
    background-color: rgb(var(--ui-warning-700) / .85)
}

html .tailwind-area .focus\:bg-warning-700\/90:focus {
    background-color: rgb(var(--ui-warning-700) / .9)
}

html .tailwind-area .focus\:bg-warning-700\/95:focus {
    background-color: rgb(var(--ui-warning-700) / .95)
}

html .tailwind-area .focus\:bg-warning-800:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-warning-800) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-warning-800\/0:focus {
    background-color: rgb(var(--ui-warning-800) / 0)
}

html .tailwind-area .focus\:bg-warning-800\/10:focus {
    background-color: rgb(var(--ui-warning-800) / .1)
}

html .tailwind-area .focus\:bg-warning-800\/100:focus {
    background-color: rgb(var(--ui-warning-800) / 1)
}

html .tailwind-area .focus\:bg-warning-800\/15:focus {
    background-color: rgb(var(--ui-warning-800) / .15)
}

html .tailwind-area .focus\:bg-warning-800\/20:focus {
    background-color: rgb(var(--ui-warning-800) / .2)
}

html .tailwind-area .focus\:bg-warning-800\/25:focus {
    background-color: rgb(var(--ui-warning-800) / .25)
}

html .tailwind-area .focus\:bg-warning-800\/30:focus {
    background-color: rgb(var(--ui-warning-800) / .3)
}

html .tailwind-area .focus\:bg-warning-800\/35:focus {
    background-color: rgb(var(--ui-warning-800) / .35)
}

html .tailwind-area .focus\:bg-warning-800\/40:focus {
    background-color: rgb(var(--ui-warning-800) / .4)
}

html .tailwind-area .focus\:bg-warning-800\/45:focus {
    background-color: rgb(var(--ui-warning-800) / .45)
}

html .tailwind-area .focus\:bg-warning-800\/5:focus {
    background-color: rgb(var(--ui-warning-800) / .05)
}

html .tailwind-area .focus\:bg-warning-800\/50:focus {
    background-color: rgb(var(--ui-warning-800) / .5)
}

html .tailwind-area .focus\:bg-warning-800\/55:focus {
    background-color: rgb(var(--ui-warning-800) / .55)
}

html .tailwind-area .focus\:bg-warning-800\/60:focus {
    background-color: rgb(var(--ui-warning-800) / .6)
}

html .tailwind-area .focus\:bg-warning-800\/65:focus {
    background-color: rgb(var(--ui-warning-800) / .65)
}

html .tailwind-area .focus\:bg-warning-800\/70:focus {
    background-color: rgb(var(--ui-warning-800) / .7)
}

html .tailwind-area .focus\:bg-warning-800\/75:focus {
    background-color: rgb(var(--ui-warning-800) / .75)
}

html .tailwind-area .focus\:bg-warning-800\/80:focus {
    background-color: rgb(var(--ui-warning-800) / .8)
}

html .tailwind-area .focus\:bg-warning-800\/85:focus {
    background-color: rgb(var(--ui-warning-800) / .85)
}

html .tailwind-area .focus\:bg-warning-800\/90:focus {
    background-color: rgb(var(--ui-warning-800) / .9)
}

html .tailwind-area .focus\:bg-warning-800\/95:focus {
    background-color: rgb(var(--ui-warning-800) / .95)
}

html .tailwind-area .focus\:bg-warning-900:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-warning-900) / var(--tw-bg-opacity))
}

html .tailwind-area .focus\:bg-warning-900\/0:focus {
    background-color: rgb(var(--ui-warning-900) / 0)
}

html .tailwind-area .focus\:bg-warning-900\/10:focus {
    background-color: rgb(var(--ui-warning-900) / .1)
}

html .tailwind-area .focus\:bg-warning-900\/100:focus {
    background-color: rgb(var(--ui-warning-900) / 1)
}

html .tailwind-area .focus\:bg-warning-900\/15:focus {
    background-color: rgb(var(--ui-warning-900) / .15)
}

html .tailwind-area .focus\:bg-warning-900\/20:focus {
    background-color: rgb(var(--ui-warning-900) / .2)
}

html .tailwind-area .focus\:bg-warning-900\/25:focus {
    background-color: rgb(var(--ui-warning-900) / .25)
}

html .tailwind-area .focus\:bg-warning-900\/30:focus {
    background-color: rgb(var(--ui-warning-900) / .3)
}

html .tailwind-area .focus\:bg-warning-900\/35:focus {
    background-color: rgb(var(--ui-warning-900) / .35)
}

html .tailwind-area .focus\:bg-warning-900\/40:focus {
    background-color: rgb(var(--ui-warning-900) / .4)
}

html .tailwind-area .focus\:bg-warning-900\/45:focus {
    background-color: rgb(var(--ui-warning-900) / .45)
}

html .tailwind-area .focus\:bg-warning-900\/5:focus {
    background-color: rgb(var(--ui-warning-900) / .05)
}

html .tailwind-area .focus\:bg-warning-900\/50:focus {
    background-color: rgb(var(--ui-warning-900) / .5)
}

html .tailwind-area .focus\:bg-warning-900\/55:focus {
    background-color: rgb(var(--ui-warning-900) / .55)
}

html .tailwind-area .focus\:bg-warning-900\/60:focus {
    background-color: rgb(var(--ui-warning-900) / .6)
}

html .tailwind-area .focus\:bg-warning-900\/65:focus {
    background-color: rgb(var(--ui-warning-900) / .65)
}

html .tailwind-area .focus\:bg-warning-900\/70:focus {
    background-color: rgb(var(--ui-warning-900) / .7)
}

html .tailwind-area .focus\:bg-warning-900\/75:focus {
    background-color: rgb(var(--ui-warning-900) / .75)
}

html .tailwind-area .focus\:bg-warning-900\/80:focus {
    background-color: rgb(var(--ui-warning-900) / .8)
}

html .tailwind-area .focus\:bg-warning-900\/85:focus {
    background-color: rgb(var(--ui-warning-900) / .85)
}

html .tailwind-area .focus\:bg-warning-900\/90:focus {
    background-color: rgb(var(--ui-warning-900) / .9)
}

html .tailwind-area .focus\:bg-warning-900\/95:focus {
    background-color: rgb(var(--ui-warning-900) / .95)
}

html .tailwind-area .focus\:text-danger-100:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-danger-100) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-danger-100\/0:focus {
    color: rgb(var(--ui-danger-100) / 0)
}

html .tailwind-area .focus\:text-danger-100\/10:focus {
    color: rgb(var(--ui-danger-100) / .1)
}

html .tailwind-area .focus\:text-danger-100\/100:focus {
    color: rgb(var(--ui-danger-100) / 1)
}

html .tailwind-area .focus\:text-danger-100\/15:focus {
    color: rgb(var(--ui-danger-100) / .15)
}

html .tailwind-area .focus\:text-danger-100\/20:focus {
    color: rgb(var(--ui-danger-100) / .2)
}

html .tailwind-area .focus\:text-danger-100\/25:focus {
    color: rgb(var(--ui-danger-100) / .25)
}

html .tailwind-area .focus\:text-danger-100\/30:focus {
    color: rgb(var(--ui-danger-100) / .3)
}

html .tailwind-area .focus\:text-danger-100\/35:focus {
    color: rgb(var(--ui-danger-100) / .35)
}

html .tailwind-area .focus\:text-danger-100\/40:focus {
    color: rgb(var(--ui-danger-100) / .4)
}

html .tailwind-area .focus\:text-danger-100\/45:focus {
    color: rgb(var(--ui-danger-100) / .45)
}

html .tailwind-area .focus\:text-danger-100\/5:focus {
    color: rgb(var(--ui-danger-100) / .05)
}

html .tailwind-area .focus\:text-danger-100\/50:focus {
    color: rgb(var(--ui-danger-100) / .5)
}

html .tailwind-area .focus\:text-danger-100\/55:focus {
    color: rgb(var(--ui-danger-100) / .55)
}

html .tailwind-area .focus\:text-danger-100\/60:focus {
    color: rgb(var(--ui-danger-100) / .6)
}

html .tailwind-area .focus\:text-danger-100\/65:focus {
    color: rgb(var(--ui-danger-100) / .65)
}

html .tailwind-area .focus\:text-danger-100\/70:focus {
    color: rgb(var(--ui-danger-100) / .7)
}

html .tailwind-area .focus\:text-danger-100\/75:focus {
    color: rgb(var(--ui-danger-100) / .75)
}

html .tailwind-area .focus\:text-danger-100\/80:focus {
    color: rgb(var(--ui-danger-100) / .8)
}

html .tailwind-area .focus\:text-danger-100\/85:focus {
    color: rgb(var(--ui-danger-100) / .85)
}

html .tailwind-area .focus\:text-danger-100\/90:focus {
    color: rgb(var(--ui-danger-100) / .9)
}

html .tailwind-area .focus\:text-danger-100\/95:focus {
    color: rgb(var(--ui-danger-100) / .95)
}

html .tailwind-area .focus\:text-danger-200:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-danger-200) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-danger-200\/0:focus {
    color: rgb(var(--ui-danger-200) / 0)
}

html .tailwind-area .focus\:text-danger-200\/10:focus {
    color: rgb(var(--ui-danger-200) / .1)
}

html .tailwind-area .focus\:text-danger-200\/100:focus {
    color: rgb(var(--ui-danger-200) / 1)
}

html .tailwind-area .focus\:text-danger-200\/15:focus {
    color: rgb(var(--ui-danger-200) / .15)
}

html .tailwind-area .focus\:text-danger-200\/20:focus {
    color: rgb(var(--ui-danger-200) / .2)
}

html .tailwind-area .focus\:text-danger-200\/25:focus {
    color: rgb(var(--ui-danger-200) / .25)
}

html .tailwind-area .focus\:text-danger-200\/30:focus {
    color: rgb(var(--ui-danger-200) / .3)
}

html .tailwind-area .focus\:text-danger-200\/35:focus {
    color: rgb(var(--ui-danger-200) / .35)
}

html .tailwind-area .focus\:text-danger-200\/40:focus {
    color: rgb(var(--ui-danger-200) / .4)
}

html .tailwind-area .focus\:text-danger-200\/45:focus {
    color: rgb(var(--ui-danger-200) / .45)
}

html .tailwind-area .focus\:text-danger-200\/5:focus {
    color: rgb(var(--ui-danger-200) / .05)
}

html .tailwind-area .focus\:text-danger-200\/50:focus {
    color: rgb(var(--ui-danger-200) / .5)
}

html .tailwind-area .focus\:text-danger-200\/55:focus {
    color: rgb(var(--ui-danger-200) / .55)
}

html .tailwind-area .focus\:text-danger-200\/60:focus {
    color: rgb(var(--ui-danger-200) / .6)
}

html .tailwind-area .focus\:text-danger-200\/65:focus {
    color: rgb(var(--ui-danger-200) / .65)
}

html .tailwind-area .focus\:text-danger-200\/70:focus {
    color: rgb(var(--ui-danger-200) / .7)
}

html .tailwind-area .focus\:text-danger-200\/75:focus {
    color: rgb(var(--ui-danger-200) / .75)
}

html .tailwind-area .focus\:text-danger-200\/80:focus {
    color: rgb(var(--ui-danger-200) / .8)
}

html .tailwind-area .focus\:text-danger-200\/85:focus {
    color: rgb(var(--ui-danger-200) / .85)
}

html .tailwind-area .focus\:text-danger-200\/90:focus {
    color: rgb(var(--ui-danger-200) / .9)
}

html .tailwind-area .focus\:text-danger-200\/95:focus {
    color: rgb(var(--ui-danger-200) / .95)
}

html .tailwind-area .focus\:text-danger-300:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-danger-300) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-danger-300\/0:focus {
    color: rgb(var(--ui-danger-300) / 0)
}

html .tailwind-area .focus\:text-danger-300\/10:focus {
    color: rgb(var(--ui-danger-300) / .1)
}

html .tailwind-area .focus\:text-danger-300\/100:focus {
    color: rgb(var(--ui-danger-300) / 1)
}

html .tailwind-area .focus\:text-danger-300\/15:focus {
    color: rgb(var(--ui-danger-300) / .15)
}

html .tailwind-area .focus\:text-danger-300\/20:focus {
    color: rgb(var(--ui-danger-300) / .2)
}

html .tailwind-area .focus\:text-danger-300\/25:focus {
    color: rgb(var(--ui-danger-300) / .25)
}

html .tailwind-area .focus\:text-danger-300\/30:focus {
    color: rgb(var(--ui-danger-300) / .3)
}

html .tailwind-area .focus\:text-danger-300\/35:focus {
    color: rgb(var(--ui-danger-300) / .35)
}

html .tailwind-area .focus\:text-danger-300\/40:focus {
    color: rgb(var(--ui-danger-300) / .4)
}

html .tailwind-area .focus\:text-danger-300\/45:focus {
    color: rgb(var(--ui-danger-300) / .45)
}

html .tailwind-area .focus\:text-danger-300\/5:focus {
    color: rgb(var(--ui-danger-300) / .05)
}

html .tailwind-area .focus\:text-danger-300\/50:focus {
    color: rgb(var(--ui-danger-300) / .5)
}

html .tailwind-area .focus\:text-danger-300\/55:focus {
    color: rgb(var(--ui-danger-300) / .55)
}

html .tailwind-area .focus\:text-danger-300\/60:focus {
    color: rgb(var(--ui-danger-300) / .6)
}

html .tailwind-area .focus\:text-danger-300\/65:focus {
    color: rgb(var(--ui-danger-300) / .65)
}

html .tailwind-area .focus\:text-danger-300\/70:focus {
    color: rgb(var(--ui-danger-300) / .7)
}

html .tailwind-area .focus\:text-danger-300\/75:focus {
    color: rgb(var(--ui-danger-300) / .75)
}

html .tailwind-area .focus\:text-danger-300\/80:focus {
    color: rgb(var(--ui-danger-300) / .8)
}

html .tailwind-area .focus\:text-danger-300\/85:focus {
    color: rgb(var(--ui-danger-300) / .85)
}

html .tailwind-area .focus\:text-danger-300\/90:focus {
    color: rgb(var(--ui-danger-300) / .9)
}

html .tailwind-area .focus\:text-danger-300\/95:focus {
    color: rgb(var(--ui-danger-300) / .95)
}

html .tailwind-area .focus\:text-danger-400:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-danger-400) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-danger-400\/0:focus {
    color: rgb(var(--ui-danger-400) / 0)
}

html .tailwind-area .focus\:text-danger-400\/10:focus {
    color: rgb(var(--ui-danger-400) / .1)
}

html .tailwind-area .focus\:text-danger-400\/100:focus {
    color: rgb(var(--ui-danger-400) / 1)
}

html .tailwind-area .focus\:text-danger-400\/15:focus {
    color: rgb(var(--ui-danger-400) / .15)
}

html .tailwind-area .focus\:text-danger-400\/20:focus {
    color: rgb(var(--ui-danger-400) / .2)
}

html .tailwind-area .focus\:text-danger-400\/25:focus {
    color: rgb(var(--ui-danger-400) / .25)
}

html .tailwind-area .focus\:text-danger-400\/30:focus {
    color: rgb(var(--ui-danger-400) / .3)
}

html .tailwind-area .focus\:text-danger-400\/35:focus {
    color: rgb(var(--ui-danger-400) / .35)
}

html .tailwind-area .focus\:text-danger-400\/40:focus {
    color: rgb(var(--ui-danger-400) / .4)
}

html .tailwind-area .focus\:text-danger-400\/45:focus {
    color: rgb(var(--ui-danger-400) / .45)
}

html .tailwind-area .focus\:text-danger-400\/5:focus {
    color: rgb(var(--ui-danger-400) / .05)
}

html .tailwind-area .focus\:text-danger-400\/50:focus {
    color: rgb(var(--ui-danger-400) / .5)
}

html .tailwind-area .focus\:text-danger-400\/55:focus {
    color: rgb(var(--ui-danger-400) / .55)
}

html .tailwind-area .focus\:text-danger-400\/60:focus {
    color: rgb(var(--ui-danger-400) / .6)
}

html .tailwind-area .focus\:text-danger-400\/65:focus {
    color: rgb(var(--ui-danger-400) / .65)
}

html .tailwind-area .focus\:text-danger-400\/70:focus {
    color: rgb(var(--ui-danger-400) / .7)
}

html .tailwind-area .focus\:text-danger-400\/75:focus {
    color: rgb(var(--ui-danger-400) / .75)
}

html .tailwind-area .focus\:text-danger-400\/80:focus {
    color: rgb(var(--ui-danger-400) / .8)
}

html .tailwind-area .focus\:text-danger-400\/85:focus {
    color: rgb(var(--ui-danger-400) / .85)
}

html .tailwind-area .focus\:text-danger-400\/90:focus {
    color: rgb(var(--ui-danger-400) / .9)
}

html .tailwind-area .focus\:text-danger-400\/95:focus {
    color: rgb(var(--ui-danger-400) / .95)
}

html .tailwind-area .focus\:text-danger-50:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-danger-50) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-danger-50\/0:focus {
    color: rgb(var(--ui-danger-50) / 0)
}

html .tailwind-area .focus\:text-danger-50\/10:focus {
    color: rgb(var(--ui-danger-50) / .1)
}

html .tailwind-area .focus\:text-danger-50\/100:focus {
    color: rgb(var(--ui-danger-50) / 1)
}

html .tailwind-area .focus\:text-danger-50\/15:focus {
    color: rgb(var(--ui-danger-50) / .15)
}

html .tailwind-area .focus\:text-danger-50\/20:focus {
    color: rgb(var(--ui-danger-50) / .2)
}

html .tailwind-area .focus\:text-danger-50\/25:focus {
    color: rgb(var(--ui-danger-50) / .25)
}

html .tailwind-area .focus\:text-danger-50\/30:focus {
    color: rgb(var(--ui-danger-50) / .3)
}

html .tailwind-area .focus\:text-danger-50\/35:focus {
    color: rgb(var(--ui-danger-50) / .35)
}

html .tailwind-area .focus\:text-danger-50\/40:focus {
    color: rgb(var(--ui-danger-50) / .4)
}

html .tailwind-area .focus\:text-danger-50\/45:focus {
    color: rgb(var(--ui-danger-50) / .45)
}

html .tailwind-area .focus\:text-danger-50\/5:focus {
    color: rgb(var(--ui-danger-50) / .05)
}

html .tailwind-area .focus\:text-danger-50\/50:focus {
    color: rgb(var(--ui-danger-50) / .5)
}

html .tailwind-area .focus\:text-danger-50\/55:focus {
    color: rgb(var(--ui-danger-50) / .55)
}

html .tailwind-area .focus\:text-danger-50\/60:focus {
    color: rgb(var(--ui-danger-50) / .6)
}

html .tailwind-area .focus\:text-danger-50\/65:focus {
    color: rgb(var(--ui-danger-50) / .65)
}

html .tailwind-area .focus\:text-danger-50\/70:focus {
    color: rgb(var(--ui-danger-50) / .7)
}

html .tailwind-area .focus\:text-danger-50\/75:focus {
    color: rgb(var(--ui-danger-50) / .75)
}

html .tailwind-area .focus\:text-danger-50\/80:focus {
    color: rgb(var(--ui-danger-50) / .8)
}

html .tailwind-area .focus\:text-danger-50\/85:focus {
    color: rgb(var(--ui-danger-50) / .85)
}

html .tailwind-area .focus\:text-danger-50\/90:focus {
    color: rgb(var(--ui-danger-50) / .9)
}

html .tailwind-area .focus\:text-danger-50\/95:focus {
    color: rgb(var(--ui-danger-50) / .95)
}

html .tailwind-area .focus\:text-danger-500:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-danger-500) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-danger-500\/0:focus {
    color: rgb(var(--ui-danger-500) / 0)
}

html .tailwind-area .focus\:text-danger-500\/10:focus {
    color: rgb(var(--ui-danger-500) / .1)
}

html .tailwind-area .focus\:text-danger-500\/100:focus {
    color: rgb(var(--ui-danger-500) / 1)
}

html .tailwind-area .focus\:text-danger-500\/15:focus {
    color: rgb(var(--ui-danger-500) / .15)
}

html .tailwind-area .focus\:text-danger-500\/20:focus {
    color: rgb(var(--ui-danger-500) / .2)
}

html .tailwind-area .focus\:text-danger-500\/25:focus {
    color: rgb(var(--ui-danger-500) / .25)
}

html .tailwind-area .focus\:text-danger-500\/30:focus {
    color: rgb(var(--ui-danger-500) / .3)
}

html .tailwind-area .focus\:text-danger-500\/35:focus {
    color: rgb(var(--ui-danger-500) / .35)
}

html .tailwind-area .focus\:text-danger-500\/40:focus {
    color: rgb(var(--ui-danger-500) / .4)
}

html .tailwind-area .focus\:text-danger-500\/45:focus {
    color: rgb(var(--ui-danger-500) / .45)
}

html .tailwind-area .focus\:text-danger-500\/5:focus {
    color: rgb(var(--ui-danger-500) / .05)
}

html .tailwind-area .focus\:text-danger-500\/50:focus {
    color: rgb(var(--ui-danger-500) / .5)
}

html .tailwind-area .focus\:text-danger-500\/55:focus {
    color: rgb(var(--ui-danger-500) / .55)
}

html .tailwind-area .focus\:text-danger-500\/60:focus {
    color: rgb(var(--ui-danger-500) / .6)
}

html .tailwind-area .focus\:text-danger-500\/65:focus {
    color: rgb(var(--ui-danger-500) / .65)
}

html .tailwind-area .focus\:text-danger-500\/70:focus {
    color: rgb(var(--ui-danger-500) / .7)
}

html .tailwind-area .focus\:text-danger-500\/75:focus {
    color: rgb(var(--ui-danger-500) / .75)
}

html .tailwind-area .focus\:text-danger-500\/80:focus {
    color: rgb(var(--ui-danger-500) / .8)
}

html .tailwind-area .focus\:text-danger-500\/85:focus {
    color: rgb(var(--ui-danger-500) / .85)
}

html .tailwind-area .focus\:text-danger-500\/90:focus {
    color: rgb(var(--ui-danger-500) / .9)
}

html .tailwind-area .focus\:text-danger-500\/95:focus {
    color: rgb(var(--ui-danger-500) / .95)
}

html .tailwind-area .focus\:text-danger-600:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-danger-600) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-danger-600\/0:focus {
    color: rgb(var(--ui-danger-600) / 0)
}

html .tailwind-area .focus\:text-danger-600\/10:focus {
    color: rgb(var(--ui-danger-600) / .1)
}

html .tailwind-area .focus\:text-danger-600\/100:focus {
    color: rgb(var(--ui-danger-600) / 1)
}

html .tailwind-area .focus\:text-danger-600\/15:focus {
    color: rgb(var(--ui-danger-600) / .15)
}

html .tailwind-area .focus\:text-danger-600\/20:focus {
    color: rgb(var(--ui-danger-600) / .2)
}

html .tailwind-area .focus\:text-danger-600\/25:focus {
    color: rgb(var(--ui-danger-600) / .25)
}

html .tailwind-area .focus\:text-danger-600\/30:focus {
    color: rgb(var(--ui-danger-600) / .3)
}

html .tailwind-area .focus\:text-danger-600\/35:focus {
    color: rgb(var(--ui-danger-600) / .35)
}

html .tailwind-area .focus\:text-danger-600\/40:focus {
    color: rgb(var(--ui-danger-600) / .4)
}

html .tailwind-area .focus\:text-danger-600\/45:focus {
    color: rgb(var(--ui-danger-600) / .45)
}

html .tailwind-area .focus\:text-danger-600\/5:focus {
    color: rgb(var(--ui-danger-600) / .05)
}

html .tailwind-area .focus\:text-danger-600\/50:focus {
    color: rgb(var(--ui-danger-600) / .5)
}

html .tailwind-area .focus\:text-danger-600\/55:focus {
    color: rgb(var(--ui-danger-600) / .55)
}

html .tailwind-area .focus\:text-danger-600\/60:focus {
    color: rgb(var(--ui-danger-600) / .6)
}

html .tailwind-area .focus\:text-danger-600\/65:focus {
    color: rgb(var(--ui-danger-600) / .65)
}

html .tailwind-area .focus\:text-danger-600\/70:focus {
    color: rgb(var(--ui-danger-600) / .7)
}

html .tailwind-area .focus\:text-danger-600\/75:focus {
    color: rgb(var(--ui-danger-600) / .75)
}

html .tailwind-area .focus\:text-danger-600\/80:focus {
    color: rgb(var(--ui-danger-600) / .8)
}

html .tailwind-area .focus\:text-danger-600\/85:focus {
    color: rgb(var(--ui-danger-600) / .85)
}

html .tailwind-area .focus\:text-danger-600\/90:focus {
    color: rgb(var(--ui-danger-600) / .9)
}

html .tailwind-area .focus\:text-danger-600\/95:focus {
    color: rgb(var(--ui-danger-600) / .95)
}

html .tailwind-area .focus\:text-danger-700:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-danger-700) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-danger-700\/0:focus {
    color: rgb(var(--ui-danger-700) / 0)
}

html .tailwind-area .focus\:text-danger-700\/10:focus {
    color: rgb(var(--ui-danger-700) / .1)
}

html .tailwind-area .focus\:text-danger-700\/100:focus {
    color: rgb(var(--ui-danger-700) / 1)
}

html .tailwind-area .focus\:text-danger-700\/15:focus {
    color: rgb(var(--ui-danger-700) / .15)
}

html .tailwind-area .focus\:text-danger-700\/20:focus {
    color: rgb(var(--ui-danger-700) / .2)
}

html .tailwind-area .focus\:text-danger-700\/25:focus {
    color: rgb(var(--ui-danger-700) / .25)
}

html .tailwind-area .focus\:text-danger-700\/30:focus {
    color: rgb(var(--ui-danger-700) / .3)
}

html .tailwind-area .focus\:text-danger-700\/35:focus {
    color: rgb(var(--ui-danger-700) / .35)
}

html .tailwind-area .focus\:text-danger-700\/40:focus {
    color: rgb(var(--ui-danger-700) / .4)
}

html .tailwind-area .focus\:text-danger-700\/45:focus {
    color: rgb(var(--ui-danger-700) / .45)
}

html .tailwind-area .focus\:text-danger-700\/5:focus {
    color: rgb(var(--ui-danger-700) / .05)
}

html .tailwind-area .focus\:text-danger-700\/50:focus {
    color: rgb(var(--ui-danger-700) / .5)
}

html .tailwind-area .focus\:text-danger-700\/55:focus {
    color: rgb(var(--ui-danger-700) / .55)
}

html .tailwind-area .focus\:text-danger-700\/60:focus {
    color: rgb(var(--ui-danger-700) / .6)
}

html .tailwind-area .focus\:text-danger-700\/65:focus {
    color: rgb(var(--ui-danger-700) / .65)
}

html .tailwind-area .focus\:text-danger-700\/70:focus {
    color: rgb(var(--ui-danger-700) / .7)
}

html .tailwind-area .focus\:text-danger-700\/75:focus {
    color: rgb(var(--ui-danger-700) / .75)
}

html .tailwind-area .focus\:text-danger-700\/80:focus {
    color: rgb(var(--ui-danger-700) / .8)
}

html .tailwind-area .focus\:text-danger-700\/85:focus {
    color: rgb(var(--ui-danger-700) / .85)
}

html .tailwind-area .focus\:text-danger-700\/90:focus {
    color: rgb(var(--ui-danger-700) / .9)
}

html .tailwind-area .focus\:text-danger-700\/95:focus {
    color: rgb(var(--ui-danger-700) / .95)
}

html .tailwind-area .focus\:text-danger-800:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-danger-800) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-danger-800\/0:focus {
    color: rgb(var(--ui-danger-800) / 0)
}

html .tailwind-area .focus\:text-danger-800\/10:focus {
    color: rgb(var(--ui-danger-800) / .1)
}

html .tailwind-area .focus\:text-danger-800\/100:focus {
    color: rgb(var(--ui-danger-800) / 1)
}

html .tailwind-area .focus\:text-danger-800\/15:focus {
    color: rgb(var(--ui-danger-800) / .15)
}

html .tailwind-area .focus\:text-danger-800\/20:focus {
    color: rgb(var(--ui-danger-800) / .2)
}

html .tailwind-area .focus\:text-danger-800\/25:focus {
    color: rgb(var(--ui-danger-800) / .25)
}

html .tailwind-area .focus\:text-danger-800\/30:focus {
    color: rgb(var(--ui-danger-800) / .3)
}

html .tailwind-area .focus\:text-danger-800\/35:focus {
    color: rgb(var(--ui-danger-800) / .35)
}

html .tailwind-area .focus\:text-danger-800\/40:focus {
    color: rgb(var(--ui-danger-800) / .4)
}

html .tailwind-area .focus\:text-danger-800\/45:focus {
    color: rgb(var(--ui-danger-800) / .45)
}

html .tailwind-area .focus\:text-danger-800\/5:focus {
    color: rgb(var(--ui-danger-800) / .05)
}

html .tailwind-area .focus\:text-danger-800\/50:focus {
    color: rgb(var(--ui-danger-800) / .5)
}

html .tailwind-area .focus\:text-danger-800\/55:focus {
    color: rgb(var(--ui-danger-800) / .55)
}

html .tailwind-area .focus\:text-danger-800\/60:focus {
    color: rgb(var(--ui-danger-800) / .6)
}

html .tailwind-area .focus\:text-danger-800\/65:focus {
    color: rgb(var(--ui-danger-800) / .65)
}

html .tailwind-area .focus\:text-danger-800\/70:focus {
    color: rgb(var(--ui-danger-800) / .7)
}

html .tailwind-area .focus\:text-danger-800\/75:focus {
    color: rgb(var(--ui-danger-800) / .75)
}

html .tailwind-area .focus\:text-danger-800\/80:focus {
    color: rgb(var(--ui-danger-800) / .8)
}

html .tailwind-area .focus\:text-danger-800\/85:focus {
    color: rgb(var(--ui-danger-800) / .85)
}

html .tailwind-area .focus\:text-danger-800\/90:focus {
    color: rgb(var(--ui-danger-800) / .9)
}

html .tailwind-area .focus\:text-danger-800\/95:focus {
    color: rgb(var(--ui-danger-800) / .95)
}

html .tailwind-area .focus\:text-danger-900:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-danger-900) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-danger-900\/0:focus {
    color: rgb(var(--ui-danger-900) / 0)
}

html .tailwind-area .focus\:text-danger-900\/10:focus {
    color: rgb(var(--ui-danger-900) / .1)
}

html .tailwind-area .focus\:text-danger-900\/100:focus {
    color: rgb(var(--ui-danger-900) / 1)
}

html .tailwind-area .focus\:text-danger-900\/15:focus {
    color: rgb(var(--ui-danger-900) / .15)
}

html .tailwind-area .focus\:text-danger-900\/20:focus {
    color: rgb(var(--ui-danger-900) / .2)
}

html .tailwind-area .focus\:text-danger-900\/25:focus {
    color: rgb(var(--ui-danger-900) / .25)
}

html .tailwind-area .focus\:text-danger-900\/30:focus {
    color: rgb(var(--ui-danger-900) / .3)
}

html .tailwind-area .focus\:text-danger-900\/35:focus {
    color: rgb(var(--ui-danger-900) / .35)
}

html .tailwind-area .focus\:text-danger-900\/40:focus {
    color: rgb(var(--ui-danger-900) / .4)
}

html .tailwind-area .focus\:text-danger-900\/45:focus {
    color: rgb(var(--ui-danger-900) / .45)
}

html .tailwind-area .focus\:text-danger-900\/5:focus {
    color: rgb(var(--ui-danger-900) / .05)
}

html .tailwind-area .focus\:text-danger-900\/50:focus {
    color: rgb(var(--ui-danger-900) / .5)
}

html .tailwind-area .focus\:text-danger-900\/55:focus {
    color: rgb(var(--ui-danger-900) / .55)
}

html .tailwind-area .focus\:text-danger-900\/60:focus {
    color: rgb(var(--ui-danger-900) / .6)
}

html .tailwind-area .focus\:text-danger-900\/65:focus {
    color: rgb(var(--ui-danger-900) / .65)
}

html .tailwind-area .focus\:text-danger-900\/70:focus {
    color: rgb(var(--ui-danger-900) / .7)
}

html .tailwind-area .focus\:text-danger-900\/75:focus {
    color: rgb(var(--ui-danger-900) / .75)
}

html .tailwind-area .focus\:text-danger-900\/80:focus {
    color: rgb(var(--ui-danger-900) / .8)
}

html .tailwind-area .focus\:text-danger-900\/85:focus {
    color: rgb(var(--ui-danger-900) / .85)
}

html .tailwind-area .focus\:text-danger-900\/90:focus {
    color: rgb(var(--ui-danger-900) / .9)
}

html .tailwind-area .focus\:text-danger-900\/95:focus {
    color: rgb(var(--ui-danger-900) / .95)
}

html .tailwind-area .focus\:text-neutral-100:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-neutral-100) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-neutral-100\/0:focus {
    color: rgb(var(--ui-neutral-100) / 0)
}

html .tailwind-area .focus\:text-neutral-100\/10:focus {
    color: rgb(var(--ui-neutral-100) / .1)
}

html .tailwind-area .focus\:text-neutral-100\/100:focus {
    color: rgb(var(--ui-neutral-100) / 1)
}

html .tailwind-area .focus\:text-neutral-100\/15:focus {
    color: rgb(var(--ui-neutral-100) / .15)
}

html .tailwind-area .focus\:text-neutral-100\/20:focus {
    color: rgb(var(--ui-neutral-100) / .2)
}

html .tailwind-area .focus\:text-neutral-100\/25:focus {
    color: rgb(var(--ui-neutral-100) / .25)
}

html .tailwind-area .focus\:text-neutral-100\/30:focus {
    color: rgb(var(--ui-neutral-100) / .3)
}

html .tailwind-area .focus\:text-neutral-100\/35:focus {
    color: rgb(var(--ui-neutral-100) / .35)
}

html .tailwind-area .focus\:text-neutral-100\/40:focus {
    color: rgb(var(--ui-neutral-100) / .4)
}

html .tailwind-area .focus\:text-neutral-100\/45:focus {
    color: rgb(var(--ui-neutral-100) / .45)
}

html .tailwind-area .focus\:text-neutral-100\/5:focus {
    color: rgb(var(--ui-neutral-100) / .05)
}

html .tailwind-area .focus\:text-neutral-100\/50:focus {
    color: rgb(var(--ui-neutral-100) / .5)
}

html .tailwind-area .focus\:text-neutral-100\/55:focus {
    color: rgb(var(--ui-neutral-100) / .55)
}

html .tailwind-area .focus\:text-neutral-100\/60:focus {
    color: rgb(var(--ui-neutral-100) / .6)
}

html .tailwind-area .focus\:text-neutral-100\/65:focus {
    color: rgb(var(--ui-neutral-100) / .65)
}

html .tailwind-area .focus\:text-neutral-100\/70:focus {
    color: rgb(var(--ui-neutral-100) / .7)
}

html .tailwind-area .focus\:text-neutral-100\/75:focus {
    color: rgb(var(--ui-neutral-100) / .75)
}

html .tailwind-area .focus\:text-neutral-100\/80:focus {
    color: rgb(var(--ui-neutral-100) / .8)
}

html .tailwind-area .focus\:text-neutral-100\/85:focus {
    color: rgb(var(--ui-neutral-100) / .85)
}

html .tailwind-area .focus\:text-neutral-100\/90:focus {
    color: rgb(var(--ui-neutral-100) / .9)
}

html .tailwind-area .focus\:text-neutral-100\/95:focus {
    color: rgb(var(--ui-neutral-100) / .95)
}

html .tailwind-area .focus\:text-neutral-200:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-neutral-200) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-neutral-200\/0:focus {
    color: rgb(var(--ui-neutral-200) / 0)
}

html .tailwind-area .focus\:text-neutral-200\/10:focus {
    color: rgb(var(--ui-neutral-200) / .1)
}

html .tailwind-area .focus\:text-neutral-200\/100:focus {
    color: rgb(var(--ui-neutral-200) / 1)
}

html .tailwind-area .focus\:text-neutral-200\/15:focus {
    color: rgb(var(--ui-neutral-200) / .15)
}

html .tailwind-area .focus\:text-neutral-200\/20:focus {
    color: rgb(var(--ui-neutral-200) / .2)
}

html .tailwind-area .focus\:text-neutral-200\/25:focus {
    color: rgb(var(--ui-neutral-200) / .25)
}

html .tailwind-area .focus\:text-neutral-200\/30:focus {
    color: rgb(var(--ui-neutral-200) / .3)
}

html .tailwind-area .focus\:text-neutral-200\/35:focus {
    color: rgb(var(--ui-neutral-200) / .35)
}

html .tailwind-area .focus\:text-neutral-200\/40:focus {
    color: rgb(var(--ui-neutral-200) / .4)
}

html .tailwind-area .focus\:text-neutral-200\/45:focus {
    color: rgb(var(--ui-neutral-200) / .45)
}

html .tailwind-area .focus\:text-neutral-200\/5:focus {
    color: rgb(var(--ui-neutral-200) / .05)
}

html .tailwind-area .focus\:text-neutral-200\/50:focus {
    color: rgb(var(--ui-neutral-200) / .5)
}

html .tailwind-area .focus\:text-neutral-200\/55:focus {
    color: rgb(var(--ui-neutral-200) / .55)
}

html .tailwind-area .focus\:text-neutral-200\/60:focus {
    color: rgb(var(--ui-neutral-200) / .6)
}

html .tailwind-area .focus\:text-neutral-200\/65:focus {
    color: rgb(var(--ui-neutral-200) / .65)
}

html .tailwind-area .focus\:text-neutral-200\/70:focus {
    color: rgb(var(--ui-neutral-200) / .7)
}

html .tailwind-area .focus\:text-neutral-200\/75:focus {
    color: rgb(var(--ui-neutral-200) / .75)
}

html .tailwind-area .focus\:text-neutral-200\/80:focus {
    color: rgb(var(--ui-neutral-200) / .8)
}

html .tailwind-area .focus\:text-neutral-200\/85:focus {
    color: rgb(var(--ui-neutral-200) / .85)
}

html .tailwind-area .focus\:text-neutral-200\/90:focus {
    color: rgb(var(--ui-neutral-200) / .9)
}

html .tailwind-area .focus\:text-neutral-200\/95:focus {
    color: rgb(var(--ui-neutral-200) / .95)
}

html .tailwind-area .focus\:text-neutral-300:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-neutral-300) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-neutral-300\/0:focus {
    color: rgb(var(--ui-neutral-300) / 0)
}

html .tailwind-area .focus\:text-neutral-300\/10:focus {
    color: rgb(var(--ui-neutral-300) / .1)
}

html .tailwind-area .focus\:text-neutral-300\/100:focus {
    color: rgb(var(--ui-neutral-300) / 1)
}

html .tailwind-area .focus\:text-neutral-300\/15:focus {
    color: rgb(var(--ui-neutral-300) / .15)
}

html .tailwind-area .focus\:text-neutral-300\/20:focus {
    color: rgb(var(--ui-neutral-300) / .2)
}

html .tailwind-area .focus\:text-neutral-300\/25:focus {
    color: rgb(var(--ui-neutral-300) / .25)
}

html .tailwind-area .focus\:text-neutral-300\/30:focus {
    color: rgb(var(--ui-neutral-300) / .3)
}

html .tailwind-area .focus\:text-neutral-300\/35:focus {
    color: rgb(var(--ui-neutral-300) / .35)
}

html .tailwind-area .focus\:text-neutral-300\/40:focus {
    color: rgb(var(--ui-neutral-300) / .4)
}

html .tailwind-area .focus\:text-neutral-300\/45:focus {
    color: rgb(var(--ui-neutral-300) / .45)
}

html .tailwind-area .focus\:text-neutral-300\/5:focus {
    color: rgb(var(--ui-neutral-300) / .05)
}

html .tailwind-area .focus\:text-neutral-300\/50:focus {
    color: rgb(var(--ui-neutral-300) / .5)
}

html .tailwind-area .focus\:text-neutral-300\/55:focus {
    color: rgb(var(--ui-neutral-300) / .55)
}

html .tailwind-area .focus\:text-neutral-300\/60:focus {
    color: rgb(var(--ui-neutral-300) / .6)
}

html .tailwind-area .focus\:text-neutral-300\/65:focus {
    color: rgb(var(--ui-neutral-300) / .65)
}

html .tailwind-area .focus\:text-neutral-300\/70:focus {
    color: rgb(var(--ui-neutral-300) / .7)
}

html .tailwind-area .focus\:text-neutral-300\/75:focus {
    color: rgb(var(--ui-neutral-300) / .75)
}

html .tailwind-area .focus\:text-neutral-300\/80:focus {
    color: rgb(var(--ui-neutral-300) / .8)
}

html .tailwind-area .focus\:text-neutral-300\/85:focus {
    color: rgb(var(--ui-neutral-300) / .85)
}

html .tailwind-area .focus\:text-neutral-300\/90:focus {
    color: rgb(var(--ui-neutral-300) / .9)
}

html .tailwind-area .focus\:text-neutral-300\/95:focus {
    color: rgb(var(--ui-neutral-300) / .95)
}

html .tailwind-area .focus\:text-neutral-400:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-neutral-400) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-neutral-400\/0:focus {
    color: rgb(var(--ui-neutral-400) / 0)
}

html .tailwind-area .focus\:text-neutral-400\/10:focus {
    color: rgb(var(--ui-neutral-400) / .1)
}

html .tailwind-area .focus\:text-neutral-400\/100:focus {
    color: rgb(var(--ui-neutral-400) / 1)
}

html .tailwind-area .focus\:text-neutral-400\/15:focus {
    color: rgb(var(--ui-neutral-400) / .15)
}

html .tailwind-area .focus\:text-neutral-400\/20:focus {
    color: rgb(var(--ui-neutral-400) / .2)
}

html .tailwind-area .focus\:text-neutral-400\/25:focus {
    color: rgb(var(--ui-neutral-400) / .25)
}

html .tailwind-area .focus\:text-neutral-400\/30:focus {
    color: rgb(var(--ui-neutral-400) / .3)
}

html .tailwind-area .focus\:text-neutral-400\/35:focus {
    color: rgb(var(--ui-neutral-400) / .35)
}

html .tailwind-area .focus\:text-neutral-400\/40:focus {
    color: rgb(var(--ui-neutral-400) / .4)
}

html .tailwind-area .focus\:text-neutral-400\/45:focus {
    color: rgb(var(--ui-neutral-400) / .45)
}

html .tailwind-area .focus\:text-neutral-400\/5:focus {
    color: rgb(var(--ui-neutral-400) / .05)
}

html .tailwind-area .focus\:text-neutral-400\/50:focus {
    color: rgb(var(--ui-neutral-400) / .5)
}

html .tailwind-area .focus\:text-neutral-400\/55:focus {
    color: rgb(var(--ui-neutral-400) / .55)
}

html .tailwind-area .focus\:text-neutral-400\/60:focus {
    color: rgb(var(--ui-neutral-400) / .6)
}

html .tailwind-area .focus\:text-neutral-400\/65:focus {
    color: rgb(var(--ui-neutral-400) / .65)
}

html .tailwind-area .focus\:text-neutral-400\/70:focus {
    color: rgb(var(--ui-neutral-400) / .7)
}

html .tailwind-area .focus\:text-neutral-400\/75:focus {
    color: rgb(var(--ui-neutral-400) / .75)
}

html .tailwind-area .focus\:text-neutral-400\/80:focus {
    color: rgb(var(--ui-neutral-400) / .8)
}

html .tailwind-area .focus\:text-neutral-400\/85:focus {
    color: rgb(var(--ui-neutral-400) / .85)
}

html .tailwind-area .focus\:text-neutral-400\/90:focus {
    color: rgb(var(--ui-neutral-400) / .9)
}

html .tailwind-area .focus\:text-neutral-400\/95:focus {
    color: rgb(var(--ui-neutral-400) / .95)
}

html .tailwind-area .focus\:text-neutral-50:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-neutral-50) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-neutral-50\/0:focus {
    color: rgb(var(--ui-neutral-50) / 0)
}

html .tailwind-area .focus\:text-neutral-50\/10:focus {
    color: rgb(var(--ui-neutral-50) / .1)
}

html .tailwind-area .focus\:text-neutral-50\/100:focus {
    color: rgb(var(--ui-neutral-50) / 1)
}

html .tailwind-area .focus\:text-neutral-50\/15:focus {
    color: rgb(var(--ui-neutral-50) / .15)
}

html .tailwind-area .focus\:text-neutral-50\/20:focus {
    color: rgb(var(--ui-neutral-50) / .2)
}

html .tailwind-area .focus\:text-neutral-50\/25:focus {
    color: rgb(var(--ui-neutral-50) / .25)
}

html .tailwind-area .focus\:text-neutral-50\/30:focus {
    color: rgb(var(--ui-neutral-50) / .3)
}

html .tailwind-area .focus\:text-neutral-50\/35:focus {
    color: rgb(var(--ui-neutral-50) / .35)
}

html .tailwind-area .focus\:text-neutral-50\/40:focus {
    color: rgb(var(--ui-neutral-50) / .4)
}

html .tailwind-area .focus\:text-neutral-50\/45:focus {
    color: rgb(var(--ui-neutral-50) / .45)
}

html .tailwind-area .focus\:text-neutral-50\/5:focus {
    color: rgb(var(--ui-neutral-50) / .05)
}

html .tailwind-area .focus\:text-neutral-50\/50:focus {
    color: rgb(var(--ui-neutral-50) / .5)
}

html .tailwind-area .focus\:text-neutral-50\/55:focus {
    color: rgb(var(--ui-neutral-50) / .55)
}

html .tailwind-area .focus\:text-neutral-50\/60:focus {
    color: rgb(var(--ui-neutral-50) / .6)
}

html .tailwind-area .focus\:text-neutral-50\/65:focus {
    color: rgb(var(--ui-neutral-50) / .65)
}

html .tailwind-area .focus\:text-neutral-50\/70:focus {
    color: rgb(var(--ui-neutral-50) / .7)
}

html .tailwind-area .focus\:text-neutral-50\/75:focus {
    color: rgb(var(--ui-neutral-50) / .75)
}

html .tailwind-area .focus\:text-neutral-50\/80:focus {
    color: rgb(var(--ui-neutral-50) / .8)
}

html .tailwind-area .focus\:text-neutral-50\/85:focus {
    color: rgb(var(--ui-neutral-50) / .85)
}

html .tailwind-area .focus\:text-neutral-50\/90:focus {
    color: rgb(var(--ui-neutral-50) / .9)
}

html .tailwind-area .focus\:text-neutral-50\/95:focus {
    color: rgb(var(--ui-neutral-50) / .95)
}

html .tailwind-area .focus\:text-neutral-500:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-neutral-500) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-neutral-500\/0:focus {
    color: rgb(var(--ui-neutral-500) / 0)
}

html .tailwind-area .focus\:text-neutral-500\/10:focus {
    color: rgb(var(--ui-neutral-500) / .1)
}

html .tailwind-area .focus\:text-neutral-500\/100:focus {
    color: rgb(var(--ui-neutral-500) / 1)
}

html .tailwind-area .focus\:text-neutral-500\/15:focus {
    color: rgb(var(--ui-neutral-500) / .15)
}

html .tailwind-area .focus\:text-neutral-500\/20:focus {
    color: rgb(var(--ui-neutral-500) / .2)
}

html .tailwind-area .focus\:text-neutral-500\/25:focus {
    color: rgb(var(--ui-neutral-500) / .25)
}

html .tailwind-area .focus\:text-neutral-500\/30:focus {
    color: rgb(var(--ui-neutral-500) / .3)
}

html .tailwind-area .focus\:text-neutral-500\/35:focus {
    color: rgb(var(--ui-neutral-500) / .35)
}

html .tailwind-area .focus\:text-neutral-500\/40:focus {
    color: rgb(var(--ui-neutral-500) / .4)
}

html .tailwind-area .focus\:text-neutral-500\/45:focus {
    color: rgb(var(--ui-neutral-500) / .45)
}

html .tailwind-area .focus\:text-neutral-500\/5:focus {
    color: rgb(var(--ui-neutral-500) / .05)
}

html .tailwind-area .focus\:text-neutral-500\/50:focus {
    color: rgb(var(--ui-neutral-500) / .5)
}

html .tailwind-area .focus\:text-neutral-500\/55:focus {
    color: rgb(var(--ui-neutral-500) / .55)
}

html .tailwind-area .focus\:text-neutral-500\/60:focus {
    color: rgb(var(--ui-neutral-500) / .6)
}

html .tailwind-area .focus\:text-neutral-500\/65:focus {
    color: rgb(var(--ui-neutral-500) / .65)
}

html .tailwind-area .focus\:text-neutral-500\/70:focus {
    color: rgb(var(--ui-neutral-500) / .7)
}

html .tailwind-area .focus\:text-neutral-500\/75:focus {
    color: rgb(var(--ui-neutral-500) / .75)
}

html .tailwind-area .focus\:text-neutral-500\/80:focus {
    color: rgb(var(--ui-neutral-500) / .8)
}

html .tailwind-area .focus\:text-neutral-500\/85:focus {
    color: rgb(var(--ui-neutral-500) / .85)
}

html .tailwind-area .focus\:text-neutral-500\/90:focus {
    color: rgb(var(--ui-neutral-500) / .9)
}

html .tailwind-area .focus\:text-neutral-500\/95:focus {
    color: rgb(var(--ui-neutral-500) / .95)
}

html .tailwind-area .focus\:text-neutral-600:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-neutral-600) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-neutral-600\/0:focus {
    color: rgb(var(--ui-neutral-600) / 0)
}

html .tailwind-area .focus\:text-neutral-600\/10:focus {
    color: rgb(var(--ui-neutral-600) / .1)
}

html .tailwind-area .focus\:text-neutral-600\/100:focus {
    color: rgb(var(--ui-neutral-600) / 1)
}

html .tailwind-area .focus\:text-neutral-600\/15:focus {
    color: rgb(var(--ui-neutral-600) / .15)
}

html .tailwind-area .focus\:text-neutral-600\/20:focus {
    color: rgb(var(--ui-neutral-600) / .2)
}

html .tailwind-area .focus\:text-neutral-600\/25:focus {
    color: rgb(var(--ui-neutral-600) / .25)
}

html .tailwind-area .focus\:text-neutral-600\/30:focus {
    color: rgb(var(--ui-neutral-600) / .3)
}

html .tailwind-area .focus\:text-neutral-600\/35:focus {
    color: rgb(var(--ui-neutral-600) / .35)
}

html .tailwind-area .focus\:text-neutral-600\/40:focus {
    color: rgb(var(--ui-neutral-600) / .4)
}

html .tailwind-area .focus\:text-neutral-600\/45:focus {
    color: rgb(var(--ui-neutral-600) / .45)
}

html .tailwind-area .focus\:text-neutral-600\/5:focus {
    color: rgb(var(--ui-neutral-600) / .05)
}

html .tailwind-area .focus\:text-neutral-600\/50:focus {
    color: rgb(var(--ui-neutral-600) / .5)
}

html .tailwind-area .focus\:text-neutral-600\/55:focus {
    color: rgb(var(--ui-neutral-600) / .55)
}

html .tailwind-area .focus\:text-neutral-600\/60:focus {
    color: rgb(var(--ui-neutral-600) / .6)
}

html .tailwind-area .focus\:text-neutral-600\/65:focus {
    color: rgb(var(--ui-neutral-600) / .65)
}

html .tailwind-area .focus\:text-neutral-600\/70:focus {
    color: rgb(var(--ui-neutral-600) / .7)
}

html .tailwind-area .focus\:text-neutral-600\/75:focus {
    color: rgb(var(--ui-neutral-600) / .75)
}

html .tailwind-area .focus\:text-neutral-600\/80:focus {
    color: rgb(var(--ui-neutral-600) / .8)
}

html .tailwind-area .focus\:text-neutral-600\/85:focus {
    color: rgb(var(--ui-neutral-600) / .85)
}

html .tailwind-area .focus\:text-neutral-600\/90:focus {
    color: rgb(var(--ui-neutral-600) / .9)
}

html .tailwind-area .focus\:text-neutral-600\/95:focus {
    color: rgb(var(--ui-neutral-600) / .95)
}

html .tailwind-area .focus\:text-neutral-700:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-neutral-700) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-neutral-700\/0:focus {
    color: rgb(var(--ui-neutral-700) / 0)
}

html .tailwind-area .focus\:text-neutral-700\/10:focus {
    color: rgb(var(--ui-neutral-700) / .1)
}

html .tailwind-area .focus\:text-neutral-700\/100:focus {
    color: rgb(var(--ui-neutral-700) / 1)
}

html .tailwind-area .focus\:text-neutral-700\/15:focus {
    color: rgb(var(--ui-neutral-700) / .15)
}

html .tailwind-area .focus\:text-neutral-700\/20:focus {
    color: rgb(var(--ui-neutral-700) / .2)
}

html .tailwind-area .focus\:text-neutral-700\/25:focus {
    color: rgb(var(--ui-neutral-700) / .25)
}

html .tailwind-area .focus\:text-neutral-700\/30:focus {
    color: rgb(var(--ui-neutral-700) / .3)
}

html .tailwind-area .focus\:text-neutral-700\/35:focus {
    color: rgb(var(--ui-neutral-700) / .35)
}

html .tailwind-area .focus\:text-neutral-700\/40:focus {
    color: rgb(var(--ui-neutral-700) / .4)
}

html .tailwind-area .focus\:text-neutral-700\/45:focus {
    color: rgb(var(--ui-neutral-700) / .45)
}

html .tailwind-area .focus\:text-neutral-700\/5:focus {
    color: rgb(var(--ui-neutral-700) / .05)
}

html .tailwind-area .focus\:text-neutral-700\/50:focus {
    color: rgb(var(--ui-neutral-700) / .5)
}

html .tailwind-area .focus\:text-neutral-700\/55:focus {
    color: rgb(var(--ui-neutral-700) / .55)
}

html .tailwind-area .focus\:text-neutral-700\/60:focus {
    color: rgb(var(--ui-neutral-700) / .6)
}

html .tailwind-area .focus\:text-neutral-700\/65:focus {
    color: rgb(var(--ui-neutral-700) / .65)
}

html .tailwind-area .focus\:text-neutral-700\/70:focus {
    color: rgb(var(--ui-neutral-700) / .7)
}

html .tailwind-area .focus\:text-neutral-700\/75:focus {
    color: rgb(var(--ui-neutral-700) / .75)
}

html .tailwind-area .focus\:text-neutral-700\/80:focus {
    color: rgb(var(--ui-neutral-700) / .8)
}

html .tailwind-area .focus\:text-neutral-700\/85:focus {
    color: rgb(var(--ui-neutral-700) / .85)
}

html .tailwind-area .focus\:text-neutral-700\/90:focus {
    color: rgb(var(--ui-neutral-700) / .9)
}

html .tailwind-area .focus\:text-neutral-700\/95:focus {
    color: rgb(var(--ui-neutral-700) / .95)
}

html .tailwind-area .focus\:text-neutral-800:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-neutral-800) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-neutral-800\/0:focus {
    color: rgb(var(--ui-neutral-800) / 0)
}

html .tailwind-area .focus\:text-neutral-800\/10:focus {
    color: rgb(var(--ui-neutral-800) / .1)
}

html .tailwind-area .focus\:text-neutral-800\/100:focus {
    color: rgb(var(--ui-neutral-800) / 1)
}

html .tailwind-area .focus\:text-neutral-800\/15:focus {
    color: rgb(var(--ui-neutral-800) / .15)
}

html .tailwind-area .focus\:text-neutral-800\/20:focus {
    color: rgb(var(--ui-neutral-800) / .2)
}

html .tailwind-area .focus\:text-neutral-800\/25:focus {
    color: rgb(var(--ui-neutral-800) / .25)
}

html .tailwind-area .focus\:text-neutral-800\/30:focus {
    color: rgb(var(--ui-neutral-800) / .3)
}

html .tailwind-area .focus\:text-neutral-800\/35:focus {
    color: rgb(var(--ui-neutral-800) / .35)
}

html .tailwind-area .focus\:text-neutral-800\/40:focus {
    color: rgb(var(--ui-neutral-800) / .4)
}

html .tailwind-area .focus\:text-neutral-800\/45:focus {
    color: rgb(var(--ui-neutral-800) / .45)
}

html .tailwind-area .focus\:text-neutral-800\/5:focus {
    color: rgb(var(--ui-neutral-800) / .05)
}

html .tailwind-area .focus\:text-neutral-800\/50:focus {
    color: rgb(var(--ui-neutral-800) / .5)
}

html .tailwind-area .focus\:text-neutral-800\/55:focus {
    color: rgb(var(--ui-neutral-800) / .55)
}

html .tailwind-area .focus\:text-neutral-800\/60:focus {
    color: rgb(var(--ui-neutral-800) / .6)
}

html .tailwind-area .focus\:text-neutral-800\/65:focus {
    color: rgb(var(--ui-neutral-800) / .65)
}

html .tailwind-area .focus\:text-neutral-800\/70:focus {
    color: rgb(var(--ui-neutral-800) / .7)
}

html .tailwind-area .focus\:text-neutral-800\/75:focus {
    color: rgb(var(--ui-neutral-800) / .75)
}

html .tailwind-area .focus\:text-neutral-800\/80:focus {
    color: rgb(var(--ui-neutral-800) / .8)
}

html .tailwind-area .focus\:text-neutral-800\/85:focus {
    color: rgb(var(--ui-neutral-800) / .85)
}

html .tailwind-area .focus\:text-neutral-800\/90:focus {
    color: rgb(var(--ui-neutral-800) / .9)
}

html .tailwind-area .focus\:text-neutral-800\/95:focus {
    color: rgb(var(--ui-neutral-800) / .95)
}

html .tailwind-area .focus\:text-neutral-900:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-neutral-900) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-neutral-900\/0:focus {
    color: rgb(var(--ui-neutral-900) / 0)
}

html .tailwind-area .focus\:text-neutral-900\/10:focus {
    color: rgb(var(--ui-neutral-900) / .1)
}

html .tailwind-area .focus\:text-neutral-900\/100:focus {
    color: rgb(var(--ui-neutral-900) / 1)
}

html .tailwind-area .focus\:text-neutral-900\/15:focus {
    color: rgb(var(--ui-neutral-900) / .15)
}

html .tailwind-area .focus\:text-neutral-900\/20:focus {
    color: rgb(var(--ui-neutral-900) / .2)
}

html .tailwind-area .focus\:text-neutral-900\/25:focus {
    color: rgb(var(--ui-neutral-900) / .25)
}

html .tailwind-area .focus\:text-neutral-900\/30:focus {
    color: rgb(var(--ui-neutral-900) / .3)
}

html .tailwind-area .focus\:text-neutral-900\/35:focus {
    color: rgb(var(--ui-neutral-900) / .35)
}

html .tailwind-area .focus\:text-neutral-900\/40:focus {
    color: rgb(var(--ui-neutral-900) / .4)
}

html .tailwind-area .focus\:text-neutral-900\/45:focus {
    color: rgb(var(--ui-neutral-900) / .45)
}

html .tailwind-area .focus\:text-neutral-900\/5:focus {
    color: rgb(var(--ui-neutral-900) / .05)
}

html .tailwind-area .focus\:text-neutral-900\/50:focus {
    color: rgb(var(--ui-neutral-900) / .5)
}

html .tailwind-area .focus\:text-neutral-900\/55:focus {
    color: rgb(var(--ui-neutral-900) / .55)
}

html .tailwind-area .focus\:text-neutral-900\/60:focus {
    color: rgb(var(--ui-neutral-900) / .6)
}

html .tailwind-area .focus\:text-neutral-900\/65:focus {
    color: rgb(var(--ui-neutral-900) / .65)
}

html .tailwind-area .focus\:text-neutral-900\/70:focus {
    color: rgb(var(--ui-neutral-900) / .7)
}

html .tailwind-area .focus\:text-neutral-900\/75:focus {
    color: rgb(var(--ui-neutral-900) / .75)
}

html .tailwind-area .focus\:text-neutral-900\/80:focus {
    color: rgb(var(--ui-neutral-900) / .8)
}

html .tailwind-area .focus\:text-neutral-900\/85:focus {
    color: rgb(var(--ui-neutral-900) / .85)
}

html .tailwind-area .focus\:text-neutral-900\/90:focus {
    color: rgb(var(--ui-neutral-900) / .9)
}

html .tailwind-area .focus\:text-neutral-900\/95:focus {
    color: rgb(var(--ui-neutral-900) / .95)
}

html .tailwind-area .focus\:text-neutral-950:focus {
    --tw-text-opacity: 1;
    color: rgb(10 10 10 / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-neutral-950\/0:focus {
    color: #0a0a0a00
}

html .tailwind-area .focus\:text-neutral-950\/10:focus {
    color: #0a0a0a1a
}

html .tailwind-area .focus\:text-neutral-950\/100:focus {
    color: #0a0a0a
}

html .tailwind-area .focus\:text-neutral-950\/15:focus {
    color: #0a0a0a26
}

html .tailwind-area .focus\:text-neutral-950\/20:focus {
    color: #0a0a0a33
}

html .tailwind-area .focus\:text-neutral-950\/25:focus {
    color: #0a0a0a40
}

html .tailwind-area .focus\:text-neutral-950\/30:focus {
    color: #0a0a0a4d
}

html .tailwind-area .focus\:text-neutral-950\/35:focus {
    color: #0a0a0a59
}

html .tailwind-area .focus\:text-neutral-950\/40:focus {
    color: #0a0a0a66
}

html .tailwind-area .focus\:text-neutral-950\/45:focus {
    color: #0a0a0a73
}

html .tailwind-area .focus\:text-neutral-950\/5:focus {
    color: #0a0a0a0d
}

html .tailwind-area .focus\:text-neutral-950\/50:focus {
    color: #0a0a0a80
}

html .tailwind-area .focus\:text-neutral-950\/55:focus {
    color: #0a0a0a8c
}

html .tailwind-area .focus\:text-neutral-950\/60:focus {
    color: #0a0a0a99
}

html .tailwind-area .focus\:text-neutral-950\/65:focus {
    color: #0a0a0aa6
}

html .tailwind-area .focus\:text-neutral-950\/70:focus {
    color: #0a0a0ab3
}

html .tailwind-area .focus\:text-neutral-950\/75:focus {
    color: #0a0a0abf
}

html .tailwind-area .focus\:text-neutral-950\/80:focus {
    color: #0a0a0acc
}

html .tailwind-area .focus\:text-neutral-950\/85:focus {
    color: #0a0a0ad9
}

html .tailwind-area .focus\:text-neutral-950\/90:focus {
    color: #0a0a0ae6
}

html .tailwind-area .focus\:text-neutral-950\/95:focus {
    color: #0a0a0af2
}

html .tailwind-area .focus\:text-primary-100:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-primary-100) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-primary-100\/0:focus {
    color: rgb(var(--ui-primary-100) / 0)
}

html .tailwind-area .focus\:text-primary-100\/10:focus {
    color: rgb(var(--ui-primary-100) / .1)
}

html .tailwind-area .focus\:text-primary-100\/100:focus {
    color: rgb(var(--ui-primary-100) / 1)
}

html .tailwind-area .focus\:text-primary-100\/15:focus {
    color: rgb(var(--ui-primary-100) / .15)
}

html .tailwind-area .focus\:text-primary-100\/20:focus {
    color: rgb(var(--ui-primary-100) / .2)
}

html .tailwind-area .focus\:text-primary-100\/25:focus {
    color: rgb(var(--ui-primary-100) / .25)
}

html .tailwind-area .focus\:text-primary-100\/30:focus {
    color: rgb(var(--ui-primary-100) / .3)
}

html .tailwind-area .focus\:text-primary-100\/35:focus {
    color: rgb(var(--ui-primary-100) / .35)
}

html .tailwind-area .focus\:text-primary-100\/40:focus {
    color: rgb(var(--ui-primary-100) / .4)
}

html .tailwind-area .focus\:text-primary-100\/45:focus {
    color: rgb(var(--ui-primary-100) / .45)
}

html .tailwind-area .focus\:text-primary-100\/5:focus {
    color: rgb(var(--ui-primary-100) / .05)
}

html .tailwind-area .focus\:text-primary-100\/50:focus {
    color: rgb(var(--ui-primary-100) / .5)
}

html .tailwind-area .focus\:text-primary-100\/55:focus {
    color: rgb(var(--ui-primary-100) / .55)
}

html .tailwind-area .focus\:text-primary-100\/60:focus {
    color: rgb(var(--ui-primary-100) / .6)
}

html .tailwind-area .focus\:text-primary-100\/65:focus {
    color: rgb(var(--ui-primary-100) / .65)
}

html .tailwind-area .focus\:text-primary-100\/70:focus {
    color: rgb(var(--ui-primary-100) / .7)
}

html .tailwind-area .focus\:text-primary-100\/75:focus {
    color: rgb(var(--ui-primary-100) / .75)
}

html .tailwind-area .focus\:text-primary-100\/80:focus {
    color: rgb(var(--ui-primary-100) / .8)
}

html .tailwind-area .focus\:text-primary-100\/85:focus {
    color: rgb(var(--ui-primary-100) / .85)
}

html .tailwind-area .focus\:text-primary-100\/90:focus {
    color: rgb(var(--ui-primary-100) / .9)
}

html .tailwind-area .focus\:text-primary-100\/95:focus {
    color: rgb(var(--ui-primary-100) / .95)
}

html .tailwind-area .focus\:text-primary-200:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-primary-200) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-primary-200\/0:focus {
    color: rgb(var(--ui-primary-200) / 0)
}

html .tailwind-area .focus\:text-primary-200\/10:focus {
    color: rgb(var(--ui-primary-200) / .1)
}

html .tailwind-area .focus\:text-primary-200\/100:focus {
    color: rgb(var(--ui-primary-200) / 1)
}

html .tailwind-area .focus\:text-primary-200\/15:focus {
    color: rgb(var(--ui-primary-200) / .15)
}

html .tailwind-area .focus\:text-primary-200\/20:focus {
    color: rgb(var(--ui-primary-200) / .2)
}

html .tailwind-area .focus\:text-primary-200\/25:focus {
    color: rgb(var(--ui-primary-200) / .25)
}

html .tailwind-area .focus\:text-primary-200\/30:focus {
    color: rgb(var(--ui-primary-200) / .3)
}

html .tailwind-area .focus\:text-primary-200\/35:focus {
    color: rgb(var(--ui-primary-200) / .35)
}

html .tailwind-area .focus\:text-primary-200\/40:focus {
    color: rgb(var(--ui-primary-200) / .4)
}

html .tailwind-area .focus\:text-primary-200\/45:focus {
    color: rgb(var(--ui-primary-200) / .45)
}

html .tailwind-area .focus\:text-primary-200\/5:focus {
    color: rgb(var(--ui-primary-200) / .05)
}

html .tailwind-area .focus\:text-primary-200\/50:focus {
    color: rgb(var(--ui-primary-200) / .5)
}

html .tailwind-area .focus\:text-primary-200\/55:focus {
    color: rgb(var(--ui-primary-200) / .55)
}

html .tailwind-area .focus\:text-primary-200\/60:focus {
    color: rgb(var(--ui-primary-200) / .6)
}

html .tailwind-area .focus\:text-primary-200\/65:focus {
    color: rgb(var(--ui-primary-200) / .65)
}

html .tailwind-area .focus\:text-primary-200\/70:focus {
    color: rgb(var(--ui-primary-200) / .7)
}

html .tailwind-area .focus\:text-primary-200\/75:focus {
    color: rgb(var(--ui-primary-200) / .75)
}

html .tailwind-area .focus\:text-primary-200\/80:focus {
    color: rgb(var(--ui-primary-200) / .8)
}

html .tailwind-area .focus\:text-primary-200\/85:focus {
    color: rgb(var(--ui-primary-200) / .85)
}

html .tailwind-area .focus\:text-primary-200\/90:focus {
    color: rgb(var(--ui-primary-200) / .9)
}

html .tailwind-area .focus\:text-primary-200\/95:focus {
    color: rgb(var(--ui-primary-200) / .95)
}

html .tailwind-area .focus\:text-primary-300:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-primary-300) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-primary-300\/0:focus {
    color: rgb(var(--ui-primary-300) / 0)
}

html .tailwind-area .focus\:text-primary-300\/10:focus {
    color: rgb(var(--ui-primary-300) / .1)
}

html .tailwind-area .focus\:text-primary-300\/100:focus {
    color: rgb(var(--ui-primary-300) / 1)
}

html .tailwind-area .focus\:text-primary-300\/15:focus {
    color: rgb(var(--ui-primary-300) / .15)
}

html .tailwind-area .focus\:text-primary-300\/20:focus {
    color: rgb(var(--ui-primary-300) / .2)
}

html .tailwind-area .focus\:text-primary-300\/25:focus {
    color: rgb(var(--ui-primary-300) / .25)
}

html .tailwind-area .focus\:text-primary-300\/30:focus {
    color: rgb(var(--ui-primary-300) / .3)
}

html .tailwind-area .focus\:text-primary-300\/35:focus {
    color: rgb(var(--ui-primary-300) / .35)
}

html .tailwind-area .focus\:text-primary-300\/40:focus {
    color: rgb(var(--ui-primary-300) / .4)
}

html .tailwind-area .focus\:text-primary-300\/45:focus {
    color: rgb(var(--ui-primary-300) / .45)
}

html .tailwind-area .focus\:text-primary-300\/5:focus {
    color: rgb(var(--ui-primary-300) / .05)
}

html .tailwind-area .focus\:text-primary-300\/50:focus {
    color: rgb(var(--ui-primary-300) / .5)
}

html .tailwind-area .focus\:text-primary-300\/55:focus {
    color: rgb(var(--ui-primary-300) / .55)
}

html .tailwind-area .focus\:text-primary-300\/60:focus {
    color: rgb(var(--ui-primary-300) / .6)
}

html .tailwind-area .focus\:text-primary-300\/65:focus {
    color: rgb(var(--ui-primary-300) / .65)
}

html .tailwind-area .focus\:text-primary-300\/70:focus {
    color: rgb(var(--ui-primary-300) / .7)
}

html .tailwind-area .focus\:text-primary-300\/75:focus {
    color: rgb(var(--ui-primary-300) / .75)
}

html .tailwind-area .focus\:text-primary-300\/80:focus {
    color: rgb(var(--ui-primary-300) / .8)
}

html .tailwind-area .focus\:text-primary-300\/85:focus {
    color: rgb(var(--ui-primary-300) / .85)
}

html .tailwind-area .focus\:text-primary-300\/90:focus {
    color: rgb(var(--ui-primary-300) / .9)
}

html .tailwind-area .focus\:text-primary-300\/95:focus {
    color: rgb(var(--ui-primary-300) / .95)
}

html .tailwind-area .focus\:text-primary-400:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-primary-400) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-primary-400\/0:focus {
    color: rgb(var(--ui-primary-400) / 0)
}

html .tailwind-area .focus\:text-primary-400\/10:focus {
    color: rgb(var(--ui-primary-400) / .1)
}

html .tailwind-area .focus\:text-primary-400\/100:focus {
    color: rgb(var(--ui-primary-400) / 1)
}

html .tailwind-area .focus\:text-primary-400\/15:focus {
    color: rgb(var(--ui-primary-400) / .15)
}

html .tailwind-area .focus\:text-primary-400\/20:focus {
    color: rgb(var(--ui-primary-400) / .2)
}

html .tailwind-area .focus\:text-primary-400\/25:focus {
    color: rgb(var(--ui-primary-400) / .25)
}

html .tailwind-area .focus\:text-primary-400\/30:focus {
    color: rgb(var(--ui-primary-400) / .3)
}

html .tailwind-area .focus\:text-primary-400\/35:focus {
    color: rgb(var(--ui-primary-400) / .35)
}

html .tailwind-area .focus\:text-primary-400\/40:focus {
    color: rgb(var(--ui-primary-400) / .4)
}

html .tailwind-area .focus\:text-primary-400\/45:focus {
    color: rgb(var(--ui-primary-400) / .45)
}

html .tailwind-area .focus\:text-primary-400\/5:focus {
    color: rgb(var(--ui-primary-400) / .05)
}

html .tailwind-area .focus\:text-primary-400\/50:focus {
    color: rgb(var(--ui-primary-400) / .5)
}

html .tailwind-area .focus\:text-primary-400\/55:focus {
    color: rgb(var(--ui-primary-400) / .55)
}

html .tailwind-area .focus\:text-primary-400\/60:focus {
    color: rgb(var(--ui-primary-400) / .6)
}

html .tailwind-area .focus\:text-primary-400\/65:focus {
    color: rgb(var(--ui-primary-400) / .65)
}

html .tailwind-area .focus\:text-primary-400\/70:focus {
    color: rgb(var(--ui-primary-400) / .7)
}

html .tailwind-area .focus\:text-primary-400\/75:focus {
    color: rgb(var(--ui-primary-400) / .75)
}

html .tailwind-area .focus\:text-primary-400\/80:focus {
    color: rgb(var(--ui-primary-400) / .8)
}

html .tailwind-area .focus\:text-primary-400\/85:focus {
    color: rgb(var(--ui-primary-400) / .85)
}

html .tailwind-area .focus\:text-primary-400\/90:focus {
    color: rgb(var(--ui-primary-400) / .9)
}

html .tailwind-area .focus\:text-primary-400\/95:focus {
    color: rgb(var(--ui-primary-400) / .95)
}

html .tailwind-area .focus\:text-primary-50:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-primary-50) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-primary-50\/0:focus {
    color: rgb(var(--ui-primary-50) / 0)
}

html .tailwind-area .focus\:text-primary-50\/10:focus {
    color: rgb(var(--ui-primary-50) / .1)
}

html .tailwind-area .focus\:text-primary-50\/100:focus {
    color: rgb(var(--ui-primary-50) / 1)
}

html .tailwind-area .focus\:text-primary-50\/15:focus {
    color: rgb(var(--ui-primary-50) / .15)
}

html .tailwind-area .focus\:text-primary-50\/20:focus {
    color: rgb(var(--ui-primary-50) / .2)
}

html .tailwind-area .focus\:text-primary-50\/25:focus {
    color: rgb(var(--ui-primary-50) / .25)
}

html .tailwind-area .focus\:text-primary-50\/30:focus {
    color: rgb(var(--ui-primary-50) / .3)
}

html .tailwind-area .focus\:text-primary-50\/35:focus {
    color: rgb(var(--ui-primary-50) / .35)
}

html .tailwind-area .focus\:text-primary-50\/40:focus {
    color: rgb(var(--ui-primary-50) / .4)
}

html .tailwind-area .focus\:text-primary-50\/45:focus {
    color: rgb(var(--ui-primary-50) / .45)
}

html .tailwind-area .focus\:text-primary-50\/5:focus {
    color: rgb(var(--ui-primary-50) / .05)
}

html .tailwind-area .focus\:text-primary-50\/50:focus {
    color: rgb(var(--ui-primary-50) / .5)
}

html .tailwind-area .focus\:text-primary-50\/55:focus {
    color: rgb(var(--ui-primary-50) / .55)
}

html .tailwind-area .focus\:text-primary-50\/60:focus {
    color: rgb(var(--ui-primary-50) / .6)
}

html .tailwind-area .focus\:text-primary-50\/65:focus {
    color: rgb(var(--ui-primary-50) / .65)
}

html .tailwind-area .focus\:text-primary-50\/70:focus {
    color: rgb(var(--ui-primary-50) / .7)
}

html .tailwind-area .focus\:text-primary-50\/75:focus {
    color: rgb(var(--ui-primary-50) / .75)
}

html .tailwind-area .focus\:text-primary-50\/80:focus {
    color: rgb(var(--ui-primary-50) / .8)
}

html .tailwind-area .focus\:text-primary-50\/85:focus {
    color: rgb(var(--ui-primary-50) / .85)
}

html .tailwind-area .focus\:text-primary-50\/90:focus {
    color: rgb(var(--ui-primary-50) / .9)
}

html .tailwind-area .focus\:text-primary-50\/95:focus {
    color: rgb(var(--ui-primary-50) / .95)
}

html .tailwind-area .focus\:text-primary-500:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-primary-500) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-primary-500\/0:focus {
    color: rgb(var(--ui-primary-500) / 0)
}

html .tailwind-area .focus\:text-primary-500\/10:focus {
    color: rgb(var(--ui-primary-500) / .1)
}

html .tailwind-area .focus\:text-primary-500\/100:focus {
    color: rgb(var(--ui-primary-500) / 1)
}

html .tailwind-area .focus\:text-primary-500\/15:focus {
    color: rgb(var(--ui-primary-500) / .15)
}

html .tailwind-area .focus\:text-primary-500\/20:focus {
    color: rgb(var(--ui-primary-500) / .2)
}

html .tailwind-area .focus\:text-primary-500\/25:focus {
    color: rgb(var(--ui-primary-500) / .25)
}

html .tailwind-area .focus\:text-primary-500\/30:focus {
    color: rgb(var(--ui-primary-500) / .3)
}

html .tailwind-area .focus\:text-primary-500\/35:focus {
    color: rgb(var(--ui-primary-500) / .35)
}

html .tailwind-area .focus\:text-primary-500\/40:focus {
    color: rgb(var(--ui-primary-500) / .4)
}

html .tailwind-area .focus\:text-primary-500\/45:focus {
    color: rgb(var(--ui-primary-500) / .45)
}

html .tailwind-area .focus\:text-primary-500\/5:focus {
    color: rgb(var(--ui-primary-500) / .05)
}

html .tailwind-area .focus\:text-primary-500\/50:focus {
    color: rgb(var(--ui-primary-500) / .5)
}

html .tailwind-area .focus\:text-primary-500\/55:focus {
    color: rgb(var(--ui-primary-500) / .55)
}

html .tailwind-area .focus\:text-primary-500\/60:focus {
    color: rgb(var(--ui-primary-500) / .6)
}

html .tailwind-area .focus\:text-primary-500\/65:focus {
    color: rgb(var(--ui-primary-500) / .65)
}

html .tailwind-area .focus\:text-primary-500\/70:focus {
    color: rgb(var(--ui-primary-500) / .7)
}

html .tailwind-area .focus\:text-primary-500\/75:focus {
    color: rgb(var(--ui-primary-500) / .75)
}

html .tailwind-area .focus\:text-primary-500\/80:focus {
    color: rgb(var(--ui-primary-500) / .8)
}

html .tailwind-area .focus\:text-primary-500\/85:focus {
    color: rgb(var(--ui-primary-500) / .85)
}

html .tailwind-area .focus\:text-primary-500\/90:focus {
    color: rgb(var(--ui-primary-500) / .9)
}

html .tailwind-area .focus\:text-primary-500\/95:focus {
    color: rgb(var(--ui-primary-500) / .95)
}

html .tailwind-area .focus\:text-primary-600:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-primary-600) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-primary-600\/0:focus {
    color: rgb(var(--ui-primary-600) / 0)
}

html .tailwind-area .focus\:text-primary-600\/10:focus {
    color: rgb(var(--ui-primary-600) / .1)
}

html .tailwind-area .focus\:text-primary-600\/100:focus {
    color: rgb(var(--ui-primary-600) / 1)
}

html .tailwind-area .focus\:text-primary-600\/15:focus {
    color: rgb(var(--ui-primary-600) / .15)
}

html .tailwind-area .focus\:text-primary-600\/20:focus {
    color: rgb(var(--ui-primary-600) / .2)
}

html .tailwind-area .focus\:text-primary-600\/25:focus {
    color: rgb(var(--ui-primary-600) / .25)
}

html .tailwind-area .focus\:text-primary-600\/30:focus {
    color: rgb(var(--ui-primary-600) / .3)
}

html .tailwind-area .focus\:text-primary-600\/35:focus {
    color: rgb(var(--ui-primary-600) / .35)
}

html .tailwind-area .focus\:text-primary-600\/40:focus {
    color: rgb(var(--ui-primary-600) / .4)
}

html .tailwind-area .focus\:text-primary-600\/45:focus {
    color: rgb(var(--ui-primary-600) / .45)
}

html .tailwind-area .focus\:text-primary-600\/5:focus {
    color: rgb(var(--ui-primary-600) / .05)
}

html .tailwind-area .focus\:text-primary-600\/50:focus {
    color: rgb(var(--ui-primary-600) / .5)
}

html .tailwind-area .focus\:text-primary-600\/55:focus {
    color: rgb(var(--ui-primary-600) / .55)
}

html .tailwind-area .focus\:text-primary-600\/60:focus {
    color: rgb(var(--ui-primary-600) / .6)
}

html .tailwind-area .focus\:text-primary-600\/65:focus {
    color: rgb(var(--ui-primary-600) / .65)
}

html .tailwind-area .focus\:text-primary-600\/70:focus {
    color: rgb(var(--ui-primary-600) / .7)
}

html .tailwind-area .focus\:text-primary-600\/75:focus {
    color: rgb(var(--ui-primary-600) / .75)
}

html .tailwind-area .focus\:text-primary-600\/80:focus {
    color: rgb(var(--ui-primary-600) / .8)
}

html .tailwind-area .focus\:text-primary-600\/85:focus {
    color: rgb(var(--ui-primary-600) / .85)
}

html .tailwind-area .focus\:text-primary-600\/90:focus {
    color: rgb(var(--ui-primary-600) / .9)
}

html .tailwind-area .focus\:text-primary-600\/95:focus {
    color: rgb(var(--ui-primary-600) / .95)
}

html .tailwind-area .focus\:text-primary-700:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-primary-700) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-primary-700\/0:focus {
    color: rgb(var(--ui-primary-700) / 0)
}

html .tailwind-area .focus\:text-primary-700\/10:focus {
    color: rgb(var(--ui-primary-700) / .1)
}

html .tailwind-area .focus\:text-primary-700\/100:focus {
    color: rgb(var(--ui-primary-700) / 1)
}

html .tailwind-area .focus\:text-primary-700\/15:focus {
    color: rgb(var(--ui-primary-700) / .15)
}

html .tailwind-area .focus\:text-primary-700\/20:focus {
    color: rgb(var(--ui-primary-700) / .2)
}

html .tailwind-area .focus\:text-primary-700\/25:focus {
    color: rgb(var(--ui-primary-700) / .25)
}

html .tailwind-area .focus\:text-primary-700\/30:focus {
    color: rgb(var(--ui-primary-700) / .3)
}

html .tailwind-area .focus\:text-primary-700\/35:focus {
    color: rgb(var(--ui-primary-700) / .35)
}

html .tailwind-area .focus\:text-primary-700\/40:focus {
    color: rgb(var(--ui-primary-700) / .4)
}

html .tailwind-area .focus\:text-primary-700\/45:focus {
    color: rgb(var(--ui-primary-700) / .45)
}

html .tailwind-area .focus\:text-primary-700\/5:focus {
    color: rgb(var(--ui-primary-700) / .05)
}

html .tailwind-area .focus\:text-primary-700\/50:focus {
    color: rgb(var(--ui-primary-700) / .5)
}

html .tailwind-area .focus\:text-primary-700\/55:focus {
    color: rgb(var(--ui-primary-700) / .55)
}

html .tailwind-area .focus\:text-primary-700\/60:focus {
    color: rgb(var(--ui-primary-700) / .6)
}

html .tailwind-area .focus\:text-primary-700\/65:focus {
    color: rgb(var(--ui-primary-700) / .65)
}

html .tailwind-area .focus\:text-primary-700\/70:focus {
    color: rgb(var(--ui-primary-700) / .7)
}

html .tailwind-area .focus\:text-primary-700\/75:focus {
    color: rgb(var(--ui-primary-700) / .75)
}

html .tailwind-area .focus\:text-primary-700\/80:focus {
    color: rgb(var(--ui-primary-700) / .8)
}

html .tailwind-area .focus\:text-primary-700\/85:focus {
    color: rgb(var(--ui-primary-700) / .85)
}

html .tailwind-area .focus\:text-primary-700\/90:focus {
    color: rgb(var(--ui-primary-700) / .9)
}

html .tailwind-area .focus\:text-primary-700\/95:focus {
    color: rgb(var(--ui-primary-700) / .95)
}

html .tailwind-area .focus\:text-primary-800:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-primary-800) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-primary-800\/0:focus {
    color: rgb(var(--ui-primary-800) / 0)
}

html .tailwind-area .focus\:text-primary-800\/10:focus {
    color: rgb(var(--ui-primary-800) / .1)
}

html .tailwind-area .focus\:text-primary-800\/100:focus {
    color: rgb(var(--ui-primary-800) / 1)
}

html .tailwind-area .focus\:text-primary-800\/15:focus {
    color: rgb(var(--ui-primary-800) / .15)
}

html .tailwind-area .focus\:text-primary-800\/20:focus {
    color: rgb(var(--ui-primary-800) / .2)
}

html .tailwind-area .focus\:text-primary-800\/25:focus {
    color: rgb(var(--ui-primary-800) / .25)
}

html .tailwind-area .focus\:text-primary-800\/30:focus {
    color: rgb(var(--ui-primary-800) / .3)
}

html .tailwind-area .focus\:text-primary-800\/35:focus {
    color: rgb(var(--ui-primary-800) / .35)
}

html .tailwind-area .focus\:text-primary-800\/40:focus {
    color: rgb(var(--ui-primary-800) / .4)
}

html .tailwind-area .focus\:text-primary-800\/45:focus {
    color: rgb(var(--ui-primary-800) / .45)
}

html .tailwind-area .focus\:text-primary-800\/5:focus {
    color: rgb(var(--ui-primary-800) / .05)
}

html .tailwind-area .focus\:text-primary-800\/50:focus {
    color: rgb(var(--ui-primary-800) / .5)
}

html .tailwind-area .focus\:text-primary-800\/55:focus {
    color: rgb(var(--ui-primary-800) / .55)
}

html .tailwind-area .focus\:text-primary-800\/60:focus {
    color: rgb(var(--ui-primary-800) / .6)
}

html .tailwind-area .focus\:text-primary-800\/65:focus {
    color: rgb(var(--ui-primary-800) / .65)
}

html .tailwind-area .focus\:text-primary-800\/70:focus {
    color: rgb(var(--ui-primary-800) / .7)
}

html .tailwind-area .focus\:text-primary-800\/75:focus {
    color: rgb(var(--ui-primary-800) / .75)
}

html .tailwind-area .focus\:text-primary-800\/80:focus {
    color: rgb(var(--ui-primary-800) / .8)
}

html .tailwind-area .focus\:text-primary-800\/85:focus {
    color: rgb(var(--ui-primary-800) / .85)
}

html .tailwind-area .focus\:text-primary-800\/90:focus {
    color: rgb(var(--ui-primary-800) / .9)
}

html .tailwind-area .focus\:text-primary-800\/95:focus {
    color: rgb(var(--ui-primary-800) / .95)
}

html .tailwind-area .focus\:text-primary-900:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-primary-900) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-primary-900\/0:focus {
    color: rgb(var(--ui-primary-900) / 0)
}

html .tailwind-area .focus\:text-primary-900\/10:focus {
    color: rgb(var(--ui-primary-900) / .1)
}

html .tailwind-area .focus\:text-primary-900\/100:focus {
    color: rgb(var(--ui-primary-900) / 1)
}

html .tailwind-area .focus\:text-primary-900\/15:focus {
    color: rgb(var(--ui-primary-900) / .15)
}

html .tailwind-area .focus\:text-primary-900\/20:focus {
    color: rgb(var(--ui-primary-900) / .2)
}

html .tailwind-area .focus\:text-primary-900\/25:focus {
    color: rgb(var(--ui-primary-900) / .25)
}

html .tailwind-area .focus\:text-primary-900\/30:focus {
    color: rgb(var(--ui-primary-900) / .3)
}

html .tailwind-area .focus\:text-primary-900\/35:focus {
    color: rgb(var(--ui-primary-900) / .35)
}

html .tailwind-area .focus\:text-primary-900\/40:focus {
    color: rgb(var(--ui-primary-900) / .4)
}

html .tailwind-area .focus\:text-primary-900\/45:focus {
    color: rgb(var(--ui-primary-900) / .45)
}

html .tailwind-area .focus\:text-primary-900\/5:focus {
    color: rgb(var(--ui-primary-900) / .05)
}

html .tailwind-area .focus\:text-primary-900\/50:focus {
    color: rgb(var(--ui-primary-900) / .5)
}

html .tailwind-area .focus\:text-primary-900\/55:focus {
    color: rgb(var(--ui-primary-900) / .55)
}

html .tailwind-area .focus\:text-primary-900\/60:focus {
    color: rgb(var(--ui-primary-900) / .6)
}

html .tailwind-area .focus\:text-primary-900\/65:focus {
    color: rgb(var(--ui-primary-900) / .65)
}

html .tailwind-area .focus\:text-primary-900\/70:focus {
    color: rgb(var(--ui-primary-900) / .7)
}

html .tailwind-area .focus\:text-primary-900\/75:focus {
    color: rgb(var(--ui-primary-900) / .75)
}

html .tailwind-area .focus\:text-primary-900\/80:focus {
    color: rgb(var(--ui-primary-900) / .8)
}

html .tailwind-area .focus\:text-primary-900\/85:focus {
    color: rgb(var(--ui-primary-900) / .85)
}

html .tailwind-area .focus\:text-primary-900\/90:focus {
    color: rgb(var(--ui-primary-900) / .9)
}

html .tailwind-area .focus\:text-primary-900\/95:focus {
    color: rgb(var(--ui-primary-900) / .95)
}

html .tailwind-area .focus\:text-safe-100:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-safe-100) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-safe-100\/0:focus {
    color: rgb(var(--ui-safe-100) / 0)
}

html .tailwind-area .focus\:text-safe-100\/10:focus {
    color: rgb(var(--ui-safe-100) / .1)
}

html .tailwind-area .focus\:text-safe-100\/100:focus {
    color: rgb(var(--ui-safe-100) / 1)
}

html .tailwind-area .focus\:text-safe-100\/15:focus {
    color: rgb(var(--ui-safe-100) / .15)
}

html .tailwind-area .focus\:text-safe-100\/20:focus {
    color: rgb(var(--ui-safe-100) / .2)
}

html .tailwind-area .focus\:text-safe-100\/25:focus {
    color: rgb(var(--ui-safe-100) / .25)
}

html .tailwind-area .focus\:text-safe-100\/30:focus {
    color: rgb(var(--ui-safe-100) / .3)
}

html .tailwind-area .focus\:text-safe-100\/35:focus {
    color: rgb(var(--ui-safe-100) / .35)
}

html .tailwind-area .focus\:text-safe-100\/40:focus {
    color: rgb(var(--ui-safe-100) / .4)
}

html .tailwind-area .focus\:text-safe-100\/45:focus {
    color: rgb(var(--ui-safe-100) / .45)
}

html .tailwind-area .focus\:text-safe-100\/5:focus {
    color: rgb(var(--ui-safe-100) / .05)
}

html .tailwind-area .focus\:text-safe-100\/50:focus {
    color: rgb(var(--ui-safe-100) / .5)
}

html .tailwind-area .focus\:text-safe-100\/55:focus {
    color: rgb(var(--ui-safe-100) / .55)
}

html .tailwind-area .focus\:text-safe-100\/60:focus {
    color: rgb(var(--ui-safe-100) / .6)
}

html .tailwind-area .focus\:text-safe-100\/65:focus {
    color: rgb(var(--ui-safe-100) / .65)
}

html .tailwind-area .focus\:text-safe-100\/70:focus {
    color: rgb(var(--ui-safe-100) / .7)
}

html .tailwind-area .focus\:text-safe-100\/75:focus {
    color: rgb(var(--ui-safe-100) / .75)
}

html .tailwind-area .focus\:text-safe-100\/80:focus {
    color: rgb(var(--ui-safe-100) / .8)
}

html .tailwind-area .focus\:text-safe-100\/85:focus {
    color: rgb(var(--ui-safe-100) / .85)
}

html .tailwind-area .focus\:text-safe-100\/90:focus {
    color: rgb(var(--ui-safe-100) / .9)
}

html .tailwind-area .focus\:text-safe-100\/95:focus {
    color: rgb(var(--ui-safe-100) / .95)
}

html .tailwind-area .focus\:text-safe-200:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-safe-200) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-safe-200\/0:focus {
    color: rgb(var(--ui-safe-200) / 0)
}

html .tailwind-area .focus\:text-safe-200\/10:focus {
    color: rgb(var(--ui-safe-200) / .1)
}

html .tailwind-area .focus\:text-safe-200\/100:focus {
    color: rgb(var(--ui-safe-200) / 1)
}

html .tailwind-area .focus\:text-safe-200\/15:focus {
    color: rgb(var(--ui-safe-200) / .15)
}

html .tailwind-area .focus\:text-safe-200\/20:focus {
    color: rgb(var(--ui-safe-200) / .2)
}

html .tailwind-area .focus\:text-safe-200\/25:focus {
    color: rgb(var(--ui-safe-200) / .25)
}

html .tailwind-area .focus\:text-safe-200\/30:focus {
    color: rgb(var(--ui-safe-200) / .3)
}

html .tailwind-area .focus\:text-safe-200\/35:focus {
    color: rgb(var(--ui-safe-200) / .35)
}

html .tailwind-area .focus\:text-safe-200\/40:focus {
    color: rgb(var(--ui-safe-200) / .4)
}

html .tailwind-area .focus\:text-safe-200\/45:focus {
    color: rgb(var(--ui-safe-200) / .45)
}

html .tailwind-area .focus\:text-safe-200\/5:focus {
    color: rgb(var(--ui-safe-200) / .05)
}

html .tailwind-area .focus\:text-safe-200\/50:focus {
    color: rgb(var(--ui-safe-200) / .5)
}

html .tailwind-area .focus\:text-safe-200\/55:focus {
    color: rgb(var(--ui-safe-200) / .55)
}

html .tailwind-area .focus\:text-safe-200\/60:focus {
    color: rgb(var(--ui-safe-200) / .6)
}

html .tailwind-area .focus\:text-safe-200\/65:focus {
    color: rgb(var(--ui-safe-200) / .65)
}

html .tailwind-area .focus\:text-safe-200\/70:focus {
    color: rgb(var(--ui-safe-200) / .7)
}

html .tailwind-area .focus\:text-safe-200\/75:focus {
    color: rgb(var(--ui-safe-200) / .75)
}

html .tailwind-area .focus\:text-safe-200\/80:focus {
    color: rgb(var(--ui-safe-200) / .8)
}

html .tailwind-area .focus\:text-safe-200\/85:focus {
    color: rgb(var(--ui-safe-200) / .85)
}

html .tailwind-area .focus\:text-safe-200\/90:focus {
    color: rgb(var(--ui-safe-200) / .9)
}

html .tailwind-area .focus\:text-safe-200\/95:focus {
    color: rgb(var(--ui-safe-200) / .95)
}

html .tailwind-area .focus\:text-safe-300:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-safe-300) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-safe-300\/0:focus {
    color: rgb(var(--ui-safe-300) / 0)
}

html .tailwind-area .focus\:text-safe-300\/10:focus {
    color: rgb(var(--ui-safe-300) / .1)
}

html .tailwind-area .focus\:text-safe-300\/100:focus {
    color: rgb(var(--ui-safe-300) / 1)
}

html .tailwind-area .focus\:text-safe-300\/15:focus {
    color: rgb(var(--ui-safe-300) / .15)
}

html .tailwind-area .focus\:text-safe-300\/20:focus {
    color: rgb(var(--ui-safe-300) / .2)
}

html .tailwind-area .focus\:text-safe-300\/25:focus {
    color: rgb(var(--ui-safe-300) / .25)
}

html .tailwind-area .focus\:text-safe-300\/30:focus {
    color: rgb(var(--ui-safe-300) / .3)
}

html .tailwind-area .focus\:text-safe-300\/35:focus {
    color: rgb(var(--ui-safe-300) / .35)
}

html .tailwind-area .focus\:text-safe-300\/40:focus {
    color: rgb(var(--ui-safe-300) / .4)
}

html .tailwind-area .focus\:text-safe-300\/45:focus {
    color: rgb(var(--ui-safe-300) / .45)
}

html .tailwind-area .focus\:text-safe-300\/5:focus {
    color: rgb(var(--ui-safe-300) / .05)
}

html .tailwind-area .focus\:text-safe-300\/50:focus {
    color: rgb(var(--ui-safe-300) / .5)
}

html .tailwind-area .focus\:text-safe-300\/55:focus {
    color: rgb(var(--ui-safe-300) / .55)
}

html .tailwind-area .focus\:text-safe-300\/60:focus {
    color: rgb(var(--ui-safe-300) / .6)
}

html .tailwind-area .focus\:text-safe-300\/65:focus {
    color: rgb(var(--ui-safe-300) / .65)
}

html .tailwind-area .focus\:text-safe-300\/70:focus {
    color: rgb(var(--ui-safe-300) / .7)
}

html .tailwind-area .focus\:text-safe-300\/75:focus {
    color: rgb(var(--ui-safe-300) / .75)
}

html .tailwind-area .focus\:text-safe-300\/80:focus {
    color: rgb(var(--ui-safe-300) / .8)
}

html .tailwind-area .focus\:text-safe-300\/85:focus {
    color: rgb(var(--ui-safe-300) / .85)
}

html .tailwind-area .focus\:text-safe-300\/90:focus {
    color: rgb(var(--ui-safe-300) / .9)
}

html .tailwind-area .focus\:text-safe-300\/95:focus {
    color: rgb(var(--ui-safe-300) / .95)
}

html .tailwind-area .focus\:text-safe-400:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-safe-400) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-safe-400\/0:focus {
    color: rgb(var(--ui-safe-400) / 0)
}

html .tailwind-area .focus\:text-safe-400\/10:focus {
    color: rgb(var(--ui-safe-400) / .1)
}

html .tailwind-area .focus\:text-safe-400\/100:focus {
    color: rgb(var(--ui-safe-400) / 1)
}

html .tailwind-area .focus\:text-safe-400\/15:focus {
    color: rgb(var(--ui-safe-400) / .15)
}

html .tailwind-area .focus\:text-safe-400\/20:focus {
    color: rgb(var(--ui-safe-400) / .2)
}

html .tailwind-area .focus\:text-safe-400\/25:focus {
    color: rgb(var(--ui-safe-400) / .25)
}

html .tailwind-area .focus\:text-safe-400\/30:focus {
    color: rgb(var(--ui-safe-400) / .3)
}

html .tailwind-area .focus\:text-safe-400\/35:focus {
    color: rgb(var(--ui-safe-400) / .35)
}

html .tailwind-area .focus\:text-safe-400\/40:focus {
    color: rgb(var(--ui-safe-400) / .4)
}

html .tailwind-area .focus\:text-safe-400\/45:focus {
    color: rgb(var(--ui-safe-400) / .45)
}

html .tailwind-area .focus\:text-safe-400\/5:focus {
    color: rgb(var(--ui-safe-400) / .05)
}

html .tailwind-area .focus\:text-safe-400\/50:focus {
    color: rgb(var(--ui-safe-400) / .5)
}

html .tailwind-area .focus\:text-safe-400\/55:focus {
    color: rgb(var(--ui-safe-400) / .55)
}

html .tailwind-area .focus\:text-safe-400\/60:focus {
    color: rgb(var(--ui-safe-400) / .6)
}

html .tailwind-area .focus\:text-safe-400\/65:focus {
    color: rgb(var(--ui-safe-400) / .65)
}

html .tailwind-area .focus\:text-safe-400\/70:focus {
    color: rgb(var(--ui-safe-400) / .7)
}

html .tailwind-area .focus\:text-safe-400\/75:focus {
    color: rgb(var(--ui-safe-400) / .75)
}

html .tailwind-area .focus\:text-safe-400\/80:focus {
    color: rgb(var(--ui-safe-400) / .8)
}

html .tailwind-area .focus\:text-safe-400\/85:focus {
    color: rgb(var(--ui-safe-400) / .85)
}

html .tailwind-area .focus\:text-safe-400\/90:focus {
    color: rgb(var(--ui-safe-400) / .9)
}

html .tailwind-area .focus\:text-safe-400\/95:focus {
    color: rgb(var(--ui-safe-400) / .95)
}

html .tailwind-area .focus\:text-safe-50:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-safe-50) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-safe-50\/0:focus {
    color: rgb(var(--ui-safe-50) / 0)
}

html .tailwind-area .focus\:text-safe-50\/10:focus {
    color: rgb(var(--ui-safe-50) / .1)
}

html .tailwind-area .focus\:text-safe-50\/100:focus {
    color: rgb(var(--ui-safe-50) / 1)
}

html .tailwind-area .focus\:text-safe-50\/15:focus {
    color: rgb(var(--ui-safe-50) / .15)
}

html .tailwind-area .focus\:text-safe-50\/20:focus {
    color: rgb(var(--ui-safe-50) / .2)
}

html .tailwind-area .focus\:text-safe-50\/25:focus {
    color: rgb(var(--ui-safe-50) / .25)
}

html .tailwind-area .focus\:text-safe-50\/30:focus {
    color: rgb(var(--ui-safe-50) / .3)
}

html .tailwind-area .focus\:text-safe-50\/35:focus {
    color: rgb(var(--ui-safe-50) / .35)
}

html .tailwind-area .focus\:text-safe-50\/40:focus {
    color: rgb(var(--ui-safe-50) / .4)
}

html .tailwind-area .focus\:text-safe-50\/45:focus {
    color: rgb(var(--ui-safe-50) / .45)
}

html .tailwind-area .focus\:text-safe-50\/5:focus {
    color: rgb(var(--ui-safe-50) / .05)
}

html .tailwind-area .focus\:text-safe-50\/50:focus {
    color: rgb(var(--ui-safe-50) / .5)
}

html .tailwind-area .focus\:text-safe-50\/55:focus {
    color: rgb(var(--ui-safe-50) / .55)
}

html .tailwind-area .focus\:text-safe-50\/60:focus {
    color: rgb(var(--ui-safe-50) / .6)
}

html .tailwind-area .focus\:text-safe-50\/65:focus {
    color: rgb(var(--ui-safe-50) / .65)
}

html .tailwind-area .focus\:text-safe-50\/70:focus {
    color: rgb(var(--ui-safe-50) / .7)
}

html .tailwind-area .focus\:text-safe-50\/75:focus {
    color: rgb(var(--ui-safe-50) / .75)
}

html .tailwind-area .focus\:text-safe-50\/80:focus {
    color: rgb(var(--ui-safe-50) / .8)
}

html .tailwind-area .focus\:text-safe-50\/85:focus {
    color: rgb(var(--ui-safe-50) / .85)
}

html .tailwind-area .focus\:text-safe-50\/90:focus {
    color: rgb(var(--ui-safe-50) / .9)
}

html .tailwind-area .focus\:text-safe-50\/95:focus {
    color: rgb(var(--ui-safe-50) / .95)
}

html .tailwind-area .focus\:text-safe-500:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-safe-500) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-safe-500\/0:focus {
    color: rgb(var(--ui-safe-500) / 0)
}

html .tailwind-area .focus\:text-safe-500\/10:focus {
    color: rgb(var(--ui-safe-500) / .1)
}

html .tailwind-area .focus\:text-safe-500\/100:focus {
    color: rgb(var(--ui-safe-500) / 1)
}

html .tailwind-area .focus\:text-safe-500\/15:focus {
    color: rgb(var(--ui-safe-500) / .15)
}

html .tailwind-area .focus\:text-safe-500\/20:focus {
    color: rgb(var(--ui-safe-500) / .2)
}

html .tailwind-area .focus\:text-safe-500\/25:focus {
    color: rgb(var(--ui-safe-500) / .25)
}

html .tailwind-area .focus\:text-safe-500\/30:focus {
    color: rgb(var(--ui-safe-500) / .3)
}

html .tailwind-area .focus\:text-safe-500\/35:focus {
    color: rgb(var(--ui-safe-500) / .35)
}

html .tailwind-area .focus\:text-safe-500\/40:focus {
    color: rgb(var(--ui-safe-500) / .4)
}

html .tailwind-area .focus\:text-safe-500\/45:focus {
    color: rgb(var(--ui-safe-500) / .45)
}

html .tailwind-area .focus\:text-safe-500\/5:focus {
    color: rgb(var(--ui-safe-500) / .05)
}

html .tailwind-area .focus\:text-safe-500\/50:focus {
    color: rgb(var(--ui-safe-500) / .5)
}

html .tailwind-area .focus\:text-safe-500\/55:focus {
    color: rgb(var(--ui-safe-500) / .55)
}

html .tailwind-area .focus\:text-safe-500\/60:focus {
    color: rgb(var(--ui-safe-500) / .6)
}

html .tailwind-area .focus\:text-safe-500\/65:focus {
    color: rgb(var(--ui-safe-500) / .65)
}

html .tailwind-area .focus\:text-safe-500\/70:focus {
    color: rgb(var(--ui-safe-500) / .7)
}

html .tailwind-area .focus\:text-safe-500\/75:focus {
    color: rgb(var(--ui-safe-500) / .75)
}

html .tailwind-area .focus\:text-safe-500\/80:focus {
    color: rgb(var(--ui-safe-500) / .8)
}

html .tailwind-area .focus\:text-safe-500\/85:focus {
    color: rgb(var(--ui-safe-500) / .85)
}

html .tailwind-area .focus\:text-safe-500\/90:focus {
    color: rgb(var(--ui-safe-500) / .9)
}

html .tailwind-area .focus\:text-safe-500\/95:focus {
    color: rgb(var(--ui-safe-500) / .95)
}

html .tailwind-area .focus\:text-safe-600:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-safe-600) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-safe-600\/0:focus {
    color: rgb(var(--ui-safe-600) / 0)
}

html .tailwind-area .focus\:text-safe-600\/10:focus {
    color: rgb(var(--ui-safe-600) / .1)
}

html .tailwind-area .focus\:text-safe-600\/100:focus {
    color: rgb(var(--ui-safe-600) / 1)
}

html .tailwind-area .focus\:text-safe-600\/15:focus {
    color: rgb(var(--ui-safe-600) / .15)
}

html .tailwind-area .focus\:text-safe-600\/20:focus {
    color: rgb(var(--ui-safe-600) / .2)
}

html .tailwind-area .focus\:text-safe-600\/25:focus {
    color: rgb(var(--ui-safe-600) / .25)
}

html .tailwind-area .focus\:text-safe-600\/30:focus {
    color: rgb(var(--ui-safe-600) / .3)
}

html .tailwind-area .focus\:text-safe-600\/35:focus {
    color: rgb(var(--ui-safe-600) / .35)
}

html .tailwind-area .focus\:text-safe-600\/40:focus {
    color: rgb(var(--ui-safe-600) / .4)
}

html .tailwind-area .focus\:text-safe-600\/45:focus {
    color: rgb(var(--ui-safe-600) / .45)
}

html .tailwind-area .focus\:text-safe-600\/5:focus {
    color: rgb(var(--ui-safe-600) / .05)
}

html .tailwind-area .focus\:text-safe-600\/50:focus {
    color: rgb(var(--ui-safe-600) / .5)
}

html .tailwind-area .focus\:text-safe-600\/55:focus {
    color: rgb(var(--ui-safe-600) / .55)
}

html .tailwind-area .focus\:text-safe-600\/60:focus {
    color: rgb(var(--ui-safe-600) / .6)
}

html .tailwind-area .focus\:text-safe-600\/65:focus {
    color: rgb(var(--ui-safe-600) / .65)
}

html .tailwind-area .focus\:text-safe-600\/70:focus {
    color: rgb(var(--ui-safe-600) / .7)
}

html .tailwind-area .focus\:text-safe-600\/75:focus {
    color: rgb(var(--ui-safe-600) / .75)
}

html .tailwind-area .focus\:text-safe-600\/80:focus {
    color: rgb(var(--ui-safe-600) / .8)
}

html .tailwind-area .focus\:text-safe-600\/85:focus {
    color: rgb(var(--ui-safe-600) / .85)
}

html .tailwind-area .focus\:text-safe-600\/90:focus {
    color: rgb(var(--ui-safe-600) / .9)
}

html .tailwind-area .focus\:text-safe-600\/95:focus {
    color: rgb(var(--ui-safe-600) / .95)
}

html .tailwind-area .focus\:text-safe-700:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-safe-700) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-safe-700\/0:focus {
    color: rgb(var(--ui-safe-700) / 0)
}

html .tailwind-area .focus\:text-safe-700\/10:focus {
    color: rgb(var(--ui-safe-700) / .1)
}

html .tailwind-area .focus\:text-safe-700\/100:focus {
    color: rgb(var(--ui-safe-700) / 1)
}

html .tailwind-area .focus\:text-safe-700\/15:focus {
    color: rgb(var(--ui-safe-700) / .15)
}

html .tailwind-area .focus\:text-safe-700\/20:focus {
    color: rgb(var(--ui-safe-700) / .2)
}

html .tailwind-area .focus\:text-safe-700\/25:focus {
    color: rgb(var(--ui-safe-700) / .25)
}

html .tailwind-area .focus\:text-safe-700\/30:focus {
    color: rgb(var(--ui-safe-700) / .3)
}

html .tailwind-area .focus\:text-safe-700\/35:focus {
    color: rgb(var(--ui-safe-700) / .35)
}

html .tailwind-area .focus\:text-safe-700\/40:focus {
    color: rgb(var(--ui-safe-700) / .4)
}

html .tailwind-area .focus\:text-safe-700\/45:focus {
    color: rgb(var(--ui-safe-700) / .45)
}

html .tailwind-area .focus\:text-safe-700\/5:focus {
    color: rgb(var(--ui-safe-700) / .05)
}

html .tailwind-area .focus\:text-safe-700\/50:focus {
    color: rgb(var(--ui-safe-700) / .5)
}

html .tailwind-area .focus\:text-safe-700\/55:focus {
    color: rgb(var(--ui-safe-700) / .55)
}

html .tailwind-area .focus\:text-safe-700\/60:focus {
    color: rgb(var(--ui-safe-700) / .6)
}

html .tailwind-area .focus\:text-safe-700\/65:focus {
    color: rgb(var(--ui-safe-700) / .65)
}

html .tailwind-area .focus\:text-safe-700\/70:focus {
    color: rgb(var(--ui-safe-700) / .7)
}

html .tailwind-area .focus\:text-safe-700\/75:focus {
    color: rgb(var(--ui-safe-700) / .75)
}

html .tailwind-area .focus\:text-safe-700\/80:focus {
    color: rgb(var(--ui-safe-700) / .8)
}

html .tailwind-area .focus\:text-safe-700\/85:focus {
    color: rgb(var(--ui-safe-700) / .85)
}

html .tailwind-area .focus\:text-safe-700\/90:focus {
    color: rgb(var(--ui-safe-700) / .9)
}

html .tailwind-area .focus\:text-safe-700\/95:focus {
    color: rgb(var(--ui-safe-700) / .95)
}

html .tailwind-area .focus\:text-safe-800:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-safe-800) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-safe-800\/0:focus {
    color: rgb(var(--ui-safe-800) / 0)
}

html .tailwind-area .focus\:text-safe-800\/10:focus {
    color: rgb(var(--ui-safe-800) / .1)
}

html .tailwind-area .focus\:text-safe-800\/100:focus {
    color: rgb(var(--ui-safe-800) / 1)
}

html .tailwind-area .focus\:text-safe-800\/15:focus {
    color: rgb(var(--ui-safe-800) / .15)
}

html .tailwind-area .focus\:text-safe-800\/20:focus {
    color: rgb(var(--ui-safe-800) / .2)
}

html .tailwind-area .focus\:text-safe-800\/25:focus {
    color: rgb(var(--ui-safe-800) / .25)
}

html .tailwind-area .focus\:text-safe-800\/30:focus {
    color: rgb(var(--ui-safe-800) / .3)
}

html .tailwind-area .focus\:text-safe-800\/35:focus {
    color: rgb(var(--ui-safe-800) / .35)
}

html .tailwind-area .focus\:text-safe-800\/40:focus {
    color: rgb(var(--ui-safe-800) / .4)
}

html .tailwind-area .focus\:text-safe-800\/45:focus {
    color: rgb(var(--ui-safe-800) / .45)
}

html .tailwind-area .focus\:text-safe-800\/5:focus {
    color: rgb(var(--ui-safe-800) / .05)
}

html .tailwind-area .focus\:text-safe-800\/50:focus {
    color: rgb(var(--ui-safe-800) / .5)
}

html .tailwind-area .focus\:text-safe-800\/55:focus {
    color: rgb(var(--ui-safe-800) / .55)
}

html .tailwind-area .focus\:text-safe-800\/60:focus {
    color: rgb(var(--ui-safe-800) / .6)
}

html .tailwind-area .focus\:text-safe-800\/65:focus {
    color: rgb(var(--ui-safe-800) / .65)
}

html .tailwind-area .focus\:text-safe-800\/70:focus {
    color: rgb(var(--ui-safe-800) / .7)
}

html .tailwind-area .focus\:text-safe-800\/75:focus {
    color: rgb(var(--ui-safe-800) / .75)
}

html .tailwind-area .focus\:text-safe-800\/80:focus {
    color: rgb(var(--ui-safe-800) / .8)
}

html .tailwind-area .focus\:text-safe-800\/85:focus {
    color: rgb(var(--ui-safe-800) / .85)
}

html .tailwind-area .focus\:text-safe-800\/90:focus {
    color: rgb(var(--ui-safe-800) / .9)
}

html .tailwind-area .focus\:text-safe-800\/95:focus {
    color: rgb(var(--ui-safe-800) / .95)
}

html .tailwind-area .focus\:text-safe-900:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-safe-900) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-safe-900\/0:focus {
    color: rgb(var(--ui-safe-900) / 0)
}

html .tailwind-area .focus\:text-safe-900\/10:focus {
    color: rgb(var(--ui-safe-900) / .1)
}

html .tailwind-area .focus\:text-safe-900\/100:focus {
    color: rgb(var(--ui-safe-900) / 1)
}

html .tailwind-area .focus\:text-safe-900\/15:focus {
    color: rgb(var(--ui-safe-900) / .15)
}

html .tailwind-area .focus\:text-safe-900\/20:focus {
    color: rgb(var(--ui-safe-900) / .2)
}

html .tailwind-area .focus\:text-safe-900\/25:focus {
    color: rgb(var(--ui-safe-900) / .25)
}

html .tailwind-area .focus\:text-safe-900\/30:focus {
    color: rgb(var(--ui-safe-900) / .3)
}

html .tailwind-area .focus\:text-safe-900\/35:focus {
    color: rgb(var(--ui-safe-900) / .35)
}

html .tailwind-area .focus\:text-safe-900\/40:focus {
    color: rgb(var(--ui-safe-900) / .4)
}

html .tailwind-area .focus\:text-safe-900\/45:focus {
    color: rgb(var(--ui-safe-900) / .45)
}

html .tailwind-area .focus\:text-safe-900\/5:focus {
    color: rgb(var(--ui-safe-900) / .05)
}

html .tailwind-area .focus\:text-safe-900\/50:focus {
    color: rgb(var(--ui-safe-900) / .5)
}

html .tailwind-area .focus\:text-safe-900\/55:focus {
    color: rgb(var(--ui-safe-900) / .55)
}

html .tailwind-area .focus\:text-safe-900\/60:focus {
    color: rgb(var(--ui-safe-900) / .6)
}

html .tailwind-area .focus\:text-safe-900\/65:focus {
    color: rgb(var(--ui-safe-900) / .65)
}

html .tailwind-area .focus\:text-safe-900\/70:focus {
    color: rgb(var(--ui-safe-900) / .7)
}

html .tailwind-area .focus\:text-safe-900\/75:focus {
    color: rgb(var(--ui-safe-900) / .75)
}

html .tailwind-area .focus\:text-safe-900\/80:focus {
    color: rgb(var(--ui-safe-900) / .8)
}

html .tailwind-area .focus\:text-safe-900\/85:focus {
    color: rgb(var(--ui-safe-900) / .85)
}

html .tailwind-area .focus\:text-safe-900\/90:focus {
    color: rgb(var(--ui-safe-900) / .9)
}

html .tailwind-area .focus\:text-safe-900\/95:focus {
    color: rgb(var(--ui-safe-900) / .95)
}

html .tailwind-area .focus\:text-warning-100:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-warning-100) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-warning-100\/0:focus {
    color: rgb(var(--ui-warning-100) / 0)
}

html .tailwind-area .focus\:text-warning-100\/10:focus {
    color: rgb(var(--ui-warning-100) / .1)
}

html .tailwind-area .focus\:text-warning-100\/100:focus {
    color: rgb(var(--ui-warning-100) / 1)
}

html .tailwind-area .focus\:text-warning-100\/15:focus {
    color: rgb(var(--ui-warning-100) / .15)
}

html .tailwind-area .focus\:text-warning-100\/20:focus {
    color: rgb(var(--ui-warning-100) / .2)
}

html .tailwind-area .focus\:text-warning-100\/25:focus {
    color: rgb(var(--ui-warning-100) / .25)
}

html .tailwind-area .focus\:text-warning-100\/30:focus {
    color: rgb(var(--ui-warning-100) / .3)
}

html .tailwind-area .focus\:text-warning-100\/35:focus {
    color: rgb(var(--ui-warning-100) / .35)
}

html .tailwind-area .focus\:text-warning-100\/40:focus {
    color: rgb(var(--ui-warning-100) / .4)
}

html .tailwind-area .focus\:text-warning-100\/45:focus {
    color: rgb(var(--ui-warning-100) / .45)
}

html .tailwind-area .focus\:text-warning-100\/5:focus {
    color: rgb(var(--ui-warning-100) / .05)
}

html .tailwind-area .focus\:text-warning-100\/50:focus {
    color: rgb(var(--ui-warning-100) / .5)
}

html .tailwind-area .focus\:text-warning-100\/55:focus {
    color: rgb(var(--ui-warning-100) / .55)
}

html .tailwind-area .focus\:text-warning-100\/60:focus {
    color: rgb(var(--ui-warning-100) / .6)
}

html .tailwind-area .focus\:text-warning-100\/65:focus {
    color: rgb(var(--ui-warning-100) / .65)
}

html .tailwind-area .focus\:text-warning-100\/70:focus {
    color: rgb(var(--ui-warning-100) / .7)
}

html .tailwind-area .focus\:text-warning-100\/75:focus {
    color: rgb(var(--ui-warning-100) / .75)
}

html .tailwind-area .focus\:text-warning-100\/80:focus {
    color: rgb(var(--ui-warning-100) / .8)
}

html .tailwind-area .focus\:text-warning-100\/85:focus {
    color: rgb(var(--ui-warning-100) / .85)
}

html .tailwind-area .focus\:text-warning-100\/90:focus {
    color: rgb(var(--ui-warning-100) / .9)
}

html .tailwind-area .focus\:text-warning-100\/95:focus {
    color: rgb(var(--ui-warning-100) / .95)
}

html .tailwind-area .focus\:text-warning-200:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-warning-200) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-warning-200\/0:focus {
    color: rgb(var(--ui-warning-200) / 0)
}

html .tailwind-area .focus\:text-warning-200\/10:focus {
    color: rgb(var(--ui-warning-200) / .1)
}

html .tailwind-area .focus\:text-warning-200\/100:focus {
    color: rgb(var(--ui-warning-200) / 1)
}

html .tailwind-area .focus\:text-warning-200\/15:focus {
    color: rgb(var(--ui-warning-200) / .15)
}

html .tailwind-area .focus\:text-warning-200\/20:focus {
    color: rgb(var(--ui-warning-200) / .2)
}

html .tailwind-area .focus\:text-warning-200\/25:focus {
    color: rgb(var(--ui-warning-200) / .25)
}

html .tailwind-area .focus\:text-warning-200\/30:focus {
    color: rgb(var(--ui-warning-200) / .3)
}

html .tailwind-area .focus\:text-warning-200\/35:focus {
    color: rgb(var(--ui-warning-200) / .35)
}

html .tailwind-area .focus\:text-warning-200\/40:focus {
    color: rgb(var(--ui-warning-200) / .4)
}

html .tailwind-area .focus\:text-warning-200\/45:focus {
    color: rgb(var(--ui-warning-200) / .45)
}

html .tailwind-area .focus\:text-warning-200\/5:focus {
    color: rgb(var(--ui-warning-200) / .05)
}

html .tailwind-area .focus\:text-warning-200\/50:focus {
    color: rgb(var(--ui-warning-200) / .5)
}

html .tailwind-area .focus\:text-warning-200\/55:focus {
    color: rgb(var(--ui-warning-200) / .55)
}

html .tailwind-area .focus\:text-warning-200\/60:focus {
    color: rgb(var(--ui-warning-200) / .6)
}

html .tailwind-area .focus\:text-warning-200\/65:focus {
    color: rgb(var(--ui-warning-200) / .65)
}

html .tailwind-area .focus\:text-warning-200\/70:focus {
    color: rgb(var(--ui-warning-200) / .7)
}

html .tailwind-area .focus\:text-warning-200\/75:focus {
    color: rgb(var(--ui-warning-200) / .75)
}

html .tailwind-area .focus\:text-warning-200\/80:focus {
    color: rgb(var(--ui-warning-200) / .8)
}

html .tailwind-area .focus\:text-warning-200\/85:focus {
    color: rgb(var(--ui-warning-200) / .85)
}

html .tailwind-area .focus\:text-warning-200\/90:focus {
    color: rgb(var(--ui-warning-200) / .9)
}

html .tailwind-area .focus\:text-warning-200\/95:focus {
    color: rgb(var(--ui-warning-200) / .95)
}

html .tailwind-area .focus\:text-warning-300:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-warning-300) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-warning-300\/0:focus {
    color: rgb(var(--ui-warning-300) / 0)
}

html .tailwind-area .focus\:text-warning-300\/10:focus {
    color: rgb(var(--ui-warning-300) / .1)
}

html .tailwind-area .focus\:text-warning-300\/100:focus {
    color: rgb(var(--ui-warning-300) / 1)
}

html .tailwind-area .focus\:text-warning-300\/15:focus {
    color: rgb(var(--ui-warning-300) / .15)
}

html .tailwind-area .focus\:text-warning-300\/20:focus {
    color: rgb(var(--ui-warning-300) / .2)
}

html .tailwind-area .focus\:text-warning-300\/25:focus {
    color: rgb(var(--ui-warning-300) / .25)
}

html .tailwind-area .focus\:text-warning-300\/30:focus {
    color: rgb(var(--ui-warning-300) / .3)
}

html .tailwind-area .focus\:text-warning-300\/35:focus {
    color: rgb(var(--ui-warning-300) / .35)
}

html .tailwind-area .focus\:text-warning-300\/40:focus {
    color: rgb(var(--ui-warning-300) / .4)
}

html .tailwind-area .focus\:text-warning-300\/45:focus {
    color: rgb(var(--ui-warning-300) / .45)
}

html .tailwind-area .focus\:text-warning-300\/5:focus {
    color: rgb(var(--ui-warning-300) / .05)
}

html .tailwind-area .focus\:text-warning-300\/50:focus {
    color: rgb(var(--ui-warning-300) / .5)
}

html .tailwind-area .focus\:text-warning-300\/55:focus {
    color: rgb(var(--ui-warning-300) / .55)
}

html .tailwind-area .focus\:text-warning-300\/60:focus {
    color: rgb(var(--ui-warning-300) / .6)
}

html .tailwind-area .focus\:text-warning-300\/65:focus {
    color: rgb(var(--ui-warning-300) / .65)
}

html .tailwind-area .focus\:text-warning-300\/70:focus {
    color: rgb(var(--ui-warning-300) / .7)
}

html .tailwind-area .focus\:text-warning-300\/75:focus {
    color: rgb(var(--ui-warning-300) / .75)
}

html .tailwind-area .focus\:text-warning-300\/80:focus {
    color: rgb(var(--ui-warning-300) / .8)
}

html .tailwind-area .focus\:text-warning-300\/85:focus {
    color: rgb(var(--ui-warning-300) / .85)
}

html .tailwind-area .focus\:text-warning-300\/90:focus {
    color: rgb(var(--ui-warning-300) / .9)
}

html .tailwind-area .focus\:text-warning-300\/95:focus {
    color: rgb(var(--ui-warning-300) / .95)
}

html .tailwind-area .focus\:text-warning-400:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-warning-400) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-warning-400\/0:focus {
    color: rgb(var(--ui-warning-400) / 0)
}

html .tailwind-area .focus\:text-warning-400\/10:focus {
    color: rgb(var(--ui-warning-400) / .1)
}

html .tailwind-area .focus\:text-warning-400\/100:focus {
    color: rgb(var(--ui-warning-400) / 1)
}

html .tailwind-area .focus\:text-warning-400\/15:focus {
    color: rgb(var(--ui-warning-400) / .15)
}

html .tailwind-area .focus\:text-warning-400\/20:focus {
    color: rgb(var(--ui-warning-400) / .2)
}

html .tailwind-area .focus\:text-warning-400\/25:focus {
    color: rgb(var(--ui-warning-400) / .25)
}

html .tailwind-area .focus\:text-warning-400\/30:focus {
    color: rgb(var(--ui-warning-400) / .3)
}

html .tailwind-area .focus\:text-warning-400\/35:focus {
    color: rgb(var(--ui-warning-400) / .35)
}

html .tailwind-area .focus\:text-warning-400\/40:focus {
    color: rgb(var(--ui-warning-400) / .4)
}

html .tailwind-area .focus\:text-warning-400\/45:focus {
    color: rgb(var(--ui-warning-400) / .45)
}

html .tailwind-area .focus\:text-warning-400\/5:focus {
    color: rgb(var(--ui-warning-400) / .05)
}

html .tailwind-area .focus\:text-warning-400\/50:focus {
    color: rgb(var(--ui-warning-400) / .5)
}

html .tailwind-area .focus\:text-warning-400\/55:focus {
    color: rgb(var(--ui-warning-400) / .55)
}

html .tailwind-area .focus\:text-warning-400\/60:focus {
    color: rgb(var(--ui-warning-400) / .6)
}

html .tailwind-area .focus\:text-warning-400\/65:focus {
    color: rgb(var(--ui-warning-400) / .65)
}

html .tailwind-area .focus\:text-warning-400\/70:focus {
    color: rgb(var(--ui-warning-400) / .7)
}

html .tailwind-area .focus\:text-warning-400\/75:focus {
    color: rgb(var(--ui-warning-400) / .75)
}

html .tailwind-area .focus\:text-warning-400\/80:focus {
    color: rgb(var(--ui-warning-400) / .8)
}

html .tailwind-area .focus\:text-warning-400\/85:focus {
    color: rgb(var(--ui-warning-400) / .85)
}

html .tailwind-area .focus\:text-warning-400\/90:focus {
    color: rgb(var(--ui-warning-400) / .9)
}

html .tailwind-area .focus\:text-warning-400\/95:focus {
    color: rgb(var(--ui-warning-400) / .95)
}

html .tailwind-area .focus\:text-warning-50:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-warning-50) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-warning-50\/0:focus {
    color: rgb(var(--ui-warning-50) / 0)
}

html .tailwind-area .focus\:text-warning-50\/10:focus {
    color: rgb(var(--ui-warning-50) / .1)
}

html .tailwind-area .focus\:text-warning-50\/100:focus {
    color: rgb(var(--ui-warning-50) / 1)
}

html .tailwind-area .focus\:text-warning-50\/15:focus {
    color: rgb(var(--ui-warning-50) / .15)
}

html .tailwind-area .focus\:text-warning-50\/20:focus {
    color: rgb(var(--ui-warning-50) / .2)
}

html .tailwind-area .focus\:text-warning-50\/25:focus {
    color: rgb(var(--ui-warning-50) / .25)
}

html .tailwind-area .focus\:text-warning-50\/30:focus {
    color: rgb(var(--ui-warning-50) / .3)
}

html .tailwind-area .focus\:text-warning-50\/35:focus {
    color: rgb(var(--ui-warning-50) / .35)
}

html .tailwind-area .focus\:text-warning-50\/40:focus {
    color: rgb(var(--ui-warning-50) / .4)
}

html .tailwind-area .focus\:text-warning-50\/45:focus {
    color: rgb(var(--ui-warning-50) / .45)
}

html .tailwind-area .focus\:text-warning-50\/5:focus {
    color: rgb(var(--ui-warning-50) / .05)
}

html .tailwind-area .focus\:text-warning-50\/50:focus {
    color: rgb(var(--ui-warning-50) / .5)
}

html .tailwind-area .focus\:text-warning-50\/55:focus {
    color: rgb(var(--ui-warning-50) / .55)
}

html .tailwind-area .focus\:text-warning-50\/60:focus {
    color: rgb(var(--ui-warning-50) / .6)
}

html .tailwind-area .focus\:text-warning-50\/65:focus {
    color: rgb(var(--ui-warning-50) / .65)
}

html .tailwind-area .focus\:text-warning-50\/70:focus {
    color: rgb(var(--ui-warning-50) / .7)
}

html .tailwind-area .focus\:text-warning-50\/75:focus {
    color: rgb(var(--ui-warning-50) / .75)
}

html .tailwind-area .focus\:text-warning-50\/80:focus {
    color: rgb(var(--ui-warning-50) / .8)
}

html .tailwind-area .focus\:text-warning-50\/85:focus {
    color: rgb(var(--ui-warning-50) / .85)
}

html .tailwind-area .focus\:text-warning-50\/90:focus {
    color: rgb(var(--ui-warning-50) / .9)
}

html .tailwind-area .focus\:text-warning-50\/95:focus {
    color: rgb(var(--ui-warning-50) / .95)
}

html .tailwind-area .focus\:text-warning-500:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-warning-500) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-warning-500\/0:focus {
    color: rgb(var(--ui-warning-500) / 0)
}

html .tailwind-area .focus\:text-warning-500\/10:focus {
    color: rgb(var(--ui-warning-500) / .1)
}

html .tailwind-area .focus\:text-warning-500\/100:focus {
    color: rgb(var(--ui-warning-500) / 1)
}

html .tailwind-area .focus\:text-warning-500\/15:focus {
    color: rgb(var(--ui-warning-500) / .15)
}

html .tailwind-area .focus\:text-warning-500\/20:focus {
    color: rgb(var(--ui-warning-500) / .2)
}

html .tailwind-area .focus\:text-warning-500\/25:focus {
    color: rgb(var(--ui-warning-500) / .25)
}

html .tailwind-area .focus\:text-warning-500\/30:focus {
    color: rgb(var(--ui-warning-500) / .3)
}

html .tailwind-area .focus\:text-warning-500\/35:focus {
    color: rgb(var(--ui-warning-500) / .35)
}

html .tailwind-area .focus\:text-warning-500\/40:focus {
    color: rgb(var(--ui-warning-500) / .4)
}

html .tailwind-area .focus\:text-warning-500\/45:focus {
    color: rgb(var(--ui-warning-500) / .45)
}

html .tailwind-area .focus\:text-warning-500\/5:focus {
    color: rgb(var(--ui-warning-500) / .05)
}

html .tailwind-area .focus\:text-warning-500\/50:focus {
    color: rgb(var(--ui-warning-500) / .5)
}

html .tailwind-area .focus\:text-warning-500\/55:focus {
    color: rgb(var(--ui-warning-500) / .55)
}

html .tailwind-area .focus\:text-warning-500\/60:focus {
    color: rgb(var(--ui-warning-500) / .6)
}

html .tailwind-area .focus\:text-warning-500\/65:focus {
    color: rgb(var(--ui-warning-500) / .65)
}

html .tailwind-area .focus\:text-warning-500\/70:focus {
    color: rgb(var(--ui-warning-500) / .7)
}

html .tailwind-area .focus\:text-warning-500\/75:focus {
    color: rgb(var(--ui-warning-500) / .75)
}

html .tailwind-area .focus\:text-warning-500\/80:focus {
    color: rgb(var(--ui-warning-500) / .8)
}

html .tailwind-area .focus\:text-warning-500\/85:focus {
    color: rgb(var(--ui-warning-500) / .85)
}

html .tailwind-area .focus\:text-warning-500\/90:focus {
    color: rgb(var(--ui-warning-500) / .9)
}

html .tailwind-area .focus\:text-warning-500\/95:focus {
    color: rgb(var(--ui-warning-500) / .95)
}

html .tailwind-area .focus\:text-warning-600:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-warning-600) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-warning-600\/0:focus {
    color: rgb(var(--ui-warning-600) / 0)
}

html .tailwind-area .focus\:text-warning-600\/10:focus {
    color: rgb(var(--ui-warning-600) / .1)
}

html .tailwind-area .focus\:text-warning-600\/100:focus {
    color: rgb(var(--ui-warning-600) / 1)
}

html .tailwind-area .focus\:text-warning-600\/15:focus {
    color: rgb(var(--ui-warning-600) / .15)
}

html .tailwind-area .focus\:text-warning-600\/20:focus {
    color: rgb(var(--ui-warning-600) / .2)
}

html .tailwind-area .focus\:text-warning-600\/25:focus {
    color: rgb(var(--ui-warning-600) / .25)
}

html .tailwind-area .focus\:text-warning-600\/30:focus {
    color: rgb(var(--ui-warning-600) / .3)
}

html .tailwind-area .focus\:text-warning-600\/35:focus {
    color: rgb(var(--ui-warning-600) / .35)
}

html .tailwind-area .focus\:text-warning-600\/40:focus {
    color: rgb(var(--ui-warning-600) / .4)
}

html .tailwind-area .focus\:text-warning-600\/45:focus {
    color: rgb(var(--ui-warning-600) / .45)
}

html .tailwind-area .focus\:text-warning-600\/5:focus {
    color: rgb(var(--ui-warning-600) / .05)
}

html .tailwind-area .focus\:text-warning-600\/50:focus {
    color: rgb(var(--ui-warning-600) / .5)
}

html .tailwind-area .focus\:text-warning-600\/55:focus {
    color: rgb(var(--ui-warning-600) / .55)
}

html .tailwind-area .focus\:text-warning-600\/60:focus {
    color: rgb(var(--ui-warning-600) / .6)
}

html .tailwind-area .focus\:text-warning-600\/65:focus {
    color: rgb(var(--ui-warning-600) / .65)
}

html .tailwind-area .focus\:text-warning-600\/70:focus {
    color: rgb(var(--ui-warning-600) / .7)
}

html .tailwind-area .focus\:text-warning-600\/75:focus {
    color: rgb(var(--ui-warning-600) / .75)
}

html .tailwind-area .focus\:text-warning-600\/80:focus {
    color: rgb(var(--ui-warning-600) / .8)
}

html .tailwind-area .focus\:text-warning-600\/85:focus {
    color: rgb(var(--ui-warning-600) / .85)
}

html .tailwind-area .focus\:text-warning-600\/90:focus {
    color: rgb(var(--ui-warning-600) / .9)
}

html .tailwind-area .focus\:text-warning-600\/95:focus {
    color: rgb(var(--ui-warning-600) / .95)
}

html .tailwind-area .focus\:text-warning-700:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-warning-700) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-warning-700\/0:focus {
    color: rgb(var(--ui-warning-700) / 0)
}

html .tailwind-area .focus\:text-warning-700\/10:focus {
    color: rgb(var(--ui-warning-700) / .1)
}

html .tailwind-area .focus\:text-warning-700\/100:focus {
    color: rgb(var(--ui-warning-700) / 1)
}

html .tailwind-area .focus\:text-warning-700\/15:focus {
    color: rgb(var(--ui-warning-700) / .15)
}

html .tailwind-area .focus\:text-warning-700\/20:focus {
    color: rgb(var(--ui-warning-700) / .2)
}

html .tailwind-area .focus\:text-warning-700\/25:focus {
    color: rgb(var(--ui-warning-700) / .25)
}

html .tailwind-area .focus\:text-warning-700\/30:focus {
    color: rgb(var(--ui-warning-700) / .3)
}

html .tailwind-area .focus\:text-warning-700\/35:focus {
    color: rgb(var(--ui-warning-700) / .35)
}

html .tailwind-area .focus\:text-warning-700\/40:focus {
    color: rgb(var(--ui-warning-700) / .4)
}

html .tailwind-area .focus\:text-warning-700\/45:focus {
    color: rgb(var(--ui-warning-700) / .45)
}

html .tailwind-area .focus\:text-warning-700\/5:focus {
    color: rgb(var(--ui-warning-700) / .05)
}

html .tailwind-area .focus\:text-warning-700\/50:focus {
    color: rgb(var(--ui-warning-700) / .5)
}

html .tailwind-area .focus\:text-warning-700\/55:focus {
    color: rgb(var(--ui-warning-700) / .55)
}

html .tailwind-area .focus\:text-warning-700\/60:focus {
    color: rgb(var(--ui-warning-700) / .6)
}

html .tailwind-area .focus\:text-warning-700\/65:focus {
    color: rgb(var(--ui-warning-700) / .65)
}

html .tailwind-area .focus\:text-warning-700\/70:focus {
    color: rgb(var(--ui-warning-700) / .7)
}

html .tailwind-area .focus\:text-warning-700\/75:focus {
    color: rgb(var(--ui-warning-700) / .75)
}

html .tailwind-area .focus\:text-warning-700\/80:focus {
    color: rgb(var(--ui-warning-700) / .8)
}

html .tailwind-area .focus\:text-warning-700\/85:focus {
    color: rgb(var(--ui-warning-700) / .85)
}

html .tailwind-area .focus\:text-warning-700\/90:focus {
    color: rgb(var(--ui-warning-700) / .9)
}

html .tailwind-area .focus\:text-warning-700\/95:focus {
    color: rgb(var(--ui-warning-700) / .95)
}

html .tailwind-area .focus\:text-warning-800:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-warning-800) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-warning-800\/0:focus {
    color: rgb(var(--ui-warning-800) / 0)
}

html .tailwind-area .focus\:text-warning-800\/10:focus {
    color: rgb(var(--ui-warning-800) / .1)
}

html .tailwind-area .focus\:text-warning-800\/100:focus {
    color: rgb(var(--ui-warning-800) / 1)
}

html .tailwind-area .focus\:text-warning-800\/15:focus {
    color: rgb(var(--ui-warning-800) / .15)
}

html .tailwind-area .focus\:text-warning-800\/20:focus {
    color: rgb(var(--ui-warning-800) / .2)
}

html .tailwind-area .focus\:text-warning-800\/25:focus {
    color: rgb(var(--ui-warning-800) / .25)
}

html .tailwind-area .focus\:text-warning-800\/30:focus {
    color: rgb(var(--ui-warning-800) / .3)
}

html .tailwind-area .focus\:text-warning-800\/35:focus {
    color: rgb(var(--ui-warning-800) / .35)
}

html .tailwind-area .focus\:text-warning-800\/40:focus {
    color: rgb(var(--ui-warning-800) / .4)
}

html .tailwind-area .focus\:text-warning-800\/45:focus {
    color: rgb(var(--ui-warning-800) / .45)
}

html .tailwind-area .focus\:text-warning-800\/5:focus {
    color: rgb(var(--ui-warning-800) / .05)
}

html .tailwind-area .focus\:text-warning-800\/50:focus {
    color: rgb(var(--ui-warning-800) / .5)
}

html .tailwind-area .focus\:text-warning-800\/55:focus {
    color: rgb(var(--ui-warning-800) / .55)
}

html .tailwind-area .focus\:text-warning-800\/60:focus {
    color: rgb(var(--ui-warning-800) / .6)
}

html .tailwind-area .focus\:text-warning-800\/65:focus {
    color: rgb(var(--ui-warning-800) / .65)
}

html .tailwind-area .focus\:text-warning-800\/70:focus {
    color: rgb(var(--ui-warning-800) / .7)
}

html .tailwind-area .focus\:text-warning-800\/75:focus {
    color: rgb(var(--ui-warning-800) / .75)
}

html .tailwind-area .focus\:text-warning-800\/80:focus {
    color: rgb(var(--ui-warning-800) / .8)
}

html .tailwind-area .focus\:text-warning-800\/85:focus {
    color: rgb(var(--ui-warning-800) / .85)
}

html .tailwind-area .focus\:text-warning-800\/90:focus {
    color: rgb(var(--ui-warning-800) / .9)
}

html .tailwind-area .focus\:text-warning-800\/95:focus {
    color: rgb(var(--ui-warning-800) / .95)
}

html .tailwind-area .focus\:text-warning-900:focus {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-warning-900) / var(--tw-text-opacity))
}

html .tailwind-area .focus\:text-warning-900\/0:focus {
    color: rgb(var(--ui-warning-900) / 0)
}

html .tailwind-area .focus\:text-warning-900\/10:focus {
    color: rgb(var(--ui-warning-900) / .1)
}

html .tailwind-area .focus\:text-warning-900\/100:focus {
    color: rgb(var(--ui-warning-900) / 1)
}

html .tailwind-area .focus\:text-warning-900\/15:focus {
    color: rgb(var(--ui-warning-900) / .15)
}

html .tailwind-area .focus\:text-warning-900\/20:focus {
    color: rgb(var(--ui-warning-900) / .2)
}

html .tailwind-area .focus\:text-warning-900\/25:focus {
    color: rgb(var(--ui-warning-900) / .25)
}

html .tailwind-area .focus\:text-warning-900\/30:focus {
    color: rgb(var(--ui-warning-900) / .3)
}

html .tailwind-area .focus\:text-warning-900\/35:focus {
    color: rgb(var(--ui-warning-900) / .35)
}

html .tailwind-area .focus\:text-warning-900\/40:focus {
    color: rgb(var(--ui-warning-900) / .4)
}

html .tailwind-area .focus\:text-warning-900\/45:focus {
    color: rgb(var(--ui-warning-900) / .45)
}

html .tailwind-area .focus\:text-warning-900\/5:focus {
    color: rgb(var(--ui-warning-900) / .05)
}

html .tailwind-area .focus\:text-warning-900\/50:focus {
    color: rgb(var(--ui-warning-900) / .5)
}

html .tailwind-area .focus\:text-warning-900\/55:focus {
    color: rgb(var(--ui-warning-900) / .55)
}

html .tailwind-area .focus\:text-warning-900\/60:focus {
    color: rgb(var(--ui-warning-900) / .6)
}

html .tailwind-area .focus\:text-warning-900\/65:focus {
    color: rgb(var(--ui-warning-900) / .65)
}

html .tailwind-area .focus\:text-warning-900\/70:focus {
    color: rgb(var(--ui-warning-900) / .7)
}

html .tailwind-area .focus\:text-warning-900\/75:focus {
    color: rgb(var(--ui-warning-900) / .75)
}

html .tailwind-area .focus\:text-warning-900\/80:focus {
    color: rgb(var(--ui-warning-900) / .8)
}

html .tailwind-area .focus\:text-warning-900\/85:focus {
    color: rgb(var(--ui-warning-900) / .85)
}

html .tailwind-area .focus\:text-warning-900\/90:focus {
    color: rgb(var(--ui-warning-900) / .9)
}

html .tailwind-area .focus\:text-warning-900\/95:focus {
    color: rgb(var(--ui-warning-900) / .95)
}

html .tailwind-area .focus\:text-white:focus {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

html .tailwind-area .focus\:shadow-none:focus {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

html .tailwind-area .focus\:shadow-sm:focus {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

html .tailwind-area .focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

html .tailwind-area .focus\:outline-0:focus {
    outline-width: 0px
}

html .tailwind-area .focus\:outline-offset-0:focus {
    outline-offset: 0px
}

html .tailwind-area .focus\:ring-0:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

html .tailwind-area .focus\:ring-1:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

html .tailwind-area .focus\:ring-inset:focus {
    --tw-ring-inset: inset
}

html .tailwind-area .focus-visible\:bg-layout-color-400:focus-visible {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-layout-color-400) / var(--tw-bg-opacity))
}

html .tailwind-area .focus-visible\:bg-layout-color-400\/50:focus-visible {
    background-color: rgb(var(--ui-layout-color-400) / .5)
}

html .tailwind-area .focus-visible\:bg-layout-color-500\/50:focus-visible {
    background-color: rgb(var(--ui-layout-color-500) / .5)
}

html .tailwind-area .focus-visible\:outline-none:focus-visible {
    outline: 2px solid transparent;
    outline-offset: 2px
}

html .tailwind-area .focus-visible\:outline:focus-visible {
    outline-style: solid
}

html .tailwind-area .focus-visible\:outline-2:focus-visible {
    outline-width: 2px
}

html .tailwind-area .focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px
}

html .tailwind-area .focus-visible\:outline-primary-600:focus-visible {
    outline-color: rgb(var(--ui-primary-600) / 1)
}

html .tailwind-area .active\:border-danger-100:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-danger-100) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-danger-100\/0:active {
    border-color: rgb(var(--ui-danger-100) / 0)
}

html .tailwind-area .active\:border-danger-100\/10:active {
    border-color: rgb(var(--ui-danger-100) / .1)
}

html .tailwind-area .active\:border-danger-100\/100:active {
    border-color: rgb(var(--ui-danger-100) / 1)
}

html .tailwind-area .active\:border-danger-100\/15:active {
    border-color: rgb(var(--ui-danger-100) / .15)
}

html .tailwind-area .active\:border-danger-100\/20:active {
    border-color: rgb(var(--ui-danger-100) / .2)
}

html .tailwind-area .active\:border-danger-100\/25:active {
    border-color: rgb(var(--ui-danger-100) / .25)
}

html .tailwind-area .active\:border-danger-100\/30:active {
    border-color: rgb(var(--ui-danger-100) / .3)
}

html .tailwind-area .active\:border-danger-100\/35:active {
    border-color: rgb(var(--ui-danger-100) / .35)
}

html .tailwind-area .active\:border-danger-100\/40:active {
    border-color: rgb(var(--ui-danger-100) / .4)
}

html .tailwind-area .active\:border-danger-100\/45:active {
    border-color: rgb(var(--ui-danger-100) / .45)
}

html .tailwind-area .active\:border-danger-100\/5:active {
    border-color: rgb(var(--ui-danger-100) / .05)
}

html .tailwind-area .active\:border-danger-100\/50:active {
    border-color: rgb(var(--ui-danger-100) / .5)
}

html .tailwind-area .active\:border-danger-100\/55:active {
    border-color: rgb(var(--ui-danger-100) / .55)
}

html .tailwind-area .active\:border-danger-100\/60:active {
    border-color: rgb(var(--ui-danger-100) / .6)
}

html .tailwind-area .active\:border-danger-100\/65:active {
    border-color: rgb(var(--ui-danger-100) / .65)
}

html .tailwind-area .active\:border-danger-100\/70:active {
    border-color: rgb(var(--ui-danger-100) / .7)
}

html .tailwind-area .active\:border-danger-100\/75:active {
    border-color: rgb(var(--ui-danger-100) / .75)
}

html .tailwind-area .active\:border-danger-100\/80:active {
    border-color: rgb(var(--ui-danger-100) / .8)
}

html .tailwind-area .active\:border-danger-100\/85:active {
    border-color: rgb(var(--ui-danger-100) / .85)
}

html .tailwind-area .active\:border-danger-100\/90:active {
    border-color: rgb(var(--ui-danger-100) / .9)
}

html .tailwind-area .active\:border-danger-100\/95:active {
    border-color: rgb(var(--ui-danger-100) / .95)
}

html .tailwind-area .active\:border-danger-200:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-danger-200) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-danger-200\/0:active {
    border-color: rgb(var(--ui-danger-200) / 0)
}

html .tailwind-area .active\:border-danger-200\/10:active {
    border-color: rgb(var(--ui-danger-200) / .1)
}

html .tailwind-area .active\:border-danger-200\/100:active {
    border-color: rgb(var(--ui-danger-200) / 1)
}

html .tailwind-area .active\:border-danger-200\/15:active {
    border-color: rgb(var(--ui-danger-200) / .15)
}

html .tailwind-area .active\:border-danger-200\/20:active {
    border-color: rgb(var(--ui-danger-200) / .2)
}

html .tailwind-area .active\:border-danger-200\/25:active {
    border-color: rgb(var(--ui-danger-200) / .25)
}

html .tailwind-area .active\:border-danger-200\/30:active {
    border-color: rgb(var(--ui-danger-200) / .3)
}

html .tailwind-area .active\:border-danger-200\/35:active {
    border-color: rgb(var(--ui-danger-200) / .35)
}

html .tailwind-area .active\:border-danger-200\/40:active {
    border-color: rgb(var(--ui-danger-200) / .4)
}

html .tailwind-area .active\:border-danger-200\/45:active {
    border-color: rgb(var(--ui-danger-200) / .45)
}

html .tailwind-area .active\:border-danger-200\/5:active {
    border-color: rgb(var(--ui-danger-200) / .05)
}

html .tailwind-area .active\:border-danger-200\/50:active {
    border-color: rgb(var(--ui-danger-200) / .5)
}

html .tailwind-area .active\:border-danger-200\/55:active {
    border-color: rgb(var(--ui-danger-200) / .55)
}

html .tailwind-area .active\:border-danger-200\/60:active {
    border-color: rgb(var(--ui-danger-200) / .6)
}

html .tailwind-area .active\:border-danger-200\/65:active {
    border-color: rgb(var(--ui-danger-200) / .65)
}

html .tailwind-area .active\:border-danger-200\/70:active {
    border-color: rgb(var(--ui-danger-200) / .7)
}

html .tailwind-area .active\:border-danger-200\/75:active {
    border-color: rgb(var(--ui-danger-200) / .75)
}

html .tailwind-area .active\:border-danger-200\/80:active {
    border-color: rgb(var(--ui-danger-200) / .8)
}

html .tailwind-area .active\:border-danger-200\/85:active {
    border-color: rgb(var(--ui-danger-200) / .85)
}

html .tailwind-area .active\:border-danger-200\/90:active {
    border-color: rgb(var(--ui-danger-200) / .9)
}

html .tailwind-area .active\:border-danger-200\/95:active {
    border-color: rgb(var(--ui-danger-200) / .95)
}

html .tailwind-area .active\:border-danger-300:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-danger-300) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-danger-300\/0:active {
    border-color: rgb(var(--ui-danger-300) / 0)
}

html .tailwind-area .active\:border-danger-300\/10:active {
    border-color: rgb(var(--ui-danger-300) / .1)
}

html .tailwind-area .active\:border-danger-300\/100:active {
    border-color: rgb(var(--ui-danger-300) / 1)
}

html .tailwind-area .active\:border-danger-300\/15:active {
    border-color: rgb(var(--ui-danger-300) / .15)
}

html .tailwind-area .active\:border-danger-300\/20:active {
    border-color: rgb(var(--ui-danger-300) / .2)
}

html .tailwind-area .active\:border-danger-300\/25:active {
    border-color: rgb(var(--ui-danger-300) / .25)
}

html .tailwind-area .active\:border-danger-300\/30:active {
    border-color: rgb(var(--ui-danger-300) / .3)
}

html .tailwind-area .active\:border-danger-300\/35:active {
    border-color: rgb(var(--ui-danger-300) / .35)
}

html .tailwind-area .active\:border-danger-300\/40:active {
    border-color: rgb(var(--ui-danger-300) / .4)
}

html .tailwind-area .active\:border-danger-300\/45:active {
    border-color: rgb(var(--ui-danger-300) / .45)
}

html .tailwind-area .active\:border-danger-300\/5:active {
    border-color: rgb(var(--ui-danger-300) / .05)
}

html .tailwind-area .active\:border-danger-300\/50:active {
    border-color: rgb(var(--ui-danger-300) / .5)
}

html .tailwind-area .active\:border-danger-300\/55:active {
    border-color: rgb(var(--ui-danger-300) / .55)
}

html .tailwind-area .active\:border-danger-300\/60:active {
    border-color: rgb(var(--ui-danger-300) / .6)
}

html .tailwind-area .active\:border-danger-300\/65:active {
    border-color: rgb(var(--ui-danger-300) / .65)
}

html .tailwind-area .active\:border-danger-300\/70:active {
    border-color: rgb(var(--ui-danger-300) / .7)
}

html .tailwind-area .active\:border-danger-300\/75:active {
    border-color: rgb(var(--ui-danger-300) / .75)
}

html .tailwind-area .active\:border-danger-300\/80:active {
    border-color: rgb(var(--ui-danger-300) / .8)
}

html .tailwind-area .active\:border-danger-300\/85:active {
    border-color: rgb(var(--ui-danger-300) / .85)
}

html .tailwind-area .active\:border-danger-300\/90:active {
    border-color: rgb(var(--ui-danger-300) / .9)
}

html .tailwind-area .active\:border-danger-300\/95:active {
    border-color: rgb(var(--ui-danger-300) / .95)
}

html .tailwind-area .active\:border-danger-400:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-danger-400) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-danger-400\/0:active {
    border-color: rgb(var(--ui-danger-400) / 0)
}

html .tailwind-area .active\:border-danger-400\/10:active {
    border-color: rgb(var(--ui-danger-400) / .1)
}

html .tailwind-area .active\:border-danger-400\/100:active {
    border-color: rgb(var(--ui-danger-400) / 1)
}

html .tailwind-area .active\:border-danger-400\/15:active {
    border-color: rgb(var(--ui-danger-400) / .15)
}

html .tailwind-area .active\:border-danger-400\/20:active {
    border-color: rgb(var(--ui-danger-400) / .2)
}

html .tailwind-area .active\:border-danger-400\/25:active {
    border-color: rgb(var(--ui-danger-400) / .25)
}

html .tailwind-area .active\:border-danger-400\/30:active {
    border-color: rgb(var(--ui-danger-400) / .3)
}

html .tailwind-area .active\:border-danger-400\/35:active {
    border-color: rgb(var(--ui-danger-400) / .35)
}

html .tailwind-area .active\:border-danger-400\/40:active {
    border-color: rgb(var(--ui-danger-400) / .4)
}

html .tailwind-area .active\:border-danger-400\/45:active {
    border-color: rgb(var(--ui-danger-400) / .45)
}

html .tailwind-area .active\:border-danger-400\/5:active {
    border-color: rgb(var(--ui-danger-400) / .05)
}

html .tailwind-area .active\:border-danger-400\/50:active {
    border-color: rgb(var(--ui-danger-400) / .5)
}

html .tailwind-area .active\:border-danger-400\/55:active {
    border-color: rgb(var(--ui-danger-400) / .55)
}

html .tailwind-area .active\:border-danger-400\/60:active {
    border-color: rgb(var(--ui-danger-400) / .6)
}

html .tailwind-area .active\:border-danger-400\/65:active {
    border-color: rgb(var(--ui-danger-400) / .65)
}

html .tailwind-area .active\:border-danger-400\/70:active {
    border-color: rgb(var(--ui-danger-400) / .7)
}

html .tailwind-area .active\:border-danger-400\/75:active {
    border-color: rgb(var(--ui-danger-400) / .75)
}

html .tailwind-area .active\:border-danger-400\/80:active {
    border-color: rgb(var(--ui-danger-400) / .8)
}

html .tailwind-area .active\:border-danger-400\/85:active {
    border-color: rgb(var(--ui-danger-400) / .85)
}

html .tailwind-area .active\:border-danger-400\/90:active {
    border-color: rgb(var(--ui-danger-400) / .9)
}

html .tailwind-area .active\:border-danger-400\/95:active {
    border-color: rgb(var(--ui-danger-400) / .95)
}

html .tailwind-area .active\:border-danger-50:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-danger-50) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-danger-50\/0:active {
    border-color: rgb(var(--ui-danger-50) / 0)
}

html .tailwind-area .active\:border-danger-50\/10:active {
    border-color: rgb(var(--ui-danger-50) / .1)
}

html .tailwind-area .active\:border-danger-50\/100:active {
    border-color: rgb(var(--ui-danger-50) / 1)
}

html .tailwind-area .active\:border-danger-50\/15:active {
    border-color: rgb(var(--ui-danger-50) / .15)
}

html .tailwind-area .active\:border-danger-50\/20:active {
    border-color: rgb(var(--ui-danger-50) / .2)
}

html .tailwind-area .active\:border-danger-50\/25:active {
    border-color: rgb(var(--ui-danger-50) / .25)
}

html .tailwind-area .active\:border-danger-50\/30:active {
    border-color: rgb(var(--ui-danger-50) / .3)
}

html .tailwind-area .active\:border-danger-50\/35:active {
    border-color: rgb(var(--ui-danger-50) / .35)
}

html .tailwind-area .active\:border-danger-50\/40:active {
    border-color: rgb(var(--ui-danger-50) / .4)
}

html .tailwind-area .active\:border-danger-50\/45:active {
    border-color: rgb(var(--ui-danger-50) / .45)
}

html .tailwind-area .active\:border-danger-50\/5:active {
    border-color: rgb(var(--ui-danger-50) / .05)
}

html .tailwind-area .active\:border-danger-50\/50:active {
    border-color: rgb(var(--ui-danger-50) / .5)
}

html .tailwind-area .active\:border-danger-50\/55:active {
    border-color: rgb(var(--ui-danger-50) / .55)
}

html .tailwind-area .active\:border-danger-50\/60:active {
    border-color: rgb(var(--ui-danger-50) / .6)
}

html .tailwind-area .active\:border-danger-50\/65:active {
    border-color: rgb(var(--ui-danger-50) / .65)
}

html .tailwind-area .active\:border-danger-50\/70:active {
    border-color: rgb(var(--ui-danger-50) / .7)
}

html .tailwind-area .active\:border-danger-50\/75:active {
    border-color: rgb(var(--ui-danger-50) / .75)
}

html .tailwind-area .active\:border-danger-50\/80:active {
    border-color: rgb(var(--ui-danger-50) / .8)
}

html .tailwind-area .active\:border-danger-50\/85:active {
    border-color: rgb(var(--ui-danger-50) / .85)
}

html .tailwind-area .active\:border-danger-50\/90:active {
    border-color: rgb(var(--ui-danger-50) / .9)
}

html .tailwind-area .active\:border-danger-50\/95:active {
    border-color: rgb(var(--ui-danger-50) / .95)
}

html .tailwind-area .active\:border-danger-500:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-danger-500) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-danger-500\/0:active {
    border-color: rgb(var(--ui-danger-500) / 0)
}

html .tailwind-area .active\:border-danger-500\/10:active {
    border-color: rgb(var(--ui-danger-500) / .1)
}

html .tailwind-area .active\:border-danger-500\/100:active {
    border-color: rgb(var(--ui-danger-500) / 1)
}

html .tailwind-area .active\:border-danger-500\/15:active {
    border-color: rgb(var(--ui-danger-500) / .15)
}

html .tailwind-area .active\:border-danger-500\/20:active {
    border-color: rgb(var(--ui-danger-500) / .2)
}

html .tailwind-area .active\:border-danger-500\/25:active {
    border-color: rgb(var(--ui-danger-500) / .25)
}

html .tailwind-area .active\:border-danger-500\/30:active {
    border-color: rgb(var(--ui-danger-500) / .3)
}

html .tailwind-area .active\:border-danger-500\/35:active {
    border-color: rgb(var(--ui-danger-500) / .35)
}

html .tailwind-area .active\:border-danger-500\/40:active {
    border-color: rgb(var(--ui-danger-500) / .4)
}

html .tailwind-area .active\:border-danger-500\/45:active {
    border-color: rgb(var(--ui-danger-500) / .45)
}

html .tailwind-area .active\:border-danger-500\/5:active {
    border-color: rgb(var(--ui-danger-500) / .05)
}

html .tailwind-area .active\:border-danger-500\/50:active {
    border-color: rgb(var(--ui-danger-500) / .5)
}

html .tailwind-area .active\:border-danger-500\/55:active {
    border-color: rgb(var(--ui-danger-500) / .55)
}

html .tailwind-area .active\:border-danger-500\/60:active {
    border-color: rgb(var(--ui-danger-500) / .6)
}

html .tailwind-area .active\:border-danger-500\/65:active {
    border-color: rgb(var(--ui-danger-500) / .65)
}

html .tailwind-area .active\:border-danger-500\/70:active {
    border-color: rgb(var(--ui-danger-500) / .7)
}

html .tailwind-area .active\:border-danger-500\/75:active {
    border-color: rgb(var(--ui-danger-500) / .75)
}

html .tailwind-area .active\:border-danger-500\/80:active {
    border-color: rgb(var(--ui-danger-500) / .8)
}

html .tailwind-area .active\:border-danger-500\/85:active {
    border-color: rgb(var(--ui-danger-500) / .85)
}

html .tailwind-area .active\:border-danger-500\/90:active {
    border-color: rgb(var(--ui-danger-500) / .9)
}

html .tailwind-area .active\:border-danger-500\/95:active {
    border-color: rgb(var(--ui-danger-500) / .95)
}

html .tailwind-area .active\:border-danger-600:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-danger-600) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-danger-600\/0:active {
    border-color: rgb(var(--ui-danger-600) / 0)
}

html .tailwind-area .active\:border-danger-600\/10:active {
    border-color: rgb(var(--ui-danger-600) / .1)
}

html .tailwind-area .active\:border-danger-600\/100:active {
    border-color: rgb(var(--ui-danger-600) / 1)
}

html .tailwind-area .active\:border-danger-600\/15:active {
    border-color: rgb(var(--ui-danger-600) / .15)
}

html .tailwind-area .active\:border-danger-600\/20:active {
    border-color: rgb(var(--ui-danger-600) / .2)
}

html .tailwind-area .active\:border-danger-600\/25:active {
    border-color: rgb(var(--ui-danger-600) / .25)
}

html .tailwind-area .active\:border-danger-600\/30:active {
    border-color: rgb(var(--ui-danger-600) / .3)
}

html .tailwind-area .active\:border-danger-600\/35:active {
    border-color: rgb(var(--ui-danger-600) / .35)
}

html .tailwind-area .active\:border-danger-600\/40:active {
    border-color: rgb(var(--ui-danger-600) / .4)
}

html .tailwind-area .active\:border-danger-600\/45:active {
    border-color: rgb(var(--ui-danger-600) / .45)
}

html .tailwind-area .active\:border-danger-600\/5:active {
    border-color: rgb(var(--ui-danger-600) / .05)
}

html .tailwind-area .active\:border-danger-600\/50:active {
    border-color: rgb(var(--ui-danger-600) / .5)
}

html .tailwind-area .active\:border-danger-600\/55:active {
    border-color: rgb(var(--ui-danger-600) / .55)
}

html .tailwind-area .active\:border-danger-600\/60:active {
    border-color: rgb(var(--ui-danger-600) / .6)
}

html .tailwind-area .active\:border-danger-600\/65:active {
    border-color: rgb(var(--ui-danger-600) / .65)
}

html .tailwind-area .active\:border-danger-600\/70:active {
    border-color: rgb(var(--ui-danger-600) / .7)
}

html .tailwind-area .active\:border-danger-600\/75:active {
    border-color: rgb(var(--ui-danger-600) / .75)
}

html .tailwind-area .active\:border-danger-600\/80:active {
    border-color: rgb(var(--ui-danger-600) / .8)
}

html .tailwind-area .active\:border-danger-600\/85:active {
    border-color: rgb(var(--ui-danger-600) / .85)
}

html .tailwind-area .active\:border-danger-600\/90:active {
    border-color: rgb(var(--ui-danger-600) / .9)
}

html .tailwind-area .active\:border-danger-600\/95:active {
    border-color: rgb(var(--ui-danger-600) / .95)
}

html .tailwind-area .active\:border-danger-700:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-danger-700) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-danger-700\/0:active {
    border-color: rgb(var(--ui-danger-700) / 0)
}

html .tailwind-area .active\:border-danger-700\/10:active {
    border-color: rgb(var(--ui-danger-700) / .1)
}

html .tailwind-area .active\:border-danger-700\/100:active {
    border-color: rgb(var(--ui-danger-700) / 1)
}

html .tailwind-area .active\:border-danger-700\/15:active {
    border-color: rgb(var(--ui-danger-700) / .15)
}

html .tailwind-area .active\:border-danger-700\/20:active {
    border-color: rgb(var(--ui-danger-700) / .2)
}

html .tailwind-area .active\:border-danger-700\/25:active {
    border-color: rgb(var(--ui-danger-700) / .25)
}

html .tailwind-area .active\:border-danger-700\/30:active {
    border-color: rgb(var(--ui-danger-700) / .3)
}

html .tailwind-area .active\:border-danger-700\/35:active {
    border-color: rgb(var(--ui-danger-700) / .35)
}

html .tailwind-area .active\:border-danger-700\/40:active {
    border-color: rgb(var(--ui-danger-700) / .4)
}

html .tailwind-area .active\:border-danger-700\/45:active {
    border-color: rgb(var(--ui-danger-700) / .45)
}

html .tailwind-area .active\:border-danger-700\/5:active {
    border-color: rgb(var(--ui-danger-700) / .05)
}

html .tailwind-area .active\:border-danger-700\/50:active {
    border-color: rgb(var(--ui-danger-700) / .5)
}

html .tailwind-area .active\:border-danger-700\/55:active {
    border-color: rgb(var(--ui-danger-700) / .55)
}

html .tailwind-area .active\:border-danger-700\/60:active {
    border-color: rgb(var(--ui-danger-700) / .6)
}

html .tailwind-area .active\:border-danger-700\/65:active {
    border-color: rgb(var(--ui-danger-700) / .65)
}

html .tailwind-area .active\:border-danger-700\/70:active {
    border-color: rgb(var(--ui-danger-700) / .7)
}

html .tailwind-area .active\:border-danger-700\/75:active {
    border-color: rgb(var(--ui-danger-700) / .75)
}

html .tailwind-area .active\:border-danger-700\/80:active {
    border-color: rgb(var(--ui-danger-700) / .8)
}

html .tailwind-area .active\:border-danger-700\/85:active {
    border-color: rgb(var(--ui-danger-700) / .85)
}

html .tailwind-area .active\:border-danger-700\/90:active {
    border-color: rgb(var(--ui-danger-700) / .9)
}

html .tailwind-area .active\:border-danger-700\/95:active {
    border-color: rgb(var(--ui-danger-700) / .95)
}

html .tailwind-area .active\:border-danger-800:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-danger-800) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-danger-800\/0:active {
    border-color: rgb(var(--ui-danger-800) / 0)
}

html .tailwind-area .active\:border-danger-800\/10:active {
    border-color: rgb(var(--ui-danger-800) / .1)
}

html .tailwind-area .active\:border-danger-800\/100:active {
    border-color: rgb(var(--ui-danger-800) / 1)
}

html .tailwind-area .active\:border-danger-800\/15:active {
    border-color: rgb(var(--ui-danger-800) / .15)
}

html .tailwind-area .active\:border-danger-800\/20:active {
    border-color: rgb(var(--ui-danger-800) / .2)
}

html .tailwind-area .active\:border-danger-800\/25:active {
    border-color: rgb(var(--ui-danger-800) / .25)
}

html .tailwind-area .active\:border-danger-800\/30:active {
    border-color: rgb(var(--ui-danger-800) / .3)
}

html .tailwind-area .active\:border-danger-800\/35:active {
    border-color: rgb(var(--ui-danger-800) / .35)
}

html .tailwind-area .active\:border-danger-800\/40:active {
    border-color: rgb(var(--ui-danger-800) / .4)
}

html .tailwind-area .active\:border-danger-800\/45:active {
    border-color: rgb(var(--ui-danger-800) / .45)
}

html .tailwind-area .active\:border-danger-800\/5:active {
    border-color: rgb(var(--ui-danger-800) / .05)
}

html .tailwind-area .active\:border-danger-800\/50:active {
    border-color: rgb(var(--ui-danger-800) / .5)
}

html .tailwind-area .active\:border-danger-800\/55:active {
    border-color: rgb(var(--ui-danger-800) / .55)
}

html .tailwind-area .active\:border-danger-800\/60:active {
    border-color: rgb(var(--ui-danger-800) / .6)
}

html .tailwind-area .active\:border-danger-800\/65:active {
    border-color: rgb(var(--ui-danger-800) / .65)
}

html .tailwind-area .active\:border-danger-800\/70:active {
    border-color: rgb(var(--ui-danger-800) / .7)
}

html .tailwind-area .active\:border-danger-800\/75:active {
    border-color: rgb(var(--ui-danger-800) / .75)
}

html .tailwind-area .active\:border-danger-800\/80:active {
    border-color: rgb(var(--ui-danger-800) / .8)
}

html .tailwind-area .active\:border-danger-800\/85:active {
    border-color: rgb(var(--ui-danger-800) / .85)
}

html .tailwind-area .active\:border-danger-800\/90:active {
    border-color: rgb(var(--ui-danger-800) / .9)
}

html .tailwind-area .active\:border-danger-800\/95:active {
    border-color: rgb(var(--ui-danger-800) / .95)
}

html .tailwind-area .active\:border-danger-900:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-danger-900) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-danger-900\/0:active {
    border-color: rgb(var(--ui-danger-900) / 0)
}

html .tailwind-area .active\:border-danger-900\/10:active {
    border-color: rgb(var(--ui-danger-900) / .1)
}

html .tailwind-area .active\:border-danger-900\/100:active {
    border-color: rgb(var(--ui-danger-900) / 1)
}

html .tailwind-area .active\:border-danger-900\/15:active {
    border-color: rgb(var(--ui-danger-900) / .15)
}

html .tailwind-area .active\:border-danger-900\/20:active {
    border-color: rgb(var(--ui-danger-900) / .2)
}

html .tailwind-area .active\:border-danger-900\/25:active {
    border-color: rgb(var(--ui-danger-900) / .25)
}

html .tailwind-area .active\:border-danger-900\/30:active {
    border-color: rgb(var(--ui-danger-900) / .3)
}

html .tailwind-area .active\:border-danger-900\/35:active {
    border-color: rgb(var(--ui-danger-900) / .35)
}

html .tailwind-area .active\:border-danger-900\/40:active {
    border-color: rgb(var(--ui-danger-900) / .4)
}

html .tailwind-area .active\:border-danger-900\/45:active {
    border-color: rgb(var(--ui-danger-900) / .45)
}

html .tailwind-area .active\:border-danger-900\/5:active {
    border-color: rgb(var(--ui-danger-900) / .05)
}

html .tailwind-area .active\:border-danger-900\/50:active {
    border-color: rgb(var(--ui-danger-900) / .5)
}

html .tailwind-area .active\:border-danger-900\/55:active {
    border-color: rgb(var(--ui-danger-900) / .55)
}

html .tailwind-area .active\:border-danger-900\/60:active {
    border-color: rgb(var(--ui-danger-900) / .6)
}

html .tailwind-area .active\:border-danger-900\/65:active {
    border-color: rgb(var(--ui-danger-900) / .65)
}

html .tailwind-area .active\:border-danger-900\/70:active {
    border-color: rgb(var(--ui-danger-900) / .7)
}

html .tailwind-area .active\:border-danger-900\/75:active {
    border-color: rgb(var(--ui-danger-900) / .75)
}

html .tailwind-area .active\:border-danger-900\/80:active {
    border-color: rgb(var(--ui-danger-900) / .8)
}

html .tailwind-area .active\:border-danger-900\/85:active {
    border-color: rgb(var(--ui-danger-900) / .85)
}

html .tailwind-area .active\:border-danger-900\/90:active {
    border-color: rgb(var(--ui-danger-900) / .9)
}

html .tailwind-area .active\:border-danger-900\/95:active {
    border-color: rgb(var(--ui-danger-900) / .95)
}

html .tailwind-area .active\:border-neutral-100:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-neutral-100) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-neutral-100\/0:active {
    border-color: rgb(var(--ui-neutral-100) / 0)
}

html .tailwind-area .active\:border-neutral-100\/10:active {
    border-color: rgb(var(--ui-neutral-100) / .1)
}

html .tailwind-area .active\:border-neutral-100\/100:active {
    border-color: rgb(var(--ui-neutral-100) / 1)
}

html .tailwind-area .active\:border-neutral-100\/15:active {
    border-color: rgb(var(--ui-neutral-100) / .15)
}

html .tailwind-area .active\:border-neutral-100\/20:active {
    border-color: rgb(var(--ui-neutral-100) / .2)
}

html .tailwind-area .active\:border-neutral-100\/25:active {
    border-color: rgb(var(--ui-neutral-100) / .25)
}

html .tailwind-area .active\:border-neutral-100\/30:active {
    border-color: rgb(var(--ui-neutral-100) / .3)
}

html .tailwind-area .active\:border-neutral-100\/35:active {
    border-color: rgb(var(--ui-neutral-100) / .35)
}

html .tailwind-area .active\:border-neutral-100\/40:active {
    border-color: rgb(var(--ui-neutral-100) / .4)
}

html .tailwind-area .active\:border-neutral-100\/45:active {
    border-color: rgb(var(--ui-neutral-100) / .45)
}

html .tailwind-area .active\:border-neutral-100\/5:active {
    border-color: rgb(var(--ui-neutral-100) / .05)
}

html .tailwind-area .active\:border-neutral-100\/50:active {
    border-color: rgb(var(--ui-neutral-100) / .5)
}

html .tailwind-area .active\:border-neutral-100\/55:active {
    border-color: rgb(var(--ui-neutral-100) / .55)
}

html .tailwind-area .active\:border-neutral-100\/60:active {
    border-color: rgb(var(--ui-neutral-100) / .6)
}

html .tailwind-area .active\:border-neutral-100\/65:active {
    border-color: rgb(var(--ui-neutral-100) / .65)
}

html .tailwind-area .active\:border-neutral-100\/70:active {
    border-color: rgb(var(--ui-neutral-100) / .7)
}

html .tailwind-area .active\:border-neutral-100\/75:active {
    border-color: rgb(var(--ui-neutral-100) / .75)
}

html .tailwind-area .active\:border-neutral-100\/80:active {
    border-color: rgb(var(--ui-neutral-100) / .8)
}

html .tailwind-area .active\:border-neutral-100\/85:active {
    border-color: rgb(var(--ui-neutral-100) / .85)
}

html .tailwind-area .active\:border-neutral-100\/90:active {
    border-color: rgb(var(--ui-neutral-100) / .9)
}

html .tailwind-area .active\:border-neutral-100\/95:active {
    border-color: rgb(var(--ui-neutral-100) / .95)
}

html .tailwind-area .active\:border-neutral-200:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-neutral-200) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-neutral-200\/0:active {
    border-color: rgb(var(--ui-neutral-200) / 0)
}

html .tailwind-area .active\:border-neutral-200\/10:active {
    border-color: rgb(var(--ui-neutral-200) / .1)
}

html .tailwind-area .active\:border-neutral-200\/100:active {
    border-color: rgb(var(--ui-neutral-200) / 1)
}

html .tailwind-area .active\:border-neutral-200\/15:active {
    border-color: rgb(var(--ui-neutral-200) / .15)
}

html .tailwind-area .active\:border-neutral-200\/20:active {
    border-color: rgb(var(--ui-neutral-200) / .2)
}

html .tailwind-area .active\:border-neutral-200\/25:active {
    border-color: rgb(var(--ui-neutral-200) / .25)
}

html .tailwind-area .active\:border-neutral-200\/30:active {
    border-color: rgb(var(--ui-neutral-200) / .3)
}

html .tailwind-area .active\:border-neutral-200\/35:active {
    border-color: rgb(var(--ui-neutral-200) / .35)
}

html .tailwind-area .active\:border-neutral-200\/40:active {
    border-color: rgb(var(--ui-neutral-200) / .4)
}

html .tailwind-area .active\:border-neutral-200\/45:active {
    border-color: rgb(var(--ui-neutral-200) / .45)
}

html .tailwind-area .active\:border-neutral-200\/5:active {
    border-color: rgb(var(--ui-neutral-200) / .05)
}

html .tailwind-area .active\:border-neutral-200\/50:active {
    border-color: rgb(var(--ui-neutral-200) / .5)
}

html .tailwind-area .active\:border-neutral-200\/55:active {
    border-color: rgb(var(--ui-neutral-200) / .55)
}

html .tailwind-area .active\:border-neutral-200\/60:active {
    border-color: rgb(var(--ui-neutral-200) / .6)
}

html .tailwind-area .active\:border-neutral-200\/65:active {
    border-color: rgb(var(--ui-neutral-200) / .65)
}

html .tailwind-area .active\:border-neutral-200\/70:active {
    border-color: rgb(var(--ui-neutral-200) / .7)
}

html .tailwind-area .active\:border-neutral-200\/75:active {
    border-color: rgb(var(--ui-neutral-200) / .75)
}

html .tailwind-area .active\:border-neutral-200\/80:active {
    border-color: rgb(var(--ui-neutral-200) / .8)
}

html .tailwind-area .active\:border-neutral-200\/85:active {
    border-color: rgb(var(--ui-neutral-200) / .85)
}

html .tailwind-area .active\:border-neutral-200\/90:active {
    border-color: rgb(var(--ui-neutral-200) / .9)
}

html .tailwind-area .active\:border-neutral-200\/95:active {
    border-color: rgb(var(--ui-neutral-200) / .95)
}

html .tailwind-area .active\:border-neutral-300:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-neutral-300) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-neutral-300\/0:active {
    border-color: rgb(var(--ui-neutral-300) / 0)
}

html .tailwind-area .active\:border-neutral-300\/10:active {
    border-color: rgb(var(--ui-neutral-300) / .1)
}

html .tailwind-area .active\:border-neutral-300\/100:active {
    border-color: rgb(var(--ui-neutral-300) / 1)
}

html .tailwind-area .active\:border-neutral-300\/15:active {
    border-color: rgb(var(--ui-neutral-300) / .15)
}

html .tailwind-area .active\:border-neutral-300\/20:active {
    border-color: rgb(var(--ui-neutral-300) / .2)
}

html .tailwind-area .active\:border-neutral-300\/25:active {
    border-color: rgb(var(--ui-neutral-300) / .25)
}

html .tailwind-area .active\:border-neutral-300\/30:active {
    border-color: rgb(var(--ui-neutral-300) / .3)
}

html .tailwind-area .active\:border-neutral-300\/35:active {
    border-color: rgb(var(--ui-neutral-300) / .35)
}

html .tailwind-area .active\:border-neutral-300\/40:active {
    border-color: rgb(var(--ui-neutral-300) / .4)
}

html .tailwind-area .active\:border-neutral-300\/45:active {
    border-color: rgb(var(--ui-neutral-300) / .45)
}

html .tailwind-area .active\:border-neutral-300\/5:active {
    border-color: rgb(var(--ui-neutral-300) / .05)
}

html .tailwind-area .active\:border-neutral-300\/50:active {
    border-color: rgb(var(--ui-neutral-300) / .5)
}

html .tailwind-area .active\:border-neutral-300\/55:active {
    border-color: rgb(var(--ui-neutral-300) / .55)
}

html .tailwind-area .active\:border-neutral-300\/60:active {
    border-color: rgb(var(--ui-neutral-300) / .6)
}

html .tailwind-area .active\:border-neutral-300\/65:active {
    border-color: rgb(var(--ui-neutral-300) / .65)
}

html .tailwind-area .active\:border-neutral-300\/70:active {
    border-color: rgb(var(--ui-neutral-300) / .7)
}

html .tailwind-area .active\:border-neutral-300\/75:active {
    border-color: rgb(var(--ui-neutral-300) / .75)
}

html .tailwind-area .active\:border-neutral-300\/80:active {
    border-color: rgb(var(--ui-neutral-300) / .8)
}

html .tailwind-area .active\:border-neutral-300\/85:active {
    border-color: rgb(var(--ui-neutral-300) / .85)
}

html .tailwind-area .active\:border-neutral-300\/90:active {
    border-color: rgb(var(--ui-neutral-300) / .9)
}

html .tailwind-area .active\:border-neutral-300\/95:active {
    border-color: rgb(var(--ui-neutral-300) / .95)
}

html .tailwind-area .active\:border-neutral-400:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-neutral-400) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-neutral-400\/0:active {
    border-color: rgb(var(--ui-neutral-400) / 0)
}

html .tailwind-area .active\:border-neutral-400\/10:active {
    border-color: rgb(var(--ui-neutral-400) / .1)
}

html .tailwind-area .active\:border-neutral-400\/100:active {
    border-color: rgb(var(--ui-neutral-400) / 1)
}

html .tailwind-area .active\:border-neutral-400\/15:active {
    border-color: rgb(var(--ui-neutral-400) / .15)
}

html .tailwind-area .active\:border-neutral-400\/20:active {
    border-color: rgb(var(--ui-neutral-400) / .2)
}

html .tailwind-area .active\:border-neutral-400\/25:active {
    border-color: rgb(var(--ui-neutral-400) / .25)
}

html .tailwind-area .active\:border-neutral-400\/30:active {
    border-color: rgb(var(--ui-neutral-400) / .3)
}

html .tailwind-area .active\:border-neutral-400\/35:active {
    border-color: rgb(var(--ui-neutral-400) / .35)
}

html .tailwind-area .active\:border-neutral-400\/40:active {
    border-color: rgb(var(--ui-neutral-400) / .4)
}

html .tailwind-area .active\:border-neutral-400\/45:active {
    border-color: rgb(var(--ui-neutral-400) / .45)
}

html .tailwind-area .active\:border-neutral-400\/5:active {
    border-color: rgb(var(--ui-neutral-400) / .05)
}

html .tailwind-area .active\:border-neutral-400\/50:active {
    border-color: rgb(var(--ui-neutral-400) / .5)
}

html .tailwind-area .active\:border-neutral-400\/55:active {
    border-color: rgb(var(--ui-neutral-400) / .55)
}

html .tailwind-area .active\:border-neutral-400\/60:active {
    border-color: rgb(var(--ui-neutral-400) / .6)
}

html .tailwind-area .active\:border-neutral-400\/65:active {
    border-color: rgb(var(--ui-neutral-400) / .65)
}

html .tailwind-area .active\:border-neutral-400\/70:active {
    border-color: rgb(var(--ui-neutral-400) / .7)
}

html .tailwind-area .active\:border-neutral-400\/75:active {
    border-color: rgb(var(--ui-neutral-400) / .75)
}

html .tailwind-area .active\:border-neutral-400\/80:active {
    border-color: rgb(var(--ui-neutral-400) / .8)
}

html .tailwind-area .active\:border-neutral-400\/85:active {
    border-color: rgb(var(--ui-neutral-400) / .85)
}

html .tailwind-area .active\:border-neutral-400\/90:active {
    border-color: rgb(var(--ui-neutral-400) / .9)
}

html .tailwind-area .active\:border-neutral-400\/95:active {
    border-color: rgb(var(--ui-neutral-400) / .95)
}

html .tailwind-area .active\:border-neutral-50:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-neutral-50) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-neutral-50\/0:active {
    border-color: rgb(var(--ui-neutral-50) / 0)
}

html .tailwind-area .active\:border-neutral-50\/10:active {
    border-color: rgb(var(--ui-neutral-50) / .1)
}

html .tailwind-area .active\:border-neutral-50\/100:active {
    border-color: rgb(var(--ui-neutral-50) / 1)
}

html .tailwind-area .active\:border-neutral-50\/15:active {
    border-color: rgb(var(--ui-neutral-50) / .15)
}

html .tailwind-area .active\:border-neutral-50\/20:active {
    border-color: rgb(var(--ui-neutral-50) / .2)
}

html .tailwind-area .active\:border-neutral-50\/25:active {
    border-color: rgb(var(--ui-neutral-50) / .25)
}

html .tailwind-area .active\:border-neutral-50\/30:active {
    border-color: rgb(var(--ui-neutral-50) / .3)
}

html .tailwind-area .active\:border-neutral-50\/35:active {
    border-color: rgb(var(--ui-neutral-50) / .35)
}

html .tailwind-area .active\:border-neutral-50\/40:active {
    border-color: rgb(var(--ui-neutral-50) / .4)
}

html .tailwind-area .active\:border-neutral-50\/45:active {
    border-color: rgb(var(--ui-neutral-50) / .45)
}

html .tailwind-area .active\:border-neutral-50\/5:active {
    border-color: rgb(var(--ui-neutral-50) / .05)
}

html .tailwind-area .active\:border-neutral-50\/50:active {
    border-color: rgb(var(--ui-neutral-50) / .5)
}

html .tailwind-area .active\:border-neutral-50\/55:active {
    border-color: rgb(var(--ui-neutral-50) / .55)
}

html .tailwind-area .active\:border-neutral-50\/60:active {
    border-color: rgb(var(--ui-neutral-50) / .6)
}

html .tailwind-area .active\:border-neutral-50\/65:active {
    border-color: rgb(var(--ui-neutral-50) / .65)
}

html .tailwind-area .active\:border-neutral-50\/70:active {
    border-color: rgb(var(--ui-neutral-50) / .7)
}

html .tailwind-area .active\:border-neutral-50\/75:active {
    border-color: rgb(var(--ui-neutral-50) / .75)
}

html .tailwind-area .active\:border-neutral-50\/80:active {
    border-color: rgb(var(--ui-neutral-50) / .8)
}

html .tailwind-area .active\:border-neutral-50\/85:active {
    border-color: rgb(var(--ui-neutral-50) / .85)
}

html .tailwind-area .active\:border-neutral-50\/90:active {
    border-color: rgb(var(--ui-neutral-50) / .9)
}

html .tailwind-area .active\:border-neutral-50\/95:active {
    border-color: rgb(var(--ui-neutral-50) / .95)
}

html .tailwind-area .active\:border-neutral-500:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-neutral-500) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-neutral-500\/0:active {
    border-color: rgb(var(--ui-neutral-500) / 0)
}

html .tailwind-area .active\:border-neutral-500\/10:active {
    border-color: rgb(var(--ui-neutral-500) / .1)
}

html .tailwind-area .active\:border-neutral-500\/100:active {
    border-color: rgb(var(--ui-neutral-500) / 1)
}

html .tailwind-area .active\:border-neutral-500\/15:active {
    border-color: rgb(var(--ui-neutral-500) / .15)
}

html .tailwind-area .active\:border-neutral-500\/20:active {
    border-color: rgb(var(--ui-neutral-500) / .2)
}

html .tailwind-area .active\:border-neutral-500\/25:active {
    border-color: rgb(var(--ui-neutral-500) / .25)
}

html .tailwind-area .active\:border-neutral-500\/30:active {
    border-color: rgb(var(--ui-neutral-500) / .3)
}

html .tailwind-area .active\:border-neutral-500\/35:active {
    border-color: rgb(var(--ui-neutral-500) / .35)
}

html .tailwind-area .active\:border-neutral-500\/40:active {
    border-color: rgb(var(--ui-neutral-500) / .4)
}

html .tailwind-area .active\:border-neutral-500\/45:active {
    border-color: rgb(var(--ui-neutral-500) / .45)
}

html .tailwind-area .active\:border-neutral-500\/5:active {
    border-color: rgb(var(--ui-neutral-500) / .05)
}

html .tailwind-area .active\:border-neutral-500\/50:active {
    border-color: rgb(var(--ui-neutral-500) / .5)
}

html .tailwind-area .active\:border-neutral-500\/55:active {
    border-color: rgb(var(--ui-neutral-500) / .55)
}

html .tailwind-area .active\:border-neutral-500\/60:active {
    border-color: rgb(var(--ui-neutral-500) / .6)
}

html .tailwind-area .active\:border-neutral-500\/65:active {
    border-color: rgb(var(--ui-neutral-500) / .65)
}

html .tailwind-area .active\:border-neutral-500\/70:active {
    border-color: rgb(var(--ui-neutral-500) / .7)
}

html .tailwind-area .active\:border-neutral-500\/75:active {
    border-color: rgb(var(--ui-neutral-500) / .75)
}

html .tailwind-area .active\:border-neutral-500\/80:active {
    border-color: rgb(var(--ui-neutral-500) / .8)
}

html .tailwind-area .active\:border-neutral-500\/85:active {
    border-color: rgb(var(--ui-neutral-500) / .85)
}

html .tailwind-area .active\:border-neutral-500\/90:active {
    border-color: rgb(var(--ui-neutral-500) / .9)
}

html .tailwind-area .active\:border-neutral-500\/95:active {
    border-color: rgb(var(--ui-neutral-500) / .95)
}

html .tailwind-area .active\:border-neutral-600:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-neutral-600) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-neutral-600\/0:active {
    border-color: rgb(var(--ui-neutral-600) / 0)
}

html .tailwind-area .active\:border-neutral-600\/10:active {
    border-color: rgb(var(--ui-neutral-600) / .1)
}

html .tailwind-area .active\:border-neutral-600\/100:active {
    border-color: rgb(var(--ui-neutral-600) / 1)
}

html .tailwind-area .active\:border-neutral-600\/15:active {
    border-color: rgb(var(--ui-neutral-600) / .15)
}

html .tailwind-area .active\:border-neutral-600\/20:active {
    border-color: rgb(var(--ui-neutral-600) / .2)
}

html .tailwind-area .active\:border-neutral-600\/25:active {
    border-color: rgb(var(--ui-neutral-600) / .25)
}

html .tailwind-area .active\:border-neutral-600\/30:active {
    border-color: rgb(var(--ui-neutral-600) / .3)
}

html .tailwind-area .active\:border-neutral-600\/35:active {
    border-color: rgb(var(--ui-neutral-600) / .35)
}

html .tailwind-area .active\:border-neutral-600\/40:active {
    border-color: rgb(var(--ui-neutral-600) / .4)
}

html .tailwind-area .active\:border-neutral-600\/45:active {
    border-color: rgb(var(--ui-neutral-600) / .45)
}

html .tailwind-area .active\:border-neutral-600\/5:active {
    border-color: rgb(var(--ui-neutral-600) / .05)
}

html .tailwind-area .active\:border-neutral-600\/50:active {
    border-color: rgb(var(--ui-neutral-600) / .5)
}

html .tailwind-area .active\:border-neutral-600\/55:active {
    border-color: rgb(var(--ui-neutral-600) / .55)
}

html .tailwind-area .active\:border-neutral-600\/60:active {
    border-color: rgb(var(--ui-neutral-600) / .6)
}

html .tailwind-area .active\:border-neutral-600\/65:active {
    border-color: rgb(var(--ui-neutral-600) / .65)
}

html .tailwind-area .active\:border-neutral-600\/70:active {
    border-color: rgb(var(--ui-neutral-600) / .7)
}

html .tailwind-area .active\:border-neutral-600\/75:active {
    border-color: rgb(var(--ui-neutral-600) / .75)
}

html .tailwind-area .active\:border-neutral-600\/80:active {
    border-color: rgb(var(--ui-neutral-600) / .8)
}

html .tailwind-area .active\:border-neutral-600\/85:active {
    border-color: rgb(var(--ui-neutral-600) / .85)
}

html .tailwind-area .active\:border-neutral-600\/90:active {
    border-color: rgb(var(--ui-neutral-600) / .9)
}

html .tailwind-area .active\:border-neutral-600\/95:active {
    border-color: rgb(var(--ui-neutral-600) / .95)
}

html .tailwind-area .active\:border-neutral-700:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-neutral-700) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-neutral-700\/0:active {
    border-color: rgb(var(--ui-neutral-700) / 0)
}

html .tailwind-area .active\:border-neutral-700\/10:active {
    border-color: rgb(var(--ui-neutral-700) / .1)
}

html .tailwind-area .active\:border-neutral-700\/100:active {
    border-color: rgb(var(--ui-neutral-700) / 1)
}

html .tailwind-area .active\:border-neutral-700\/15:active {
    border-color: rgb(var(--ui-neutral-700) / .15)
}

html .tailwind-area .active\:border-neutral-700\/20:active {
    border-color: rgb(var(--ui-neutral-700) / .2)
}

html .tailwind-area .active\:border-neutral-700\/25:active {
    border-color: rgb(var(--ui-neutral-700) / .25)
}

html .tailwind-area .active\:border-neutral-700\/30:active {
    border-color: rgb(var(--ui-neutral-700) / .3)
}

html .tailwind-area .active\:border-neutral-700\/35:active {
    border-color: rgb(var(--ui-neutral-700) / .35)
}

html .tailwind-area .active\:border-neutral-700\/40:active {
    border-color: rgb(var(--ui-neutral-700) / .4)
}

html .tailwind-area .active\:border-neutral-700\/45:active {
    border-color: rgb(var(--ui-neutral-700) / .45)
}

html .tailwind-area .active\:border-neutral-700\/5:active {
    border-color: rgb(var(--ui-neutral-700) / .05)
}

html .tailwind-area .active\:border-neutral-700\/50:active {
    border-color: rgb(var(--ui-neutral-700) / .5)
}

html .tailwind-area .active\:border-neutral-700\/55:active {
    border-color: rgb(var(--ui-neutral-700) / .55)
}

html .tailwind-area .active\:border-neutral-700\/60:active {
    border-color: rgb(var(--ui-neutral-700) / .6)
}

html .tailwind-area .active\:border-neutral-700\/65:active {
    border-color: rgb(var(--ui-neutral-700) / .65)
}

html .tailwind-area .active\:border-neutral-700\/70:active {
    border-color: rgb(var(--ui-neutral-700) / .7)
}

html .tailwind-area .active\:border-neutral-700\/75:active {
    border-color: rgb(var(--ui-neutral-700) / .75)
}

html .tailwind-area .active\:border-neutral-700\/80:active {
    border-color: rgb(var(--ui-neutral-700) / .8)
}

html .tailwind-area .active\:border-neutral-700\/85:active {
    border-color: rgb(var(--ui-neutral-700) / .85)
}

html .tailwind-area .active\:border-neutral-700\/90:active {
    border-color: rgb(var(--ui-neutral-700) / .9)
}

html .tailwind-area .active\:border-neutral-700\/95:active {
    border-color: rgb(var(--ui-neutral-700) / .95)
}

html .tailwind-area .active\:border-neutral-800:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-neutral-800) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-neutral-800\/0:active {
    border-color: rgb(var(--ui-neutral-800) / 0)
}

html .tailwind-area .active\:border-neutral-800\/10:active {
    border-color: rgb(var(--ui-neutral-800) / .1)
}

html .tailwind-area .active\:border-neutral-800\/100:active {
    border-color: rgb(var(--ui-neutral-800) / 1)
}

html .tailwind-area .active\:border-neutral-800\/15:active {
    border-color: rgb(var(--ui-neutral-800) / .15)
}

html .tailwind-area .active\:border-neutral-800\/20:active {
    border-color: rgb(var(--ui-neutral-800) / .2)
}

html .tailwind-area .active\:border-neutral-800\/25:active {
    border-color: rgb(var(--ui-neutral-800) / .25)
}

html .tailwind-area .active\:border-neutral-800\/30:active {
    border-color: rgb(var(--ui-neutral-800) / .3)
}

html .tailwind-area .active\:border-neutral-800\/35:active {
    border-color: rgb(var(--ui-neutral-800) / .35)
}

html .tailwind-area .active\:border-neutral-800\/40:active {
    border-color: rgb(var(--ui-neutral-800) / .4)
}

html .tailwind-area .active\:border-neutral-800\/45:active {
    border-color: rgb(var(--ui-neutral-800) / .45)
}

html .tailwind-area .active\:border-neutral-800\/5:active {
    border-color: rgb(var(--ui-neutral-800) / .05)
}

html .tailwind-area .active\:border-neutral-800\/50:active {
    border-color: rgb(var(--ui-neutral-800) / .5)
}

html .tailwind-area .active\:border-neutral-800\/55:active {
    border-color: rgb(var(--ui-neutral-800) / .55)
}

html .tailwind-area .active\:border-neutral-800\/60:active {
    border-color: rgb(var(--ui-neutral-800) / .6)
}

html .tailwind-area .active\:border-neutral-800\/65:active {
    border-color: rgb(var(--ui-neutral-800) / .65)
}

html .tailwind-area .active\:border-neutral-800\/70:active {
    border-color: rgb(var(--ui-neutral-800) / .7)
}

html .tailwind-area .active\:border-neutral-800\/75:active {
    border-color: rgb(var(--ui-neutral-800) / .75)
}

html .tailwind-area .active\:border-neutral-800\/80:active {
    border-color: rgb(var(--ui-neutral-800) / .8)
}

html .tailwind-area .active\:border-neutral-800\/85:active {
    border-color: rgb(var(--ui-neutral-800) / .85)
}

html .tailwind-area .active\:border-neutral-800\/90:active {
    border-color: rgb(var(--ui-neutral-800) / .9)
}

html .tailwind-area .active\:border-neutral-800\/95:active {
    border-color: rgb(var(--ui-neutral-800) / .95)
}

html .tailwind-area .active\:border-neutral-900:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-neutral-900) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-neutral-900\/0:active {
    border-color: rgb(var(--ui-neutral-900) / 0)
}

html .tailwind-area .active\:border-neutral-900\/10:active {
    border-color: rgb(var(--ui-neutral-900) / .1)
}

html .tailwind-area .active\:border-neutral-900\/100:active {
    border-color: rgb(var(--ui-neutral-900) / 1)
}

html .tailwind-area .active\:border-neutral-900\/15:active {
    border-color: rgb(var(--ui-neutral-900) / .15)
}

html .tailwind-area .active\:border-neutral-900\/20:active {
    border-color: rgb(var(--ui-neutral-900) / .2)
}

html .tailwind-area .active\:border-neutral-900\/25:active {
    border-color: rgb(var(--ui-neutral-900) / .25)
}

html .tailwind-area .active\:border-neutral-900\/30:active {
    border-color: rgb(var(--ui-neutral-900) / .3)
}

html .tailwind-area .active\:border-neutral-900\/35:active {
    border-color: rgb(var(--ui-neutral-900) / .35)
}

html .tailwind-area .active\:border-neutral-900\/40:active {
    border-color: rgb(var(--ui-neutral-900) / .4)
}

html .tailwind-area .active\:border-neutral-900\/45:active {
    border-color: rgb(var(--ui-neutral-900) / .45)
}

html .tailwind-area .active\:border-neutral-900\/5:active {
    border-color: rgb(var(--ui-neutral-900) / .05)
}

html .tailwind-area .active\:border-neutral-900\/50:active {
    border-color: rgb(var(--ui-neutral-900) / .5)
}

html .tailwind-area .active\:border-neutral-900\/55:active {
    border-color: rgb(var(--ui-neutral-900) / .55)
}

html .tailwind-area .active\:border-neutral-900\/60:active {
    border-color: rgb(var(--ui-neutral-900) / .6)
}

html .tailwind-area .active\:border-neutral-900\/65:active {
    border-color: rgb(var(--ui-neutral-900) / .65)
}

html .tailwind-area .active\:border-neutral-900\/70:active {
    border-color: rgb(var(--ui-neutral-900) / .7)
}

html .tailwind-area .active\:border-neutral-900\/75:active {
    border-color: rgb(var(--ui-neutral-900) / .75)
}

html .tailwind-area .active\:border-neutral-900\/80:active {
    border-color: rgb(var(--ui-neutral-900) / .8)
}

html .tailwind-area .active\:border-neutral-900\/85:active {
    border-color: rgb(var(--ui-neutral-900) / .85)
}

html .tailwind-area .active\:border-neutral-900\/90:active {
    border-color: rgb(var(--ui-neutral-900) / .9)
}

html .tailwind-area .active\:border-neutral-900\/95:active {
    border-color: rgb(var(--ui-neutral-900) / .95)
}

html .tailwind-area .active\:border-neutral-950:active {
    --tw-border-opacity: 1;
    border-color: rgb(10 10 10 / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-neutral-950\/0:active {
    border-color: #0a0a0a00
}

html .tailwind-area .active\:border-neutral-950\/10:active {
    border-color: #0a0a0a1a
}

html .tailwind-area .active\:border-neutral-950\/100:active {
    border-color: #0a0a0a
}

html .tailwind-area .active\:border-neutral-950\/15:active {
    border-color: #0a0a0a26
}

html .tailwind-area .active\:border-neutral-950\/20:active {
    border-color: #0a0a0a33
}

html .tailwind-area .active\:border-neutral-950\/25:active {
    border-color: #0a0a0a40
}

html .tailwind-area .active\:border-neutral-950\/30:active {
    border-color: #0a0a0a4d
}

html .tailwind-area .active\:border-neutral-950\/35:active {
    border-color: #0a0a0a59
}

html .tailwind-area .active\:border-neutral-950\/40:active {
    border-color: #0a0a0a66
}

html .tailwind-area .active\:border-neutral-950\/45:active {
    border-color: #0a0a0a73
}

html .tailwind-area .active\:border-neutral-950\/5:active {
    border-color: #0a0a0a0d
}

html .tailwind-area .active\:border-neutral-950\/50:active {
    border-color: #0a0a0a80
}

html .tailwind-area .active\:border-neutral-950\/55:active {
    border-color: #0a0a0a8c
}

html .tailwind-area .active\:border-neutral-950\/60:active {
    border-color: #0a0a0a99
}

html .tailwind-area .active\:border-neutral-950\/65:active {
    border-color: #0a0a0aa6
}

html .tailwind-area .active\:border-neutral-950\/70:active {
    border-color: #0a0a0ab3
}

html .tailwind-area .active\:border-neutral-950\/75:active {
    border-color: #0a0a0abf
}

html .tailwind-area .active\:border-neutral-950\/80:active {
    border-color: #0a0a0acc
}

html .tailwind-area .active\:border-neutral-950\/85:active {
    border-color: #0a0a0ad9
}

html .tailwind-area .active\:border-neutral-950\/90:active {
    border-color: #0a0a0ae6
}

html .tailwind-area .active\:border-neutral-950\/95:active {
    border-color: #0a0a0af2
}

html .tailwind-area .active\:border-primary-100:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-primary-100) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-primary-100\/0:active {
    border-color: rgb(var(--ui-primary-100) / 0)
}

html .tailwind-area .active\:border-primary-100\/10:active {
    border-color: rgb(var(--ui-primary-100) / .1)
}

html .tailwind-area .active\:border-primary-100\/100:active {
    border-color: rgb(var(--ui-primary-100) / 1)
}

html .tailwind-area .active\:border-primary-100\/15:active {
    border-color: rgb(var(--ui-primary-100) / .15)
}

html .tailwind-area .active\:border-primary-100\/20:active {
    border-color: rgb(var(--ui-primary-100) / .2)
}

html .tailwind-area .active\:border-primary-100\/25:active {
    border-color: rgb(var(--ui-primary-100) / .25)
}

html .tailwind-area .active\:border-primary-100\/30:active {
    border-color: rgb(var(--ui-primary-100) / .3)
}

html .tailwind-area .active\:border-primary-100\/35:active {
    border-color: rgb(var(--ui-primary-100) / .35)
}

html .tailwind-area .active\:border-primary-100\/40:active {
    border-color: rgb(var(--ui-primary-100) / .4)
}

html .tailwind-area .active\:border-primary-100\/45:active {
    border-color: rgb(var(--ui-primary-100) / .45)
}

html .tailwind-area .active\:border-primary-100\/5:active {
    border-color: rgb(var(--ui-primary-100) / .05)
}

html .tailwind-area .active\:border-primary-100\/50:active {
    border-color: rgb(var(--ui-primary-100) / .5)
}

html .tailwind-area .active\:border-primary-100\/55:active {
    border-color: rgb(var(--ui-primary-100) / .55)
}

html .tailwind-area .active\:border-primary-100\/60:active {
    border-color: rgb(var(--ui-primary-100) / .6)
}

html .tailwind-area .active\:border-primary-100\/65:active {
    border-color: rgb(var(--ui-primary-100) / .65)
}

html .tailwind-area .active\:border-primary-100\/70:active {
    border-color: rgb(var(--ui-primary-100) / .7)
}

html .tailwind-area .active\:border-primary-100\/75:active {
    border-color: rgb(var(--ui-primary-100) / .75)
}

html .tailwind-area .active\:border-primary-100\/80:active {
    border-color: rgb(var(--ui-primary-100) / .8)
}

html .tailwind-area .active\:border-primary-100\/85:active {
    border-color: rgb(var(--ui-primary-100) / .85)
}

html .tailwind-area .active\:border-primary-100\/90:active {
    border-color: rgb(var(--ui-primary-100) / .9)
}

html .tailwind-area .active\:border-primary-100\/95:active {
    border-color: rgb(var(--ui-primary-100) / .95)
}

html .tailwind-area .active\:border-primary-200:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-primary-200) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-primary-200\/0:active {
    border-color: rgb(var(--ui-primary-200) / 0)
}

html .tailwind-area .active\:border-primary-200\/10:active {
    border-color: rgb(var(--ui-primary-200) / .1)
}

html .tailwind-area .active\:border-primary-200\/100:active {
    border-color: rgb(var(--ui-primary-200) / 1)
}

html .tailwind-area .active\:border-primary-200\/15:active {
    border-color: rgb(var(--ui-primary-200) / .15)
}

html .tailwind-area .active\:border-primary-200\/20:active {
    border-color: rgb(var(--ui-primary-200) / .2)
}

html .tailwind-area .active\:border-primary-200\/25:active {
    border-color: rgb(var(--ui-primary-200) / .25)
}

html .tailwind-area .active\:border-primary-200\/30:active {
    border-color: rgb(var(--ui-primary-200) / .3)
}

html .tailwind-area .active\:border-primary-200\/35:active {
    border-color: rgb(var(--ui-primary-200) / .35)
}

html .tailwind-area .active\:border-primary-200\/40:active {
    border-color: rgb(var(--ui-primary-200) / .4)
}

html .tailwind-area .active\:border-primary-200\/45:active {
    border-color: rgb(var(--ui-primary-200) / .45)
}

html .tailwind-area .active\:border-primary-200\/5:active {
    border-color: rgb(var(--ui-primary-200) / .05)
}

html .tailwind-area .active\:border-primary-200\/50:active {
    border-color: rgb(var(--ui-primary-200) / .5)
}

html .tailwind-area .active\:border-primary-200\/55:active {
    border-color: rgb(var(--ui-primary-200) / .55)
}

html .tailwind-area .active\:border-primary-200\/60:active {
    border-color: rgb(var(--ui-primary-200) / .6)
}

html .tailwind-area .active\:border-primary-200\/65:active {
    border-color: rgb(var(--ui-primary-200) / .65)
}

html .tailwind-area .active\:border-primary-200\/70:active {
    border-color: rgb(var(--ui-primary-200) / .7)
}

html .tailwind-area .active\:border-primary-200\/75:active {
    border-color: rgb(var(--ui-primary-200) / .75)
}

html .tailwind-area .active\:border-primary-200\/80:active {
    border-color: rgb(var(--ui-primary-200) / .8)
}

html .tailwind-area .active\:border-primary-200\/85:active {
    border-color: rgb(var(--ui-primary-200) / .85)
}

html .tailwind-area .active\:border-primary-200\/90:active {
    border-color: rgb(var(--ui-primary-200) / .9)
}

html .tailwind-area .active\:border-primary-200\/95:active {
    border-color: rgb(var(--ui-primary-200) / .95)
}

html .tailwind-area .active\:border-primary-300:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-primary-300) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-primary-300\/0:active {
    border-color: rgb(var(--ui-primary-300) / 0)
}

html .tailwind-area .active\:border-primary-300\/10:active {
    border-color: rgb(var(--ui-primary-300) / .1)
}

html .tailwind-area .active\:border-primary-300\/100:active {
    border-color: rgb(var(--ui-primary-300) / 1)
}

html .tailwind-area .active\:border-primary-300\/15:active {
    border-color: rgb(var(--ui-primary-300) / .15)
}

html .tailwind-area .active\:border-primary-300\/20:active {
    border-color: rgb(var(--ui-primary-300) / .2)
}

html .tailwind-area .active\:border-primary-300\/25:active {
    border-color: rgb(var(--ui-primary-300) / .25)
}

html .tailwind-area .active\:border-primary-300\/30:active {
    border-color: rgb(var(--ui-primary-300) / .3)
}

html .tailwind-area .active\:border-primary-300\/35:active {
    border-color: rgb(var(--ui-primary-300) / .35)
}

html .tailwind-area .active\:border-primary-300\/40:active {
    border-color: rgb(var(--ui-primary-300) / .4)
}

html .tailwind-area .active\:border-primary-300\/45:active {
    border-color: rgb(var(--ui-primary-300) / .45)
}

html .tailwind-area .active\:border-primary-300\/5:active {
    border-color: rgb(var(--ui-primary-300) / .05)
}

html .tailwind-area .active\:border-primary-300\/50:active {
    border-color: rgb(var(--ui-primary-300) / .5)
}

html .tailwind-area .active\:border-primary-300\/55:active {
    border-color: rgb(var(--ui-primary-300) / .55)
}

html .tailwind-area .active\:border-primary-300\/60:active {
    border-color: rgb(var(--ui-primary-300) / .6)
}

html .tailwind-area .active\:border-primary-300\/65:active {
    border-color: rgb(var(--ui-primary-300) / .65)
}

html .tailwind-area .active\:border-primary-300\/70:active {
    border-color: rgb(var(--ui-primary-300) / .7)
}

html .tailwind-area .active\:border-primary-300\/75:active {
    border-color: rgb(var(--ui-primary-300) / .75)
}

html .tailwind-area .active\:border-primary-300\/80:active {
    border-color: rgb(var(--ui-primary-300) / .8)
}

html .tailwind-area .active\:border-primary-300\/85:active {
    border-color: rgb(var(--ui-primary-300) / .85)
}

html .tailwind-area .active\:border-primary-300\/90:active {
    border-color: rgb(var(--ui-primary-300) / .9)
}

html .tailwind-area .active\:border-primary-300\/95:active {
    border-color: rgb(var(--ui-primary-300) / .95)
}

html .tailwind-area .active\:border-primary-400:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-primary-400) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-primary-400\/0:active {
    border-color: rgb(var(--ui-primary-400) / 0)
}

html .tailwind-area .active\:border-primary-400\/10:active {
    border-color: rgb(var(--ui-primary-400) / .1)
}

html .tailwind-area .active\:border-primary-400\/100:active {
    border-color: rgb(var(--ui-primary-400) / 1)
}

html .tailwind-area .active\:border-primary-400\/15:active {
    border-color: rgb(var(--ui-primary-400) / .15)
}

html .tailwind-area .active\:border-primary-400\/20:active {
    border-color: rgb(var(--ui-primary-400) / .2)
}

html .tailwind-area .active\:border-primary-400\/25:active {
    border-color: rgb(var(--ui-primary-400) / .25)
}

html .tailwind-area .active\:border-primary-400\/30:active {
    border-color: rgb(var(--ui-primary-400) / .3)
}

html .tailwind-area .active\:border-primary-400\/35:active {
    border-color: rgb(var(--ui-primary-400) / .35)
}

html .tailwind-area .active\:border-primary-400\/40:active {
    border-color: rgb(var(--ui-primary-400) / .4)
}

html .tailwind-area .active\:border-primary-400\/45:active {
    border-color: rgb(var(--ui-primary-400) / .45)
}

html .tailwind-area .active\:border-primary-400\/5:active {
    border-color: rgb(var(--ui-primary-400) / .05)
}

html .tailwind-area .active\:border-primary-400\/50:active {
    border-color: rgb(var(--ui-primary-400) / .5)
}

html .tailwind-area .active\:border-primary-400\/55:active {
    border-color: rgb(var(--ui-primary-400) / .55)
}

html .tailwind-area .active\:border-primary-400\/60:active {
    border-color: rgb(var(--ui-primary-400) / .6)
}

html .tailwind-area .active\:border-primary-400\/65:active {
    border-color: rgb(var(--ui-primary-400) / .65)
}

html .tailwind-area .active\:border-primary-400\/70:active {
    border-color: rgb(var(--ui-primary-400) / .7)
}

html .tailwind-area .active\:border-primary-400\/75:active {
    border-color: rgb(var(--ui-primary-400) / .75)
}

html .tailwind-area .active\:border-primary-400\/80:active {
    border-color: rgb(var(--ui-primary-400) / .8)
}

html .tailwind-area .active\:border-primary-400\/85:active {
    border-color: rgb(var(--ui-primary-400) / .85)
}

html .tailwind-area .active\:border-primary-400\/90:active {
    border-color: rgb(var(--ui-primary-400) / .9)
}

html .tailwind-area .active\:border-primary-400\/95:active {
    border-color: rgb(var(--ui-primary-400) / .95)
}

html .tailwind-area .active\:border-primary-50:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-primary-50) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-primary-50\/0:active {
    border-color: rgb(var(--ui-primary-50) / 0)
}

html .tailwind-area .active\:border-primary-50\/10:active {
    border-color: rgb(var(--ui-primary-50) / .1)
}

html .tailwind-area .active\:border-primary-50\/100:active {
    border-color: rgb(var(--ui-primary-50) / 1)
}

html .tailwind-area .active\:border-primary-50\/15:active {
    border-color: rgb(var(--ui-primary-50) / .15)
}

html .tailwind-area .active\:border-primary-50\/20:active {
    border-color: rgb(var(--ui-primary-50) / .2)
}

html .tailwind-area .active\:border-primary-50\/25:active {
    border-color: rgb(var(--ui-primary-50) / .25)
}

html .tailwind-area .active\:border-primary-50\/30:active {
    border-color: rgb(var(--ui-primary-50) / .3)
}

html .tailwind-area .active\:border-primary-50\/35:active {
    border-color: rgb(var(--ui-primary-50) / .35)
}

html .tailwind-area .active\:border-primary-50\/40:active {
    border-color: rgb(var(--ui-primary-50) / .4)
}

html .tailwind-area .active\:border-primary-50\/45:active {
    border-color: rgb(var(--ui-primary-50) / .45)
}

html .tailwind-area .active\:border-primary-50\/5:active {
    border-color: rgb(var(--ui-primary-50) / .05)
}

html .tailwind-area .active\:border-primary-50\/50:active {
    border-color: rgb(var(--ui-primary-50) / .5)
}

html .tailwind-area .active\:border-primary-50\/55:active {
    border-color: rgb(var(--ui-primary-50) / .55)
}

html .tailwind-area .active\:border-primary-50\/60:active {
    border-color: rgb(var(--ui-primary-50) / .6)
}

html .tailwind-area .active\:border-primary-50\/65:active {
    border-color: rgb(var(--ui-primary-50) / .65)
}

html .tailwind-area .active\:border-primary-50\/70:active {
    border-color: rgb(var(--ui-primary-50) / .7)
}

html .tailwind-area .active\:border-primary-50\/75:active {
    border-color: rgb(var(--ui-primary-50) / .75)
}

html .tailwind-area .active\:border-primary-50\/80:active {
    border-color: rgb(var(--ui-primary-50) / .8)
}

html .tailwind-area .active\:border-primary-50\/85:active {
    border-color: rgb(var(--ui-primary-50) / .85)
}

html .tailwind-area .active\:border-primary-50\/90:active {
    border-color: rgb(var(--ui-primary-50) / .9)
}

html .tailwind-area .active\:border-primary-50\/95:active {
    border-color: rgb(var(--ui-primary-50) / .95)
}

html .tailwind-area .active\:border-primary-500:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-primary-500) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-primary-500\/0:active {
    border-color: rgb(var(--ui-primary-500) / 0)
}

html .tailwind-area .active\:border-primary-500\/10:active {
    border-color: rgb(var(--ui-primary-500) / .1)
}

html .tailwind-area .active\:border-primary-500\/100:active {
    border-color: rgb(var(--ui-primary-500) / 1)
}

html .tailwind-area .active\:border-primary-500\/15:active {
    border-color: rgb(var(--ui-primary-500) / .15)
}

html .tailwind-area .active\:border-primary-500\/20:active {
    border-color: rgb(var(--ui-primary-500) / .2)
}

html .tailwind-area .active\:border-primary-500\/25:active {
    border-color: rgb(var(--ui-primary-500) / .25)
}

html .tailwind-area .active\:border-primary-500\/30:active {
    border-color: rgb(var(--ui-primary-500) / .3)
}

html .tailwind-area .active\:border-primary-500\/35:active {
    border-color: rgb(var(--ui-primary-500) / .35)
}

html .tailwind-area .active\:border-primary-500\/40:active {
    border-color: rgb(var(--ui-primary-500) / .4)
}

html .tailwind-area .active\:border-primary-500\/45:active {
    border-color: rgb(var(--ui-primary-500) / .45)
}

html .tailwind-area .active\:border-primary-500\/5:active {
    border-color: rgb(var(--ui-primary-500) / .05)
}

html .tailwind-area .active\:border-primary-500\/50:active {
    border-color: rgb(var(--ui-primary-500) / .5)
}

html .tailwind-area .active\:border-primary-500\/55:active {
    border-color: rgb(var(--ui-primary-500) / .55)
}

html .tailwind-area .active\:border-primary-500\/60:active {
    border-color: rgb(var(--ui-primary-500) / .6)
}

html .tailwind-area .active\:border-primary-500\/65:active {
    border-color: rgb(var(--ui-primary-500) / .65)
}

html .tailwind-area .active\:border-primary-500\/70:active {
    border-color: rgb(var(--ui-primary-500) / .7)
}

html .tailwind-area .active\:border-primary-500\/75:active {
    border-color: rgb(var(--ui-primary-500) / .75)
}

html .tailwind-area .active\:border-primary-500\/80:active {
    border-color: rgb(var(--ui-primary-500) / .8)
}

html .tailwind-area .active\:border-primary-500\/85:active {
    border-color: rgb(var(--ui-primary-500) / .85)
}

html .tailwind-area .active\:border-primary-500\/90:active {
    border-color: rgb(var(--ui-primary-500) / .9)
}

html .tailwind-area .active\:border-primary-500\/95:active {
    border-color: rgb(var(--ui-primary-500) / .95)
}

html .tailwind-area .active\:border-primary-600:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-primary-600) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-primary-600\/0:active {
    border-color: rgb(var(--ui-primary-600) / 0)
}

html .tailwind-area .active\:border-primary-600\/10:active {
    border-color: rgb(var(--ui-primary-600) / .1)
}

html .tailwind-area .active\:border-primary-600\/100:active {
    border-color: rgb(var(--ui-primary-600) / 1)
}

html .tailwind-area .active\:border-primary-600\/15:active {
    border-color: rgb(var(--ui-primary-600) / .15)
}

html .tailwind-area .active\:border-primary-600\/20:active {
    border-color: rgb(var(--ui-primary-600) / .2)
}

html .tailwind-area .active\:border-primary-600\/25:active {
    border-color: rgb(var(--ui-primary-600) / .25)
}

html .tailwind-area .active\:border-primary-600\/30:active {
    border-color: rgb(var(--ui-primary-600) / .3)
}

html .tailwind-area .active\:border-primary-600\/35:active {
    border-color: rgb(var(--ui-primary-600) / .35)
}

html .tailwind-area .active\:border-primary-600\/40:active {
    border-color: rgb(var(--ui-primary-600) / .4)
}

html .tailwind-area .active\:border-primary-600\/45:active {
    border-color: rgb(var(--ui-primary-600) / .45)
}

html .tailwind-area .active\:border-primary-600\/5:active {
    border-color: rgb(var(--ui-primary-600) / .05)
}

html .tailwind-area .active\:border-primary-600\/50:active {
    border-color: rgb(var(--ui-primary-600) / .5)
}

html .tailwind-area .active\:border-primary-600\/55:active {
    border-color: rgb(var(--ui-primary-600) / .55)
}

html .tailwind-area .active\:border-primary-600\/60:active {
    border-color: rgb(var(--ui-primary-600) / .6)
}

html .tailwind-area .active\:border-primary-600\/65:active {
    border-color: rgb(var(--ui-primary-600) / .65)
}

html .tailwind-area .active\:border-primary-600\/70:active {
    border-color: rgb(var(--ui-primary-600) / .7)
}

html .tailwind-area .active\:border-primary-600\/75:active {
    border-color: rgb(var(--ui-primary-600) / .75)
}

html .tailwind-area .active\:border-primary-600\/80:active {
    border-color: rgb(var(--ui-primary-600) / .8)
}

html .tailwind-area .active\:border-primary-600\/85:active {
    border-color: rgb(var(--ui-primary-600) / .85)
}

html .tailwind-area .active\:border-primary-600\/90:active {
    border-color: rgb(var(--ui-primary-600) / .9)
}

html .tailwind-area .active\:border-primary-600\/95:active {
    border-color: rgb(var(--ui-primary-600) / .95)
}

html .tailwind-area .active\:border-primary-700:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-primary-700) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-primary-700\/0:active {
    border-color: rgb(var(--ui-primary-700) / 0)
}

html .tailwind-area .active\:border-primary-700\/10:active {
    border-color: rgb(var(--ui-primary-700) / .1)
}

html .tailwind-area .active\:border-primary-700\/100:active {
    border-color: rgb(var(--ui-primary-700) / 1)
}

html .tailwind-area .active\:border-primary-700\/15:active {
    border-color: rgb(var(--ui-primary-700) / .15)
}

html .tailwind-area .active\:border-primary-700\/20:active {
    border-color: rgb(var(--ui-primary-700) / .2)
}

html .tailwind-area .active\:border-primary-700\/25:active {
    border-color: rgb(var(--ui-primary-700) / .25)
}

html .tailwind-area .active\:border-primary-700\/30:active {
    border-color: rgb(var(--ui-primary-700) / .3)
}

html .tailwind-area .active\:border-primary-700\/35:active {
    border-color: rgb(var(--ui-primary-700) / .35)
}

html .tailwind-area .active\:border-primary-700\/40:active {
    border-color: rgb(var(--ui-primary-700) / .4)
}

html .tailwind-area .active\:border-primary-700\/45:active {
    border-color: rgb(var(--ui-primary-700) / .45)
}

html .tailwind-area .active\:border-primary-700\/5:active {
    border-color: rgb(var(--ui-primary-700) / .05)
}

html .tailwind-area .active\:border-primary-700\/50:active {
    border-color: rgb(var(--ui-primary-700) / .5)
}

html .tailwind-area .active\:border-primary-700\/55:active {
    border-color: rgb(var(--ui-primary-700) / .55)
}

html .tailwind-area .active\:border-primary-700\/60:active {
    border-color: rgb(var(--ui-primary-700) / .6)
}

html .tailwind-area .active\:border-primary-700\/65:active {
    border-color: rgb(var(--ui-primary-700) / .65)
}

html .tailwind-area .active\:border-primary-700\/70:active {
    border-color: rgb(var(--ui-primary-700) / .7)
}

html .tailwind-area .active\:border-primary-700\/75:active {
    border-color: rgb(var(--ui-primary-700) / .75)
}

html .tailwind-area .active\:border-primary-700\/80:active {
    border-color: rgb(var(--ui-primary-700) / .8)
}

html .tailwind-area .active\:border-primary-700\/85:active {
    border-color: rgb(var(--ui-primary-700) / .85)
}

html .tailwind-area .active\:border-primary-700\/90:active {
    border-color: rgb(var(--ui-primary-700) / .9)
}

html .tailwind-area .active\:border-primary-700\/95:active {
    border-color: rgb(var(--ui-primary-700) / .95)
}

html .tailwind-area .active\:border-primary-800:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-primary-800) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-primary-800\/0:active {
    border-color: rgb(var(--ui-primary-800) / 0)
}

html .tailwind-area .active\:border-primary-800\/10:active {
    border-color: rgb(var(--ui-primary-800) / .1)
}

html .tailwind-area .active\:border-primary-800\/100:active {
    border-color: rgb(var(--ui-primary-800) / 1)
}

html .tailwind-area .active\:border-primary-800\/15:active {
    border-color: rgb(var(--ui-primary-800) / .15)
}

html .tailwind-area .active\:border-primary-800\/20:active {
    border-color: rgb(var(--ui-primary-800) / .2)
}

html .tailwind-area .active\:border-primary-800\/25:active {
    border-color: rgb(var(--ui-primary-800) / .25)
}

html .tailwind-area .active\:border-primary-800\/30:active {
    border-color: rgb(var(--ui-primary-800) / .3)
}

html .tailwind-area .active\:border-primary-800\/35:active {
    border-color: rgb(var(--ui-primary-800) / .35)
}

html .tailwind-area .active\:border-primary-800\/40:active {
    border-color: rgb(var(--ui-primary-800) / .4)
}

html .tailwind-area .active\:border-primary-800\/45:active {
    border-color: rgb(var(--ui-primary-800) / .45)
}

html .tailwind-area .active\:border-primary-800\/5:active {
    border-color: rgb(var(--ui-primary-800) / .05)
}

html .tailwind-area .active\:border-primary-800\/50:active {
    border-color: rgb(var(--ui-primary-800) / .5)
}

html .tailwind-area .active\:border-primary-800\/55:active {
    border-color: rgb(var(--ui-primary-800) / .55)
}

html .tailwind-area .active\:border-primary-800\/60:active {
    border-color: rgb(var(--ui-primary-800) / .6)
}

html .tailwind-area .active\:border-primary-800\/65:active {
    border-color: rgb(var(--ui-primary-800) / .65)
}

html .tailwind-area .active\:border-primary-800\/70:active {
    border-color: rgb(var(--ui-primary-800) / .7)
}

html .tailwind-area .active\:border-primary-800\/75:active {
    border-color: rgb(var(--ui-primary-800) / .75)
}

html .tailwind-area .active\:border-primary-800\/80:active {
    border-color: rgb(var(--ui-primary-800) / .8)
}

html .tailwind-area .active\:border-primary-800\/85:active {
    border-color: rgb(var(--ui-primary-800) / .85)
}

html .tailwind-area .active\:border-primary-800\/90:active {
    border-color: rgb(var(--ui-primary-800) / .9)
}

html .tailwind-area .active\:border-primary-800\/95:active {
    border-color: rgb(var(--ui-primary-800) / .95)
}

html .tailwind-area .active\:border-primary-900:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-primary-900) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-primary-900\/0:active {
    border-color: rgb(var(--ui-primary-900) / 0)
}

html .tailwind-area .active\:border-primary-900\/10:active {
    border-color: rgb(var(--ui-primary-900) / .1)
}

html .tailwind-area .active\:border-primary-900\/100:active {
    border-color: rgb(var(--ui-primary-900) / 1)
}

html .tailwind-area .active\:border-primary-900\/15:active {
    border-color: rgb(var(--ui-primary-900) / .15)
}

html .tailwind-area .active\:border-primary-900\/20:active {
    border-color: rgb(var(--ui-primary-900) / .2)
}

html .tailwind-area .active\:border-primary-900\/25:active {
    border-color: rgb(var(--ui-primary-900) / .25)
}

html .tailwind-area .active\:border-primary-900\/30:active {
    border-color: rgb(var(--ui-primary-900) / .3)
}

html .tailwind-area .active\:border-primary-900\/35:active {
    border-color: rgb(var(--ui-primary-900) / .35)
}

html .tailwind-area .active\:border-primary-900\/40:active {
    border-color: rgb(var(--ui-primary-900) / .4)
}

html .tailwind-area .active\:border-primary-900\/45:active {
    border-color: rgb(var(--ui-primary-900) / .45)
}

html .tailwind-area .active\:border-primary-900\/5:active {
    border-color: rgb(var(--ui-primary-900) / .05)
}

html .tailwind-area .active\:border-primary-900\/50:active {
    border-color: rgb(var(--ui-primary-900) / .5)
}

html .tailwind-area .active\:border-primary-900\/55:active {
    border-color: rgb(var(--ui-primary-900) / .55)
}

html .tailwind-area .active\:border-primary-900\/60:active {
    border-color: rgb(var(--ui-primary-900) / .6)
}

html .tailwind-area .active\:border-primary-900\/65:active {
    border-color: rgb(var(--ui-primary-900) / .65)
}

html .tailwind-area .active\:border-primary-900\/70:active {
    border-color: rgb(var(--ui-primary-900) / .7)
}

html .tailwind-area .active\:border-primary-900\/75:active {
    border-color: rgb(var(--ui-primary-900) / .75)
}

html .tailwind-area .active\:border-primary-900\/80:active {
    border-color: rgb(var(--ui-primary-900) / .8)
}

html .tailwind-area .active\:border-primary-900\/85:active {
    border-color: rgb(var(--ui-primary-900) / .85)
}

html .tailwind-area .active\:border-primary-900\/90:active {
    border-color: rgb(var(--ui-primary-900) / .9)
}

html .tailwind-area .active\:border-primary-900\/95:active {
    border-color: rgb(var(--ui-primary-900) / .95)
}

html .tailwind-area .active\:border-safe-100:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-safe-100) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-safe-100\/0:active {
    border-color: rgb(var(--ui-safe-100) / 0)
}

html .tailwind-area .active\:border-safe-100\/10:active {
    border-color: rgb(var(--ui-safe-100) / .1)
}

html .tailwind-area .active\:border-safe-100\/100:active {
    border-color: rgb(var(--ui-safe-100) / 1)
}

html .tailwind-area .active\:border-safe-100\/15:active {
    border-color: rgb(var(--ui-safe-100) / .15)
}

html .tailwind-area .active\:border-safe-100\/20:active {
    border-color: rgb(var(--ui-safe-100) / .2)
}

html .tailwind-area .active\:border-safe-100\/25:active {
    border-color: rgb(var(--ui-safe-100) / .25)
}

html .tailwind-area .active\:border-safe-100\/30:active {
    border-color: rgb(var(--ui-safe-100) / .3)
}

html .tailwind-area .active\:border-safe-100\/35:active {
    border-color: rgb(var(--ui-safe-100) / .35)
}

html .tailwind-area .active\:border-safe-100\/40:active {
    border-color: rgb(var(--ui-safe-100) / .4)
}

html .tailwind-area .active\:border-safe-100\/45:active {
    border-color: rgb(var(--ui-safe-100) / .45)
}

html .tailwind-area .active\:border-safe-100\/5:active {
    border-color: rgb(var(--ui-safe-100) / .05)
}

html .tailwind-area .active\:border-safe-100\/50:active {
    border-color: rgb(var(--ui-safe-100) / .5)
}

html .tailwind-area .active\:border-safe-100\/55:active {
    border-color: rgb(var(--ui-safe-100) / .55)
}

html .tailwind-area .active\:border-safe-100\/60:active {
    border-color: rgb(var(--ui-safe-100) / .6)
}

html .tailwind-area .active\:border-safe-100\/65:active {
    border-color: rgb(var(--ui-safe-100) / .65)
}

html .tailwind-area .active\:border-safe-100\/70:active {
    border-color: rgb(var(--ui-safe-100) / .7)
}

html .tailwind-area .active\:border-safe-100\/75:active {
    border-color: rgb(var(--ui-safe-100) / .75)
}

html .tailwind-area .active\:border-safe-100\/80:active {
    border-color: rgb(var(--ui-safe-100) / .8)
}

html .tailwind-area .active\:border-safe-100\/85:active {
    border-color: rgb(var(--ui-safe-100) / .85)
}

html .tailwind-area .active\:border-safe-100\/90:active {
    border-color: rgb(var(--ui-safe-100) / .9)
}

html .tailwind-area .active\:border-safe-100\/95:active {
    border-color: rgb(var(--ui-safe-100) / .95)
}

html .tailwind-area .active\:border-safe-200:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-safe-200) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-safe-200\/0:active {
    border-color: rgb(var(--ui-safe-200) / 0)
}

html .tailwind-area .active\:border-safe-200\/10:active {
    border-color: rgb(var(--ui-safe-200) / .1)
}

html .tailwind-area .active\:border-safe-200\/100:active {
    border-color: rgb(var(--ui-safe-200) / 1)
}

html .tailwind-area .active\:border-safe-200\/15:active {
    border-color: rgb(var(--ui-safe-200) / .15)
}

html .tailwind-area .active\:border-safe-200\/20:active {
    border-color: rgb(var(--ui-safe-200) / .2)
}

html .tailwind-area .active\:border-safe-200\/25:active {
    border-color: rgb(var(--ui-safe-200) / .25)
}

html .tailwind-area .active\:border-safe-200\/30:active {
    border-color: rgb(var(--ui-safe-200) / .3)
}

html .tailwind-area .active\:border-safe-200\/35:active {
    border-color: rgb(var(--ui-safe-200) / .35)
}

html .tailwind-area .active\:border-safe-200\/40:active {
    border-color: rgb(var(--ui-safe-200) / .4)
}

html .tailwind-area .active\:border-safe-200\/45:active {
    border-color: rgb(var(--ui-safe-200) / .45)
}

html .tailwind-area .active\:border-safe-200\/5:active {
    border-color: rgb(var(--ui-safe-200) / .05)
}

html .tailwind-area .active\:border-safe-200\/50:active {
    border-color: rgb(var(--ui-safe-200) / .5)
}

html .tailwind-area .active\:border-safe-200\/55:active {
    border-color: rgb(var(--ui-safe-200) / .55)
}

html .tailwind-area .active\:border-safe-200\/60:active {
    border-color: rgb(var(--ui-safe-200) / .6)
}

html .tailwind-area .active\:border-safe-200\/65:active {
    border-color: rgb(var(--ui-safe-200) / .65)
}

html .tailwind-area .active\:border-safe-200\/70:active {
    border-color: rgb(var(--ui-safe-200) / .7)
}

html .tailwind-area .active\:border-safe-200\/75:active {
    border-color: rgb(var(--ui-safe-200) / .75)
}

html .tailwind-area .active\:border-safe-200\/80:active {
    border-color: rgb(var(--ui-safe-200) / .8)
}

html .tailwind-area .active\:border-safe-200\/85:active {
    border-color: rgb(var(--ui-safe-200) / .85)
}

html .tailwind-area .active\:border-safe-200\/90:active {
    border-color: rgb(var(--ui-safe-200) / .9)
}

html .tailwind-area .active\:border-safe-200\/95:active {
    border-color: rgb(var(--ui-safe-200) / .95)
}

html .tailwind-area .active\:border-safe-300:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-safe-300) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-safe-300\/0:active {
    border-color: rgb(var(--ui-safe-300) / 0)
}

html .tailwind-area .active\:border-safe-300\/10:active {
    border-color: rgb(var(--ui-safe-300) / .1)
}

html .tailwind-area .active\:border-safe-300\/100:active {
    border-color: rgb(var(--ui-safe-300) / 1)
}

html .tailwind-area .active\:border-safe-300\/15:active {
    border-color: rgb(var(--ui-safe-300) / .15)
}

html .tailwind-area .active\:border-safe-300\/20:active {
    border-color: rgb(var(--ui-safe-300) / .2)
}

html .tailwind-area .active\:border-safe-300\/25:active {
    border-color: rgb(var(--ui-safe-300) / .25)
}

html .tailwind-area .active\:border-safe-300\/30:active {
    border-color: rgb(var(--ui-safe-300) / .3)
}

html .tailwind-area .active\:border-safe-300\/35:active {
    border-color: rgb(var(--ui-safe-300) / .35)
}

html .tailwind-area .active\:border-safe-300\/40:active {
    border-color: rgb(var(--ui-safe-300) / .4)
}

html .tailwind-area .active\:border-safe-300\/45:active {
    border-color: rgb(var(--ui-safe-300) / .45)
}

html .tailwind-area .active\:border-safe-300\/5:active {
    border-color: rgb(var(--ui-safe-300) / .05)
}

html .tailwind-area .active\:border-safe-300\/50:active {
    border-color: rgb(var(--ui-safe-300) / .5)
}

html .tailwind-area .active\:border-safe-300\/55:active {
    border-color: rgb(var(--ui-safe-300) / .55)
}

html .tailwind-area .active\:border-safe-300\/60:active {
    border-color: rgb(var(--ui-safe-300) / .6)
}

html .tailwind-area .active\:border-safe-300\/65:active {
    border-color: rgb(var(--ui-safe-300) / .65)
}

html .tailwind-area .active\:border-safe-300\/70:active {
    border-color: rgb(var(--ui-safe-300) / .7)
}

html .tailwind-area .active\:border-safe-300\/75:active {
    border-color: rgb(var(--ui-safe-300) / .75)
}

html .tailwind-area .active\:border-safe-300\/80:active {
    border-color: rgb(var(--ui-safe-300) / .8)
}

html .tailwind-area .active\:border-safe-300\/85:active {
    border-color: rgb(var(--ui-safe-300) / .85)
}

html .tailwind-area .active\:border-safe-300\/90:active {
    border-color: rgb(var(--ui-safe-300) / .9)
}

html .tailwind-area .active\:border-safe-300\/95:active {
    border-color: rgb(var(--ui-safe-300) / .95)
}

html .tailwind-area .active\:border-safe-400:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-safe-400) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-safe-400\/0:active {
    border-color: rgb(var(--ui-safe-400) / 0)
}

html .tailwind-area .active\:border-safe-400\/10:active {
    border-color: rgb(var(--ui-safe-400) / .1)
}

html .tailwind-area .active\:border-safe-400\/100:active {
    border-color: rgb(var(--ui-safe-400) / 1)
}

html .tailwind-area .active\:border-safe-400\/15:active {
    border-color: rgb(var(--ui-safe-400) / .15)
}

html .tailwind-area .active\:border-safe-400\/20:active {
    border-color: rgb(var(--ui-safe-400) / .2)
}

html .tailwind-area .active\:border-safe-400\/25:active {
    border-color: rgb(var(--ui-safe-400) / .25)
}

html .tailwind-area .active\:border-safe-400\/30:active {
    border-color: rgb(var(--ui-safe-400) / .3)
}

html .tailwind-area .active\:border-safe-400\/35:active {
    border-color: rgb(var(--ui-safe-400) / .35)
}

html .tailwind-area .active\:border-safe-400\/40:active {
    border-color: rgb(var(--ui-safe-400) / .4)
}

html .tailwind-area .active\:border-safe-400\/45:active {
    border-color: rgb(var(--ui-safe-400) / .45)
}

html .tailwind-area .active\:border-safe-400\/5:active {
    border-color: rgb(var(--ui-safe-400) / .05)
}

html .tailwind-area .active\:border-safe-400\/50:active {
    border-color: rgb(var(--ui-safe-400) / .5)
}

html .tailwind-area .active\:border-safe-400\/55:active {
    border-color: rgb(var(--ui-safe-400) / .55)
}

html .tailwind-area .active\:border-safe-400\/60:active {
    border-color: rgb(var(--ui-safe-400) / .6)
}

html .tailwind-area .active\:border-safe-400\/65:active {
    border-color: rgb(var(--ui-safe-400) / .65)
}

html .tailwind-area .active\:border-safe-400\/70:active {
    border-color: rgb(var(--ui-safe-400) / .7)
}

html .tailwind-area .active\:border-safe-400\/75:active {
    border-color: rgb(var(--ui-safe-400) / .75)
}

html .tailwind-area .active\:border-safe-400\/80:active {
    border-color: rgb(var(--ui-safe-400) / .8)
}

html .tailwind-area .active\:border-safe-400\/85:active {
    border-color: rgb(var(--ui-safe-400) / .85)
}

html .tailwind-area .active\:border-safe-400\/90:active {
    border-color: rgb(var(--ui-safe-400) / .9)
}

html .tailwind-area .active\:border-safe-400\/95:active {
    border-color: rgb(var(--ui-safe-400) / .95)
}

html .tailwind-area .active\:border-safe-50:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-safe-50) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-safe-50\/0:active {
    border-color: rgb(var(--ui-safe-50) / 0)
}

html .tailwind-area .active\:border-safe-50\/10:active {
    border-color: rgb(var(--ui-safe-50) / .1)
}

html .tailwind-area .active\:border-safe-50\/100:active {
    border-color: rgb(var(--ui-safe-50) / 1)
}

html .tailwind-area .active\:border-safe-50\/15:active {
    border-color: rgb(var(--ui-safe-50) / .15)
}

html .tailwind-area .active\:border-safe-50\/20:active {
    border-color: rgb(var(--ui-safe-50) / .2)
}

html .tailwind-area .active\:border-safe-50\/25:active {
    border-color: rgb(var(--ui-safe-50) / .25)
}

html .tailwind-area .active\:border-safe-50\/30:active {
    border-color: rgb(var(--ui-safe-50) / .3)
}

html .tailwind-area .active\:border-safe-50\/35:active {
    border-color: rgb(var(--ui-safe-50) / .35)
}

html .tailwind-area .active\:border-safe-50\/40:active {
    border-color: rgb(var(--ui-safe-50) / .4)
}

html .tailwind-area .active\:border-safe-50\/45:active {
    border-color: rgb(var(--ui-safe-50) / .45)
}

html .tailwind-area .active\:border-safe-50\/5:active {
    border-color: rgb(var(--ui-safe-50) / .05)
}

html .tailwind-area .active\:border-safe-50\/50:active {
    border-color: rgb(var(--ui-safe-50) / .5)
}

html .tailwind-area .active\:border-safe-50\/55:active {
    border-color: rgb(var(--ui-safe-50) / .55)
}

html .tailwind-area .active\:border-safe-50\/60:active {
    border-color: rgb(var(--ui-safe-50) / .6)
}

html .tailwind-area .active\:border-safe-50\/65:active {
    border-color: rgb(var(--ui-safe-50) / .65)
}

html .tailwind-area .active\:border-safe-50\/70:active {
    border-color: rgb(var(--ui-safe-50) / .7)
}

html .tailwind-area .active\:border-safe-50\/75:active {
    border-color: rgb(var(--ui-safe-50) / .75)
}

html .tailwind-area .active\:border-safe-50\/80:active {
    border-color: rgb(var(--ui-safe-50) / .8)
}

html .tailwind-area .active\:border-safe-50\/85:active {
    border-color: rgb(var(--ui-safe-50) / .85)
}

html .tailwind-area .active\:border-safe-50\/90:active {
    border-color: rgb(var(--ui-safe-50) / .9)
}

html .tailwind-area .active\:border-safe-50\/95:active {
    border-color: rgb(var(--ui-safe-50) / .95)
}

html .tailwind-area .active\:border-safe-500:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-safe-500) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-safe-500\/0:active {
    border-color: rgb(var(--ui-safe-500) / 0)
}

html .tailwind-area .active\:border-safe-500\/10:active {
    border-color: rgb(var(--ui-safe-500) / .1)
}

html .tailwind-area .active\:border-safe-500\/100:active {
    border-color: rgb(var(--ui-safe-500) / 1)
}

html .tailwind-area .active\:border-safe-500\/15:active {
    border-color: rgb(var(--ui-safe-500) / .15)
}

html .tailwind-area .active\:border-safe-500\/20:active {
    border-color: rgb(var(--ui-safe-500) / .2)
}

html .tailwind-area .active\:border-safe-500\/25:active {
    border-color: rgb(var(--ui-safe-500) / .25)
}

html .tailwind-area .active\:border-safe-500\/30:active {
    border-color: rgb(var(--ui-safe-500) / .3)
}

html .tailwind-area .active\:border-safe-500\/35:active {
    border-color: rgb(var(--ui-safe-500) / .35)
}

html .tailwind-area .active\:border-safe-500\/40:active {
    border-color: rgb(var(--ui-safe-500) / .4)
}

html .tailwind-area .active\:border-safe-500\/45:active {
    border-color: rgb(var(--ui-safe-500) / .45)
}

html .tailwind-area .active\:border-safe-500\/5:active {
    border-color: rgb(var(--ui-safe-500) / .05)
}

html .tailwind-area .active\:border-safe-500\/50:active {
    border-color: rgb(var(--ui-safe-500) / .5)
}

html .tailwind-area .active\:border-safe-500\/55:active {
    border-color: rgb(var(--ui-safe-500) / .55)
}

html .tailwind-area .active\:border-safe-500\/60:active {
    border-color: rgb(var(--ui-safe-500) / .6)
}

html .tailwind-area .active\:border-safe-500\/65:active {
    border-color: rgb(var(--ui-safe-500) / .65)
}

html .tailwind-area .active\:border-safe-500\/70:active {
    border-color: rgb(var(--ui-safe-500) / .7)
}

html .tailwind-area .active\:border-safe-500\/75:active {
    border-color: rgb(var(--ui-safe-500) / .75)
}

html .tailwind-area .active\:border-safe-500\/80:active {
    border-color: rgb(var(--ui-safe-500) / .8)
}

html .tailwind-area .active\:border-safe-500\/85:active {
    border-color: rgb(var(--ui-safe-500) / .85)
}

html .tailwind-area .active\:border-safe-500\/90:active {
    border-color: rgb(var(--ui-safe-500) / .9)
}

html .tailwind-area .active\:border-safe-500\/95:active {
    border-color: rgb(var(--ui-safe-500) / .95)
}

html .tailwind-area .active\:border-safe-600:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-safe-600) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-safe-600\/0:active {
    border-color: rgb(var(--ui-safe-600) / 0)
}

html .tailwind-area .active\:border-safe-600\/10:active {
    border-color: rgb(var(--ui-safe-600) / .1)
}

html .tailwind-area .active\:border-safe-600\/100:active {
    border-color: rgb(var(--ui-safe-600) / 1)
}

html .tailwind-area .active\:border-safe-600\/15:active {
    border-color: rgb(var(--ui-safe-600) / .15)
}

html .tailwind-area .active\:border-safe-600\/20:active {
    border-color: rgb(var(--ui-safe-600) / .2)
}

html .tailwind-area .active\:border-safe-600\/25:active {
    border-color: rgb(var(--ui-safe-600) / .25)
}

html .tailwind-area .active\:border-safe-600\/30:active {
    border-color: rgb(var(--ui-safe-600) / .3)
}

html .tailwind-area .active\:border-safe-600\/35:active {
    border-color: rgb(var(--ui-safe-600) / .35)
}

html .tailwind-area .active\:border-safe-600\/40:active {
    border-color: rgb(var(--ui-safe-600) / .4)
}

html .tailwind-area .active\:border-safe-600\/45:active {
    border-color: rgb(var(--ui-safe-600) / .45)
}

html .tailwind-area .active\:border-safe-600\/5:active {
    border-color: rgb(var(--ui-safe-600) / .05)
}

html .tailwind-area .active\:border-safe-600\/50:active {
    border-color: rgb(var(--ui-safe-600) / .5)
}

html .tailwind-area .active\:border-safe-600\/55:active {
    border-color: rgb(var(--ui-safe-600) / .55)
}

html .tailwind-area .active\:border-safe-600\/60:active {
    border-color: rgb(var(--ui-safe-600) / .6)
}

html .tailwind-area .active\:border-safe-600\/65:active {
    border-color: rgb(var(--ui-safe-600) / .65)
}

html .tailwind-area .active\:border-safe-600\/70:active {
    border-color: rgb(var(--ui-safe-600) / .7)
}

html .tailwind-area .active\:border-safe-600\/75:active {
    border-color: rgb(var(--ui-safe-600) / .75)
}

html .tailwind-area .active\:border-safe-600\/80:active {
    border-color: rgb(var(--ui-safe-600) / .8)
}

html .tailwind-area .active\:border-safe-600\/85:active {
    border-color: rgb(var(--ui-safe-600) / .85)
}

html .tailwind-area .active\:border-safe-600\/90:active {
    border-color: rgb(var(--ui-safe-600) / .9)
}

html .tailwind-area .active\:border-safe-600\/95:active {
    border-color: rgb(var(--ui-safe-600) / .95)
}

html .tailwind-area .active\:border-safe-700:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-safe-700) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-safe-700\/0:active {
    border-color: rgb(var(--ui-safe-700) / 0)
}

html .tailwind-area .active\:border-safe-700\/10:active {
    border-color: rgb(var(--ui-safe-700) / .1)
}

html .tailwind-area .active\:border-safe-700\/100:active {
    border-color: rgb(var(--ui-safe-700) / 1)
}

html .tailwind-area .active\:border-safe-700\/15:active {
    border-color: rgb(var(--ui-safe-700) / .15)
}

html .tailwind-area .active\:border-safe-700\/20:active {
    border-color: rgb(var(--ui-safe-700) / .2)
}

html .tailwind-area .active\:border-safe-700\/25:active {
    border-color: rgb(var(--ui-safe-700) / .25)
}

html .tailwind-area .active\:border-safe-700\/30:active {
    border-color: rgb(var(--ui-safe-700) / .3)
}

html .tailwind-area .active\:border-safe-700\/35:active {
    border-color: rgb(var(--ui-safe-700) / .35)
}

html .tailwind-area .active\:border-safe-700\/40:active {
    border-color: rgb(var(--ui-safe-700) / .4)
}

html .tailwind-area .active\:border-safe-700\/45:active {
    border-color: rgb(var(--ui-safe-700) / .45)
}

html .tailwind-area .active\:border-safe-700\/5:active {
    border-color: rgb(var(--ui-safe-700) / .05)
}

html .tailwind-area .active\:border-safe-700\/50:active {
    border-color: rgb(var(--ui-safe-700) / .5)
}

html .tailwind-area .active\:border-safe-700\/55:active {
    border-color: rgb(var(--ui-safe-700) / .55)
}

html .tailwind-area .active\:border-safe-700\/60:active {
    border-color: rgb(var(--ui-safe-700) / .6)
}

html .tailwind-area .active\:border-safe-700\/65:active {
    border-color: rgb(var(--ui-safe-700) / .65)
}

html .tailwind-area .active\:border-safe-700\/70:active {
    border-color: rgb(var(--ui-safe-700) / .7)
}

html .tailwind-area .active\:border-safe-700\/75:active {
    border-color: rgb(var(--ui-safe-700) / .75)
}

html .tailwind-area .active\:border-safe-700\/80:active {
    border-color: rgb(var(--ui-safe-700) / .8)
}

html .tailwind-area .active\:border-safe-700\/85:active {
    border-color: rgb(var(--ui-safe-700) / .85)
}

html .tailwind-area .active\:border-safe-700\/90:active {
    border-color: rgb(var(--ui-safe-700) / .9)
}

html .tailwind-area .active\:border-safe-700\/95:active {
    border-color: rgb(var(--ui-safe-700) / .95)
}

html .tailwind-area .active\:border-safe-800:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-safe-800) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-safe-800\/0:active {
    border-color: rgb(var(--ui-safe-800) / 0)
}

html .tailwind-area .active\:border-safe-800\/10:active {
    border-color: rgb(var(--ui-safe-800) / .1)
}

html .tailwind-area .active\:border-safe-800\/100:active {
    border-color: rgb(var(--ui-safe-800) / 1)
}

html .tailwind-area .active\:border-safe-800\/15:active {
    border-color: rgb(var(--ui-safe-800) / .15)
}

html .tailwind-area .active\:border-safe-800\/20:active {
    border-color: rgb(var(--ui-safe-800) / .2)
}

html .tailwind-area .active\:border-safe-800\/25:active {
    border-color: rgb(var(--ui-safe-800) / .25)
}

html .tailwind-area .active\:border-safe-800\/30:active {
    border-color: rgb(var(--ui-safe-800) / .3)
}

html .tailwind-area .active\:border-safe-800\/35:active {
    border-color: rgb(var(--ui-safe-800) / .35)
}

html .tailwind-area .active\:border-safe-800\/40:active {
    border-color: rgb(var(--ui-safe-800) / .4)
}

html .tailwind-area .active\:border-safe-800\/45:active {
    border-color: rgb(var(--ui-safe-800) / .45)
}

html .tailwind-area .active\:border-safe-800\/5:active {
    border-color: rgb(var(--ui-safe-800) / .05)
}

html .tailwind-area .active\:border-safe-800\/50:active {
    border-color: rgb(var(--ui-safe-800) / .5)
}

html .tailwind-area .active\:border-safe-800\/55:active {
    border-color: rgb(var(--ui-safe-800) / .55)
}

html .tailwind-area .active\:border-safe-800\/60:active {
    border-color: rgb(var(--ui-safe-800) / .6)
}

html .tailwind-area .active\:border-safe-800\/65:active {
    border-color: rgb(var(--ui-safe-800) / .65)
}

html .tailwind-area .active\:border-safe-800\/70:active {
    border-color: rgb(var(--ui-safe-800) / .7)
}

html .tailwind-area .active\:border-safe-800\/75:active {
    border-color: rgb(var(--ui-safe-800) / .75)
}

html .tailwind-area .active\:border-safe-800\/80:active {
    border-color: rgb(var(--ui-safe-800) / .8)
}

html .tailwind-area .active\:border-safe-800\/85:active {
    border-color: rgb(var(--ui-safe-800) / .85)
}

html .tailwind-area .active\:border-safe-800\/90:active {
    border-color: rgb(var(--ui-safe-800) / .9)
}

html .tailwind-area .active\:border-safe-800\/95:active {
    border-color: rgb(var(--ui-safe-800) / .95)
}

html .tailwind-area .active\:border-safe-900:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-safe-900) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-safe-900\/0:active {
    border-color: rgb(var(--ui-safe-900) / 0)
}

html .tailwind-area .active\:border-safe-900\/10:active {
    border-color: rgb(var(--ui-safe-900) / .1)
}

html .tailwind-area .active\:border-safe-900\/100:active {
    border-color: rgb(var(--ui-safe-900) / 1)
}

html .tailwind-area .active\:border-safe-900\/15:active {
    border-color: rgb(var(--ui-safe-900) / .15)
}

html .tailwind-area .active\:border-safe-900\/20:active {
    border-color: rgb(var(--ui-safe-900) / .2)
}

html .tailwind-area .active\:border-safe-900\/25:active {
    border-color: rgb(var(--ui-safe-900) / .25)
}

html .tailwind-area .active\:border-safe-900\/30:active {
    border-color: rgb(var(--ui-safe-900) / .3)
}

html .tailwind-area .active\:border-safe-900\/35:active {
    border-color: rgb(var(--ui-safe-900) / .35)
}

html .tailwind-area .active\:border-safe-900\/40:active {
    border-color: rgb(var(--ui-safe-900) / .4)
}

html .tailwind-area .active\:border-safe-900\/45:active {
    border-color: rgb(var(--ui-safe-900) / .45)
}

html .tailwind-area .active\:border-safe-900\/5:active {
    border-color: rgb(var(--ui-safe-900) / .05)
}

html .tailwind-area .active\:border-safe-900\/50:active {
    border-color: rgb(var(--ui-safe-900) / .5)
}

html .tailwind-area .active\:border-safe-900\/55:active {
    border-color: rgb(var(--ui-safe-900) / .55)
}

html .tailwind-area .active\:border-safe-900\/60:active {
    border-color: rgb(var(--ui-safe-900) / .6)
}

html .tailwind-area .active\:border-safe-900\/65:active {
    border-color: rgb(var(--ui-safe-900) / .65)
}

html .tailwind-area .active\:border-safe-900\/70:active {
    border-color: rgb(var(--ui-safe-900) / .7)
}

html .tailwind-area .active\:border-safe-900\/75:active {
    border-color: rgb(var(--ui-safe-900) / .75)
}

html .tailwind-area .active\:border-safe-900\/80:active {
    border-color: rgb(var(--ui-safe-900) / .8)
}

html .tailwind-area .active\:border-safe-900\/85:active {
    border-color: rgb(var(--ui-safe-900) / .85)
}

html .tailwind-area .active\:border-safe-900\/90:active {
    border-color: rgb(var(--ui-safe-900) / .9)
}

html .tailwind-area .active\:border-safe-900\/95:active {
    border-color: rgb(var(--ui-safe-900) / .95)
}

html .tailwind-area .active\:border-warning-100:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-warning-100) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-warning-100\/0:active {
    border-color: rgb(var(--ui-warning-100) / 0)
}

html .tailwind-area .active\:border-warning-100\/10:active {
    border-color: rgb(var(--ui-warning-100) / .1)
}

html .tailwind-area .active\:border-warning-100\/100:active {
    border-color: rgb(var(--ui-warning-100) / 1)
}

html .tailwind-area .active\:border-warning-100\/15:active {
    border-color: rgb(var(--ui-warning-100) / .15)
}

html .tailwind-area .active\:border-warning-100\/20:active {
    border-color: rgb(var(--ui-warning-100) / .2)
}

html .tailwind-area .active\:border-warning-100\/25:active {
    border-color: rgb(var(--ui-warning-100) / .25)
}

html .tailwind-area .active\:border-warning-100\/30:active {
    border-color: rgb(var(--ui-warning-100) / .3)
}

html .tailwind-area .active\:border-warning-100\/35:active {
    border-color: rgb(var(--ui-warning-100) / .35)
}

html .tailwind-area .active\:border-warning-100\/40:active {
    border-color: rgb(var(--ui-warning-100) / .4)
}

html .tailwind-area .active\:border-warning-100\/45:active {
    border-color: rgb(var(--ui-warning-100) / .45)
}

html .tailwind-area .active\:border-warning-100\/5:active {
    border-color: rgb(var(--ui-warning-100) / .05)
}

html .tailwind-area .active\:border-warning-100\/50:active {
    border-color: rgb(var(--ui-warning-100) / .5)
}

html .tailwind-area .active\:border-warning-100\/55:active {
    border-color: rgb(var(--ui-warning-100) / .55)
}

html .tailwind-area .active\:border-warning-100\/60:active {
    border-color: rgb(var(--ui-warning-100) / .6)
}

html .tailwind-area .active\:border-warning-100\/65:active {
    border-color: rgb(var(--ui-warning-100) / .65)
}

html .tailwind-area .active\:border-warning-100\/70:active {
    border-color: rgb(var(--ui-warning-100) / .7)
}

html .tailwind-area .active\:border-warning-100\/75:active {
    border-color: rgb(var(--ui-warning-100) / .75)
}

html .tailwind-area .active\:border-warning-100\/80:active {
    border-color: rgb(var(--ui-warning-100) / .8)
}

html .tailwind-area .active\:border-warning-100\/85:active {
    border-color: rgb(var(--ui-warning-100) / .85)
}

html .tailwind-area .active\:border-warning-100\/90:active {
    border-color: rgb(var(--ui-warning-100) / .9)
}

html .tailwind-area .active\:border-warning-100\/95:active {
    border-color: rgb(var(--ui-warning-100) / .95)
}

html .tailwind-area .active\:border-warning-200:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-warning-200) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-warning-200\/0:active {
    border-color: rgb(var(--ui-warning-200) / 0)
}

html .tailwind-area .active\:border-warning-200\/10:active {
    border-color: rgb(var(--ui-warning-200) / .1)
}

html .tailwind-area .active\:border-warning-200\/100:active {
    border-color: rgb(var(--ui-warning-200) / 1)
}

html .tailwind-area .active\:border-warning-200\/15:active {
    border-color: rgb(var(--ui-warning-200) / .15)
}

html .tailwind-area .active\:border-warning-200\/20:active {
    border-color: rgb(var(--ui-warning-200) / .2)
}

html .tailwind-area .active\:border-warning-200\/25:active {
    border-color: rgb(var(--ui-warning-200) / .25)
}

html .tailwind-area .active\:border-warning-200\/30:active {
    border-color: rgb(var(--ui-warning-200) / .3)
}

html .tailwind-area .active\:border-warning-200\/35:active {
    border-color: rgb(var(--ui-warning-200) / .35)
}

html .tailwind-area .active\:border-warning-200\/40:active {
    border-color: rgb(var(--ui-warning-200) / .4)
}

html .tailwind-area .active\:border-warning-200\/45:active {
    border-color: rgb(var(--ui-warning-200) / .45)
}

html .tailwind-area .active\:border-warning-200\/5:active {
    border-color: rgb(var(--ui-warning-200) / .05)
}

html .tailwind-area .active\:border-warning-200\/50:active {
    border-color: rgb(var(--ui-warning-200) / .5)
}

html .tailwind-area .active\:border-warning-200\/55:active {
    border-color: rgb(var(--ui-warning-200) / .55)
}

html .tailwind-area .active\:border-warning-200\/60:active {
    border-color: rgb(var(--ui-warning-200) / .6)
}

html .tailwind-area .active\:border-warning-200\/65:active {
    border-color: rgb(var(--ui-warning-200) / .65)
}

html .tailwind-area .active\:border-warning-200\/70:active {
    border-color: rgb(var(--ui-warning-200) / .7)
}

html .tailwind-area .active\:border-warning-200\/75:active {
    border-color: rgb(var(--ui-warning-200) / .75)
}

html .tailwind-area .active\:border-warning-200\/80:active {
    border-color: rgb(var(--ui-warning-200) / .8)
}

html .tailwind-area .active\:border-warning-200\/85:active {
    border-color: rgb(var(--ui-warning-200) / .85)
}

html .tailwind-area .active\:border-warning-200\/90:active {
    border-color: rgb(var(--ui-warning-200) / .9)
}

html .tailwind-area .active\:border-warning-200\/95:active {
    border-color: rgb(var(--ui-warning-200) / .95)
}

html .tailwind-area .active\:border-warning-300:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-warning-300) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-warning-300\/0:active {
    border-color: rgb(var(--ui-warning-300) / 0)
}

html .tailwind-area .active\:border-warning-300\/10:active {
    border-color: rgb(var(--ui-warning-300) / .1)
}

html .tailwind-area .active\:border-warning-300\/100:active {
    border-color: rgb(var(--ui-warning-300) / 1)
}

html .tailwind-area .active\:border-warning-300\/15:active {
    border-color: rgb(var(--ui-warning-300) / .15)
}

html .tailwind-area .active\:border-warning-300\/20:active {
    border-color: rgb(var(--ui-warning-300) / .2)
}

html .tailwind-area .active\:border-warning-300\/25:active {
    border-color: rgb(var(--ui-warning-300) / .25)
}

html .tailwind-area .active\:border-warning-300\/30:active {
    border-color: rgb(var(--ui-warning-300) / .3)
}

html .tailwind-area .active\:border-warning-300\/35:active {
    border-color: rgb(var(--ui-warning-300) / .35)
}

html .tailwind-area .active\:border-warning-300\/40:active {
    border-color: rgb(var(--ui-warning-300) / .4)
}

html .tailwind-area .active\:border-warning-300\/45:active {
    border-color: rgb(var(--ui-warning-300) / .45)
}

html .tailwind-area .active\:border-warning-300\/5:active {
    border-color: rgb(var(--ui-warning-300) / .05)
}

html .tailwind-area .active\:border-warning-300\/50:active {
    border-color: rgb(var(--ui-warning-300) / .5)
}

html .tailwind-area .active\:border-warning-300\/55:active {
    border-color: rgb(var(--ui-warning-300) / .55)
}

html .tailwind-area .active\:border-warning-300\/60:active {
    border-color: rgb(var(--ui-warning-300) / .6)
}

html .tailwind-area .active\:border-warning-300\/65:active {
    border-color: rgb(var(--ui-warning-300) / .65)
}

html .tailwind-area .active\:border-warning-300\/70:active {
    border-color: rgb(var(--ui-warning-300) / .7)
}

html .tailwind-area .active\:border-warning-300\/75:active {
    border-color: rgb(var(--ui-warning-300) / .75)
}

html .tailwind-area .active\:border-warning-300\/80:active {
    border-color: rgb(var(--ui-warning-300) / .8)
}

html .tailwind-area .active\:border-warning-300\/85:active {
    border-color: rgb(var(--ui-warning-300) / .85)
}

html .tailwind-area .active\:border-warning-300\/90:active {
    border-color: rgb(var(--ui-warning-300) / .9)
}

html .tailwind-area .active\:border-warning-300\/95:active {
    border-color: rgb(var(--ui-warning-300) / .95)
}

html .tailwind-area .active\:border-warning-400:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-warning-400) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-warning-400\/0:active {
    border-color: rgb(var(--ui-warning-400) / 0)
}

html .tailwind-area .active\:border-warning-400\/10:active {
    border-color: rgb(var(--ui-warning-400) / .1)
}

html .tailwind-area .active\:border-warning-400\/100:active {
    border-color: rgb(var(--ui-warning-400) / 1)
}

html .tailwind-area .active\:border-warning-400\/15:active {
    border-color: rgb(var(--ui-warning-400) / .15)
}

html .tailwind-area .active\:border-warning-400\/20:active {
    border-color: rgb(var(--ui-warning-400) / .2)
}

html .tailwind-area .active\:border-warning-400\/25:active {
    border-color: rgb(var(--ui-warning-400) / .25)
}

html .tailwind-area .active\:border-warning-400\/30:active {
    border-color: rgb(var(--ui-warning-400) / .3)
}

html .tailwind-area .active\:border-warning-400\/35:active {
    border-color: rgb(var(--ui-warning-400) / .35)
}

html .tailwind-area .active\:border-warning-400\/40:active {
    border-color: rgb(var(--ui-warning-400) / .4)
}

html .tailwind-area .active\:border-warning-400\/45:active {
    border-color: rgb(var(--ui-warning-400) / .45)
}

html .tailwind-area .active\:border-warning-400\/5:active {
    border-color: rgb(var(--ui-warning-400) / .05)
}

html .tailwind-area .active\:border-warning-400\/50:active {
    border-color: rgb(var(--ui-warning-400) / .5)
}

html .tailwind-area .active\:border-warning-400\/55:active {
    border-color: rgb(var(--ui-warning-400) / .55)
}

html .tailwind-area .active\:border-warning-400\/60:active {
    border-color: rgb(var(--ui-warning-400) / .6)
}

html .tailwind-area .active\:border-warning-400\/65:active {
    border-color: rgb(var(--ui-warning-400) / .65)
}

html .tailwind-area .active\:border-warning-400\/70:active {
    border-color: rgb(var(--ui-warning-400) / .7)
}

html .tailwind-area .active\:border-warning-400\/75:active {
    border-color: rgb(var(--ui-warning-400) / .75)
}

html .tailwind-area .active\:border-warning-400\/80:active {
    border-color: rgb(var(--ui-warning-400) / .8)
}

html .tailwind-area .active\:border-warning-400\/85:active {
    border-color: rgb(var(--ui-warning-400) / .85)
}

html .tailwind-area .active\:border-warning-400\/90:active {
    border-color: rgb(var(--ui-warning-400) / .9)
}

html .tailwind-area .active\:border-warning-400\/95:active {
    border-color: rgb(var(--ui-warning-400) / .95)
}

html .tailwind-area .active\:border-warning-50:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-warning-50) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-warning-50\/0:active {
    border-color: rgb(var(--ui-warning-50) / 0)
}

html .tailwind-area .active\:border-warning-50\/10:active {
    border-color: rgb(var(--ui-warning-50) / .1)
}

html .tailwind-area .active\:border-warning-50\/100:active {
    border-color: rgb(var(--ui-warning-50) / 1)
}

html .tailwind-area .active\:border-warning-50\/15:active {
    border-color: rgb(var(--ui-warning-50) / .15)
}

html .tailwind-area .active\:border-warning-50\/20:active {
    border-color: rgb(var(--ui-warning-50) / .2)
}

html .tailwind-area .active\:border-warning-50\/25:active {
    border-color: rgb(var(--ui-warning-50) / .25)
}

html .tailwind-area .active\:border-warning-50\/30:active {
    border-color: rgb(var(--ui-warning-50) / .3)
}

html .tailwind-area .active\:border-warning-50\/35:active {
    border-color: rgb(var(--ui-warning-50) / .35)
}

html .tailwind-area .active\:border-warning-50\/40:active {
    border-color: rgb(var(--ui-warning-50) / .4)
}

html .tailwind-area .active\:border-warning-50\/45:active {
    border-color: rgb(var(--ui-warning-50) / .45)
}

html .tailwind-area .active\:border-warning-50\/5:active {
    border-color: rgb(var(--ui-warning-50) / .05)
}

html .tailwind-area .active\:border-warning-50\/50:active {
    border-color: rgb(var(--ui-warning-50) / .5)
}

html .tailwind-area .active\:border-warning-50\/55:active {
    border-color: rgb(var(--ui-warning-50) / .55)
}

html .tailwind-area .active\:border-warning-50\/60:active {
    border-color: rgb(var(--ui-warning-50) / .6)
}

html .tailwind-area .active\:border-warning-50\/65:active {
    border-color: rgb(var(--ui-warning-50) / .65)
}

html .tailwind-area .active\:border-warning-50\/70:active {
    border-color: rgb(var(--ui-warning-50) / .7)
}

html .tailwind-area .active\:border-warning-50\/75:active {
    border-color: rgb(var(--ui-warning-50) / .75)
}

html .tailwind-area .active\:border-warning-50\/80:active {
    border-color: rgb(var(--ui-warning-50) / .8)
}

html .tailwind-area .active\:border-warning-50\/85:active {
    border-color: rgb(var(--ui-warning-50) / .85)
}

html .tailwind-area .active\:border-warning-50\/90:active {
    border-color: rgb(var(--ui-warning-50) / .9)
}

html .tailwind-area .active\:border-warning-50\/95:active {
    border-color: rgb(var(--ui-warning-50) / .95)
}

html .tailwind-area .active\:border-warning-500:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-warning-500) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-warning-500\/0:active {
    border-color: rgb(var(--ui-warning-500) / 0)
}

html .tailwind-area .active\:border-warning-500\/10:active {
    border-color: rgb(var(--ui-warning-500) / .1)
}

html .tailwind-area .active\:border-warning-500\/100:active {
    border-color: rgb(var(--ui-warning-500) / 1)
}

html .tailwind-area .active\:border-warning-500\/15:active {
    border-color: rgb(var(--ui-warning-500) / .15)
}

html .tailwind-area .active\:border-warning-500\/20:active {
    border-color: rgb(var(--ui-warning-500) / .2)
}

html .tailwind-area .active\:border-warning-500\/25:active {
    border-color: rgb(var(--ui-warning-500) / .25)
}

html .tailwind-area .active\:border-warning-500\/30:active {
    border-color: rgb(var(--ui-warning-500) / .3)
}

html .tailwind-area .active\:border-warning-500\/35:active {
    border-color: rgb(var(--ui-warning-500) / .35)
}

html .tailwind-area .active\:border-warning-500\/40:active {
    border-color: rgb(var(--ui-warning-500) / .4)
}

html .tailwind-area .active\:border-warning-500\/45:active {
    border-color: rgb(var(--ui-warning-500) / .45)
}

html .tailwind-area .active\:border-warning-500\/5:active {
    border-color: rgb(var(--ui-warning-500) / .05)
}

html .tailwind-area .active\:border-warning-500\/50:active {
    border-color: rgb(var(--ui-warning-500) / .5)
}

html .tailwind-area .active\:border-warning-500\/55:active {
    border-color: rgb(var(--ui-warning-500) / .55)
}

html .tailwind-area .active\:border-warning-500\/60:active {
    border-color: rgb(var(--ui-warning-500) / .6)
}

html .tailwind-area .active\:border-warning-500\/65:active {
    border-color: rgb(var(--ui-warning-500) / .65)
}

html .tailwind-area .active\:border-warning-500\/70:active {
    border-color: rgb(var(--ui-warning-500) / .7)
}

html .tailwind-area .active\:border-warning-500\/75:active {
    border-color: rgb(var(--ui-warning-500) / .75)
}

html .tailwind-area .active\:border-warning-500\/80:active {
    border-color: rgb(var(--ui-warning-500) / .8)
}

html .tailwind-area .active\:border-warning-500\/85:active {
    border-color: rgb(var(--ui-warning-500) / .85)
}

html .tailwind-area .active\:border-warning-500\/90:active {
    border-color: rgb(var(--ui-warning-500) / .9)
}

html .tailwind-area .active\:border-warning-500\/95:active {
    border-color: rgb(var(--ui-warning-500) / .95)
}

html .tailwind-area .active\:border-warning-600:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-warning-600) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-warning-600\/0:active {
    border-color: rgb(var(--ui-warning-600) / 0)
}

html .tailwind-area .active\:border-warning-600\/10:active {
    border-color: rgb(var(--ui-warning-600) / .1)
}

html .tailwind-area .active\:border-warning-600\/100:active {
    border-color: rgb(var(--ui-warning-600) / 1)
}

html .tailwind-area .active\:border-warning-600\/15:active {
    border-color: rgb(var(--ui-warning-600) / .15)
}

html .tailwind-area .active\:border-warning-600\/20:active {
    border-color: rgb(var(--ui-warning-600) / .2)
}

html .tailwind-area .active\:border-warning-600\/25:active {
    border-color: rgb(var(--ui-warning-600) / .25)
}

html .tailwind-area .active\:border-warning-600\/30:active {
    border-color: rgb(var(--ui-warning-600) / .3)
}

html .tailwind-area .active\:border-warning-600\/35:active {
    border-color: rgb(var(--ui-warning-600) / .35)
}

html .tailwind-area .active\:border-warning-600\/40:active {
    border-color: rgb(var(--ui-warning-600) / .4)
}

html .tailwind-area .active\:border-warning-600\/45:active {
    border-color: rgb(var(--ui-warning-600) / .45)
}

html .tailwind-area .active\:border-warning-600\/5:active {
    border-color: rgb(var(--ui-warning-600) / .05)
}

html .tailwind-area .active\:border-warning-600\/50:active {
    border-color: rgb(var(--ui-warning-600) / .5)
}

html .tailwind-area .active\:border-warning-600\/55:active {
    border-color: rgb(var(--ui-warning-600) / .55)
}

html .tailwind-area .active\:border-warning-600\/60:active {
    border-color: rgb(var(--ui-warning-600) / .6)
}

html .tailwind-area .active\:border-warning-600\/65:active {
    border-color: rgb(var(--ui-warning-600) / .65)
}

html .tailwind-area .active\:border-warning-600\/70:active {
    border-color: rgb(var(--ui-warning-600) / .7)
}

html .tailwind-area .active\:border-warning-600\/75:active {
    border-color: rgb(var(--ui-warning-600) / .75)
}

html .tailwind-area .active\:border-warning-600\/80:active {
    border-color: rgb(var(--ui-warning-600) / .8)
}

html .tailwind-area .active\:border-warning-600\/85:active {
    border-color: rgb(var(--ui-warning-600) / .85)
}

html .tailwind-area .active\:border-warning-600\/90:active {
    border-color: rgb(var(--ui-warning-600) / .9)
}

html .tailwind-area .active\:border-warning-600\/95:active {
    border-color: rgb(var(--ui-warning-600) / .95)
}

html .tailwind-area .active\:border-warning-700:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-warning-700) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-warning-700\/0:active {
    border-color: rgb(var(--ui-warning-700) / 0)
}

html .tailwind-area .active\:border-warning-700\/10:active {
    border-color: rgb(var(--ui-warning-700) / .1)
}

html .tailwind-area .active\:border-warning-700\/100:active {
    border-color: rgb(var(--ui-warning-700) / 1)
}

html .tailwind-area .active\:border-warning-700\/15:active {
    border-color: rgb(var(--ui-warning-700) / .15)
}

html .tailwind-area .active\:border-warning-700\/20:active {
    border-color: rgb(var(--ui-warning-700) / .2)
}

html .tailwind-area .active\:border-warning-700\/25:active {
    border-color: rgb(var(--ui-warning-700) / .25)
}

html .tailwind-area .active\:border-warning-700\/30:active {
    border-color: rgb(var(--ui-warning-700) / .3)
}

html .tailwind-area .active\:border-warning-700\/35:active {
    border-color: rgb(var(--ui-warning-700) / .35)
}

html .tailwind-area .active\:border-warning-700\/40:active {
    border-color: rgb(var(--ui-warning-700) / .4)
}

html .tailwind-area .active\:border-warning-700\/45:active {
    border-color: rgb(var(--ui-warning-700) / .45)
}

html .tailwind-area .active\:border-warning-700\/5:active {
    border-color: rgb(var(--ui-warning-700) / .05)
}

html .tailwind-area .active\:border-warning-700\/50:active {
    border-color: rgb(var(--ui-warning-700) / .5)
}

html .tailwind-area .active\:border-warning-700\/55:active {
    border-color: rgb(var(--ui-warning-700) / .55)
}

html .tailwind-area .active\:border-warning-700\/60:active {
    border-color: rgb(var(--ui-warning-700) / .6)
}

html .tailwind-area .active\:border-warning-700\/65:active {
    border-color: rgb(var(--ui-warning-700) / .65)
}

html .tailwind-area .active\:border-warning-700\/70:active {
    border-color: rgb(var(--ui-warning-700) / .7)
}

html .tailwind-area .active\:border-warning-700\/75:active {
    border-color: rgb(var(--ui-warning-700) / .75)
}

html .tailwind-area .active\:border-warning-700\/80:active {
    border-color: rgb(var(--ui-warning-700) / .8)
}

html .tailwind-area .active\:border-warning-700\/85:active {
    border-color: rgb(var(--ui-warning-700) / .85)
}

html .tailwind-area .active\:border-warning-700\/90:active {
    border-color: rgb(var(--ui-warning-700) / .9)
}

html .tailwind-area .active\:border-warning-700\/95:active {
    border-color: rgb(var(--ui-warning-700) / .95)
}

html .tailwind-area .active\:border-warning-800:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-warning-800) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-warning-800\/0:active {
    border-color: rgb(var(--ui-warning-800) / 0)
}

html .tailwind-area .active\:border-warning-800\/10:active {
    border-color: rgb(var(--ui-warning-800) / .1)
}

html .tailwind-area .active\:border-warning-800\/100:active {
    border-color: rgb(var(--ui-warning-800) / 1)
}

html .tailwind-area .active\:border-warning-800\/15:active {
    border-color: rgb(var(--ui-warning-800) / .15)
}

html .tailwind-area .active\:border-warning-800\/20:active {
    border-color: rgb(var(--ui-warning-800) / .2)
}

html .tailwind-area .active\:border-warning-800\/25:active {
    border-color: rgb(var(--ui-warning-800) / .25)
}

html .tailwind-area .active\:border-warning-800\/30:active {
    border-color: rgb(var(--ui-warning-800) / .3)
}

html .tailwind-area .active\:border-warning-800\/35:active {
    border-color: rgb(var(--ui-warning-800) / .35)
}

html .tailwind-area .active\:border-warning-800\/40:active {
    border-color: rgb(var(--ui-warning-800) / .4)
}

html .tailwind-area .active\:border-warning-800\/45:active {
    border-color: rgb(var(--ui-warning-800) / .45)
}

html .tailwind-area .active\:border-warning-800\/5:active {
    border-color: rgb(var(--ui-warning-800) / .05)
}

html .tailwind-area .active\:border-warning-800\/50:active {
    border-color: rgb(var(--ui-warning-800) / .5)
}

html .tailwind-area .active\:border-warning-800\/55:active {
    border-color: rgb(var(--ui-warning-800) / .55)
}

html .tailwind-area .active\:border-warning-800\/60:active {
    border-color: rgb(var(--ui-warning-800) / .6)
}

html .tailwind-area .active\:border-warning-800\/65:active {
    border-color: rgb(var(--ui-warning-800) / .65)
}

html .tailwind-area .active\:border-warning-800\/70:active {
    border-color: rgb(var(--ui-warning-800) / .7)
}

html .tailwind-area .active\:border-warning-800\/75:active {
    border-color: rgb(var(--ui-warning-800) / .75)
}

html .tailwind-area .active\:border-warning-800\/80:active {
    border-color: rgb(var(--ui-warning-800) / .8)
}

html .tailwind-area .active\:border-warning-800\/85:active {
    border-color: rgb(var(--ui-warning-800) / .85)
}

html .tailwind-area .active\:border-warning-800\/90:active {
    border-color: rgb(var(--ui-warning-800) / .9)
}

html .tailwind-area .active\:border-warning-800\/95:active {
    border-color: rgb(var(--ui-warning-800) / .95)
}

html .tailwind-area .active\:border-warning-900:active {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-warning-900) / var(--tw-border-opacity))
}

html .tailwind-area .active\:border-warning-900\/0:active {
    border-color: rgb(var(--ui-warning-900) / 0)
}

html .tailwind-area .active\:border-warning-900\/10:active {
    border-color: rgb(var(--ui-warning-900) / .1)
}

html .tailwind-area .active\:border-warning-900\/100:active {
    border-color: rgb(var(--ui-warning-900) / 1)
}

html .tailwind-area .active\:border-warning-900\/15:active {
    border-color: rgb(var(--ui-warning-900) / .15)
}

html .tailwind-area .active\:border-warning-900\/20:active {
    border-color: rgb(var(--ui-warning-900) / .2)
}

html .tailwind-area .active\:border-warning-900\/25:active {
    border-color: rgb(var(--ui-warning-900) / .25)
}

html .tailwind-area .active\:border-warning-900\/30:active {
    border-color: rgb(var(--ui-warning-900) / .3)
}

html .tailwind-area .active\:border-warning-900\/35:active {
    border-color: rgb(var(--ui-warning-900) / .35)
}

html .tailwind-area .active\:border-warning-900\/40:active {
    border-color: rgb(var(--ui-warning-900) / .4)
}

html .tailwind-area .active\:border-warning-900\/45:active {
    border-color: rgb(var(--ui-warning-900) / .45)
}

html .tailwind-area .active\:border-warning-900\/5:active {
    border-color: rgb(var(--ui-warning-900) / .05)
}

html .tailwind-area .active\:border-warning-900\/50:active {
    border-color: rgb(var(--ui-warning-900) / .5)
}

html .tailwind-area .active\:border-warning-900\/55:active {
    border-color: rgb(var(--ui-warning-900) / .55)
}

html .tailwind-area .active\:border-warning-900\/60:active {
    border-color: rgb(var(--ui-warning-900) / .6)
}

html .tailwind-area .active\:border-warning-900\/65:active {
    border-color: rgb(var(--ui-warning-900) / .65)
}

html .tailwind-area .active\:border-warning-900\/70:active {
    border-color: rgb(var(--ui-warning-900) / .7)
}

html .tailwind-area .active\:border-warning-900\/75:active {
    border-color: rgb(var(--ui-warning-900) / .75)
}

html .tailwind-area .active\:border-warning-900\/80:active {
    border-color: rgb(var(--ui-warning-900) / .8)
}

html .tailwind-area .active\:border-warning-900\/85:active {
    border-color: rgb(var(--ui-warning-900) / .85)
}

html .tailwind-area .active\:border-warning-900\/90:active {
    border-color: rgb(var(--ui-warning-900) / .9)
}

html .tailwind-area .active\:border-warning-900\/95:active {
    border-color: rgb(var(--ui-warning-900) / .95)
}

html .tailwind-area .active\:bg-danger-100:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-danger-100) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-danger-100\/0:active {
    background-color: rgb(var(--ui-danger-100) / 0)
}

html .tailwind-area .active\:bg-danger-100\/10:active {
    background-color: rgb(var(--ui-danger-100) / .1)
}

html .tailwind-area .active\:bg-danger-100\/100:active {
    background-color: rgb(var(--ui-danger-100) / 1)
}

html .tailwind-area .active\:bg-danger-100\/15:active {
    background-color: rgb(var(--ui-danger-100) / .15)
}

html .tailwind-area .active\:bg-danger-100\/20:active {
    background-color: rgb(var(--ui-danger-100) / .2)
}

html .tailwind-area .active\:bg-danger-100\/25:active {
    background-color: rgb(var(--ui-danger-100) / .25)
}

html .tailwind-area .active\:bg-danger-100\/30:active {
    background-color: rgb(var(--ui-danger-100) / .3)
}

html .tailwind-area .active\:bg-danger-100\/35:active {
    background-color: rgb(var(--ui-danger-100) / .35)
}

html .tailwind-area .active\:bg-danger-100\/40:active {
    background-color: rgb(var(--ui-danger-100) / .4)
}

html .tailwind-area .active\:bg-danger-100\/45:active {
    background-color: rgb(var(--ui-danger-100) / .45)
}

html .tailwind-area .active\:bg-danger-100\/5:active {
    background-color: rgb(var(--ui-danger-100) / .05)
}

html .tailwind-area .active\:bg-danger-100\/50:active {
    background-color: rgb(var(--ui-danger-100) / .5)
}

html .tailwind-area .active\:bg-danger-100\/55:active {
    background-color: rgb(var(--ui-danger-100) / .55)
}

html .tailwind-area .active\:bg-danger-100\/60:active {
    background-color: rgb(var(--ui-danger-100) / .6)
}

html .tailwind-area .active\:bg-danger-100\/65:active {
    background-color: rgb(var(--ui-danger-100) / .65)
}

html .tailwind-area .active\:bg-danger-100\/70:active {
    background-color: rgb(var(--ui-danger-100) / .7)
}

html .tailwind-area .active\:bg-danger-100\/75:active {
    background-color: rgb(var(--ui-danger-100) / .75)
}

html .tailwind-area .active\:bg-danger-100\/80:active {
    background-color: rgb(var(--ui-danger-100) / .8)
}

html .tailwind-area .active\:bg-danger-100\/85:active {
    background-color: rgb(var(--ui-danger-100) / .85)
}

html .tailwind-area .active\:bg-danger-100\/90:active {
    background-color: rgb(var(--ui-danger-100) / .9)
}

html .tailwind-area .active\:bg-danger-100\/95:active {
    background-color: rgb(var(--ui-danger-100) / .95)
}

html .tailwind-area .active\:bg-danger-200:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-danger-200) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-danger-200\/0:active {
    background-color: rgb(var(--ui-danger-200) / 0)
}

html .tailwind-area .active\:bg-danger-200\/10:active {
    background-color: rgb(var(--ui-danger-200) / .1)
}

html .tailwind-area .active\:bg-danger-200\/100:active {
    background-color: rgb(var(--ui-danger-200) / 1)
}

html .tailwind-area .active\:bg-danger-200\/15:active {
    background-color: rgb(var(--ui-danger-200) / .15)
}

html .tailwind-area .active\:bg-danger-200\/20:active {
    background-color: rgb(var(--ui-danger-200) / .2)
}

html .tailwind-area .active\:bg-danger-200\/25:active {
    background-color: rgb(var(--ui-danger-200) / .25)
}

html .tailwind-area .active\:bg-danger-200\/30:active {
    background-color: rgb(var(--ui-danger-200) / .3)
}

html .tailwind-area .active\:bg-danger-200\/35:active {
    background-color: rgb(var(--ui-danger-200) / .35)
}

html .tailwind-area .active\:bg-danger-200\/40:active {
    background-color: rgb(var(--ui-danger-200) / .4)
}

html .tailwind-area .active\:bg-danger-200\/45:active {
    background-color: rgb(var(--ui-danger-200) / .45)
}

html .tailwind-area .active\:bg-danger-200\/5:active {
    background-color: rgb(var(--ui-danger-200) / .05)
}

html .tailwind-area .active\:bg-danger-200\/50:active {
    background-color: rgb(var(--ui-danger-200) / .5)
}

html .tailwind-area .active\:bg-danger-200\/55:active {
    background-color: rgb(var(--ui-danger-200) / .55)
}

html .tailwind-area .active\:bg-danger-200\/60:active {
    background-color: rgb(var(--ui-danger-200) / .6)
}

html .tailwind-area .active\:bg-danger-200\/65:active {
    background-color: rgb(var(--ui-danger-200) / .65)
}

html .tailwind-area .active\:bg-danger-200\/70:active {
    background-color: rgb(var(--ui-danger-200) / .7)
}

html .tailwind-area .active\:bg-danger-200\/75:active {
    background-color: rgb(var(--ui-danger-200) / .75)
}

html .tailwind-area .active\:bg-danger-200\/80:active {
    background-color: rgb(var(--ui-danger-200) / .8)
}

html .tailwind-area .active\:bg-danger-200\/85:active {
    background-color: rgb(var(--ui-danger-200) / .85)
}

html .tailwind-area .active\:bg-danger-200\/90:active {
    background-color: rgb(var(--ui-danger-200) / .9)
}

html .tailwind-area .active\:bg-danger-200\/95:active {
    background-color: rgb(var(--ui-danger-200) / .95)
}

html .tailwind-area .active\:bg-danger-300:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-danger-300) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-danger-300\/0:active {
    background-color: rgb(var(--ui-danger-300) / 0)
}

html .tailwind-area .active\:bg-danger-300\/10:active {
    background-color: rgb(var(--ui-danger-300) / .1)
}

html .tailwind-area .active\:bg-danger-300\/100:active {
    background-color: rgb(var(--ui-danger-300) / 1)
}

html .tailwind-area .active\:bg-danger-300\/15:active {
    background-color: rgb(var(--ui-danger-300) / .15)
}

html .tailwind-area .active\:bg-danger-300\/20:active {
    background-color: rgb(var(--ui-danger-300) / .2)
}

html .tailwind-area .active\:bg-danger-300\/25:active {
    background-color: rgb(var(--ui-danger-300) / .25)
}

html .tailwind-area .active\:bg-danger-300\/30:active {
    background-color: rgb(var(--ui-danger-300) / .3)
}

html .tailwind-area .active\:bg-danger-300\/35:active {
    background-color: rgb(var(--ui-danger-300) / .35)
}

html .tailwind-area .active\:bg-danger-300\/40:active {
    background-color: rgb(var(--ui-danger-300) / .4)
}

html .tailwind-area .active\:bg-danger-300\/45:active {
    background-color: rgb(var(--ui-danger-300) / .45)
}

html .tailwind-area .active\:bg-danger-300\/5:active {
    background-color: rgb(var(--ui-danger-300) / .05)
}

html .tailwind-area .active\:bg-danger-300\/50:active {
    background-color: rgb(var(--ui-danger-300) / .5)
}

html .tailwind-area .active\:bg-danger-300\/55:active {
    background-color: rgb(var(--ui-danger-300) / .55)
}

html .tailwind-area .active\:bg-danger-300\/60:active {
    background-color: rgb(var(--ui-danger-300) / .6)
}

html .tailwind-area .active\:bg-danger-300\/65:active {
    background-color: rgb(var(--ui-danger-300) / .65)
}

html .tailwind-area .active\:bg-danger-300\/70:active {
    background-color: rgb(var(--ui-danger-300) / .7)
}

html .tailwind-area .active\:bg-danger-300\/75:active {
    background-color: rgb(var(--ui-danger-300) / .75)
}

html .tailwind-area .active\:bg-danger-300\/80:active {
    background-color: rgb(var(--ui-danger-300) / .8)
}

html .tailwind-area .active\:bg-danger-300\/85:active {
    background-color: rgb(var(--ui-danger-300) / .85)
}

html .tailwind-area .active\:bg-danger-300\/90:active {
    background-color: rgb(var(--ui-danger-300) / .9)
}

html .tailwind-area .active\:bg-danger-300\/95:active {
    background-color: rgb(var(--ui-danger-300) / .95)
}

html .tailwind-area .active\:bg-danger-400:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-danger-400) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-danger-400\/0:active {
    background-color: rgb(var(--ui-danger-400) / 0)
}

html .tailwind-area .active\:bg-danger-400\/10:active {
    background-color: rgb(var(--ui-danger-400) / .1)
}

html .tailwind-area .active\:bg-danger-400\/100:active {
    background-color: rgb(var(--ui-danger-400) / 1)
}

html .tailwind-area .active\:bg-danger-400\/15:active {
    background-color: rgb(var(--ui-danger-400) / .15)
}

html .tailwind-area .active\:bg-danger-400\/20:active {
    background-color: rgb(var(--ui-danger-400) / .2)
}

html .tailwind-area .active\:bg-danger-400\/25:active {
    background-color: rgb(var(--ui-danger-400) / .25)
}

html .tailwind-area .active\:bg-danger-400\/30:active {
    background-color: rgb(var(--ui-danger-400) / .3)
}

html .tailwind-area .active\:bg-danger-400\/35:active {
    background-color: rgb(var(--ui-danger-400) / .35)
}

html .tailwind-area .active\:bg-danger-400\/40:active {
    background-color: rgb(var(--ui-danger-400) / .4)
}

html .tailwind-area .active\:bg-danger-400\/45:active {
    background-color: rgb(var(--ui-danger-400) / .45)
}

html .tailwind-area .active\:bg-danger-400\/5:active {
    background-color: rgb(var(--ui-danger-400) / .05)
}

html .tailwind-area .active\:bg-danger-400\/50:active {
    background-color: rgb(var(--ui-danger-400) / .5)
}

html .tailwind-area .active\:bg-danger-400\/55:active {
    background-color: rgb(var(--ui-danger-400) / .55)
}

html .tailwind-area .active\:bg-danger-400\/60:active {
    background-color: rgb(var(--ui-danger-400) / .6)
}

html .tailwind-area .active\:bg-danger-400\/65:active {
    background-color: rgb(var(--ui-danger-400) / .65)
}

html .tailwind-area .active\:bg-danger-400\/70:active {
    background-color: rgb(var(--ui-danger-400) / .7)
}

html .tailwind-area .active\:bg-danger-400\/75:active {
    background-color: rgb(var(--ui-danger-400) / .75)
}

html .tailwind-area .active\:bg-danger-400\/80:active {
    background-color: rgb(var(--ui-danger-400) / .8)
}

html .tailwind-area .active\:bg-danger-400\/85:active {
    background-color: rgb(var(--ui-danger-400) / .85)
}

html .tailwind-area .active\:bg-danger-400\/90:active {
    background-color: rgb(var(--ui-danger-400) / .9)
}

html .tailwind-area .active\:bg-danger-400\/95:active {
    background-color: rgb(var(--ui-danger-400) / .95)
}

html .tailwind-area .active\:bg-danger-50:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-danger-50) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-danger-50\/0:active {
    background-color: rgb(var(--ui-danger-50) / 0)
}

html .tailwind-area .active\:bg-danger-50\/10:active {
    background-color: rgb(var(--ui-danger-50) / .1)
}

html .tailwind-area .active\:bg-danger-50\/100:active {
    background-color: rgb(var(--ui-danger-50) / 1)
}

html .tailwind-area .active\:bg-danger-50\/15:active {
    background-color: rgb(var(--ui-danger-50) / .15)
}

html .tailwind-area .active\:bg-danger-50\/20:active {
    background-color: rgb(var(--ui-danger-50) / .2)
}

html .tailwind-area .active\:bg-danger-50\/25:active {
    background-color: rgb(var(--ui-danger-50) / .25)
}

html .tailwind-area .active\:bg-danger-50\/30:active {
    background-color: rgb(var(--ui-danger-50) / .3)
}

html .tailwind-area .active\:bg-danger-50\/35:active {
    background-color: rgb(var(--ui-danger-50) / .35)
}

html .tailwind-area .active\:bg-danger-50\/40:active {
    background-color: rgb(var(--ui-danger-50) / .4)
}

html .tailwind-area .active\:bg-danger-50\/45:active {
    background-color: rgb(var(--ui-danger-50) / .45)
}

html .tailwind-area .active\:bg-danger-50\/5:active {
    background-color: rgb(var(--ui-danger-50) / .05)
}

html .tailwind-area .active\:bg-danger-50\/50:active {
    background-color: rgb(var(--ui-danger-50) / .5)
}

html .tailwind-area .active\:bg-danger-50\/55:active {
    background-color: rgb(var(--ui-danger-50) / .55)
}

html .tailwind-area .active\:bg-danger-50\/60:active {
    background-color: rgb(var(--ui-danger-50) / .6)
}

html .tailwind-area .active\:bg-danger-50\/65:active {
    background-color: rgb(var(--ui-danger-50) / .65)
}

html .tailwind-area .active\:bg-danger-50\/70:active {
    background-color: rgb(var(--ui-danger-50) / .7)
}

html .tailwind-area .active\:bg-danger-50\/75:active {
    background-color: rgb(var(--ui-danger-50) / .75)
}

html .tailwind-area .active\:bg-danger-50\/80:active {
    background-color: rgb(var(--ui-danger-50) / .8)
}

html .tailwind-area .active\:bg-danger-50\/85:active {
    background-color: rgb(var(--ui-danger-50) / .85)
}

html .tailwind-area .active\:bg-danger-50\/90:active {
    background-color: rgb(var(--ui-danger-50) / .9)
}

html .tailwind-area .active\:bg-danger-50\/95:active {
    background-color: rgb(var(--ui-danger-50) / .95)
}

html .tailwind-area .active\:bg-danger-500:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-danger-500) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-danger-500\/0:active {
    background-color: rgb(var(--ui-danger-500) / 0)
}

html .tailwind-area .active\:bg-danger-500\/10:active {
    background-color: rgb(var(--ui-danger-500) / .1)
}

html .tailwind-area .active\:bg-danger-500\/100:active {
    background-color: rgb(var(--ui-danger-500) / 1)
}

html .tailwind-area .active\:bg-danger-500\/15:active {
    background-color: rgb(var(--ui-danger-500) / .15)
}

html .tailwind-area .active\:bg-danger-500\/20:active {
    background-color: rgb(var(--ui-danger-500) / .2)
}

html .tailwind-area .active\:bg-danger-500\/25:active {
    background-color: rgb(var(--ui-danger-500) / .25)
}

html .tailwind-area .active\:bg-danger-500\/30:active {
    background-color: rgb(var(--ui-danger-500) / .3)
}

html .tailwind-area .active\:bg-danger-500\/35:active {
    background-color: rgb(var(--ui-danger-500) / .35)
}

html .tailwind-area .active\:bg-danger-500\/40:active {
    background-color: rgb(var(--ui-danger-500) / .4)
}

html .tailwind-area .active\:bg-danger-500\/45:active {
    background-color: rgb(var(--ui-danger-500) / .45)
}

html .tailwind-area .active\:bg-danger-500\/5:active {
    background-color: rgb(var(--ui-danger-500) / .05)
}

html .tailwind-area .active\:bg-danger-500\/50:active {
    background-color: rgb(var(--ui-danger-500) / .5)
}

html .tailwind-area .active\:bg-danger-500\/55:active {
    background-color: rgb(var(--ui-danger-500) / .55)
}

html .tailwind-area .active\:bg-danger-500\/60:active {
    background-color: rgb(var(--ui-danger-500) / .6)
}

html .tailwind-area .active\:bg-danger-500\/65:active {
    background-color: rgb(var(--ui-danger-500) / .65)
}

html .tailwind-area .active\:bg-danger-500\/70:active {
    background-color: rgb(var(--ui-danger-500) / .7)
}

html .tailwind-area .active\:bg-danger-500\/75:active {
    background-color: rgb(var(--ui-danger-500) / .75)
}

html .tailwind-area .active\:bg-danger-500\/80:active {
    background-color: rgb(var(--ui-danger-500) / .8)
}

html .tailwind-area .active\:bg-danger-500\/85:active {
    background-color: rgb(var(--ui-danger-500) / .85)
}

html .tailwind-area .active\:bg-danger-500\/90:active {
    background-color: rgb(var(--ui-danger-500) / .9)
}

html .tailwind-area .active\:bg-danger-500\/95:active {
    background-color: rgb(var(--ui-danger-500) / .95)
}

html .tailwind-area .active\:bg-danger-600:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-danger-600) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-danger-600\/0:active {
    background-color: rgb(var(--ui-danger-600) / 0)
}

html .tailwind-area .active\:bg-danger-600\/10:active {
    background-color: rgb(var(--ui-danger-600) / .1)
}

html .tailwind-area .active\:bg-danger-600\/100:active {
    background-color: rgb(var(--ui-danger-600) / 1)
}

html .tailwind-area .active\:bg-danger-600\/15:active {
    background-color: rgb(var(--ui-danger-600) / .15)
}

html .tailwind-area .active\:bg-danger-600\/20:active {
    background-color: rgb(var(--ui-danger-600) / .2)
}

html .tailwind-area .active\:bg-danger-600\/25:active {
    background-color: rgb(var(--ui-danger-600) / .25)
}

html .tailwind-area .active\:bg-danger-600\/30:active {
    background-color: rgb(var(--ui-danger-600) / .3)
}

html .tailwind-area .active\:bg-danger-600\/35:active {
    background-color: rgb(var(--ui-danger-600) / .35)
}

html .tailwind-area .active\:bg-danger-600\/40:active {
    background-color: rgb(var(--ui-danger-600) / .4)
}

html .tailwind-area .active\:bg-danger-600\/45:active {
    background-color: rgb(var(--ui-danger-600) / .45)
}

html .tailwind-area .active\:bg-danger-600\/5:active {
    background-color: rgb(var(--ui-danger-600) / .05)
}

html .tailwind-area .active\:bg-danger-600\/50:active {
    background-color: rgb(var(--ui-danger-600) / .5)
}

html .tailwind-area .active\:bg-danger-600\/55:active {
    background-color: rgb(var(--ui-danger-600) / .55)
}

html .tailwind-area .active\:bg-danger-600\/60:active {
    background-color: rgb(var(--ui-danger-600) / .6)
}

html .tailwind-area .active\:bg-danger-600\/65:active {
    background-color: rgb(var(--ui-danger-600) / .65)
}

html .tailwind-area .active\:bg-danger-600\/70:active {
    background-color: rgb(var(--ui-danger-600) / .7)
}

html .tailwind-area .active\:bg-danger-600\/75:active {
    background-color: rgb(var(--ui-danger-600) / .75)
}

html .tailwind-area .active\:bg-danger-600\/80:active {
    background-color: rgb(var(--ui-danger-600) / .8)
}

html .tailwind-area .active\:bg-danger-600\/85:active {
    background-color: rgb(var(--ui-danger-600) / .85)
}

html .tailwind-area .active\:bg-danger-600\/90:active {
    background-color: rgb(var(--ui-danger-600) / .9)
}

html .tailwind-area .active\:bg-danger-600\/95:active {
    background-color: rgb(var(--ui-danger-600) / .95)
}

html .tailwind-area .active\:bg-danger-700:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-danger-700) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-danger-700\/0:active {
    background-color: rgb(var(--ui-danger-700) / 0)
}

html .tailwind-area .active\:bg-danger-700\/10:active {
    background-color: rgb(var(--ui-danger-700) / .1)
}

html .tailwind-area .active\:bg-danger-700\/100:active {
    background-color: rgb(var(--ui-danger-700) / 1)
}

html .tailwind-area .active\:bg-danger-700\/15:active {
    background-color: rgb(var(--ui-danger-700) / .15)
}

html .tailwind-area .active\:bg-danger-700\/20:active {
    background-color: rgb(var(--ui-danger-700) / .2)
}

html .tailwind-area .active\:bg-danger-700\/25:active {
    background-color: rgb(var(--ui-danger-700) / .25)
}

html .tailwind-area .active\:bg-danger-700\/30:active {
    background-color: rgb(var(--ui-danger-700) / .3)
}

html .tailwind-area .active\:bg-danger-700\/35:active {
    background-color: rgb(var(--ui-danger-700) / .35)
}

html .tailwind-area .active\:bg-danger-700\/40:active {
    background-color: rgb(var(--ui-danger-700) / .4)
}

html .tailwind-area .active\:bg-danger-700\/45:active {
    background-color: rgb(var(--ui-danger-700) / .45)
}

html .tailwind-area .active\:bg-danger-700\/5:active {
    background-color: rgb(var(--ui-danger-700) / .05)
}

html .tailwind-area .active\:bg-danger-700\/50:active {
    background-color: rgb(var(--ui-danger-700) / .5)
}

html .tailwind-area .active\:bg-danger-700\/55:active {
    background-color: rgb(var(--ui-danger-700) / .55)
}

html .tailwind-area .active\:bg-danger-700\/60:active {
    background-color: rgb(var(--ui-danger-700) / .6)
}

html .tailwind-area .active\:bg-danger-700\/65:active {
    background-color: rgb(var(--ui-danger-700) / .65)
}

html .tailwind-area .active\:bg-danger-700\/70:active {
    background-color: rgb(var(--ui-danger-700) / .7)
}

html .tailwind-area .active\:bg-danger-700\/75:active {
    background-color: rgb(var(--ui-danger-700) / .75)
}

html .tailwind-area .active\:bg-danger-700\/80:active {
    background-color: rgb(var(--ui-danger-700) / .8)
}

html .tailwind-area .active\:bg-danger-700\/85:active {
    background-color: rgb(var(--ui-danger-700) / .85)
}

html .tailwind-area .active\:bg-danger-700\/90:active {
    background-color: rgb(var(--ui-danger-700) / .9)
}

html .tailwind-area .active\:bg-danger-700\/95:active {
    background-color: rgb(var(--ui-danger-700) / .95)
}

html .tailwind-area .active\:bg-danger-800:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-danger-800) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-danger-800\/0:active {
    background-color: rgb(var(--ui-danger-800) / 0)
}

html .tailwind-area .active\:bg-danger-800\/10:active {
    background-color: rgb(var(--ui-danger-800) / .1)
}

html .tailwind-area .active\:bg-danger-800\/100:active {
    background-color: rgb(var(--ui-danger-800) / 1)
}

html .tailwind-area .active\:bg-danger-800\/15:active {
    background-color: rgb(var(--ui-danger-800) / .15)
}

html .tailwind-area .active\:bg-danger-800\/20:active {
    background-color: rgb(var(--ui-danger-800) / .2)
}

html .tailwind-area .active\:bg-danger-800\/25:active {
    background-color: rgb(var(--ui-danger-800) / .25)
}

html .tailwind-area .active\:bg-danger-800\/30:active {
    background-color: rgb(var(--ui-danger-800) / .3)
}

html .tailwind-area .active\:bg-danger-800\/35:active {
    background-color: rgb(var(--ui-danger-800) / .35)
}

html .tailwind-area .active\:bg-danger-800\/40:active {
    background-color: rgb(var(--ui-danger-800) / .4)
}

html .tailwind-area .active\:bg-danger-800\/45:active {
    background-color: rgb(var(--ui-danger-800) / .45)
}

html .tailwind-area .active\:bg-danger-800\/5:active {
    background-color: rgb(var(--ui-danger-800) / .05)
}

html .tailwind-area .active\:bg-danger-800\/50:active {
    background-color: rgb(var(--ui-danger-800) / .5)
}

html .tailwind-area .active\:bg-danger-800\/55:active {
    background-color: rgb(var(--ui-danger-800) / .55)
}

html .tailwind-area .active\:bg-danger-800\/60:active {
    background-color: rgb(var(--ui-danger-800) / .6)
}

html .tailwind-area .active\:bg-danger-800\/65:active {
    background-color: rgb(var(--ui-danger-800) / .65)
}

html .tailwind-area .active\:bg-danger-800\/70:active {
    background-color: rgb(var(--ui-danger-800) / .7)
}

html .tailwind-area .active\:bg-danger-800\/75:active {
    background-color: rgb(var(--ui-danger-800) / .75)
}

html .tailwind-area .active\:bg-danger-800\/80:active {
    background-color: rgb(var(--ui-danger-800) / .8)
}

html .tailwind-area .active\:bg-danger-800\/85:active {
    background-color: rgb(var(--ui-danger-800) / .85)
}

html .tailwind-area .active\:bg-danger-800\/90:active {
    background-color: rgb(var(--ui-danger-800) / .9)
}

html .tailwind-area .active\:bg-danger-800\/95:active {
    background-color: rgb(var(--ui-danger-800) / .95)
}

html .tailwind-area .active\:bg-danger-900:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-danger-900) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-danger-900\/0:active {
    background-color: rgb(var(--ui-danger-900) / 0)
}

html .tailwind-area .active\:bg-danger-900\/10:active {
    background-color: rgb(var(--ui-danger-900) / .1)
}

html .tailwind-area .active\:bg-danger-900\/100:active {
    background-color: rgb(var(--ui-danger-900) / 1)
}

html .tailwind-area .active\:bg-danger-900\/15:active {
    background-color: rgb(var(--ui-danger-900) / .15)
}

html .tailwind-area .active\:bg-danger-900\/20:active {
    background-color: rgb(var(--ui-danger-900) / .2)
}

html .tailwind-area .active\:bg-danger-900\/25:active {
    background-color: rgb(var(--ui-danger-900) / .25)
}

html .tailwind-area .active\:bg-danger-900\/30:active {
    background-color: rgb(var(--ui-danger-900) / .3)
}

html .tailwind-area .active\:bg-danger-900\/35:active {
    background-color: rgb(var(--ui-danger-900) / .35)
}

html .tailwind-area .active\:bg-danger-900\/40:active {
    background-color: rgb(var(--ui-danger-900) / .4)
}

html .tailwind-area .active\:bg-danger-900\/45:active {
    background-color: rgb(var(--ui-danger-900) / .45)
}

html .tailwind-area .active\:bg-danger-900\/5:active {
    background-color: rgb(var(--ui-danger-900) / .05)
}

html .tailwind-area .active\:bg-danger-900\/50:active {
    background-color: rgb(var(--ui-danger-900) / .5)
}

html .tailwind-area .active\:bg-danger-900\/55:active {
    background-color: rgb(var(--ui-danger-900) / .55)
}

html .tailwind-area .active\:bg-danger-900\/60:active {
    background-color: rgb(var(--ui-danger-900) / .6)
}

html .tailwind-area .active\:bg-danger-900\/65:active {
    background-color: rgb(var(--ui-danger-900) / .65)
}

html .tailwind-area .active\:bg-danger-900\/70:active {
    background-color: rgb(var(--ui-danger-900) / .7)
}

html .tailwind-area .active\:bg-danger-900\/75:active {
    background-color: rgb(var(--ui-danger-900) / .75)
}

html .tailwind-area .active\:bg-danger-900\/80:active {
    background-color: rgb(var(--ui-danger-900) / .8)
}

html .tailwind-area .active\:bg-danger-900\/85:active {
    background-color: rgb(var(--ui-danger-900) / .85)
}

html .tailwind-area .active\:bg-danger-900\/90:active {
    background-color: rgb(var(--ui-danger-900) / .9)
}

html .tailwind-area .active\:bg-danger-900\/95:active {
    background-color: rgb(var(--ui-danger-900) / .95)
}

html .tailwind-area .active\:bg-neutral-100:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-neutral-100) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-neutral-100\/0:active {
    background-color: rgb(var(--ui-neutral-100) / 0)
}

html .tailwind-area .active\:bg-neutral-100\/10:active {
    background-color: rgb(var(--ui-neutral-100) / .1)
}

html .tailwind-area .active\:bg-neutral-100\/100:active {
    background-color: rgb(var(--ui-neutral-100) / 1)
}

html .tailwind-area .active\:bg-neutral-100\/15:active {
    background-color: rgb(var(--ui-neutral-100) / .15)
}

html .tailwind-area .active\:bg-neutral-100\/20:active {
    background-color: rgb(var(--ui-neutral-100) / .2)
}

html .tailwind-area .active\:bg-neutral-100\/25:active {
    background-color: rgb(var(--ui-neutral-100) / .25)
}

html .tailwind-area .active\:bg-neutral-100\/30:active {
    background-color: rgb(var(--ui-neutral-100) / .3)
}

html .tailwind-area .active\:bg-neutral-100\/35:active {
    background-color: rgb(var(--ui-neutral-100) / .35)
}

html .tailwind-area .active\:bg-neutral-100\/40:active {
    background-color: rgb(var(--ui-neutral-100) / .4)
}

html .tailwind-area .active\:bg-neutral-100\/45:active {
    background-color: rgb(var(--ui-neutral-100) / .45)
}

html .tailwind-area .active\:bg-neutral-100\/5:active {
    background-color: rgb(var(--ui-neutral-100) / .05)
}

html .tailwind-area .active\:bg-neutral-100\/50:active {
    background-color: rgb(var(--ui-neutral-100) / .5)
}

html .tailwind-area .active\:bg-neutral-100\/55:active {
    background-color: rgb(var(--ui-neutral-100) / .55)
}

html .tailwind-area .active\:bg-neutral-100\/60:active {
    background-color: rgb(var(--ui-neutral-100) / .6)
}

html .tailwind-area .active\:bg-neutral-100\/65:active {
    background-color: rgb(var(--ui-neutral-100) / .65)
}

html .tailwind-area .active\:bg-neutral-100\/70:active {
    background-color: rgb(var(--ui-neutral-100) / .7)
}

html .tailwind-area .active\:bg-neutral-100\/75:active {
    background-color: rgb(var(--ui-neutral-100) / .75)
}

html .tailwind-area .active\:bg-neutral-100\/80:active {
    background-color: rgb(var(--ui-neutral-100) / .8)
}

html .tailwind-area .active\:bg-neutral-100\/85:active {
    background-color: rgb(var(--ui-neutral-100) / .85)
}

html .tailwind-area .active\:bg-neutral-100\/90:active {
    background-color: rgb(var(--ui-neutral-100) / .9)
}

html .tailwind-area .active\:bg-neutral-100\/95:active {
    background-color: rgb(var(--ui-neutral-100) / .95)
}

html .tailwind-area .active\:bg-neutral-200:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-neutral-200) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-neutral-200\/0:active {
    background-color: rgb(var(--ui-neutral-200) / 0)
}

html .tailwind-area .active\:bg-neutral-200\/10:active {
    background-color: rgb(var(--ui-neutral-200) / .1)
}

html .tailwind-area .active\:bg-neutral-200\/100:active {
    background-color: rgb(var(--ui-neutral-200) / 1)
}

html .tailwind-area .active\:bg-neutral-200\/15:active {
    background-color: rgb(var(--ui-neutral-200) / .15)
}

html .tailwind-area .active\:bg-neutral-200\/20:active {
    background-color: rgb(var(--ui-neutral-200) / .2)
}

html .tailwind-area .active\:bg-neutral-200\/25:active {
    background-color: rgb(var(--ui-neutral-200) / .25)
}

html .tailwind-area .active\:bg-neutral-200\/30:active {
    background-color: rgb(var(--ui-neutral-200) / .3)
}

html .tailwind-area .active\:bg-neutral-200\/35:active {
    background-color: rgb(var(--ui-neutral-200) / .35)
}

html .tailwind-area .active\:bg-neutral-200\/40:active {
    background-color: rgb(var(--ui-neutral-200) / .4)
}

html .tailwind-area .active\:bg-neutral-200\/45:active {
    background-color: rgb(var(--ui-neutral-200) / .45)
}

html .tailwind-area .active\:bg-neutral-200\/5:active {
    background-color: rgb(var(--ui-neutral-200) / .05)
}

html .tailwind-area .active\:bg-neutral-200\/50:active {
    background-color: rgb(var(--ui-neutral-200) / .5)
}

html .tailwind-area .active\:bg-neutral-200\/55:active {
    background-color: rgb(var(--ui-neutral-200) / .55)
}

html .tailwind-area .active\:bg-neutral-200\/60:active {
    background-color: rgb(var(--ui-neutral-200) / .6)
}

html .tailwind-area .active\:bg-neutral-200\/65:active {
    background-color: rgb(var(--ui-neutral-200) / .65)
}

html .tailwind-area .active\:bg-neutral-200\/70:active {
    background-color: rgb(var(--ui-neutral-200) / .7)
}

html .tailwind-area .active\:bg-neutral-200\/75:active {
    background-color: rgb(var(--ui-neutral-200) / .75)
}

html .tailwind-area .active\:bg-neutral-200\/80:active {
    background-color: rgb(var(--ui-neutral-200) / .8)
}

html .tailwind-area .active\:bg-neutral-200\/85:active {
    background-color: rgb(var(--ui-neutral-200) / .85)
}

html .tailwind-area .active\:bg-neutral-200\/90:active {
    background-color: rgb(var(--ui-neutral-200) / .9)
}

html .tailwind-area .active\:bg-neutral-200\/95:active {
    background-color: rgb(var(--ui-neutral-200) / .95)
}

html .tailwind-area .active\:bg-neutral-300:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-neutral-300) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-neutral-300\/0:active {
    background-color: rgb(var(--ui-neutral-300) / 0)
}

html .tailwind-area .active\:bg-neutral-300\/10:active {
    background-color: rgb(var(--ui-neutral-300) / .1)
}

html .tailwind-area .active\:bg-neutral-300\/100:active {
    background-color: rgb(var(--ui-neutral-300) / 1)
}

html .tailwind-area .active\:bg-neutral-300\/15:active {
    background-color: rgb(var(--ui-neutral-300) / .15)
}

html .tailwind-area .active\:bg-neutral-300\/20:active {
    background-color: rgb(var(--ui-neutral-300) / .2)
}

html .tailwind-area .active\:bg-neutral-300\/25:active {
    background-color: rgb(var(--ui-neutral-300) / .25)
}

html .tailwind-area .active\:bg-neutral-300\/30:active {
    background-color: rgb(var(--ui-neutral-300) / .3)
}

html .tailwind-area .active\:bg-neutral-300\/35:active {
    background-color: rgb(var(--ui-neutral-300) / .35)
}

html .tailwind-area .active\:bg-neutral-300\/40:active {
    background-color: rgb(var(--ui-neutral-300) / .4)
}

html .tailwind-area .active\:bg-neutral-300\/45:active {
    background-color: rgb(var(--ui-neutral-300) / .45)
}

html .tailwind-area .active\:bg-neutral-300\/5:active {
    background-color: rgb(var(--ui-neutral-300) / .05)
}

html .tailwind-area .active\:bg-neutral-300\/50:active {
    background-color: rgb(var(--ui-neutral-300) / .5)
}

html .tailwind-area .active\:bg-neutral-300\/55:active {
    background-color: rgb(var(--ui-neutral-300) / .55)
}

html .tailwind-area .active\:bg-neutral-300\/60:active {
    background-color: rgb(var(--ui-neutral-300) / .6)
}

html .tailwind-area .active\:bg-neutral-300\/65:active {
    background-color: rgb(var(--ui-neutral-300) / .65)
}

html .tailwind-area .active\:bg-neutral-300\/70:active {
    background-color: rgb(var(--ui-neutral-300) / .7)
}

html .tailwind-area .active\:bg-neutral-300\/75:active {
    background-color: rgb(var(--ui-neutral-300) / .75)
}

html .tailwind-area .active\:bg-neutral-300\/80:active {
    background-color: rgb(var(--ui-neutral-300) / .8)
}

html .tailwind-area .active\:bg-neutral-300\/85:active {
    background-color: rgb(var(--ui-neutral-300) / .85)
}

html .tailwind-area .active\:bg-neutral-300\/90:active {
    background-color: rgb(var(--ui-neutral-300) / .9)
}

html .tailwind-area .active\:bg-neutral-300\/95:active {
    background-color: rgb(var(--ui-neutral-300) / .95)
}

html .tailwind-area .active\:bg-neutral-400:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-neutral-400) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-neutral-400\/0:active {
    background-color: rgb(var(--ui-neutral-400) / 0)
}

html .tailwind-area .active\:bg-neutral-400\/10:active {
    background-color: rgb(var(--ui-neutral-400) / .1)
}

html .tailwind-area .active\:bg-neutral-400\/100:active {
    background-color: rgb(var(--ui-neutral-400) / 1)
}

html .tailwind-area .active\:bg-neutral-400\/15:active {
    background-color: rgb(var(--ui-neutral-400) / .15)
}

html .tailwind-area .active\:bg-neutral-400\/20:active {
    background-color: rgb(var(--ui-neutral-400) / .2)
}

html .tailwind-area .active\:bg-neutral-400\/25:active {
    background-color: rgb(var(--ui-neutral-400) / .25)
}

html .tailwind-area .active\:bg-neutral-400\/30:active {
    background-color: rgb(var(--ui-neutral-400) / .3)
}

html .tailwind-area .active\:bg-neutral-400\/35:active {
    background-color: rgb(var(--ui-neutral-400) / .35)
}

html .tailwind-area .active\:bg-neutral-400\/40:active {
    background-color: rgb(var(--ui-neutral-400) / .4)
}

html .tailwind-area .active\:bg-neutral-400\/45:active {
    background-color: rgb(var(--ui-neutral-400) / .45)
}

html .tailwind-area .active\:bg-neutral-400\/5:active {
    background-color: rgb(var(--ui-neutral-400) / .05)
}

html .tailwind-area .active\:bg-neutral-400\/50:active {
    background-color: rgb(var(--ui-neutral-400) / .5)
}

html .tailwind-area .active\:bg-neutral-400\/55:active {
    background-color: rgb(var(--ui-neutral-400) / .55)
}

html .tailwind-area .active\:bg-neutral-400\/60:active {
    background-color: rgb(var(--ui-neutral-400) / .6)
}

html .tailwind-area .active\:bg-neutral-400\/65:active {
    background-color: rgb(var(--ui-neutral-400) / .65)
}

html .tailwind-area .active\:bg-neutral-400\/70:active {
    background-color: rgb(var(--ui-neutral-400) / .7)
}

html .tailwind-area .active\:bg-neutral-400\/75:active {
    background-color: rgb(var(--ui-neutral-400) / .75)
}

html .tailwind-area .active\:bg-neutral-400\/80:active {
    background-color: rgb(var(--ui-neutral-400) / .8)
}

html .tailwind-area .active\:bg-neutral-400\/85:active {
    background-color: rgb(var(--ui-neutral-400) / .85)
}

html .tailwind-area .active\:bg-neutral-400\/90:active {
    background-color: rgb(var(--ui-neutral-400) / .9)
}

html .tailwind-area .active\:bg-neutral-400\/95:active {
    background-color: rgb(var(--ui-neutral-400) / .95)
}

html .tailwind-area .active\:bg-neutral-50:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-neutral-50) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-neutral-50\/0:active {
    background-color: rgb(var(--ui-neutral-50) / 0)
}

html .tailwind-area .active\:bg-neutral-50\/10:active {
    background-color: rgb(var(--ui-neutral-50) / .1)
}

html .tailwind-area .active\:bg-neutral-50\/100:active {
    background-color: rgb(var(--ui-neutral-50) / 1)
}

html .tailwind-area .active\:bg-neutral-50\/15:active {
    background-color: rgb(var(--ui-neutral-50) / .15)
}

html .tailwind-area .active\:bg-neutral-50\/20:active {
    background-color: rgb(var(--ui-neutral-50) / .2)
}

html .tailwind-area .active\:bg-neutral-50\/25:active {
    background-color: rgb(var(--ui-neutral-50) / .25)
}

html .tailwind-area .active\:bg-neutral-50\/30:active {
    background-color: rgb(var(--ui-neutral-50) / .3)
}

html .tailwind-area .active\:bg-neutral-50\/35:active {
    background-color: rgb(var(--ui-neutral-50) / .35)
}

html .tailwind-area .active\:bg-neutral-50\/40:active {
    background-color: rgb(var(--ui-neutral-50) / .4)
}

html .tailwind-area .active\:bg-neutral-50\/45:active {
    background-color: rgb(var(--ui-neutral-50) / .45)
}

html .tailwind-area .active\:bg-neutral-50\/5:active {
    background-color: rgb(var(--ui-neutral-50) / .05)
}

html .tailwind-area .active\:bg-neutral-50\/50:active {
    background-color: rgb(var(--ui-neutral-50) / .5)
}

html .tailwind-area .active\:bg-neutral-50\/55:active {
    background-color: rgb(var(--ui-neutral-50) / .55)
}

html .tailwind-area .active\:bg-neutral-50\/60:active {
    background-color: rgb(var(--ui-neutral-50) / .6)
}

html .tailwind-area .active\:bg-neutral-50\/65:active {
    background-color: rgb(var(--ui-neutral-50) / .65)
}

html .tailwind-area .active\:bg-neutral-50\/70:active {
    background-color: rgb(var(--ui-neutral-50) / .7)
}

html .tailwind-area .active\:bg-neutral-50\/75:active {
    background-color: rgb(var(--ui-neutral-50) / .75)
}

html .tailwind-area .active\:bg-neutral-50\/80:active {
    background-color: rgb(var(--ui-neutral-50) / .8)
}

html .tailwind-area .active\:bg-neutral-50\/85:active {
    background-color: rgb(var(--ui-neutral-50) / .85)
}

html .tailwind-area .active\:bg-neutral-50\/90:active {
    background-color: rgb(var(--ui-neutral-50) / .9)
}

html .tailwind-area .active\:bg-neutral-50\/95:active {
    background-color: rgb(var(--ui-neutral-50) / .95)
}

html .tailwind-area .active\:bg-neutral-500:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-neutral-500) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-neutral-500\/0:active {
    background-color: rgb(var(--ui-neutral-500) / 0)
}

html .tailwind-area .active\:bg-neutral-500\/10:active {
    background-color: rgb(var(--ui-neutral-500) / .1)
}

html .tailwind-area .active\:bg-neutral-500\/100:active {
    background-color: rgb(var(--ui-neutral-500) / 1)
}

html .tailwind-area .active\:bg-neutral-500\/15:active {
    background-color: rgb(var(--ui-neutral-500) / .15)
}

html .tailwind-area .active\:bg-neutral-500\/20:active {
    background-color: rgb(var(--ui-neutral-500) / .2)
}

html .tailwind-area .active\:bg-neutral-500\/25:active {
    background-color: rgb(var(--ui-neutral-500) / .25)
}

html .tailwind-area .active\:bg-neutral-500\/30:active {
    background-color: rgb(var(--ui-neutral-500) / .3)
}

html .tailwind-area .active\:bg-neutral-500\/35:active {
    background-color: rgb(var(--ui-neutral-500) / .35)
}

html .tailwind-area .active\:bg-neutral-500\/40:active {
    background-color: rgb(var(--ui-neutral-500) / .4)
}

html .tailwind-area .active\:bg-neutral-500\/45:active {
    background-color: rgb(var(--ui-neutral-500) / .45)
}

html .tailwind-area .active\:bg-neutral-500\/5:active {
    background-color: rgb(var(--ui-neutral-500) / .05)
}

html .tailwind-area .active\:bg-neutral-500\/50:active {
    background-color: rgb(var(--ui-neutral-500) / .5)
}

html .tailwind-area .active\:bg-neutral-500\/55:active {
    background-color: rgb(var(--ui-neutral-500) / .55)
}

html .tailwind-area .active\:bg-neutral-500\/60:active {
    background-color: rgb(var(--ui-neutral-500) / .6)
}

html .tailwind-area .active\:bg-neutral-500\/65:active {
    background-color: rgb(var(--ui-neutral-500) / .65)
}

html .tailwind-area .active\:bg-neutral-500\/70:active {
    background-color: rgb(var(--ui-neutral-500) / .7)
}

html .tailwind-area .active\:bg-neutral-500\/75:active {
    background-color: rgb(var(--ui-neutral-500) / .75)
}

html .tailwind-area .active\:bg-neutral-500\/80:active {
    background-color: rgb(var(--ui-neutral-500) / .8)
}

html .tailwind-area .active\:bg-neutral-500\/85:active {
    background-color: rgb(var(--ui-neutral-500) / .85)
}

html .tailwind-area .active\:bg-neutral-500\/90:active {
    background-color: rgb(var(--ui-neutral-500) / .9)
}

html .tailwind-area .active\:bg-neutral-500\/95:active {
    background-color: rgb(var(--ui-neutral-500) / .95)
}

html .tailwind-area .active\:bg-neutral-600:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-neutral-600) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-neutral-600\/0:active {
    background-color: rgb(var(--ui-neutral-600) / 0)
}

html .tailwind-area .active\:bg-neutral-600\/10:active {
    background-color: rgb(var(--ui-neutral-600) / .1)
}

html .tailwind-area .active\:bg-neutral-600\/100:active {
    background-color: rgb(var(--ui-neutral-600) / 1)
}

html .tailwind-area .active\:bg-neutral-600\/15:active {
    background-color: rgb(var(--ui-neutral-600) / .15)
}

html .tailwind-area .active\:bg-neutral-600\/20:active {
    background-color: rgb(var(--ui-neutral-600) / .2)
}

html .tailwind-area .active\:bg-neutral-600\/25:active {
    background-color: rgb(var(--ui-neutral-600) / .25)
}

html .tailwind-area .active\:bg-neutral-600\/30:active {
    background-color: rgb(var(--ui-neutral-600) / .3)
}

html .tailwind-area .active\:bg-neutral-600\/35:active {
    background-color: rgb(var(--ui-neutral-600) / .35)
}

html .tailwind-area .active\:bg-neutral-600\/40:active {
    background-color: rgb(var(--ui-neutral-600) / .4)
}

html .tailwind-area .active\:bg-neutral-600\/45:active {
    background-color: rgb(var(--ui-neutral-600) / .45)
}

html .tailwind-area .active\:bg-neutral-600\/5:active {
    background-color: rgb(var(--ui-neutral-600) / .05)
}

html .tailwind-area .active\:bg-neutral-600\/50:active {
    background-color: rgb(var(--ui-neutral-600) / .5)
}

html .tailwind-area .active\:bg-neutral-600\/55:active {
    background-color: rgb(var(--ui-neutral-600) / .55)
}

html .tailwind-area .active\:bg-neutral-600\/60:active {
    background-color: rgb(var(--ui-neutral-600) / .6)
}

html .tailwind-area .active\:bg-neutral-600\/65:active {
    background-color: rgb(var(--ui-neutral-600) / .65)
}

html .tailwind-area .active\:bg-neutral-600\/70:active {
    background-color: rgb(var(--ui-neutral-600) / .7)
}

html .tailwind-area .active\:bg-neutral-600\/75:active {
    background-color: rgb(var(--ui-neutral-600) / .75)
}

html .tailwind-area .active\:bg-neutral-600\/80:active {
    background-color: rgb(var(--ui-neutral-600) / .8)
}

html .tailwind-area .active\:bg-neutral-600\/85:active {
    background-color: rgb(var(--ui-neutral-600) / .85)
}

html .tailwind-area .active\:bg-neutral-600\/90:active {
    background-color: rgb(var(--ui-neutral-600) / .9)
}

html .tailwind-area .active\:bg-neutral-600\/95:active {
    background-color: rgb(var(--ui-neutral-600) / .95)
}

html .tailwind-area .active\:bg-neutral-700:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-neutral-700) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-neutral-700\/0:active {
    background-color: rgb(var(--ui-neutral-700) / 0)
}

html .tailwind-area .active\:bg-neutral-700\/10:active {
    background-color: rgb(var(--ui-neutral-700) / .1)
}

html .tailwind-area .active\:bg-neutral-700\/100:active {
    background-color: rgb(var(--ui-neutral-700) / 1)
}

html .tailwind-area .active\:bg-neutral-700\/15:active {
    background-color: rgb(var(--ui-neutral-700) / .15)
}

html .tailwind-area .active\:bg-neutral-700\/20:active {
    background-color: rgb(var(--ui-neutral-700) / .2)
}

html .tailwind-area .active\:bg-neutral-700\/25:active {
    background-color: rgb(var(--ui-neutral-700) / .25)
}

html .tailwind-area .active\:bg-neutral-700\/30:active {
    background-color: rgb(var(--ui-neutral-700) / .3)
}

html .tailwind-area .active\:bg-neutral-700\/35:active {
    background-color: rgb(var(--ui-neutral-700) / .35)
}

html .tailwind-area .active\:bg-neutral-700\/40:active {
    background-color: rgb(var(--ui-neutral-700) / .4)
}

html .tailwind-area .active\:bg-neutral-700\/45:active {
    background-color: rgb(var(--ui-neutral-700) / .45)
}

html .tailwind-area .active\:bg-neutral-700\/5:active {
    background-color: rgb(var(--ui-neutral-700) / .05)
}

html .tailwind-area .active\:bg-neutral-700\/50:active {
    background-color: rgb(var(--ui-neutral-700) / .5)
}

html .tailwind-area .active\:bg-neutral-700\/55:active {
    background-color: rgb(var(--ui-neutral-700) / .55)
}

html .tailwind-area .active\:bg-neutral-700\/60:active {
    background-color: rgb(var(--ui-neutral-700) / .6)
}

html .tailwind-area .active\:bg-neutral-700\/65:active {
    background-color: rgb(var(--ui-neutral-700) / .65)
}

html .tailwind-area .active\:bg-neutral-700\/70:active {
    background-color: rgb(var(--ui-neutral-700) / .7)
}

html .tailwind-area .active\:bg-neutral-700\/75:active {
    background-color: rgb(var(--ui-neutral-700) / .75)
}

html .tailwind-area .active\:bg-neutral-700\/80:active {
    background-color: rgb(var(--ui-neutral-700) / .8)
}

html .tailwind-area .active\:bg-neutral-700\/85:active {
    background-color: rgb(var(--ui-neutral-700) / .85)
}

html .tailwind-area .active\:bg-neutral-700\/90:active {
    background-color: rgb(var(--ui-neutral-700) / .9)
}

html .tailwind-area .active\:bg-neutral-700\/95:active {
    background-color: rgb(var(--ui-neutral-700) / .95)
}

html .tailwind-area .active\:bg-neutral-800:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-neutral-800) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-neutral-800\/0:active {
    background-color: rgb(var(--ui-neutral-800) / 0)
}

html .tailwind-area .active\:bg-neutral-800\/10:active {
    background-color: rgb(var(--ui-neutral-800) / .1)
}

html .tailwind-area .active\:bg-neutral-800\/100:active {
    background-color: rgb(var(--ui-neutral-800) / 1)
}

html .tailwind-area .active\:bg-neutral-800\/15:active {
    background-color: rgb(var(--ui-neutral-800) / .15)
}

html .tailwind-area .active\:bg-neutral-800\/20:active {
    background-color: rgb(var(--ui-neutral-800) / .2)
}

html .tailwind-area .active\:bg-neutral-800\/25:active {
    background-color: rgb(var(--ui-neutral-800) / .25)
}

html .tailwind-area .active\:bg-neutral-800\/30:active {
    background-color: rgb(var(--ui-neutral-800) / .3)
}

html .tailwind-area .active\:bg-neutral-800\/35:active {
    background-color: rgb(var(--ui-neutral-800) / .35)
}

html .tailwind-area .active\:bg-neutral-800\/40:active {
    background-color: rgb(var(--ui-neutral-800) / .4)
}

html .tailwind-area .active\:bg-neutral-800\/45:active {
    background-color: rgb(var(--ui-neutral-800) / .45)
}

html .tailwind-area .active\:bg-neutral-800\/5:active {
    background-color: rgb(var(--ui-neutral-800) / .05)
}

html .tailwind-area .active\:bg-neutral-800\/50:active {
    background-color: rgb(var(--ui-neutral-800) / .5)
}

html .tailwind-area .active\:bg-neutral-800\/55:active {
    background-color: rgb(var(--ui-neutral-800) / .55)
}

html .tailwind-area .active\:bg-neutral-800\/60:active {
    background-color: rgb(var(--ui-neutral-800) / .6)
}

html .tailwind-area .active\:bg-neutral-800\/65:active {
    background-color: rgb(var(--ui-neutral-800) / .65)
}

html .tailwind-area .active\:bg-neutral-800\/70:active {
    background-color: rgb(var(--ui-neutral-800) / .7)
}

html .tailwind-area .active\:bg-neutral-800\/75:active {
    background-color: rgb(var(--ui-neutral-800) / .75)
}

html .tailwind-area .active\:bg-neutral-800\/80:active {
    background-color: rgb(var(--ui-neutral-800) / .8)
}

html .tailwind-area .active\:bg-neutral-800\/85:active {
    background-color: rgb(var(--ui-neutral-800) / .85)
}

html .tailwind-area .active\:bg-neutral-800\/90:active {
    background-color: rgb(var(--ui-neutral-800) / .9)
}

html .tailwind-area .active\:bg-neutral-800\/95:active {
    background-color: rgb(var(--ui-neutral-800) / .95)
}

html .tailwind-area .active\:bg-neutral-900:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-neutral-900) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-neutral-900\/0:active {
    background-color: rgb(var(--ui-neutral-900) / 0)
}

html .tailwind-area .active\:bg-neutral-900\/10:active {
    background-color: rgb(var(--ui-neutral-900) / .1)
}

html .tailwind-area .active\:bg-neutral-900\/100:active {
    background-color: rgb(var(--ui-neutral-900) / 1)
}

html .tailwind-area .active\:bg-neutral-900\/15:active {
    background-color: rgb(var(--ui-neutral-900) / .15)
}

html .tailwind-area .active\:bg-neutral-900\/20:active {
    background-color: rgb(var(--ui-neutral-900) / .2)
}

html .tailwind-area .active\:bg-neutral-900\/25:active {
    background-color: rgb(var(--ui-neutral-900) / .25)
}

html .tailwind-area .active\:bg-neutral-900\/30:active {
    background-color: rgb(var(--ui-neutral-900) / .3)
}

html .tailwind-area .active\:bg-neutral-900\/35:active {
    background-color: rgb(var(--ui-neutral-900) / .35)
}

html .tailwind-area .active\:bg-neutral-900\/40:active {
    background-color: rgb(var(--ui-neutral-900) / .4)
}

html .tailwind-area .active\:bg-neutral-900\/45:active {
    background-color: rgb(var(--ui-neutral-900) / .45)
}

html .tailwind-area .active\:bg-neutral-900\/5:active {
    background-color: rgb(var(--ui-neutral-900) / .05)
}

html .tailwind-area .active\:bg-neutral-900\/50:active {
    background-color: rgb(var(--ui-neutral-900) / .5)
}

html .tailwind-area .active\:bg-neutral-900\/55:active {
    background-color: rgb(var(--ui-neutral-900) / .55)
}

html .tailwind-area .active\:bg-neutral-900\/60:active {
    background-color: rgb(var(--ui-neutral-900) / .6)
}

html .tailwind-area .active\:bg-neutral-900\/65:active {
    background-color: rgb(var(--ui-neutral-900) / .65)
}

html .tailwind-area .active\:bg-neutral-900\/70:active {
    background-color: rgb(var(--ui-neutral-900) / .7)
}

html .tailwind-area .active\:bg-neutral-900\/75:active {
    background-color: rgb(var(--ui-neutral-900) / .75)
}

html .tailwind-area .active\:bg-neutral-900\/80:active {
    background-color: rgb(var(--ui-neutral-900) / .8)
}

html .tailwind-area .active\:bg-neutral-900\/85:active {
    background-color: rgb(var(--ui-neutral-900) / .85)
}

html .tailwind-area .active\:bg-neutral-900\/90:active {
    background-color: rgb(var(--ui-neutral-900) / .9)
}

html .tailwind-area .active\:bg-neutral-900\/95:active {
    background-color: rgb(var(--ui-neutral-900) / .95)
}

html .tailwind-area .active\:bg-neutral-950:active {
    --tw-bg-opacity: 1;
    background-color: rgb(10 10 10 / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-neutral-950\/0:active {
    background-color: #0a0a0a00
}

html .tailwind-area .active\:bg-neutral-950\/10:active {
    background-color: #0a0a0a1a
}

html .tailwind-area .active\:bg-neutral-950\/100:active {
    background-color: #0a0a0a
}

html .tailwind-area .active\:bg-neutral-950\/15:active {
    background-color: #0a0a0a26
}

html .tailwind-area .active\:bg-neutral-950\/20:active {
    background-color: #0a0a0a33
}

html .tailwind-area .active\:bg-neutral-950\/25:active {
    background-color: #0a0a0a40
}

html .tailwind-area .active\:bg-neutral-950\/30:active {
    background-color: #0a0a0a4d
}

html .tailwind-area .active\:bg-neutral-950\/35:active {
    background-color: #0a0a0a59
}

html .tailwind-area .active\:bg-neutral-950\/40:active {
    background-color: #0a0a0a66
}

html .tailwind-area .active\:bg-neutral-950\/45:active {
    background-color: #0a0a0a73
}

html .tailwind-area .active\:bg-neutral-950\/5:active {
    background-color: #0a0a0a0d
}

html .tailwind-area .active\:bg-neutral-950\/50:active {
    background-color: #0a0a0a80
}

html .tailwind-area .active\:bg-neutral-950\/55:active {
    background-color: #0a0a0a8c
}

html .tailwind-area .active\:bg-neutral-950\/60:active {
    background-color: #0a0a0a99
}

html .tailwind-area .active\:bg-neutral-950\/65:active {
    background-color: #0a0a0aa6
}

html .tailwind-area .active\:bg-neutral-950\/70:active {
    background-color: #0a0a0ab3
}

html .tailwind-area .active\:bg-neutral-950\/75:active {
    background-color: #0a0a0abf
}

html .tailwind-area .active\:bg-neutral-950\/80:active {
    background-color: #0a0a0acc
}

html .tailwind-area .active\:bg-neutral-950\/85:active {
    background-color: #0a0a0ad9
}

html .tailwind-area .active\:bg-neutral-950\/90:active {
    background-color: #0a0a0ae6
}

html .tailwind-area .active\:bg-neutral-950\/95:active {
    background-color: #0a0a0af2
}

html .tailwind-area .active\:bg-primary-100:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-primary-100) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-primary-100\/0:active {
    background-color: rgb(var(--ui-primary-100) / 0)
}

html .tailwind-area .active\:bg-primary-100\/10:active {
    background-color: rgb(var(--ui-primary-100) / .1)
}

html .tailwind-area .active\:bg-primary-100\/100:active {
    background-color: rgb(var(--ui-primary-100) / 1)
}

html .tailwind-area .active\:bg-primary-100\/15:active {
    background-color: rgb(var(--ui-primary-100) / .15)
}

html .tailwind-area .active\:bg-primary-100\/20:active {
    background-color: rgb(var(--ui-primary-100) / .2)
}

html .tailwind-area .active\:bg-primary-100\/25:active {
    background-color: rgb(var(--ui-primary-100) / .25)
}

html .tailwind-area .active\:bg-primary-100\/30:active {
    background-color: rgb(var(--ui-primary-100) / .3)
}

html .tailwind-area .active\:bg-primary-100\/35:active {
    background-color: rgb(var(--ui-primary-100) / .35)
}

html .tailwind-area .active\:bg-primary-100\/40:active {
    background-color: rgb(var(--ui-primary-100) / .4)
}

html .tailwind-area .active\:bg-primary-100\/45:active {
    background-color: rgb(var(--ui-primary-100) / .45)
}

html .tailwind-area .active\:bg-primary-100\/5:active {
    background-color: rgb(var(--ui-primary-100) / .05)
}

html .tailwind-area .active\:bg-primary-100\/50:active {
    background-color: rgb(var(--ui-primary-100) / .5)
}

html .tailwind-area .active\:bg-primary-100\/55:active {
    background-color: rgb(var(--ui-primary-100) / .55)
}

html .tailwind-area .active\:bg-primary-100\/60:active {
    background-color: rgb(var(--ui-primary-100) / .6)
}

html .tailwind-area .active\:bg-primary-100\/65:active {
    background-color: rgb(var(--ui-primary-100) / .65)
}

html .tailwind-area .active\:bg-primary-100\/70:active {
    background-color: rgb(var(--ui-primary-100) / .7)
}

html .tailwind-area .active\:bg-primary-100\/75:active {
    background-color: rgb(var(--ui-primary-100) / .75)
}

html .tailwind-area .active\:bg-primary-100\/80:active {
    background-color: rgb(var(--ui-primary-100) / .8)
}

html .tailwind-area .active\:bg-primary-100\/85:active {
    background-color: rgb(var(--ui-primary-100) / .85)
}

html .tailwind-area .active\:bg-primary-100\/90:active {
    background-color: rgb(var(--ui-primary-100) / .9)
}

html .tailwind-area .active\:bg-primary-100\/95:active {
    background-color: rgb(var(--ui-primary-100) / .95)
}

html .tailwind-area .active\:bg-primary-200:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-primary-200) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-primary-200\/0:active {
    background-color: rgb(var(--ui-primary-200) / 0)
}

html .tailwind-area .active\:bg-primary-200\/10:active {
    background-color: rgb(var(--ui-primary-200) / .1)
}

html .tailwind-area .active\:bg-primary-200\/100:active {
    background-color: rgb(var(--ui-primary-200) / 1)
}

html .tailwind-area .active\:bg-primary-200\/15:active {
    background-color: rgb(var(--ui-primary-200) / .15)
}

html .tailwind-area .active\:bg-primary-200\/20:active {
    background-color: rgb(var(--ui-primary-200) / .2)
}

html .tailwind-area .active\:bg-primary-200\/25:active {
    background-color: rgb(var(--ui-primary-200) / .25)
}

html .tailwind-area .active\:bg-primary-200\/30:active {
    background-color: rgb(var(--ui-primary-200) / .3)
}

html .tailwind-area .active\:bg-primary-200\/35:active {
    background-color: rgb(var(--ui-primary-200) / .35)
}

html .tailwind-area .active\:bg-primary-200\/40:active {
    background-color: rgb(var(--ui-primary-200) / .4)
}

html .tailwind-area .active\:bg-primary-200\/45:active {
    background-color: rgb(var(--ui-primary-200) / .45)
}

html .tailwind-area .active\:bg-primary-200\/5:active {
    background-color: rgb(var(--ui-primary-200) / .05)
}

html .tailwind-area .active\:bg-primary-200\/50:active {
    background-color: rgb(var(--ui-primary-200) / .5)
}

html .tailwind-area .active\:bg-primary-200\/55:active {
    background-color: rgb(var(--ui-primary-200) / .55)
}

html .tailwind-area .active\:bg-primary-200\/60:active {
    background-color: rgb(var(--ui-primary-200) / .6)
}

html .tailwind-area .active\:bg-primary-200\/65:active {
    background-color: rgb(var(--ui-primary-200) / .65)
}

html .tailwind-area .active\:bg-primary-200\/70:active {
    background-color: rgb(var(--ui-primary-200) / .7)
}

html .tailwind-area .active\:bg-primary-200\/75:active {
    background-color: rgb(var(--ui-primary-200) / .75)
}

html .tailwind-area .active\:bg-primary-200\/80:active {
    background-color: rgb(var(--ui-primary-200) / .8)
}

html .tailwind-area .active\:bg-primary-200\/85:active {
    background-color: rgb(var(--ui-primary-200) / .85)
}

html .tailwind-area .active\:bg-primary-200\/90:active {
    background-color: rgb(var(--ui-primary-200) / .9)
}

html .tailwind-area .active\:bg-primary-200\/95:active {
    background-color: rgb(var(--ui-primary-200) / .95)
}

html .tailwind-area .active\:bg-primary-300:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-primary-300) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-primary-300\/0:active {
    background-color: rgb(var(--ui-primary-300) / 0)
}

html .tailwind-area .active\:bg-primary-300\/10:active {
    background-color: rgb(var(--ui-primary-300) / .1)
}

html .tailwind-area .active\:bg-primary-300\/100:active {
    background-color: rgb(var(--ui-primary-300) / 1)
}

html .tailwind-area .active\:bg-primary-300\/15:active {
    background-color: rgb(var(--ui-primary-300) / .15)
}

html .tailwind-area .active\:bg-primary-300\/20:active {
    background-color: rgb(var(--ui-primary-300) / .2)
}

html .tailwind-area .active\:bg-primary-300\/25:active {
    background-color: rgb(var(--ui-primary-300) / .25)
}

html .tailwind-area .active\:bg-primary-300\/30:active {
    background-color: rgb(var(--ui-primary-300) / .3)
}

html .tailwind-area .active\:bg-primary-300\/35:active {
    background-color: rgb(var(--ui-primary-300) / .35)
}

html .tailwind-area .active\:bg-primary-300\/40:active {
    background-color: rgb(var(--ui-primary-300) / .4)
}

html .tailwind-area .active\:bg-primary-300\/45:active {
    background-color: rgb(var(--ui-primary-300) / .45)
}

html .tailwind-area .active\:bg-primary-300\/5:active {
    background-color: rgb(var(--ui-primary-300) / .05)
}

html .tailwind-area .active\:bg-primary-300\/50:active {
    background-color: rgb(var(--ui-primary-300) / .5)
}

html .tailwind-area .active\:bg-primary-300\/55:active {
    background-color: rgb(var(--ui-primary-300) / .55)
}

html .tailwind-area .active\:bg-primary-300\/60:active {
    background-color: rgb(var(--ui-primary-300) / .6)
}

html .tailwind-area .active\:bg-primary-300\/65:active {
    background-color: rgb(var(--ui-primary-300) / .65)
}

html .tailwind-area .active\:bg-primary-300\/70:active {
    background-color: rgb(var(--ui-primary-300) / .7)
}

html .tailwind-area .active\:bg-primary-300\/75:active {
    background-color: rgb(var(--ui-primary-300) / .75)
}

html .tailwind-area .active\:bg-primary-300\/80:active {
    background-color: rgb(var(--ui-primary-300) / .8)
}

html .tailwind-area .active\:bg-primary-300\/85:active {
    background-color: rgb(var(--ui-primary-300) / .85)
}

html .tailwind-area .active\:bg-primary-300\/90:active {
    background-color: rgb(var(--ui-primary-300) / .9)
}

html .tailwind-area .active\:bg-primary-300\/95:active {
    background-color: rgb(var(--ui-primary-300) / .95)
}

html .tailwind-area .active\:bg-primary-400:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-primary-400) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-primary-400\/0:active {
    background-color: rgb(var(--ui-primary-400) / 0)
}

html .tailwind-area .active\:bg-primary-400\/10:active {
    background-color: rgb(var(--ui-primary-400) / .1)
}

html .tailwind-area .active\:bg-primary-400\/100:active {
    background-color: rgb(var(--ui-primary-400) / 1)
}

html .tailwind-area .active\:bg-primary-400\/15:active {
    background-color: rgb(var(--ui-primary-400) / .15)
}

html .tailwind-area .active\:bg-primary-400\/20:active {
    background-color: rgb(var(--ui-primary-400) / .2)
}

html .tailwind-area .active\:bg-primary-400\/25:active {
    background-color: rgb(var(--ui-primary-400) / .25)
}

html .tailwind-area .active\:bg-primary-400\/30:active {
    background-color: rgb(var(--ui-primary-400) / .3)
}

html .tailwind-area .active\:bg-primary-400\/35:active {
    background-color: rgb(var(--ui-primary-400) / .35)
}

html .tailwind-area .active\:bg-primary-400\/40:active {
    background-color: rgb(var(--ui-primary-400) / .4)
}

html .tailwind-area .active\:bg-primary-400\/45:active {
    background-color: rgb(var(--ui-primary-400) / .45)
}

html .tailwind-area .active\:bg-primary-400\/5:active {
    background-color: rgb(var(--ui-primary-400) / .05)
}

html .tailwind-area .active\:bg-primary-400\/50:active {
    background-color: rgb(var(--ui-primary-400) / .5)
}

html .tailwind-area .active\:bg-primary-400\/55:active {
    background-color: rgb(var(--ui-primary-400) / .55)
}

html .tailwind-area .active\:bg-primary-400\/60:active {
    background-color: rgb(var(--ui-primary-400) / .6)
}

html .tailwind-area .active\:bg-primary-400\/65:active {
    background-color: rgb(var(--ui-primary-400) / .65)
}

html .tailwind-area .active\:bg-primary-400\/70:active {
    background-color: rgb(var(--ui-primary-400) / .7)
}

html .tailwind-area .active\:bg-primary-400\/75:active {
    background-color: rgb(var(--ui-primary-400) / .75)
}

html .tailwind-area .active\:bg-primary-400\/80:active {
    background-color: rgb(var(--ui-primary-400) / .8)
}

html .tailwind-area .active\:bg-primary-400\/85:active {
    background-color: rgb(var(--ui-primary-400) / .85)
}

html .tailwind-area .active\:bg-primary-400\/90:active {
    background-color: rgb(var(--ui-primary-400) / .9)
}

html .tailwind-area .active\:bg-primary-400\/95:active {
    background-color: rgb(var(--ui-primary-400) / .95)
}

html .tailwind-area .active\:bg-primary-50:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-primary-50) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-primary-50\/0:active {
    background-color: rgb(var(--ui-primary-50) / 0)
}

html .tailwind-area .active\:bg-primary-50\/10:active {
    background-color: rgb(var(--ui-primary-50) / .1)
}

html .tailwind-area .active\:bg-primary-50\/100:active {
    background-color: rgb(var(--ui-primary-50) / 1)
}

html .tailwind-area .active\:bg-primary-50\/15:active {
    background-color: rgb(var(--ui-primary-50) / .15)
}

html .tailwind-area .active\:bg-primary-50\/20:active {
    background-color: rgb(var(--ui-primary-50) / .2)
}

html .tailwind-area .active\:bg-primary-50\/25:active {
    background-color: rgb(var(--ui-primary-50) / .25)
}

html .tailwind-area .active\:bg-primary-50\/30:active {
    background-color: rgb(var(--ui-primary-50) / .3)
}

html .tailwind-area .active\:bg-primary-50\/35:active {
    background-color: rgb(var(--ui-primary-50) / .35)
}

html .tailwind-area .active\:bg-primary-50\/40:active {
    background-color: rgb(var(--ui-primary-50) / .4)
}

html .tailwind-area .active\:bg-primary-50\/45:active {
    background-color: rgb(var(--ui-primary-50) / .45)
}

html .tailwind-area .active\:bg-primary-50\/5:active {
    background-color: rgb(var(--ui-primary-50) / .05)
}

html .tailwind-area .active\:bg-primary-50\/50:active {
    background-color: rgb(var(--ui-primary-50) / .5)
}

html .tailwind-area .active\:bg-primary-50\/55:active {
    background-color: rgb(var(--ui-primary-50) / .55)
}

html .tailwind-area .active\:bg-primary-50\/60:active {
    background-color: rgb(var(--ui-primary-50) / .6)
}

html .tailwind-area .active\:bg-primary-50\/65:active {
    background-color: rgb(var(--ui-primary-50) / .65)
}

html .tailwind-area .active\:bg-primary-50\/70:active {
    background-color: rgb(var(--ui-primary-50) / .7)
}

html .tailwind-area .active\:bg-primary-50\/75:active {
    background-color: rgb(var(--ui-primary-50) / .75)
}

html .tailwind-area .active\:bg-primary-50\/80:active {
    background-color: rgb(var(--ui-primary-50) / .8)
}

html .tailwind-area .active\:bg-primary-50\/85:active {
    background-color: rgb(var(--ui-primary-50) / .85)
}

html .tailwind-area .active\:bg-primary-50\/90:active {
    background-color: rgb(var(--ui-primary-50) / .9)
}

html .tailwind-area .active\:bg-primary-50\/95:active {
    background-color: rgb(var(--ui-primary-50) / .95)
}

html .tailwind-area .active\:bg-primary-500:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-primary-500) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-primary-500\/0:active {
    background-color: rgb(var(--ui-primary-500) / 0)
}

html .tailwind-area .active\:bg-primary-500\/10:active {
    background-color: rgb(var(--ui-primary-500) / .1)
}

html .tailwind-area .active\:bg-primary-500\/100:active {
    background-color: rgb(var(--ui-primary-500) / 1)
}

html .tailwind-area .active\:bg-primary-500\/15:active {
    background-color: rgb(var(--ui-primary-500) / .15)
}

html .tailwind-area .active\:bg-primary-500\/20:active {
    background-color: rgb(var(--ui-primary-500) / .2)
}

html .tailwind-area .active\:bg-primary-500\/25:active {
    background-color: rgb(var(--ui-primary-500) / .25)
}

html .tailwind-area .active\:bg-primary-500\/30:active {
    background-color: rgb(var(--ui-primary-500) / .3)
}

html .tailwind-area .active\:bg-primary-500\/35:active {
    background-color: rgb(var(--ui-primary-500) / .35)
}

html .tailwind-area .active\:bg-primary-500\/40:active {
    background-color: rgb(var(--ui-primary-500) / .4)
}

html .tailwind-area .active\:bg-primary-500\/45:active {
    background-color: rgb(var(--ui-primary-500) / .45)
}

html .tailwind-area .active\:bg-primary-500\/5:active {
    background-color: rgb(var(--ui-primary-500) / .05)
}

html .tailwind-area .active\:bg-primary-500\/50:active {
    background-color: rgb(var(--ui-primary-500) / .5)
}

html .tailwind-area .active\:bg-primary-500\/55:active {
    background-color: rgb(var(--ui-primary-500) / .55)
}

html .tailwind-area .active\:bg-primary-500\/60:active {
    background-color: rgb(var(--ui-primary-500) / .6)
}

html .tailwind-area .active\:bg-primary-500\/65:active {
    background-color: rgb(var(--ui-primary-500) / .65)
}

html .tailwind-area .active\:bg-primary-500\/70:active {
    background-color: rgb(var(--ui-primary-500) / .7)
}

html .tailwind-area .active\:bg-primary-500\/75:active {
    background-color: rgb(var(--ui-primary-500) / .75)
}

html .tailwind-area .active\:bg-primary-500\/80:active {
    background-color: rgb(var(--ui-primary-500) / .8)
}

html .tailwind-area .active\:bg-primary-500\/85:active {
    background-color: rgb(var(--ui-primary-500) / .85)
}

html .tailwind-area .active\:bg-primary-500\/90:active {
    background-color: rgb(var(--ui-primary-500) / .9)
}

html .tailwind-area .active\:bg-primary-500\/95:active {
    background-color: rgb(var(--ui-primary-500) / .95)
}

html .tailwind-area .active\:bg-primary-600:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-primary-600) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-primary-600\/0:active {
    background-color: rgb(var(--ui-primary-600) / 0)
}

html .tailwind-area .active\:bg-primary-600\/10:active {
    background-color: rgb(var(--ui-primary-600) / .1)
}

html .tailwind-area .active\:bg-primary-600\/100:active {
    background-color: rgb(var(--ui-primary-600) / 1)
}

html .tailwind-area .active\:bg-primary-600\/15:active {
    background-color: rgb(var(--ui-primary-600) / .15)
}

html .tailwind-area .active\:bg-primary-600\/20:active {
    background-color: rgb(var(--ui-primary-600) / .2)
}

html .tailwind-area .active\:bg-primary-600\/25:active {
    background-color: rgb(var(--ui-primary-600) / .25)
}

html .tailwind-area .active\:bg-primary-600\/30:active {
    background-color: rgb(var(--ui-primary-600) / .3)
}

html .tailwind-area .active\:bg-primary-600\/35:active {
    background-color: rgb(var(--ui-primary-600) / .35)
}

html .tailwind-area .active\:bg-primary-600\/40:active {
    background-color: rgb(var(--ui-primary-600) / .4)
}

html .tailwind-area .active\:bg-primary-600\/45:active {
    background-color: rgb(var(--ui-primary-600) / .45)
}

html .tailwind-area .active\:bg-primary-600\/5:active {
    background-color: rgb(var(--ui-primary-600) / .05)
}

html .tailwind-area .active\:bg-primary-600\/50:active {
    background-color: rgb(var(--ui-primary-600) / .5)
}

html .tailwind-area .active\:bg-primary-600\/55:active {
    background-color: rgb(var(--ui-primary-600) / .55)
}

html .tailwind-area .active\:bg-primary-600\/60:active {
    background-color: rgb(var(--ui-primary-600) / .6)
}

html .tailwind-area .active\:bg-primary-600\/65:active {
    background-color: rgb(var(--ui-primary-600) / .65)
}

html .tailwind-area .active\:bg-primary-600\/70:active {
    background-color: rgb(var(--ui-primary-600) / .7)
}

html .tailwind-area .active\:bg-primary-600\/75:active {
    background-color: rgb(var(--ui-primary-600) / .75)
}

html .tailwind-area .active\:bg-primary-600\/80:active {
    background-color: rgb(var(--ui-primary-600) / .8)
}

html .tailwind-area .active\:bg-primary-600\/85:active {
    background-color: rgb(var(--ui-primary-600) / .85)
}

html .tailwind-area .active\:bg-primary-600\/90:active {
    background-color: rgb(var(--ui-primary-600) / .9)
}

html .tailwind-area .active\:bg-primary-600\/95:active {
    background-color: rgb(var(--ui-primary-600) / .95)
}

html .tailwind-area .active\:bg-primary-700:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-primary-700) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-primary-700\/0:active {
    background-color: rgb(var(--ui-primary-700) / 0)
}

html .tailwind-area .active\:bg-primary-700\/10:active {
    background-color: rgb(var(--ui-primary-700) / .1)
}

html .tailwind-area .active\:bg-primary-700\/100:active {
    background-color: rgb(var(--ui-primary-700) / 1)
}

html .tailwind-area .active\:bg-primary-700\/15:active {
    background-color: rgb(var(--ui-primary-700) / .15)
}

html .tailwind-area .active\:bg-primary-700\/20:active {
    background-color: rgb(var(--ui-primary-700) / .2)
}

html .tailwind-area .active\:bg-primary-700\/25:active {
    background-color: rgb(var(--ui-primary-700) / .25)
}

html .tailwind-area .active\:bg-primary-700\/30:active {
    background-color: rgb(var(--ui-primary-700) / .3)
}

html .tailwind-area .active\:bg-primary-700\/35:active {
    background-color: rgb(var(--ui-primary-700) / .35)
}

html .tailwind-area .active\:bg-primary-700\/40:active {
    background-color: rgb(var(--ui-primary-700) / .4)
}

html .tailwind-area .active\:bg-primary-700\/45:active {
    background-color: rgb(var(--ui-primary-700) / .45)
}

html .tailwind-area .active\:bg-primary-700\/5:active {
    background-color: rgb(var(--ui-primary-700) / .05)
}

html .tailwind-area .active\:bg-primary-700\/50:active {
    background-color: rgb(var(--ui-primary-700) / .5)
}

html .tailwind-area .active\:bg-primary-700\/55:active {
    background-color: rgb(var(--ui-primary-700) / .55)
}

html .tailwind-area .active\:bg-primary-700\/60:active {
    background-color: rgb(var(--ui-primary-700) / .6)
}

html .tailwind-area .active\:bg-primary-700\/65:active {
    background-color: rgb(var(--ui-primary-700) / .65)
}

html .tailwind-area .active\:bg-primary-700\/70:active {
    background-color: rgb(var(--ui-primary-700) / .7)
}

html .tailwind-area .active\:bg-primary-700\/75:active {
    background-color: rgb(var(--ui-primary-700) / .75)
}

html .tailwind-area .active\:bg-primary-700\/80:active {
    background-color: rgb(var(--ui-primary-700) / .8)
}

html .tailwind-area .active\:bg-primary-700\/85:active {
    background-color: rgb(var(--ui-primary-700) / .85)
}

html .tailwind-area .active\:bg-primary-700\/90:active {
    background-color: rgb(var(--ui-primary-700) / .9)
}

html .tailwind-area .active\:bg-primary-700\/95:active {
    background-color: rgb(var(--ui-primary-700) / .95)
}

html .tailwind-area .active\:bg-primary-800:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-primary-800) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-primary-800\/0:active {
    background-color: rgb(var(--ui-primary-800) / 0)
}

html .tailwind-area .active\:bg-primary-800\/10:active {
    background-color: rgb(var(--ui-primary-800) / .1)
}

html .tailwind-area .active\:bg-primary-800\/100:active {
    background-color: rgb(var(--ui-primary-800) / 1)
}

html .tailwind-area .active\:bg-primary-800\/15:active {
    background-color: rgb(var(--ui-primary-800) / .15)
}

html .tailwind-area .active\:bg-primary-800\/20:active {
    background-color: rgb(var(--ui-primary-800) / .2)
}

html .tailwind-area .active\:bg-primary-800\/25:active {
    background-color: rgb(var(--ui-primary-800) / .25)
}

html .tailwind-area .active\:bg-primary-800\/30:active {
    background-color: rgb(var(--ui-primary-800) / .3)
}

html .tailwind-area .active\:bg-primary-800\/35:active {
    background-color: rgb(var(--ui-primary-800) / .35)
}

html .tailwind-area .active\:bg-primary-800\/40:active {
    background-color: rgb(var(--ui-primary-800) / .4)
}

html .tailwind-area .active\:bg-primary-800\/45:active {
    background-color: rgb(var(--ui-primary-800) / .45)
}

html .tailwind-area .active\:bg-primary-800\/5:active {
    background-color: rgb(var(--ui-primary-800) / .05)
}

html .tailwind-area .active\:bg-primary-800\/50:active {
    background-color: rgb(var(--ui-primary-800) / .5)
}

html .tailwind-area .active\:bg-primary-800\/55:active {
    background-color: rgb(var(--ui-primary-800) / .55)
}

html .tailwind-area .active\:bg-primary-800\/60:active {
    background-color: rgb(var(--ui-primary-800) / .6)
}

html .tailwind-area .active\:bg-primary-800\/65:active {
    background-color: rgb(var(--ui-primary-800) / .65)
}

html .tailwind-area .active\:bg-primary-800\/70:active {
    background-color: rgb(var(--ui-primary-800) / .7)
}

html .tailwind-area .active\:bg-primary-800\/75:active {
    background-color: rgb(var(--ui-primary-800) / .75)
}

html .tailwind-area .active\:bg-primary-800\/80:active {
    background-color: rgb(var(--ui-primary-800) / .8)
}

html .tailwind-area .active\:bg-primary-800\/85:active {
    background-color: rgb(var(--ui-primary-800) / .85)
}

html .tailwind-area .active\:bg-primary-800\/90:active {
    background-color: rgb(var(--ui-primary-800) / .9)
}

html .tailwind-area .active\:bg-primary-800\/95:active {
    background-color: rgb(var(--ui-primary-800) / .95)
}

html .tailwind-area .active\:bg-primary-900:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-primary-900) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-primary-900\/0:active {
    background-color: rgb(var(--ui-primary-900) / 0)
}

html .tailwind-area .active\:bg-primary-900\/10:active {
    background-color: rgb(var(--ui-primary-900) / .1)
}

html .tailwind-area .active\:bg-primary-900\/100:active {
    background-color: rgb(var(--ui-primary-900) / 1)
}

html .tailwind-area .active\:bg-primary-900\/15:active {
    background-color: rgb(var(--ui-primary-900) / .15)
}

html .tailwind-area .active\:bg-primary-900\/20:active {
    background-color: rgb(var(--ui-primary-900) / .2)
}

html .tailwind-area .active\:bg-primary-900\/25:active {
    background-color: rgb(var(--ui-primary-900) / .25)
}

html .tailwind-area .active\:bg-primary-900\/30:active {
    background-color: rgb(var(--ui-primary-900) / .3)
}

html .tailwind-area .active\:bg-primary-900\/35:active {
    background-color: rgb(var(--ui-primary-900) / .35)
}

html .tailwind-area .active\:bg-primary-900\/40:active {
    background-color: rgb(var(--ui-primary-900) / .4)
}

html .tailwind-area .active\:bg-primary-900\/45:active {
    background-color: rgb(var(--ui-primary-900) / .45)
}

html .tailwind-area .active\:bg-primary-900\/5:active {
    background-color: rgb(var(--ui-primary-900) / .05)
}

html .tailwind-area .active\:bg-primary-900\/50:active {
    background-color: rgb(var(--ui-primary-900) / .5)
}

html .tailwind-area .active\:bg-primary-900\/55:active {
    background-color: rgb(var(--ui-primary-900) / .55)
}

html .tailwind-area .active\:bg-primary-900\/60:active {
    background-color: rgb(var(--ui-primary-900) / .6)
}

html .tailwind-area .active\:bg-primary-900\/65:active {
    background-color: rgb(var(--ui-primary-900) / .65)
}

html .tailwind-area .active\:bg-primary-900\/70:active {
    background-color: rgb(var(--ui-primary-900) / .7)
}

html .tailwind-area .active\:bg-primary-900\/75:active {
    background-color: rgb(var(--ui-primary-900) / .75)
}

html .tailwind-area .active\:bg-primary-900\/80:active {
    background-color: rgb(var(--ui-primary-900) / .8)
}

html .tailwind-area .active\:bg-primary-900\/85:active {
    background-color: rgb(var(--ui-primary-900) / .85)
}

html .tailwind-area .active\:bg-primary-900\/90:active {
    background-color: rgb(var(--ui-primary-900) / .9)
}

html .tailwind-area .active\:bg-primary-900\/95:active {
    background-color: rgb(var(--ui-primary-900) / .95)
}

html .tailwind-area .active\:bg-safe-100:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-safe-100) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-safe-100\/0:active {
    background-color: rgb(var(--ui-safe-100) / 0)
}

html .tailwind-area .active\:bg-safe-100\/10:active {
    background-color: rgb(var(--ui-safe-100) / .1)
}

html .tailwind-area .active\:bg-safe-100\/100:active {
    background-color: rgb(var(--ui-safe-100) / 1)
}

html .tailwind-area .active\:bg-safe-100\/15:active {
    background-color: rgb(var(--ui-safe-100) / .15)
}

html .tailwind-area .active\:bg-safe-100\/20:active {
    background-color: rgb(var(--ui-safe-100) / .2)
}

html .tailwind-area .active\:bg-safe-100\/25:active {
    background-color: rgb(var(--ui-safe-100) / .25)
}

html .tailwind-area .active\:bg-safe-100\/30:active {
    background-color: rgb(var(--ui-safe-100) / .3)
}

html .tailwind-area .active\:bg-safe-100\/35:active {
    background-color: rgb(var(--ui-safe-100) / .35)
}

html .tailwind-area .active\:bg-safe-100\/40:active {
    background-color: rgb(var(--ui-safe-100) / .4)
}

html .tailwind-area .active\:bg-safe-100\/45:active {
    background-color: rgb(var(--ui-safe-100) / .45)
}

html .tailwind-area .active\:bg-safe-100\/5:active {
    background-color: rgb(var(--ui-safe-100) / .05)
}

html .tailwind-area .active\:bg-safe-100\/50:active {
    background-color: rgb(var(--ui-safe-100) / .5)
}

html .tailwind-area .active\:bg-safe-100\/55:active {
    background-color: rgb(var(--ui-safe-100) / .55)
}

html .tailwind-area .active\:bg-safe-100\/60:active {
    background-color: rgb(var(--ui-safe-100) / .6)
}

html .tailwind-area .active\:bg-safe-100\/65:active {
    background-color: rgb(var(--ui-safe-100) / .65)
}

html .tailwind-area .active\:bg-safe-100\/70:active {
    background-color: rgb(var(--ui-safe-100) / .7)
}

html .tailwind-area .active\:bg-safe-100\/75:active {
    background-color: rgb(var(--ui-safe-100) / .75)
}

html .tailwind-area .active\:bg-safe-100\/80:active {
    background-color: rgb(var(--ui-safe-100) / .8)
}

html .tailwind-area .active\:bg-safe-100\/85:active {
    background-color: rgb(var(--ui-safe-100) / .85)
}

html .tailwind-area .active\:bg-safe-100\/90:active {
    background-color: rgb(var(--ui-safe-100) / .9)
}

html .tailwind-area .active\:bg-safe-100\/95:active {
    background-color: rgb(var(--ui-safe-100) / .95)
}

html .tailwind-area .active\:bg-safe-200:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-safe-200) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-safe-200\/0:active {
    background-color: rgb(var(--ui-safe-200) / 0)
}

html .tailwind-area .active\:bg-safe-200\/10:active {
    background-color: rgb(var(--ui-safe-200) / .1)
}

html .tailwind-area .active\:bg-safe-200\/100:active {
    background-color: rgb(var(--ui-safe-200) / 1)
}

html .tailwind-area .active\:bg-safe-200\/15:active {
    background-color: rgb(var(--ui-safe-200) / .15)
}

html .tailwind-area .active\:bg-safe-200\/20:active {
    background-color: rgb(var(--ui-safe-200) / .2)
}

html .tailwind-area .active\:bg-safe-200\/25:active {
    background-color: rgb(var(--ui-safe-200) / .25)
}

html .tailwind-area .active\:bg-safe-200\/30:active {
    background-color: rgb(var(--ui-safe-200) / .3)
}

html .tailwind-area .active\:bg-safe-200\/35:active {
    background-color: rgb(var(--ui-safe-200) / .35)
}

html .tailwind-area .active\:bg-safe-200\/40:active {
    background-color: rgb(var(--ui-safe-200) / .4)
}

html .tailwind-area .active\:bg-safe-200\/45:active {
    background-color: rgb(var(--ui-safe-200) / .45)
}

html .tailwind-area .active\:bg-safe-200\/5:active {
    background-color: rgb(var(--ui-safe-200) / .05)
}

html .tailwind-area .active\:bg-safe-200\/50:active {
    background-color: rgb(var(--ui-safe-200) / .5)
}

html .tailwind-area .active\:bg-safe-200\/55:active {
    background-color: rgb(var(--ui-safe-200) / .55)
}

html .tailwind-area .active\:bg-safe-200\/60:active {
    background-color: rgb(var(--ui-safe-200) / .6)
}

html .tailwind-area .active\:bg-safe-200\/65:active {
    background-color: rgb(var(--ui-safe-200) / .65)
}

html .tailwind-area .active\:bg-safe-200\/70:active {
    background-color: rgb(var(--ui-safe-200) / .7)
}

html .tailwind-area .active\:bg-safe-200\/75:active {
    background-color: rgb(var(--ui-safe-200) / .75)
}

html .tailwind-area .active\:bg-safe-200\/80:active {
    background-color: rgb(var(--ui-safe-200) / .8)
}

html .tailwind-area .active\:bg-safe-200\/85:active {
    background-color: rgb(var(--ui-safe-200) / .85)
}

html .tailwind-area .active\:bg-safe-200\/90:active {
    background-color: rgb(var(--ui-safe-200) / .9)
}

html .tailwind-area .active\:bg-safe-200\/95:active {
    background-color: rgb(var(--ui-safe-200) / .95)
}

html .tailwind-area .active\:bg-safe-300:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-safe-300) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-safe-300\/0:active {
    background-color: rgb(var(--ui-safe-300) / 0)
}

html .tailwind-area .active\:bg-safe-300\/10:active {
    background-color: rgb(var(--ui-safe-300) / .1)
}

html .tailwind-area .active\:bg-safe-300\/100:active {
    background-color: rgb(var(--ui-safe-300) / 1)
}

html .tailwind-area .active\:bg-safe-300\/15:active {
    background-color: rgb(var(--ui-safe-300) / .15)
}

html .tailwind-area .active\:bg-safe-300\/20:active {
    background-color: rgb(var(--ui-safe-300) / .2)
}

html .tailwind-area .active\:bg-safe-300\/25:active {
    background-color: rgb(var(--ui-safe-300) / .25)
}

html .tailwind-area .active\:bg-safe-300\/30:active {
    background-color: rgb(var(--ui-safe-300) / .3)
}

html .tailwind-area .active\:bg-safe-300\/35:active {
    background-color: rgb(var(--ui-safe-300) / .35)
}

html .tailwind-area .active\:bg-safe-300\/40:active {
    background-color: rgb(var(--ui-safe-300) / .4)
}

html .tailwind-area .active\:bg-safe-300\/45:active {
    background-color: rgb(var(--ui-safe-300) / .45)
}

html .tailwind-area .active\:bg-safe-300\/5:active {
    background-color: rgb(var(--ui-safe-300) / .05)
}

html .tailwind-area .active\:bg-safe-300\/50:active {
    background-color: rgb(var(--ui-safe-300) / .5)
}

html .tailwind-area .active\:bg-safe-300\/55:active {
    background-color: rgb(var(--ui-safe-300) / .55)
}

html .tailwind-area .active\:bg-safe-300\/60:active {
    background-color: rgb(var(--ui-safe-300) / .6)
}

html .tailwind-area .active\:bg-safe-300\/65:active {
    background-color: rgb(var(--ui-safe-300) / .65)
}

html .tailwind-area .active\:bg-safe-300\/70:active {
    background-color: rgb(var(--ui-safe-300) / .7)
}

html .tailwind-area .active\:bg-safe-300\/75:active {
    background-color: rgb(var(--ui-safe-300) / .75)
}

html .tailwind-area .active\:bg-safe-300\/80:active {
    background-color: rgb(var(--ui-safe-300) / .8)
}

html .tailwind-area .active\:bg-safe-300\/85:active {
    background-color: rgb(var(--ui-safe-300) / .85)
}

html .tailwind-area .active\:bg-safe-300\/90:active {
    background-color: rgb(var(--ui-safe-300) / .9)
}

html .tailwind-area .active\:bg-safe-300\/95:active {
    background-color: rgb(var(--ui-safe-300) / .95)
}

html .tailwind-area .active\:bg-safe-400:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-safe-400) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-safe-400\/0:active {
    background-color: rgb(var(--ui-safe-400) / 0)
}

html .tailwind-area .active\:bg-safe-400\/10:active {
    background-color: rgb(var(--ui-safe-400) / .1)
}

html .tailwind-area .active\:bg-safe-400\/100:active {
    background-color: rgb(var(--ui-safe-400) / 1)
}

html .tailwind-area .active\:bg-safe-400\/15:active {
    background-color: rgb(var(--ui-safe-400) / .15)
}

html .tailwind-area .active\:bg-safe-400\/20:active {
    background-color: rgb(var(--ui-safe-400) / .2)
}

html .tailwind-area .active\:bg-safe-400\/25:active {
    background-color: rgb(var(--ui-safe-400) / .25)
}

html .tailwind-area .active\:bg-safe-400\/30:active {
    background-color: rgb(var(--ui-safe-400) / .3)
}

html .tailwind-area .active\:bg-safe-400\/35:active {
    background-color: rgb(var(--ui-safe-400) / .35)
}

html .tailwind-area .active\:bg-safe-400\/40:active {
    background-color: rgb(var(--ui-safe-400) / .4)
}

html .tailwind-area .active\:bg-safe-400\/45:active {
    background-color: rgb(var(--ui-safe-400) / .45)
}

html .tailwind-area .active\:bg-safe-400\/5:active {
    background-color: rgb(var(--ui-safe-400) / .05)
}

html .tailwind-area .active\:bg-safe-400\/50:active {
    background-color: rgb(var(--ui-safe-400) / .5)
}

html .tailwind-area .active\:bg-safe-400\/55:active {
    background-color: rgb(var(--ui-safe-400) / .55)
}

html .tailwind-area .active\:bg-safe-400\/60:active {
    background-color: rgb(var(--ui-safe-400) / .6)
}

html .tailwind-area .active\:bg-safe-400\/65:active {
    background-color: rgb(var(--ui-safe-400) / .65)
}

html .tailwind-area .active\:bg-safe-400\/70:active {
    background-color: rgb(var(--ui-safe-400) / .7)
}

html .tailwind-area .active\:bg-safe-400\/75:active {
    background-color: rgb(var(--ui-safe-400) / .75)
}

html .tailwind-area .active\:bg-safe-400\/80:active {
    background-color: rgb(var(--ui-safe-400) / .8)
}

html .tailwind-area .active\:bg-safe-400\/85:active {
    background-color: rgb(var(--ui-safe-400) / .85)
}

html .tailwind-area .active\:bg-safe-400\/90:active {
    background-color: rgb(var(--ui-safe-400) / .9)
}

html .tailwind-area .active\:bg-safe-400\/95:active {
    background-color: rgb(var(--ui-safe-400) / .95)
}

html .tailwind-area .active\:bg-safe-50:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-safe-50) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-safe-50\/0:active {
    background-color: rgb(var(--ui-safe-50) / 0)
}

html .tailwind-area .active\:bg-safe-50\/10:active {
    background-color: rgb(var(--ui-safe-50) / .1)
}

html .tailwind-area .active\:bg-safe-50\/100:active {
    background-color: rgb(var(--ui-safe-50) / 1)
}

html .tailwind-area .active\:bg-safe-50\/15:active {
    background-color: rgb(var(--ui-safe-50) / .15)
}

html .tailwind-area .active\:bg-safe-50\/20:active {
    background-color: rgb(var(--ui-safe-50) / .2)
}

html .tailwind-area .active\:bg-safe-50\/25:active {
    background-color: rgb(var(--ui-safe-50) / .25)
}

html .tailwind-area .active\:bg-safe-50\/30:active {
    background-color: rgb(var(--ui-safe-50) / .3)
}

html .tailwind-area .active\:bg-safe-50\/35:active {
    background-color: rgb(var(--ui-safe-50) / .35)
}

html .tailwind-area .active\:bg-safe-50\/40:active {
    background-color: rgb(var(--ui-safe-50) / .4)
}

html .tailwind-area .active\:bg-safe-50\/45:active {
    background-color: rgb(var(--ui-safe-50) / .45)
}

html .tailwind-area .active\:bg-safe-50\/5:active {
    background-color: rgb(var(--ui-safe-50) / .05)
}

html .tailwind-area .active\:bg-safe-50\/50:active {
    background-color: rgb(var(--ui-safe-50) / .5)
}

html .tailwind-area .active\:bg-safe-50\/55:active {
    background-color: rgb(var(--ui-safe-50) / .55)
}

html .tailwind-area .active\:bg-safe-50\/60:active {
    background-color: rgb(var(--ui-safe-50) / .6)
}

html .tailwind-area .active\:bg-safe-50\/65:active {
    background-color: rgb(var(--ui-safe-50) / .65)
}

html .tailwind-area .active\:bg-safe-50\/70:active {
    background-color: rgb(var(--ui-safe-50) / .7)
}

html .tailwind-area .active\:bg-safe-50\/75:active {
    background-color: rgb(var(--ui-safe-50) / .75)
}

html .tailwind-area .active\:bg-safe-50\/80:active {
    background-color: rgb(var(--ui-safe-50) / .8)
}

html .tailwind-area .active\:bg-safe-50\/85:active {
    background-color: rgb(var(--ui-safe-50) / .85)
}

html .tailwind-area .active\:bg-safe-50\/90:active {
    background-color: rgb(var(--ui-safe-50) / .9)
}

html .tailwind-area .active\:bg-safe-50\/95:active {
    background-color: rgb(var(--ui-safe-50) / .95)
}

html .tailwind-area .active\:bg-safe-500:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-safe-500) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-safe-500\/0:active {
    background-color: rgb(var(--ui-safe-500) / 0)
}

html .tailwind-area .active\:bg-safe-500\/10:active {
    background-color: rgb(var(--ui-safe-500) / .1)
}

html .tailwind-area .active\:bg-safe-500\/100:active {
    background-color: rgb(var(--ui-safe-500) / 1)
}

html .tailwind-area .active\:bg-safe-500\/15:active {
    background-color: rgb(var(--ui-safe-500) / .15)
}

html .tailwind-area .active\:bg-safe-500\/20:active {
    background-color: rgb(var(--ui-safe-500) / .2)
}

html .tailwind-area .active\:bg-safe-500\/25:active {
    background-color: rgb(var(--ui-safe-500) / .25)
}

html .tailwind-area .active\:bg-safe-500\/30:active {
    background-color: rgb(var(--ui-safe-500) / .3)
}

html .tailwind-area .active\:bg-safe-500\/35:active {
    background-color: rgb(var(--ui-safe-500) / .35)
}

html .tailwind-area .active\:bg-safe-500\/40:active {
    background-color: rgb(var(--ui-safe-500) / .4)
}

html .tailwind-area .active\:bg-safe-500\/45:active {
    background-color: rgb(var(--ui-safe-500) / .45)
}

html .tailwind-area .active\:bg-safe-500\/5:active {
    background-color: rgb(var(--ui-safe-500) / .05)
}

html .tailwind-area .active\:bg-safe-500\/50:active {
    background-color: rgb(var(--ui-safe-500) / .5)
}

html .tailwind-area .active\:bg-safe-500\/55:active {
    background-color: rgb(var(--ui-safe-500) / .55)
}

html .tailwind-area .active\:bg-safe-500\/60:active {
    background-color: rgb(var(--ui-safe-500) / .6)
}

html .tailwind-area .active\:bg-safe-500\/65:active {
    background-color: rgb(var(--ui-safe-500) / .65)
}

html .tailwind-area .active\:bg-safe-500\/70:active {
    background-color: rgb(var(--ui-safe-500) / .7)
}

html .tailwind-area .active\:bg-safe-500\/75:active {
    background-color: rgb(var(--ui-safe-500) / .75)
}

html .tailwind-area .active\:bg-safe-500\/80:active {
    background-color: rgb(var(--ui-safe-500) / .8)
}

html .tailwind-area .active\:bg-safe-500\/85:active {
    background-color: rgb(var(--ui-safe-500) / .85)
}

html .tailwind-area .active\:bg-safe-500\/90:active {
    background-color: rgb(var(--ui-safe-500) / .9)
}

html .tailwind-area .active\:bg-safe-500\/95:active {
    background-color: rgb(var(--ui-safe-500) / .95)
}

html .tailwind-area .active\:bg-safe-600:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-safe-600) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-safe-600\/0:active {
    background-color: rgb(var(--ui-safe-600) / 0)
}

html .tailwind-area .active\:bg-safe-600\/10:active {
    background-color: rgb(var(--ui-safe-600) / .1)
}

html .tailwind-area .active\:bg-safe-600\/100:active {
    background-color: rgb(var(--ui-safe-600) / 1)
}

html .tailwind-area .active\:bg-safe-600\/15:active {
    background-color: rgb(var(--ui-safe-600) / .15)
}

html .tailwind-area .active\:bg-safe-600\/20:active {
    background-color: rgb(var(--ui-safe-600) / .2)
}

html .tailwind-area .active\:bg-safe-600\/25:active {
    background-color: rgb(var(--ui-safe-600) / .25)
}

html .tailwind-area .active\:bg-safe-600\/30:active {
    background-color: rgb(var(--ui-safe-600) / .3)
}

html .tailwind-area .active\:bg-safe-600\/35:active {
    background-color: rgb(var(--ui-safe-600) / .35)
}

html .tailwind-area .active\:bg-safe-600\/40:active {
    background-color: rgb(var(--ui-safe-600) / .4)
}

html .tailwind-area .active\:bg-safe-600\/45:active {
    background-color: rgb(var(--ui-safe-600) / .45)
}

html .tailwind-area .active\:bg-safe-600\/5:active {
    background-color: rgb(var(--ui-safe-600) / .05)
}

html .tailwind-area .active\:bg-safe-600\/50:active {
    background-color: rgb(var(--ui-safe-600) / .5)
}

html .tailwind-area .active\:bg-safe-600\/55:active {
    background-color: rgb(var(--ui-safe-600) / .55)
}

html .tailwind-area .active\:bg-safe-600\/60:active {
    background-color: rgb(var(--ui-safe-600) / .6)
}

html .tailwind-area .active\:bg-safe-600\/65:active {
    background-color: rgb(var(--ui-safe-600) / .65)
}

html .tailwind-area .active\:bg-safe-600\/70:active {
    background-color: rgb(var(--ui-safe-600) / .7)
}

html .tailwind-area .active\:bg-safe-600\/75:active {
    background-color: rgb(var(--ui-safe-600) / .75)
}

html .tailwind-area .active\:bg-safe-600\/80:active {
    background-color: rgb(var(--ui-safe-600) / .8)
}

html .tailwind-area .active\:bg-safe-600\/85:active {
    background-color: rgb(var(--ui-safe-600) / .85)
}

html .tailwind-area .active\:bg-safe-600\/90:active {
    background-color: rgb(var(--ui-safe-600) / .9)
}

html .tailwind-area .active\:bg-safe-600\/95:active {
    background-color: rgb(var(--ui-safe-600) / .95)
}

html .tailwind-area .active\:bg-safe-700:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-safe-700) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-safe-700\/0:active {
    background-color: rgb(var(--ui-safe-700) / 0)
}

html .tailwind-area .active\:bg-safe-700\/10:active {
    background-color: rgb(var(--ui-safe-700) / .1)
}

html .tailwind-area .active\:bg-safe-700\/100:active {
    background-color: rgb(var(--ui-safe-700) / 1)
}

html .tailwind-area .active\:bg-safe-700\/15:active {
    background-color: rgb(var(--ui-safe-700) / .15)
}

html .tailwind-area .active\:bg-safe-700\/20:active {
    background-color: rgb(var(--ui-safe-700) / .2)
}

html .tailwind-area .active\:bg-safe-700\/25:active {
    background-color: rgb(var(--ui-safe-700) / .25)
}

html .tailwind-area .active\:bg-safe-700\/30:active {
    background-color: rgb(var(--ui-safe-700) / .3)
}

html .tailwind-area .active\:bg-safe-700\/35:active {
    background-color: rgb(var(--ui-safe-700) / .35)
}

html .tailwind-area .active\:bg-safe-700\/40:active {
    background-color: rgb(var(--ui-safe-700) / .4)
}

html .tailwind-area .active\:bg-safe-700\/45:active {
    background-color: rgb(var(--ui-safe-700) / .45)
}

html .tailwind-area .active\:bg-safe-700\/5:active {
    background-color: rgb(var(--ui-safe-700) / .05)
}

html .tailwind-area .active\:bg-safe-700\/50:active {
    background-color: rgb(var(--ui-safe-700) / .5)
}

html .tailwind-area .active\:bg-safe-700\/55:active {
    background-color: rgb(var(--ui-safe-700) / .55)
}

html .tailwind-area .active\:bg-safe-700\/60:active {
    background-color: rgb(var(--ui-safe-700) / .6)
}

html .tailwind-area .active\:bg-safe-700\/65:active {
    background-color: rgb(var(--ui-safe-700) / .65)
}

html .tailwind-area .active\:bg-safe-700\/70:active {
    background-color: rgb(var(--ui-safe-700) / .7)
}

html .tailwind-area .active\:bg-safe-700\/75:active {
    background-color: rgb(var(--ui-safe-700) / .75)
}

html .tailwind-area .active\:bg-safe-700\/80:active {
    background-color: rgb(var(--ui-safe-700) / .8)
}

html .tailwind-area .active\:bg-safe-700\/85:active {
    background-color: rgb(var(--ui-safe-700) / .85)
}

html .tailwind-area .active\:bg-safe-700\/90:active {
    background-color: rgb(var(--ui-safe-700) / .9)
}

html .tailwind-area .active\:bg-safe-700\/95:active {
    background-color: rgb(var(--ui-safe-700) / .95)
}

html .tailwind-area .active\:bg-safe-800:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-safe-800) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-safe-800\/0:active {
    background-color: rgb(var(--ui-safe-800) / 0)
}

html .tailwind-area .active\:bg-safe-800\/10:active {
    background-color: rgb(var(--ui-safe-800) / .1)
}

html .tailwind-area .active\:bg-safe-800\/100:active {
    background-color: rgb(var(--ui-safe-800) / 1)
}

html .tailwind-area .active\:bg-safe-800\/15:active {
    background-color: rgb(var(--ui-safe-800) / .15)
}

html .tailwind-area .active\:bg-safe-800\/20:active {
    background-color: rgb(var(--ui-safe-800) / .2)
}

html .tailwind-area .active\:bg-safe-800\/25:active {
    background-color: rgb(var(--ui-safe-800) / .25)
}

html .tailwind-area .active\:bg-safe-800\/30:active {
    background-color: rgb(var(--ui-safe-800) / .3)
}

html .tailwind-area .active\:bg-safe-800\/35:active {
    background-color: rgb(var(--ui-safe-800) / .35)
}

html .tailwind-area .active\:bg-safe-800\/40:active {
    background-color: rgb(var(--ui-safe-800) / .4)
}

html .tailwind-area .active\:bg-safe-800\/45:active {
    background-color: rgb(var(--ui-safe-800) / .45)
}

html .tailwind-area .active\:bg-safe-800\/5:active {
    background-color: rgb(var(--ui-safe-800) / .05)
}

html .tailwind-area .active\:bg-safe-800\/50:active {
    background-color: rgb(var(--ui-safe-800) / .5)
}

html .tailwind-area .active\:bg-safe-800\/55:active {
    background-color: rgb(var(--ui-safe-800) / .55)
}

html .tailwind-area .active\:bg-safe-800\/60:active {
    background-color: rgb(var(--ui-safe-800) / .6)
}

html .tailwind-area .active\:bg-safe-800\/65:active {
    background-color: rgb(var(--ui-safe-800) / .65)
}

html .tailwind-area .active\:bg-safe-800\/70:active {
    background-color: rgb(var(--ui-safe-800) / .7)
}

html .tailwind-area .active\:bg-safe-800\/75:active {
    background-color: rgb(var(--ui-safe-800) / .75)
}

html .tailwind-area .active\:bg-safe-800\/80:active {
    background-color: rgb(var(--ui-safe-800) / .8)
}

html .tailwind-area .active\:bg-safe-800\/85:active {
    background-color: rgb(var(--ui-safe-800) / .85)
}

html .tailwind-area .active\:bg-safe-800\/90:active {
    background-color: rgb(var(--ui-safe-800) / .9)
}

html .tailwind-area .active\:bg-safe-800\/95:active {
    background-color: rgb(var(--ui-safe-800) / .95)
}

html .tailwind-area .active\:bg-safe-900:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-safe-900) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-safe-900\/0:active {
    background-color: rgb(var(--ui-safe-900) / 0)
}

html .tailwind-area .active\:bg-safe-900\/10:active {
    background-color: rgb(var(--ui-safe-900) / .1)
}

html .tailwind-area .active\:bg-safe-900\/100:active {
    background-color: rgb(var(--ui-safe-900) / 1)
}

html .tailwind-area .active\:bg-safe-900\/15:active {
    background-color: rgb(var(--ui-safe-900) / .15)
}

html .tailwind-area .active\:bg-safe-900\/20:active {
    background-color: rgb(var(--ui-safe-900) / .2)
}

html .tailwind-area .active\:bg-safe-900\/25:active {
    background-color: rgb(var(--ui-safe-900) / .25)
}

html .tailwind-area .active\:bg-safe-900\/30:active {
    background-color: rgb(var(--ui-safe-900) / .3)
}

html .tailwind-area .active\:bg-safe-900\/35:active {
    background-color: rgb(var(--ui-safe-900) / .35)
}

html .tailwind-area .active\:bg-safe-900\/40:active {
    background-color: rgb(var(--ui-safe-900) / .4)
}

html .tailwind-area .active\:bg-safe-900\/45:active {
    background-color: rgb(var(--ui-safe-900) / .45)
}

html .tailwind-area .active\:bg-safe-900\/5:active {
    background-color: rgb(var(--ui-safe-900) / .05)
}

html .tailwind-area .active\:bg-safe-900\/50:active {
    background-color: rgb(var(--ui-safe-900) / .5)
}

html .tailwind-area .active\:bg-safe-900\/55:active {
    background-color: rgb(var(--ui-safe-900) / .55)
}

html .tailwind-area .active\:bg-safe-900\/60:active {
    background-color: rgb(var(--ui-safe-900) / .6)
}

html .tailwind-area .active\:bg-safe-900\/65:active {
    background-color: rgb(var(--ui-safe-900) / .65)
}

html .tailwind-area .active\:bg-safe-900\/70:active {
    background-color: rgb(var(--ui-safe-900) / .7)
}

html .tailwind-area .active\:bg-safe-900\/75:active {
    background-color: rgb(var(--ui-safe-900) / .75)
}

html .tailwind-area .active\:bg-safe-900\/80:active {
    background-color: rgb(var(--ui-safe-900) / .8)
}

html .tailwind-area .active\:bg-safe-900\/85:active {
    background-color: rgb(var(--ui-safe-900) / .85)
}

html .tailwind-area .active\:bg-safe-900\/90:active {
    background-color: rgb(var(--ui-safe-900) / .9)
}

html .tailwind-area .active\:bg-safe-900\/95:active {
    background-color: rgb(var(--ui-safe-900) / .95)
}

html .tailwind-area .active\:bg-warning-100:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-warning-100) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-warning-100\/0:active {
    background-color: rgb(var(--ui-warning-100) / 0)
}

html .tailwind-area .active\:bg-warning-100\/10:active {
    background-color: rgb(var(--ui-warning-100) / .1)
}

html .tailwind-area .active\:bg-warning-100\/100:active {
    background-color: rgb(var(--ui-warning-100) / 1)
}

html .tailwind-area .active\:bg-warning-100\/15:active {
    background-color: rgb(var(--ui-warning-100) / .15)
}

html .tailwind-area .active\:bg-warning-100\/20:active {
    background-color: rgb(var(--ui-warning-100) / .2)
}

html .tailwind-area .active\:bg-warning-100\/25:active {
    background-color: rgb(var(--ui-warning-100) / .25)
}

html .tailwind-area .active\:bg-warning-100\/30:active {
    background-color: rgb(var(--ui-warning-100) / .3)
}

html .tailwind-area .active\:bg-warning-100\/35:active {
    background-color: rgb(var(--ui-warning-100) / .35)
}

html .tailwind-area .active\:bg-warning-100\/40:active {
    background-color: rgb(var(--ui-warning-100) / .4)
}

html .tailwind-area .active\:bg-warning-100\/45:active {
    background-color: rgb(var(--ui-warning-100) / .45)
}

html .tailwind-area .active\:bg-warning-100\/5:active {
    background-color: rgb(var(--ui-warning-100) / .05)
}

html .tailwind-area .active\:bg-warning-100\/50:active {
    background-color: rgb(var(--ui-warning-100) / .5)
}

html .tailwind-area .active\:bg-warning-100\/55:active {
    background-color: rgb(var(--ui-warning-100) / .55)
}

html .tailwind-area .active\:bg-warning-100\/60:active {
    background-color: rgb(var(--ui-warning-100) / .6)
}

html .tailwind-area .active\:bg-warning-100\/65:active {
    background-color: rgb(var(--ui-warning-100) / .65)
}

html .tailwind-area .active\:bg-warning-100\/70:active {
    background-color: rgb(var(--ui-warning-100) / .7)
}

html .tailwind-area .active\:bg-warning-100\/75:active {
    background-color: rgb(var(--ui-warning-100) / .75)
}

html .tailwind-area .active\:bg-warning-100\/80:active {
    background-color: rgb(var(--ui-warning-100) / .8)
}

html .tailwind-area .active\:bg-warning-100\/85:active {
    background-color: rgb(var(--ui-warning-100) / .85)
}

html .tailwind-area .active\:bg-warning-100\/90:active {
    background-color: rgb(var(--ui-warning-100) / .9)
}

html .tailwind-area .active\:bg-warning-100\/95:active {
    background-color: rgb(var(--ui-warning-100) / .95)
}

html .tailwind-area .active\:bg-warning-200:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-warning-200) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-warning-200\/0:active {
    background-color: rgb(var(--ui-warning-200) / 0)
}

html .tailwind-area .active\:bg-warning-200\/10:active {
    background-color: rgb(var(--ui-warning-200) / .1)
}

html .tailwind-area .active\:bg-warning-200\/100:active {
    background-color: rgb(var(--ui-warning-200) / 1)
}

html .tailwind-area .active\:bg-warning-200\/15:active {
    background-color: rgb(var(--ui-warning-200) / .15)
}

html .tailwind-area .active\:bg-warning-200\/20:active {
    background-color: rgb(var(--ui-warning-200) / .2)
}

html .tailwind-area .active\:bg-warning-200\/25:active {
    background-color: rgb(var(--ui-warning-200) / .25)
}

html .tailwind-area .active\:bg-warning-200\/30:active {
    background-color: rgb(var(--ui-warning-200) / .3)
}

html .tailwind-area .active\:bg-warning-200\/35:active {
    background-color: rgb(var(--ui-warning-200) / .35)
}

html .tailwind-area .active\:bg-warning-200\/40:active {
    background-color: rgb(var(--ui-warning-200) / .4)
}

html .tailwind-area .active\:bg-warning-200\/45:active {
    background-color: rgb(var(--ui-warning-200) / .45)
}

html .tailwind-area .active\:bg-warning-200\/5:active {
    background-color: rgb(var(--ui-warning-200) / .05)
}

html .tailwind-area .active\:bg-warning-200\/50:active {
    background-color: rgb(var(--ui-warning-200) / .5)
}

html .tailwind-area .active\:bg-warning-200\/55:active {
    background-color: rgb(var(--ui-warning-200) / .55)
}

html .tailwind-area .active\:bg-warning-200\/60:active {
    background-color: rgb(var(--ui-warning-200) / .6)
}

html .tailwind-area .active\:bg-warning-200\/65:active {
    background-color: rgb(var(--ui-warning-200) / .65)
}

html .tailwind-area .active\:bg-warning-200\/70:active {
    background-color: rgb(var(--ui-warning-200) / .7)
}

html .tailwind-area .active\:bg-warning-200\/75:active {
    background-color: rgb(var(--ui-warning-200) / .75)
}

html .tailwind-area .active\:bg-warning-200\/80:active {
    background-color: rgb(var(--ui-warning-200) / .8)
}

html .tailwind-area .active\:bg-warning-200\/85:active {
    background-color: rgb(var(--ui-warning-200) / .85)
}

html .tailwind-area .active\:bg-warning-200\/90:active {
    background-color: rgb(var(--ui-warning-200) / .9)
}

html .tailwind-area .active\:bg-warning-200\/95:active {
    background-color: rgb(var(--ui-warning-200) / .95)
}

html .tailwind-area .active\:bg-warning-300:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-warning-300) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-warning-300\/0:active {
    background-color: rgb(var(--ui-warning-300) / 0)
}

html .tailwind-area .active\:bg-warning-300\/10:active {
    background-color: rgb(var(--ui-warning-300) / .1)
}

html .tailwind-area .active\:bg-warning-300\/100:active {
    background-color: rgb(var(--ui-warning-300) / 1)
}

html .tailwind-area .active\:bg-warning-300\/15:active {
    background-color: rgb(var(--ui-warning-300) / .15)
}

html .tailwind-area .active\:bg-warning-300\/20:active {
    background-color: rgb(var(--ui-warning-300) / .2)
}

html .tailwind-area .active\:bg-warning-300\/25:active {
    background-color: rgb(var(--ui-warning-300) / .25)
}

html .tailwind-area .active\:bg-warning-300\/30:active {
    background-color: rgb(var(--ui-warning-300) / .3)
}

html .tailwind-area .active\:bg-warning-300\/35:active {
    background-color: rgb(var(--ui-warning-300) / .35)
}

html .tailwind-area .active\:bg-warning-300\/40:active {
    background-color: rgb(var(--ui-warning-300) / .4)
}

html .tailwind-area .active\:bg-warning-300\/45:active {
    background-color: rgb(var(--ui-warning-300) / .45)
}

html .tailwind-area .active\:bg-warning-300\/5:active {
    background-color: rgb(var(--ui-warning-300) / .05)
}

html .tailwind-area .active\:bg-warning-300\/50:active {
    background-color: rgb(var(--ui-warning-300) / .5)
}

html .tailwind-area .active\:bg-warning-300\/55:active {
    background-color: rgb(var(--ui-warning-300) / .55)
}

html .tailwind-area .active\:bg-warning-300\/60:active {
    background-color: rgb(var(--ui-warning-300) / .6)
}

html .tailwind-area .active\:bg-warning-300\/65:active {
    background-color: rgb(var(--ui-warning-300) / .65)
}

html .tailwind-area .active\:bg-warning-300\/70:active {
    background-color: rgb(var(--ui-warning-300) / .7)
}

html .tailwind-area .active\:bg-warning-300\/75:active {
    background-color: rgb(var(--ui-warning-300) / .75)
}

html .tailwind-area .active\:bg-warning-300\/80:active {
    background-color: rgb(var(--ui-warning-300) / .8)
}

html .tailwind-area .active\:bg-warning-300\/85:active {
    background-color: rgb(var(--ui-warning-300) / .85)
}

html .tailwind-area .active\:bg-warning-300\/90:active {
    background-color: rgb(var(--ui-warning-300) / .9)
}

html .tailwind-area .active\:bg-warning-300\/95:active {
    background-color: rgb(var(--ui-warning-300) / .95)
}

html .tailwind-area .active\:bg-warning-400:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-warning-400) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-warning-400\/0:active {
    background-color: rgb(var(--ui-warning-400) / 0)
}

html .tailwind-area .active\:bg-warning-400\/10:active {
    background-color: rgb(var(--ui-warning-400) / .1)
}

html .tailwind-area .active\:bg-warning-400\/100:active {
    background-color: rgb(var(--ui-warning-400) / 1)
}

html .tailwind-area .active\:bg-warning-400\/15:active {
    background-color: rgb(var(--ui-warning-400) / .15)
}

html .tailwind-area .active\:bg-warning-400\/20:active {
    background-color: rgb(var(--ui-warning-400) / .2)
}

html .tailwind-area .active\:bg-warning-400\/25:active {
    background-color: rgb(var(--ui-warning-400) / .25)
}

html .tailwind-area .active\:bg-warning-400\/30:active {
    background-color: rgb(var(--ui-warning-400) / .3)
}

html .tailwind-area .active\:bg-warning-400\/35:active {
    background-color: rgb(var(--ui-warning-400) / .35)
}

html .tailwind-area .active\:bg-warning-400\/40:active {
    background-color: rgb(var(--ui-warning-400) / .4)
}

html .tailwind-area .active\:bg-warning-400\/45:active {
    background-color: rgb(var(--ui-warning-400) / .45)
}

html .tailwind-area .active\:bg-warning-400\/5:active {
    background-color: rgb(var(--ui-warning-400) / .05)
}

html .tailwind-area .active\:bg-warning-400\/50:active {
    background-color: rgb(var(--ui-warning-400) / .5)
}

html .tailwind-area .active\:bg-warning-400\/55:active {
    background-color: rgb(var(--ui-warning-400) / .55)
}

html .tailwind-area .active\:bg-warning-400\/60:active {
    background-color: rgb(var(--ui-warning-400) / .6)
}

html .tailwind-area .active\:bg-warning-400\/65:active {
    background-color: rgb(var(--ui-warning-400) / .65)
}

html .tailwind-area .active\:bg-warning-400\/70:active {
    background-color: rgb(var(--ui-warning-400) / .7)
}

html .tailwind-area .active\:bg-warning-400\/75:active {
    background-color: rgb(var(--ui-warning-400) / .75)
}

html .tailwind-area .active\:bg-warning-400\/80:active {
    background-color: rgb(var(--ui-warning-400) / .8)
}

html .tailwind-area .active\:bg-warning-400\/85:active {
    background-color: rgb(var(--ui-warning-400) / .85)
}

html .tailwind-area .active\:bg-warning-400\/90:active {
    background-color: rgb(var(--ui-warning-400) / .9)
}

html .tailwind-area .active\:bg-warning-400\/95:active {
    background-color: rgb(var(--ui-warning-400) / .95)
}

html .tailwind-area .active\:bg-warning-50:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-warning-50) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-warning-50\/0:active {
    background-color: rgb(var(--ui-warning-50) / 0)
}

html .tailwind-area .active\:bg-warning-50\/10:active {
    background-color: rgb(var(--ui-warning-50) / .1)
}

html .tailwind-area .active\:bg-warning-50\/100:active {
    background-color: rgb(var(--ui-warning-50) / 1)
}

html .tailwind-area .active\:bg-warning-50\/15:active {
    background-color: rgb(var(--ui-warning-50) / .15)
}

html .tailwind-area .active\:bg-warning-50\/20:active {
    background-color: rgb(var(--ui-warning-50) / .2)
}

html .tailwind-area .active\:bg-warning-50\/25:active {
    background-color: rgb(var(--ui-warning-50) / .25)
}

html .tailwind-area .active\:bg-warning-50\/30:active {
    background-color: rgb(var(--ui-warning-50) / .3)
}

html .tailwind-area .active\:bg-warning-50\/35:active {
    background-color: rgb(var(--ui-warning-50) / .35)
}

html .tailwind-area .active\:bg-warning-50\/40:active {
    background-color: rgb(var(--ui-warning-50) / .4)
}

html .tailwind-area .active\:bg-warning-50\/45:active {
    background-color: rgb(var(--ui-warning-50) / .45)
}

html .tailwind-area .active\:bg-warning-50\/5:active {
    background-color: rgb(var(--ui-warning-50) / .05)
}

html .tailwind-area .active\:bg-warning-50\/50:active {
    background-color: rgb(var(--ui-warning-50) / .5)
}

html .tailwind-area .active\:bg-warning-50\/55:active {
    background-color: rgb(var(--ui-warning-50) / .55)
}

html .tailwind-area .active\:bg-warning-50\/60:active {
    background-color: rgb(var(--ui-warning-50) / .6)
}

html .tailwind-area .active\:bg-warning-50\/65:active {
    background-color: rgb(var(--ui-warning-50) / .65)
}

html .tailwind-area .active\:bg-warning-50\/70:active {
    background-color: rgb(var(--ui-warning-50) / .7)
}

html .tailwind-area .active\:bg-warning-50\/75:active {
    background-color: rgb(var(--ui-warning-50) / .75)
}

html .tailwind-area .active\:bg-warning-50\/80:active {
    background-color: rgb(var(--ui-warning-50) / .8)
}

html .tailwind-area .active\:bg-warning-50\/85:active {
    background-color: rgb(var(--ui-warning-50) / .85)
}

html .tailwind-area .active\:bg-warning-50\/90:active {
    background-color: rgb(var(--ui-warning-50) / .9)
}

html .tailwind-area .active\:bg-warning-50\/95:active {
    background-color: rgb(var(--ui-warning-50) / .95)
}

html .tailwind-area .active\:bg-warning-500:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-warning-500) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-warning-500\/0:active {
    background-color: rgb(var(--ui-warning-500) / 0)
}

html .tailwind-area .active\:bg-warning-500\/10:active {
    background-color: rgb(var(--ui-warning-500) / .1)
}

html .tailwind-area .active\:bg-warning-500\/100:active {
    background-color: rgb(var(--ui-warning-500) / 1)
}

html .tailwind-area .active\:bg-warning-500\/15:active {
    background-color: rgb(var(--ui-warning-500) / .15)
}

html .tailwind-area .active\:bg-warning-500\/20:active {
    background-color: rgb(var(--ui-warning-500) / .2)
}

html .tailwind-area .active\:bg-warning-500\/25:active {
    background-color: rgb(var(--ui-warning-500) / .25)
}

html .tailwind-area .active\:bg-warning-500\/30:active {
    background-color: rgb(var(--ui-warning-500) / .3)
}

html .tailwind-area .active\:bg-warning-500\/35:active {
    background-color: rgb(var(--ui-warning-500) / .35)
}

html .tailwind-area .active\:bg-warning-500\/40:active {
    background-color: rgb(var(--ui-warning-500) / .4)
}

html .tailwind-area .active\:bg-warning-500\/45:active {
    background-color: rgb(var(--ui-warning-500) / .45)
}

html .tailwind-area .active\:bg-warning-500\/5:active {
    background-color: rgb(var(--ui-warning-500) / .05)
}

html .tailwind-area .active\:bg-warning-500\/50:active {
    background-color: rgb(var(--ui-warning-500) / .5)
}

html .tailwind-area .active\:bg-warning-500\/55:active {
    background-color: rgb(var(--ui-warning-500) / .55)
}

html .tailwind-area .active\:bg-warning-500\/60:active {
    background-color: rgb(var(--ui-warning-500) / .6)
}

html .tailwind-area .active\:bg-warning-500\/65:active {
    background-color: rgb(var(--ui-warning-500) / .65)
}

html .tailwind-area .active\:bg-warning-500\/70:active {
    background-color: rgb(var(--ui-warning-500) / .7)
}

html .tailwind-area .active\:bg-warning-500\/75:active {
    background-color: rgb(var(--ui-warning-500) / .75)
}

html .tailwind-area .active\:bg-warning-500\/80:active {
    background-color: rgb(var(--ui-warning-500) / .8)
}

html .tailwind-area .active\:bg-warning-500\/85:active {
    background-color: rgb(var(--ui-warning-500) / .85)
}

html .tailwind-area .active\:bg-warning-500\/90:active {
    background-color: rgb(var(--ui-warning-500) / .9)
}

html .tailwind-area .active\:bg-warning-500\/95:active {
    background-color: rgb(var(--ui-warning-500) / .95)
}

html .tailwind-area .active\:bg-warning-600:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-warning-600) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-warning-600\/0:active {
    background-color: rgb(var(--ui-warning-600) / 0)
}

html .tailwind-area .active\:bg-warning-600\/10:active {
    background-color: rgb(var(--ui-warning-600) / .1)
}

html .tailwind-area .active\:bg-warning-600\/100:active {
    background-color: rgb(var(--ui-warning-600) / 1)
}

html .tailwind-area .active\:bg-warning-600\/15:active {
    background-color: rgb(var(--ui-warning-600) / .15)
}

html .tailwind-area .active\:bg-warning-600\/20:active {
    background-color: rgb(var(--ui-warning-600) / .2)
}

html .tailwind-area .active\:bg-warning-600\/25:active {
    background-color: rgb(var(--ui-warning-600) / .25)
}

html .tailwind-area .active\:bg-warning-600\/30:active {
    background-color: rgb(var(--ui-warning-600) / .3)
}

html .tailwind-area .active\:bg-warning-600\/35:active {
    background-color: rgb(var(--ui-warning-600) / .35)
}

html .tailwind-area .active\:bg-warning-600\/40:active {
    background-color: rgb(var(--ui-warning-600) / .4)
}

html .tailwind-area .active\:bg-warning-600\/45:active {
    background-color: rgb(var(--ui-warning-600) / .45)
}

html .tailwind-area .active\:bg-warning-600\/5:active {
    background-color: rgb(var(--ui-warning-600) / .05)
}

html .tailwind-area .active\:bg-warning-600\/50:active {
    background-color: rgb(var(--ui-warning-600) / .5)
}

html .tailwind-area .active\:bg-warning-600\/55:active {
    background-color: rgb(var(--ui-warning-600) / .55)
}

html .tailwind-area .active\:bg-warning-600\/60:active {
    background-color: rgb(var(--ui-warning-600) / .6)
}

html .tailwind-area .active\:bg-warning-600\/65:active {
    background-color: rgb(var(--ui-warning-600) / .65)
}

html .tailwind-area .active\:bg-warning-600\/70:active {
    background-color: rgb(var(--ui-warning-600) / .7)
}

html .tailwind-area .active\:bg-warning-600\/75:active {
    background-color: rgb(var(--ui-warning-600) / .75)
}

html .tailwind-area .active\:bg-warning-600\/80:active {
    background-color: rgb(var(--ui-warning-600) / .8)
}

html .tailwind-area .active\:bg-warning-600\/85:active {
    background-color: rgb(var(--ui-warning-600) / .85)
}

html .tailwind-area .active\:bg-warning-600\/90:active {
    background-color: rgb(var(--ui-warning-600) / .9)
}

html .tailwind-area .active\:bg-warning-600\/95:active {
    background-color: rgb(var(--ui-warning-600) / .95)
}

html .tailwind-area .active\:bg-warning-700:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-warning-700) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-warning-700\/0:active {
    background-color: rgb(var(--ui-warning-700) / 0)
}

html .tailwind-area .active\:bg-warning-700\/10:active {
    background-color: rgb(var(--ui-warning-700) / .1)
}

html .tailwind-area .active\:bg-warning-700\/100:active {
    background-color: rgb(var(--ui-warning-700) / 1)
}

html .tailwind-area .active\:bg-warning-700\/15:active {
    background-color: rgb(var(--ui-warning-700) / .15)
}

html .tailwind-area .active\:bg-warning-700\/20:active {
    background-color: rgb(var(--ui-warning-700) / .2)
}

html .tailwind-area .active\:bg-warning-700\/25:active {
    background-color: rgb(var(--ui-warning-700) / .25)
}

html .tailwind-area .active\:bg-warning-700\/30:active {
    background-color: rgb(var(--ui-warning-700) / .3)
}

html .tailwind-area .active\:bg-warning-700\/35:active {
    background-color: rgb(var(--ui-warning-700) / .35)
}

html .tailwind-area .active\:bg-warning-700\/40:active {
    background-color: rgb(var(--ui-warning-700) / .4)
}

html .tailwind-area .active\:bg-warning-700\/45:active {
    background-color: rgb(var(--ui-warning-700) / .45)
}

html .tailwind-area .active\:bg-warning-700\/5:active {
    background-color: rgb(var(--ui-warning-700) / .05)
}

html .tailwind-area .active\:bg-warning-700\/50:active {
    background-color: rgb(var(--ui-warning-700) / .5)
}

html .tailwind-area .active\:bg-warning-700\/55:active {
    background-color: rgb(var(--ui-warning-700) / .55)
}

html .tailwind-area .active\:bg-warning-700\/60:active {
    background-color: rgb(var(--ui-warning-700) / .6)
}

html .tailwind-area .active\:bg-warning-700\/65:active {
    background-color: rgb(var(--ui-warning-700) / .65)
}

html .tailwind-area .active\:bg-warning-700\/70:active {
    background-color: rgb(var(--ui-warning-700) / .7)
}

html .tailwind-area .active\:bg-warning-700\/75:active {
    background-color: rgb(var(--ui-warning-700) / .75)
}

html .tailwind-area .active\:bg-warning-700\/80:active {
    background-color: rgb(var(--ui-warning-700) / .8)
}

html .tailwind-area .active\:bg-warning-700\/85:active {
    background-color: rgb(var(--ui-warning-700) / .85)
}

html .tailwind-area .active\:bg-warning-700\/90:active {
    background-color: rgb(var(--ui-warning-700) / .9)
}

html .tailwind-area .active\:bg-warning-700\/95:active {
    background-color: rgb(var(--ui-warning-700) / .95)
}

html .tailwind-area .active\:bg-warning-800:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-warning-800) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-warning-800\/0:active {
    background-color: rgb(var(--ui-warning-800) / 0)
}

html .tailwind-area .active\:bg-warning-800\/10:active {
    background-color: rgb(var(--ui-warning-800) / .1)
}

html .tailwind-area .active\:bg-warning-800\/100:active {
    background-color: rgb(var(--ui-warning-800) / 1)
}

html .tailwind-area .active\:bg-warning-800\/15:active {
    background-color: rgb(var(--ui-warning-800) / .15)
}

html .tailwind-area .active\:bg-warning-800\/20:active {
    background-color: rgb(var(--ui-warning-800) / .2)
}

html .tailwind-area .active\:bg-warning-800\/25:active {
    background-color: rgb(var(--ui-warning-800) / .25)
}

html .tailwind-area .active\:bg-warning-800\/30:active {
    background-color: rgb(var(--ui-warning-800) / .3)
}

html .tailwind-area .active\:bg-warning-800\/35:active {
    background-color: rgb(var(--ui-warning-800) / .35)
}

html .tailwind-area .active\:bg-warning-800\/40:active {
    background-color: rgb(var(--ui-warning-800) / .4)
}

html .tailwind-area .active\:bg-warning-800\/45:active {
    background-color: rgb(var(--ui-warning-800) / .45)
}

html .tailwind-area .active\:bg-warning-800\/5:active {
    background-color: rgb(var(--ui-warning-800) / .05)
}

html .tailwind-area .active\:bg-warning-800\/50:active {
    background-color: rgb(var(--ui-warning-800) / .5)
}

html .tailwind-area .active\:bg-warning-800\/55:active {
    background-color: rgb(var(--ui-warning-800) / .55)
}

html .tailwind-area .active\:bg-warning-800\/60:active {
    background-color: rgb(var(--ui-warning-800) / .6)
}

html .tailwind-area .active\:bg-warning-800\/65:active {
    background-color: rgb(var(--ui-warning-800) / .65)
}

html .tailwind-area .active\:bg-warning-800\/70:active {
    background-color: rgb(var(--ui-warning-800) / .7)
}

html .tailwind-area .active\:bg-warning-800\/75:active {
    background-color: rgb(var(--ui-warning-800) / .75)
}

html .tailwind-area .active\:bg-warning-800\/80:active {
    background-color: rgb(var(--ui-warning-800) / .8)
}

html .tailwind-area .active\:bg-warning-800\/85:active {
    background-color: rgb(var(--ui-warning-800) / .85)
}

html .tailwind-area .active\:bg-warning-800\/90:active {
    background-color: rgb(var(--ui-warning-800) / .9)
}

html .tailwind-area .active\:bg-warning-800\/95:active {
    background-color: rgb(var(--ui-warning-800) / .95)
}

html .tailwind-area .active\:bg-warning-900:active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-warning-900) / var(--tw-bg-opacity))
}

html .tailwind-area .active\:bg-warning-900\/0:active {
    background-color: rgb(var(--ui-warning-900) / 0)
}

html .tailwind-area .active\:bg-warning-900\/10:active {
    background-color: rgb(var(--ui-warning-900) / .1)
}

html .tailwind-area .active\:bg-warning-900\/100:active {
    background-color: rgb(var(--ui-warning-900) / 1)
}

html .tailwind-area .active\:bg-warning-900\/15:active {
    background-color: rgb(var(--ui-warning-900) / .15)
}

html .tailwind-area .active\:bg-warning-900\/20:active {
    background-color: rgb(var(--ui-warning-900) / .2)
}

html .tailwind-area .active\:bg-warning-900\/25:active {
    background-color: rgb(var(--ui-warning-900) / .25)
}

html .tailwind-area .active\:bg-warning-900\/30:active {
    background-color: rgb(var(--ui-warning-900) / .3)
}

html .tailwind-area .active\:bg-warning-900\/35:active {
    background-color: rgb(var(--ui-warning-900) / .35)
}

html .tailwind-area .active\:bg-warning-900\/40:active {
    background-color: rgb(var(--ui-warning-900) / .4)
}

html .tailwind-area .active\:bg-warning-900\/45:active {
    background-color: rgb(var(--ui-warning-900) / .45)
}

html .tailwind-area .active\:bg-warning-900\/5:active {
    background-color: rgb(var(--ui-warning-900) / .05)
}

html .tailwind-area .active\:bg-warning-900\/50:active {
    background-color: rgb(var(--ui-warning-900) / .5)
}

html .tailwind-area .active\:bg-warning-900\/55:active {
    background-color: rgb(var(--ui-warning-900) / .55)
}

html .tailwind-area .active\:bg-warning-900\/60:active {
    background-color: rgb(var(--ui-warning-900) / .6)
}

html .tailwind-area .active\:bg-warning-900\/65:active {
    background-color: rgb(var(--ui-warning-900) / .65)
}

html .tailwind-area .active\:bg-warning-900\/70:active {
    background-color: rgb(var(--ui-warning-900) / .7)
}

html .tailwind-area .active\:bg-warning-900\/75:active {
    background-color: rgb(var(--ui-warning-900) / .75)
}

html .tailwind-area .active\:bg-warning-900\/80:active {
    background-color: rgb(var(--ui-warning-900) / .8)
}

html .tailwind-area .active\:bg-warning-900\/85:active {
    background-color: rgb(var(--ui-warning-900) / .85)
}

html .tailwind-area .active\:bg-warning-900\/90:active {
    background-color: rgb(var(--ui-warning-900) / .9)
}

html .tailwind-area .active\:bg-warning-900\/95:active {
    background-color: rgb(var(--ui-warning-900) / .95)
}

html .tailwind-area .active\:text-danger-100:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-danger-100) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-danger-100\/0:active {
    color: rgb(var(--ui-danger-100) / 0)
}

html .tailwind-area .active\:text-danger-100\/10:active {
    color: rgb(var(--ui-danger-100) / .1)
}

html .tailwind-area .active\:text-danger-100\/100:active {
    color: rgb(var(--ui-danger-100) / 1)
}

html .tailwind-area .active\:text-danger-100\/15:active {
    color: rgb(var(--ui-danger-100) / .15)
}

html .tailwind-area .active\:text-danger-100\/20:active {
    color: rgb(var(--ui-danger-100) / .2)
}

html .tailwind-area .active\:text-danger-100\/25:active {
    color: rgb(var(--ui-danger-100) / .25)
}

html .tailwind-area .active\:text-danger-100\/30:active {
    color: rgb(var(--ui-danger-100) / .3)
}

html .tailwind-area .active\:text-danger-100\/35:active {
    color: rgb(var(--ui-danger-100) / .35)
}

html .tailwind-area .active\:text-danger-100\/40:active {
    color: rgb(var(--ui-danger-100) / .4)
}

html .tailwind-area .active\:text-danger-100\/45:active {
    color: rgb(var(--ui-danger-100) / .45)
}

html .tailwind-area .active\:text-danger-100\/5:active {
    color: rgb(var(--ui-danger-100) / .05)
}

html .tailwind-area .active\:text-danger-100\/50:active {
    color: rgb(var(--ui-danger-100) / .5)
}

html .tailwind-area .active\:text-danger-100\/55:active {
    color: rgb(var(--ui-danger-100) / .55)
}

html .tailwind-area .active\:text-danger-100\/60:active {
    color: rgb(var(--ui-danger-100) / .6)
}

html .tailwind-area .active\:text-danger-100\/65:active {
    color: rgb(var(--ui-danger-100) / .65)
}

html .tailwind-area .active\:text-danger-100\/70:active {
    color: rgb(var(--ui-danger-100) / .7)
}

html .tailwind-area .active\:text-danger-100\/75:active {
    color: rgb(var(--ui-danger-100) / .75)
}

html .tailwind-area .active\:text-danger-100\/80:active {
    color: rgb(var(--ui-danger-100) / .8)
}

html .tailwind-area .active\:text-danger-100\/85:active {
    color: rgb(var(--ui-danger-100) / .85)
}

html .tailwind-area .active\:text-danger-100\/90:active {
    color: rgb(var(--ui-danger-100) / .9)
}

html .tailwind-area .active\:text-danger-100\/95:active {
    color: rgb(var(--ui-danger-100) / .95)
}

html .tailwind-area .active\:text-danger-200:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-danger-200) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-danger-200\/0:active {
    color: rgb(var(--ui-danger-200) / 0)
}

html .tailwind-area .active\:text-danger-200\/10:active {
    color: rgb(var(--ui-danger-200) / .1)
}

html .tailwind-area .active\:text-danger-200\/100:active {
    color: rgb(var(--ui-danger-200) / 1)
}

html .tailwind-area .active\:text-danger-200\/15:active {
    color: rgb(var(--ui-danger-200) / .15)
}

html .tailwind-area .active\:text-danger-200\/20:active {
    color: rgb(var(--ui-danger-200) / .2)
}

html .tailwind-area .active\:text-danger-200\/25:active {
    color: rgb(var(--ui-danger-200) / .25)
}

html .tailwind-area .active\:text-danger-200\/30:active {
    color: rgb(var(--ui-danger-200) / .3)
}

html .tailwind-area .active\:text-danger-200\/35:active {
    color: rgb(var(--ui-danger-200) / .35)
}

html .tailwind-area .active\:text-danger-200\/40:active {
    color: rgb(var(--ui-danger-200) / .4)
}

html .tailwind-area .active\:text-danger-200\/45:active {
    color: rgb(var(--ui-danger-200) / .45)
}

html .tailwind-area .active\:text-danger-200\/5:active {
    color: rgb(var(--ui-danger-200) / .05)
}

html .tailwind-area .active\:text-danger-200\/50:active {
    color: rgb(var(--ui-danger-200) / .5)
}

html .tailwind-area .active\:text-danger-200\/55:active {
    color: rgb(var(--ui-danger-200) / .55)
}

html .tailwind-area .active\:text-danger-200\/60:active {
    color: rgb(var(--ui-danger-200) / .6)
}

html .tailwind-area .active\:text-danger-200\/65:active {
    color: rgb(var(--ui-danger-200) / .65)
}

html .tailwind-area .active\:text-danger-200\/70:active {
    color: rgb(var(--ui-danger-200) / .7)
}

html .tailwind-area .active\:text-danger-200\/75:active {
    color: rgb(var(--ui-danger-200) / .75)
}

html .tailwind-area .active\:text-danger-200\/80:active {
    color: rgb(var(--ui-danger-200) / .8)
}

html .tailwind-area .active\:text-danger-200\/85:active {
    color: rgb(var(--ui-danger-200) / .85)
}

html .tailwind-area .active\:text-danger-200\/90:active {
    color: rgb(var(--ui-danger-200) / .9)
}

html .tailwind-area .active\:text-danger-200\/95:active {
    color: rgb(var(--ui-danger-200) / .95)
}

html .tailwind-area .active\:text-danger-300:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-danger-300) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-danger-300\/0:active {
    color: rgb(var(--ui-danger-300) / 0)
}

html .tailwind-area .active\:text-danger-300\/10:active {
    color: rgb(var(--ui-danger-300) / .1)
}

html .tailwind-area .active\:text-danger-300\/100:active {
    color: rgb(var(--ui-danger-300) / 1)
}

html .tailwind-area .active\:text-danger-300\/15:active {
    color: rgb(var(--ui-danger-300) / .15)
}

html .tailwind-area .active\:text-danger-300\/20:active {
    color: rgb(var(--ui-danger-300) / .2)
}

html .tailwind-area .active\:text-danger-300\/25:active {
    color: rgb(var(--ui-danger-300) / .25)
}

html .tailwind-area .active\:text-danger-300\/30:active {
    color: rgb(var(--ui-danger-300) / .3)
}

html .tailwind-area .active\:text-danger-300\/35:active {
    color: rgb(var(--ui-danger-300) / .35)
}

html .tailwind-area .active\:text-danger-300\/40:active {
    color: rgb(var(--ui-danger-300) / .4)
}

html .tailwind-area .active\:text-danger-300\/45:active {
    color: rgb(var(--ui-danger-300) / .45)
}

html .tailwind-area .active\:text-danger-300\/5:active {
    color: rgb(var(--ui-danger-300) / .05)
}

html .tailwind-area .active\:text-danger-300\/50:active {
    color: rgb(var(--ui-danger-300) / .5)
}

html .tailwind-area .active\:text-danger-300\/55:active {
    color: rgb(var(--ui-danger-300) / .55)
}

html .tailwind-area .active\:text-danger-300\/60:active {
    color: rgb(var(--ui-danger-300) / .6)
}

html .tailwind-area .active\:text-danger-300\/65:active {
    color: rgb(var(--ui-danger-300) / .65)
}

html .tailwind-area .active\:text-danger-300\/70:active {
    color: rgb(var(--ui-danger-300) / .7)
}

html .tailwind-area .active\:text-danger-300\/75:active {
    color: rgb(var(--ui-danger-300) / .75)
}

html .tailwind-area .active\:text-danger-300\/80:active {
    color: rgb(var(--ui-danger-300) / .8)
}

html .tailwind-area .active\:text-danger-300\/85:active {
    color: rgb(var(--ui-danger-300) / .85)
}

html .tailwind-area .active\:text-danger-300\/90:active {
    color: rgb(var(--ui-danger-300) / .9)
}

html .tailwind-area .active\:text-danger-300\/95:active {
    color: rgb(var(--ui-danger-300) / .95)
}

html .tailwind-area .active\:text-danger-400:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-danger-400) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-danger-400\/0:active {
    color: rgb(var(--ui-danger-400) / 0)
}

html .tailwind-area .active\:text-danger-400\/10:active {
    color: rgb(var(--ui-danger-400) / .1)
}

html .tailwind-area .active\:text-danger-400\/100:active {
    color: rgb(var(--ui-danger-400) / 1)
}

html .tailwind-area .active\:text-danger-400\/15:active {
    color: rgb(var(--ui-danger-400) / .15)
}

html .tailwind-area .active\:text-danger-400\/20:active {
    color: rgb(var(--ui-danger-400) / .2)
}

html .tailwind-area .active\:text-danger-400\/25:active {
    color: rgb(var(--ui-danger-400) / .25)
}

html .tailwind-area .active\:text-danger-400\/30:active {
    color: rgb(var(--ui-danger-400) / .3)
}

html .tailwind-area .active\:text-danger-400\/35:active {
    color: rgb(var(--ui-danger-400) / .35)
}

html .tailwind-area .active\:text-danger-400\/40:active {
    color: rgb(var(--ui-danger-400) / .4)
}

html .tailwind-area .active\:text-danger-400\/45:active {
    color: rgb(var(--ui-danger-400) / .45)
}

html .tailwind-area .active\:text-danger-400\/5:active {
    color: rgb(var(--ui-danger-400) / .05)
}

html .tailwind-area .active\:text-danger-400\/50:active {
    color: rgb(var(--ui-danger-400) / .5)
}

html .tailwind-area .active\:text-danger-400\/55:active {
    color: rgb(var(--ui-danger-400) / .55)
}

html .tailwind-area .active\:text-danger-400\/60:active {
    color: rgb(var(--ui-danger-400) / .6)
}

html .tailwind-area .active\:text-danger-400\/65:active {
    color: rgb(var(--ui-danger-400) / .65)
}

html .tailwind-area .active\:text-danger-400\/70:active {
    color: rgb(var(--ui-danger-400) / .7)
}

html .tailwind-area .active\:text-danger-400\/75:active {
    color: rgb(var(--ui-danger-400) / .75)
}

html .tailwind-area .active\:text-danger-400\/80:active {
    color: rgb(var(--ui-danger-400) / .8)
}

html .tailwind-area .active\:text-danger-400\/85:active {
    color: rgb(var(--ui-danger-400) / .85)
}

html .tailwind-area .active\:text-danger-400\/90:active {
    color: rgb(var(--ui-danger-400) / .9)
}

html .tailwind-area .active\:text-danger-400\/95:active {
    color: rgb(var(--ui-danger-400) / .95)
}

html .tailwind-area .active\:text-danger-50:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-danger-50) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-danger-50\/0:active {
    color: rgb(var(--ui-danger-50) / 0)
}

html .tailwind-area .active\:text-danger-50\/10:active {
    color: rgb(var(--ui-danger-50) / .1)
}

html .tailwind-area .active\:text-danger-50\/100:active {
    color: rgb(var(--ui-danger-50) / 1)
}

html .tailwind-area .active\:text-danger-50\/15:active {
    color: rgb(var(--ui-danger-50) / .15)
}

html .tailwind-area .active\:text-danger-50\/20:active {
    color: rgb(var(--ui-danger-50) / .2)
}

html .tailwind-area .active\:text-danger-50\/25:active {
    color: rgb(var(--ui-danger-50) / .25)
}

html .tailwind-area .active\:text-danger-50\/30:active {
    color: rgb(var(--ui-danger-50) / .3)
}

html .tailwind-area .active\:text-danger-50\/35:active {
    color: rgb(var(--ui-danger-50) / .35)
}

html .tailwind-area .active\:text-danger-50\/40:active {
    color: rgb(var(--ui-danger-50) / .4)
}

html .tailwind-area .active\:text-danger-50\/45:active {
    color: rgb(var(--ui-danger-50) / .45)
}

html .tailwind-area .active\:text-danger-50\/5:active {
    color: rgb(var(--ui-danger-50) / .05)
}

html .tailwind-area .active\:text-danger-50\/50:active {
    color: rgb(var(--ui-danger-50) / .5)
}

html .tailwind-area .active\:text-danger-50\/55:active {
    color: rgb(var(--ui-danger-50) / .55)
}

html .tailwind-area .active\:text-danger-50\/60:active {
    color: rgb(var(--ui-danger-50) / .6)
}

html .tailwind-area .active\:text-danger-50\/65:active {
    color: rgb(var(--ui-danger-50) / .65)
}

html .tailwind-area .active\:text-danger-50\/70:active {
    color: rgb(var(--ui-danger-50) / .7)
}

html .tailwind-area .active\:text-danger-50\/75:active {
    color: rgb(var(--ui-danger-50) / .75)
}

html .tailwind-area .active\:text-danger-50\/80:active {
    color: rgb(var(--ui-danger-50) / .8)
}

html .tailwind-area .active\:text-danger-50\/85:active {
    color: rgb(var(--ui-danger-50) / .85)
}

html .tailwind-area .active\:text-danger-50\/90:active {
    color: rgb(var(--ui-danger-50) / .9)
}

html .tailwind-area .active\:text-danger-50\/95:active {
    color: rgb(var(--ui-danger-50) / .95)
}

html .tailwind-area .active\:text-danger-500:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-danger-500) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-danger-500\/0:active {
    color: rgb(var(--ui-danger-500) / 0)
}

html .tailwind-area .active\:text-danger-500\/10:active {
    color: rgb(var(--ui-danger-500) / .1)
}

html .tailwind-area .active\:text-danger-500\/100:active {
    color: rgb(var(--ui-danger-500) / 1)
}

html .tailwind-area .active\:text-danger-500\/15:active {
    color: rgb(var(--ui-danger-500) / .15)
}

html .tailwind-area .active\:text-danger-500\/20:active {
    color: rgb(var(--ui-danger-500) / .2)
}

html .tailwind-area .active\:text-danger-500\/25:active {
    color: rgb(var(--ui-danger-500) / .25)
}

html .tailwind-area .active\:text-danger-500\/30:active {
    color: rgb(var(--ui-danger-500) / .3)
}

html .tailwind-area .active\:text-danger-500\/35:active {
    color: rgb(var(--ui-danger-500) / .35)
}

html .tailwind-area .active\:text-danger-500\/40:active {
    color: rgb(var(--ui-danger-500) / .4)
}

html .tailwind-area .active\:text-danger-500\/45:active {
    color: rgb(var(--ui-danger-500) / .45)
}

html .tailwind-area .active\:text-danger-500\/5:active {
    color: rgb(var(--ui-danger-500) / .05)
}

html .tailwind-area .active\:text-danger-500\/50:active {
    color: rgb(var(--ui-danger-500) / .5)
}

html .tailwind-area .active\:text-danger-500\/55:active {
    color: rgb(var(--ui-danger-500) / .55)
}

html .tailwind-area .active\:text-danger-500\/60:active {
    color: rgb(var(--ui-danger-500) / .6)
}

html .tailwind-area .active\:text-danger-500\/65:active {
    color: rgb(var(--ui-danger-500) / .65)
}

html .tailwind-area .active\:text-danger-500\/70:active {
    color: rgb(var(--ui-danger-500) / .7)
}

html .tailwind-area .active\:text-danger-500\/75:active {
    color: rgb(var(--ui-danger-500) / .75)
}

html .tailwind-area .active\:text-danger-500\/80:active {
    color: rgb(var(--ui-danger-500) / .8)
}

html .tailwind-area .active\:text-danger-500\/85:active {
    color: rgb(var(--ui-danger-500) / .85)
}

html .tailwind-area .active\:text-danger-500\/90:active {
    color: rgb(var(--ui-danger-500) / .9)
}

html .tailwind-area .active\:text-danger-500\/95:active {
    color: rgb(var(--ui-danger-500) / .95)
}

html .tailwind-area .active\:text-danger-600:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-danger-600) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-danger-600\/0:active {
    color: rgb(var(--ui-danger-600) / 0)
}

html .tailwind-area .active\:text-danger-600\/10:active {
    color: rgb(var(--ui-danger-600) / .1)
}

html .tailwind-area .active\:text-danger-600\/100:active {
    color: rgb(var(--ui-danger-600) / 1)
}

html .tailwind-area .active\:text-danger-600\/15:active {
    color: rgb(var(--ui-danger-600) / .15)
}

html .tailwind-area .active\:text-danger-600\/20:active {
    color: rgb(var(--ui-danger-600) / .2)
}

html .tailwind-area .active\:text-danger-600\/25:active {
    color: rgb(var(--ui-danger-600) / .25)
}

html .tailwind-area .active\:text-danger-600\/30:active {
    color: rgb(var(--ui-danger-600) / .3)
}

html .tailwind-area .active\:text-danger-600\/35:active {
    color: rgb(var(--ui-danger-600) / .35)
}

html .tailwind-area .active\:text-danger-600\/40:active {
    color: rgb(var(--ui-danger-600) / .4)
}

html .tailwind-area .active\:text-danger-600\/45:active {
    color: rgb(var(--ui-danger-600) / .45)
}

html .tailwind-area .active\:text-danger-600\/5:active {
    color: rgb(var(--ui-danger-600) / .05)
}

html .tailwind-area .active\:text-danger-600\/50:active {
    color: rgb(var(--ui-danger-600) / .5)
}

html .tailwind-area .active\:text-danger-600\/55:active {
    color: rgb(var(--ui-danger-600) / .55)
}

html .tailwind-area .active\:text-danger-600\/60:active {
    color: rgb(var(--ui-danger-600) / .6)
}

html .tailwind-area .active\:text-danger-600\/65:active {
    color: rgb(var(--ui-danger-600) / .65)
}

html .tailwind-area .active\:text-danger-600\/70:active {
    color: rgb(var(--ui-danger-600) / .7)
}

html .tailwind-area .active\:text-danger-600\/75:active {
    color: rgb(var(--ui-danger-600) / .75)
}

html .tailwind-area .active\:text-danger-600\/80:active {
    color: rgb(var(--ui-danger-600) / .8)
}

html .tailwind-area .active\:text-danger-600\/85:active {
    color: rgb(var(--ui-danger-600) / .85)
}

html .tailwind-area .active\:text-danger-600\/90:active {
    color: rgb(var(--ui-danger-600) / .9)
}

html .tailwind-area .active\:text-danger-600\/95:active {
    color: rgb(var(--ui-danger-600) / .95)
}

html .tailwind-area .active\:text-danger-700:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-danger-700) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-danger-700\/0:active {
    color: rgb(var(--ui-danger-700) / 0)
}

html .tailwind-area .active\:text-danger-700\/10:active {
    color: rgb(var(--ui-danger-700) / .1)
}

html .tailwind-area .active\:text-danger-700\/100:active {
    color: rgb(var(--ui-danger-700) / 1)
}

html .tailwind-area .active\:text-danger-700\/15:active {
    color: rgb(var(--ui-danger-700) / .15)
}

html .tailwind-area .active\:text-danger-700\/20:active {
    color: rgb(var(--ui-danger-700) / .2)
}

html .tailwind-area .active\:text-danger-700\/25:active {
    color: rgb(var(--ui-danger-700) / .25)
}

html .tailwind-area .active\:text-danger-700\/30:active {
    color: rgb(var(--ui-danger-700) / .3)
}

html .tailwind-area .active\:text-danger-700\/35:active {
    color: rgb(var(--ui-danger-700) / .35)
}

html .tailwind-area .active\:text-danger-700\/40:active {
    color: rgb(var(--ui-danger-700) / .4)
}

html .tailwind-area .active\:text-danger-700\/45:active {
    color: rgb(var(--ui-danger-700) / .45)
}

html .tailwind-area .active\:text-danger-700\/5:active {
    color: rgb(var(--ui-danger-700) / .05)
}

html .tailwind-area .active\:text-danger-700\/50:active {
    color: rgb(var(--ui-danger-700) / .5)
}

html .tailwind-area .active\:text-danger-700\/55:active {
    color: rgb(var(--ui-danger-700) / .55)
}

html .tailwind-area .active\:text-danger-700\/60:active {
    color: rgb(var(--ui-danger-700) / .6)
}

html .tailwind-area .active\:text-danger-700\/65:active {
    color: rgb(var(--ui-danger-700) / .65)
}

html .tailwind-area .active\:text-danger-700\/70:active {
    color: rgb(var(--ui-danger-700) / .7)
}

html .tailwind-area .active\:text-danger-700\/75:active {
    color: rgb(var(--ui-danger-700) / .75)
}

html .tailwind-area .active\:text-danger-700\/80:active {
    color: rgb(var(--ui-danger-700) / .8)
}

html .tailwind-area .active\:text-danger-700\/85:active {
    color: rgb(var(--ui-danger-700) / .85)
}

html .tailwind-area .active\:text-danger-700\/90:active {
    color: rgb(var(--ui-danger-700) / .9)
}

html .tailwind-area .active\:text-danger-700\/95:active {
    color: rgb(var(--ui-danger-700) / .95)
}

html .tailwind-area .active\:text-danger-800:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-danger-800) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-danger-800\/0:active {
    color: rgb(var(--ui-danger-800) / 0)
}

html .tailwind-area .active\:text-danger-800\/10:active {
    color: rgb(var(--ui-danger-800) / .1)
}

html .tailwind-area .active\:text-danger-800\/100:active {
    color: rgb(var(--ui-danger-800) / 1)
}

html .tailwind-area .active\:text-danger-800\/15:active {
    color: rgb(var(--ui-danger-800) / .15)
}

html .tailwind-area .active\:text-danger-800\/20:active {
    color: rgb(var(--ui-danger-800) / .2)
}

html .tailwind-area .active\:text-danger-800\/25:active {
    color: rgb(var(--ui-danger-800) / .25)
}

html .tailwind-area .active\:text-danger-800\/30:active {
    color: rgb(var(--ui-danger-800) / .3)
}

html .tailwind-area .active\:text-danger-800\/35:active {
    color: rgb(var(--ui-danger-800) / .35)
}

html .tailwind-area .active\:text-danger-800\/40:active {
    color: rgb(var(--ui-danger-800) / .4)
}

html .tailwind-area .active\:text-danger-800\/45:active {
    color: rgb(var(--ui-danger-800) / .45)
}

html .tailwind-area .active\:text-danger-800\/5:active {
    color: rgb(var(--ui-danger-800) / .05)
}

html .tailwind-area .active\:text-danger-800\/50:active {
    color: rgb(var(--ui-danger-800) / .5)
}

html .tailwind-area .active\:text-danger-800\/55:active {
    color: rgb(var(--ui-danger-800) / .55)
}

html .tailwind-area .active\:text-danger-800\/60:active {
    color: rgb(var(--ui-danger-800) / .6)
}

html .tailwind-area .active\:text-danger-800\/65:active {
    color: rgb(var(--ui-danger-800) / .65)
}

html .tailwind-area .active\:text-danger-800\/70:active {
    color: rgb(var(--ui-danger-800) / .7)
}

html .tailwind-area .active\:text-danger-800\/75:active {
    color: rgb(var(--ui-danger-800) / .75)
}

html .tailwind-area .active\:text-danger-800\/80:active {
    color: rgb(var(--ui-danger-800) / .8)
}

html .tailwind-area .active\:text-danger-800\/85:active {
    color: rgb(var(--ui-danger-800) / .85)
}

html .tailwind-area .active\:text-danger-800\/90:active {
    color: rgb(var(--ui-danger-800) / .9)
}

html .tailwind-area .active\:text-danger-800\/95:active {
    color: rgb(var(--ui-danger-800) / .95)
}

html .tailwind-area .active\:text-danger-900:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-danger-900) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-danger-900\/0:active {
    color: rgb(var(--ui-danger-900) / 0)
}

html .tailwind-area .active\:text-danger-900\/10:active {
    color: rgb(var(--ui-danger-900) / .1)
}

html .tailwind-area .active\:text-danger-900\/100:active {
    color: rgb(var(--ui-danger-900) / 1)
}

html .tailwind-area .active\:text-danger-900\/15:active {
    color: rgb(var(--ui-danger-900) / .15)
}

html .tailwind-area .active\:text-danger-900\/20:active {
    color: rgb(var(--ui-danger-900) / .2)
}

html .tailwind-area .active\:text-danger-900\/25:active {
    color: rgb(var(--ui-danger-900) / .25)
}

html .tailwind-area .active\:text-danger-900\/30:active {
    color: rgb(var(--ui-danger-900) / .3)
}

html .tailwind-area .active\:text-danger-900\/35:active {
    color: rgb(var(--ui-danger-900) / .35)
}

html .tailwind-area .active\:text-danger-900\/40:active {
    color: rgb(var(--ui-danger-900) / .4)
}

html .tailwind-area .active\:text-danger-900\/45:active {
    color: rgb(var(--ui-danger-900) / .45)
}

html .tailwind-area .active\:text-danger-900\/5:active {
    color: rgb(var(--ui-danger-900) / .05)
}

html .tailwind-area .active\:text-danger-900\/50:active {
    color: rgb(var(--ui-danger-900) / .5)
}

html .tailwind-area .active\:text-danger-900\/55:active {
    color: rgb(var(--ui-danger-900) / .55)
}

html .tailwind-area .active\:text-danger-900\/60:active {
    color: rgb(var(--ui-danger-900) / .6)
}

html .tailwind-area .active\:text-danger-900\/65:active {
    color: rgb(var(--ui-danger-900) / .65)
}

html .tailwind-area .active\:text-danger-900\/70:active {
    color: rgb(var(--ui-danger-900) / .7)
}

html .tailwind-area .active\:text-danger-900\/75:active {
    color: rgb(var(--ui-danger-900) / .75)
}

html .tailwind-area .active\:text-danger-900\/80:active {
    color: rgb(var(--ui-danger-900) / .8)
}

html .tailwind-area .active\:text-danger-900\/85:active {
    color: rgb(var(--ui-danger-900) / .85)
}

html .tailwind-area .active\:text-danger-900\/90:active {
    color: rgb(var(--ui-danger-900) / .9)
}

html .tailwind-area .active\:text-danger-900\/95:active {
    color: rgb(var(--ui-danger-900) / .95)
}

html .tailwind-area .active\:text-neutral-100:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-neutral-100) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-neutral-100\/0:active {
    color: rgb(var(--ui-neutral-100) / 0)
}

html .tailwind-area .active\:text-neutral-100\/10:active {
    color: rgb(var(--ui-neutral-100) / .1)
}

html .tailwind-area .active\:text-neutral-100\/100:active {
    color: rgb(var(--ui-neutral-100) / 1)
}

html .tailwind-area .active\:text-neutral-100\/15:active {
    color: rgb(var(--ui-neutral-100) / .15)
}

html .tailwind-area .active\:text-neutral-100\/20:active {
    color: rgb(var(--ui-neutral-100) / .2)
}

html .tailwind-area .active\:text-neutral-100\/25:active {
    color: rgb(var(--ui-neutral-100) / .25)
}

html .tailwind-area .active\:text-neutral-100\/30:active {
    color: rgb(var(--ui-neutral-100) / .3)
}

html .tailwind-area .active\:text-neutral-100\/35:active {
    color: rgb(var(--ui-neutral-100) / .35)
}

html .tailwind-area .active\:text-neutral-100\/40:active {
    color: rgb(var(--ui-neutral-100) / .4)
}

html .tailwind-area .active\:text-neutral-100\/45:active {
    color: rgb(var(--ui-neutral-100) / .45)
}

html .tailwind-area .active\:text-neutral-100\/5:active {
    color: rgb(var(--ui-neutral-100) / .05)
}

html .tailwind-area .active\:text-neutral-100\/50:active {
    color: rgb(var(--ui-neutral-100) / .5)
}

html .tailwind-area .active\:text-neutral-100\/55:active {
    color: rgb(var(--ui-neutral-100) / .55)
}

html .tailwind-area .active\:text-neutral-100\/60:active {
    color: rgb(var(--ui-neutral-100) / .6)
}

html .tailwind-area .active\:text-neutral-100\/65:active {
    color: rgb(var(--ui-neutral-100) / .65)
}

html .tailwind-area .active\:text-neutral-100\/70:active {
    color: rgb(var(--ui-neutral-100) / .7)
}

html .tailwind-area .active\:text-neutral-100\/75:active {
    color: rgb(var(--ui-neutral-100) / .75)
}

html .tailwind-area .active\:text-neutral-100\/80:active {
    color: rgb(var(--ui-neutral-100) / .8)
}

html .tailwind-area .active\:text-neutral-100\/85:active {
    color: rgb(var(--ui-neutral-100) / .85)
}

html .tailwind-area .active\:text-neutral-100\/90:active {
    color: rgb(var(--ui-neutral-100) / .9)
}

html .tailwind-area .active\:text-neutral-100\/95:active {
    color: rgb(var(--ui-neutral-100) / .95)
}

html .tailwind-area .active\:text-neutral-200:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-neutral-200) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-neutral-200\/0:active {
    color: rgb(var(--ui-neutral-200) / 0)
}

html .tailwind-area .active\:text-neutral-200\/10:active {
    color: rgb(var(--ui-neutral-200) / .1)
}

html .tailwind-area .active\:text-neutral-200\/100:active {
    color: rgb(var(--ui-neutral-200) / 1)
}

html .tailwind-area .active\:text-neutral-200\/15:active {
    color: rgb(var(--ui-neutral-200) / .15)
}

html .tailwind-area .active\:text-neutral-200\/20:active {
    color: rgb(var(--ui-neutral-200) / .2)
}

html .tailwind-area .active\:text-neutral-200\/25:active {
    color: rgb(var(--ui-neutral-200) / .25)
}

html .tailwind-area .active\:text-neutral-200\/30:active {
    color: rgb(var(--ui-neutral-200) / .3)
}

html .tailwind-area .active\:text-neutral-200\/35:active {
    color: rgb(var(--ui-neutral-200) / .35)
}

html .tailwind-area .active\:text-neutral-200\/40:active {
    color: rgb(var(--ui-neutral-200) / .4)
}

html .tailwind-area .active\:text-neutral-200\/45:active {
    color: rgb(var(--ui-neutral-200) / .45)
}

html .tailwind-area .active\:text-neutral-200\/5:active {
    color: rgb(var(--ui-neutral-200) / .05)
}

html .tailwind-area .active\:text-neutral-200\/50:active {
    color: rgb(var(--ui-neutral-200) / .5)
}

html .tailwind-area .active\:text-neutral-200\/55:active {
    color: rgb(var(--ui-neutral-200) / .55)
}

html .tailwind-area .active\:text-neutral-200\/60:active {
    color: rgb(var(--ui-neutral-200) / .6)
}

html .tailwind-area .active\:text-neutral-200\/65:active {
    color: rgb(var(--ui-neutral-200) / .65)
}

html .tailwind-area .active\:text-neutral-200\/70:active {
    color: rgb(var(--ui-neutral-200) / .7)
}

html .tailwind-area .active\:text-neutral-200\/75:active {
    color: rgb(var(--ui-neutral-200) / .75)
}

html .tailwind-area .active\:text-neutral-200\/80:active {
    color: rgb(var(--ui-neutral-200) / .8)
}

html .tailwind-area .active\:text-neutral-200\/85:active {
    color: rgb(var(--ui-neutral-200) / .85)
}

html .tailwind-area .active\:text-neutral-200\/90:active {
    color: rgb(var(--ui-neutral-200) / .9)
}

html .tailwind-area .active\:text-neutral-200\/95:active {
    color: rgb(var(--ui-neutral-200) / .95)
}

html .tailwind-area .active\:text-neutral-300:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-neutral-300) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-neutral-300\/0:active {
    color: rgb(var(--ui-neutral-300) / 0)
}

html .tailwind-area .active\:text-neutral-300\/10:active {
    color: rgb(var(--ui-neutral-300) / .1)
}

html .tailwind-area .active\:text-neutral-300\/100:active {
    color: rgb(var(--ui-neutral-300) / 1)
}

html .tailwind-area .active\:text-neutral-300\/15:active {
    color: rgb(var(--ui-neutral-300) / .15)
}

html .tailwind-area .active\:text-neutral-300\/20:active {
    color: rgb(var(--ui-neutral-300) / .2)
}

html .tailwind-area .active\:text-neutral-300\/25:active {
    color: rgb(var(--ui-neutral-300) / .25)
}

html .tailwind-area .active\:text-neutral-300\/30:active {
    color: rgb(var(--ui-neutral-300) / .3)
}

html .tailwind-area .active\:text-neutral-300\/35:active {
    color: rgb(var(--ui-neutral-300) / .35)
}

html .tailwind-area .active\:text-neutral-300\/40:active {
    color: rgb(var(--ui-neutral-300) / .4)
}

html .tailwind-area .active\:text-neutral-300\/45:active {
    color: rgb(var(--ui-neutral-300) / .45)
}

html .tailwind-area .active\:text-neutral-300\/5:active {
    color: rgb(var(--ui-neutral-300) / .05)
}

html .tailwind-area .active\:text-neutral-300\/50:active {
    color: rgb(var(--ui-neutral-300) / .5)
}

html .tailwind-area .active\:text-neutral-300\/55:active {
    color: rgb(var(--ui-neutral-300) / .55)
}

html .tailwind-area .active\:text-neutral-300\/60:active {
    color: rgb(var(--ui-neutral-300) / .6)
}

html .tailwind-area .active\:text-neutral-300\/65:active {
    color: rgb(var(--ui-neutral-300) / .65)
}

html .tailwind-area .active\:text-neutral-300\/70:active {
    color: rgb(var(--ui-neutral-300) / .7)
}

html .tailwind-area .active\:text-neutral-300\/75:active {
    color: rgb(var(--ui-neutral-300) / .75)
}

html .tailwind-area .active\:text-neutral-300\/80:active {
    color: rgb(var(--ui-neutral-300) / .8)
}

html .tailwind-area .active\:text-neutral-300\/85:active {
    color: rgb(var(--ui-neutral-300) / .85)
}

html .tailwind-area .active\:text-neutral-300\/90:active {
    color: rgb(var(--ui-neutral-300) / .9)
}

html .tailwind-area .active\:text-neutral-300\/95:active {
    color: rgb(var(--ui-neutral-300) / .95)
}

html .tailwind-area .active\:text-neutral-400:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-neutral-400) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-neutral-400\/0:active {
    color: rgb(var(--ui-neutral-400) / 0)
}

html .tailwind-area .active\:text-neutral-400\/10:active {
    color: rgb(var(--ui-neutral-400) / .1)
}

html .tailwind-area .active\:text-neutral-400\/100:active {
    color: rgb(var(--ui-neutral-400) / 1)
}

html .tailwind-area .active\:text-neutral-400\/15:active {
    color: rgb(var(--ui-neutral-400) / .15)
}

html .tailwind-area .active\:text-neutral-400\/20:active {
    color: rgb(var(--ui-neutral-400) / .2)
}

html .tailwind-area .active\:text-neutral-400\/25:active {
    color: rgb(var(--ui-neutral-400) / .25)
}

html .tailwind-area .active\:text-neutral-400\/30:active {
    color: rgb(var(--ui-neutral-400) / .3)
}

html .tailwind-area .active\:text-neutral-400\/35:active {
    color: rgb(var(--ui-neutral-400) / .35)
}

html .tailwind-area .active\:text-neutral-400\/40:active {
    color: rgb(var(--ui-neutral-400) / .4)
}

html .tailwind-area .active\:text-neutral-400\/45:active {
    color: rgb(var(--ui-neutral-400) / .45)
}

html .tailwind-area .active\:text-neutral-400\/5:active {
    color: rgb(var(--ui-neutral-400) / .05)
}

html .tailwind-area .active\:text-neutral-400\/50:active {
    color: rgb(var(--ui-neutral-400) / .5)
}

html .tailwind-area .active\:text-neutral-400\/55:active {
    color: rgb(var(--ui-neutral-400) / .55)
}

html .tailwind-area .active\:text-neutral-400\/60:active {
    color: rgb(var(--ui-neutral-400) / .6)
}

html .tailwind-area .active\:text-neutral-400\/65:active {
    color: rgb(var(--ui-neutral-400) / .65)
}

html .tailwind-area .active\:text-neutral-400\/70:active {
    color: rgb(var(--ui-neutral-400) / .7)
}

html .tailwind-area .active\:text-neutral-400\/75:active {
    color: rgb(var(--ui-neutral-400) / .75)
}

html .tailwind-area .active\:text-neutral-400\/80:active {
    color: rgb(var(--ui-neutral-400) / .8)
}

html .tailwind-area .active\:text-neutral-400\/85:active {
    color: rgb(var(--ui-neutral-400) / .85)
}

html .tailwind-area .active\:text-neutral-400\/90:active {
    color: rgb(var(--ui-neutral-400) / .9)
}

html .tailwind-area .active\:text-neutral-400\/95:active {
    color: rgb(var(--ui-neutral-400) / .95)
}

html .tailwind-area .active\:text-neutral-50:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-neutral-50) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-neutral-50\/0:active {
    color: rgb(var(--ui-neutral-50) / 0)
}

html .tailwind-area .active\:text-neutral-50\/10:active {
    color: rgb(var(--ui-neutral-50) / .1)
}

html .tailwind-area .active\:text-neutral-50\/100:active {
    color: rgb(var(--ui-neutral-50) / 1)
}

html .tailwind-area .active\:text-neutral-50\/15:active {
    color: rgb(var(--ui-neutral-50) / .15)
}

html .tailwind-area .active\:text-neutral-50\/20:active {
    color: rgb(var(--ui-neutral-50) / .2)
}

html .tailwind-area .active\:text-neutral-50\/25:active {
    color: rgb(var(--ui-neutral-50) / .25)
}

html .tailwind-area .active\:text-neutral-50\/30:active {
    color: rgb(var(--ui-neutral-50) / .3)
}

html .tailwind-area .active\:text-neutral-50\/35:active {
    color: rgb(var(--ui-neutral-50) / .35)
}

html .tailwind-area .active\:text-neutral-50\/40:active {
    color: rgb(var(--ui-neutral-50) / .4)
}

html .tailwind-area .active\:text-neutral-50\/45:active {
    color: rgb(var(--ui-neutral-50) / .45)
}

html .tailwind-area .active\:text-neutral-50\/5:active {
    color: rgb(var(--ui-neutral-50) / .05)
}

html .tailwind-area .active\:text-neutral-50\/50:active {
    color: rgb(var(--ui-neutral-50) / .5)
}

html .tailwind-area .active\:text-neutral-50\/55:active {
    color: rgb(var(--ui-neutral-50) / .55)
}

html .tailwind-area .active\:text-neutral-50\/60:active {
    color: rgb(var(--ui-neutral-50) / .6)
}

html .tailwind-area .active\:text-neutral-50\/65:active {
    color: rgb(var(--ui-neutral-50) / .65)
}

html .tailwind-area .active\:text-neutral-50\/70:active {
    color: rgb(var(--ui-neutral-50) / .7)
}

html .tailwind-area .active\:text-neutral-50\/75:active {
    color: rgb(var(--ui-neutral-50) / .75)
}

html .tailwind-area .active\:text-neutral-50\/80:active {
    color: rgb(var(--ui-neutral-50) / .8)
}

html .tailwind-area .active\:text-neutral-50\/85:active {
    color: rgb(var(--ui-neutral-50) / .85)
}

html .tailwind-area .active\:text-neutral-50\/90:active {
    color: rgb(var(--ui-neutral-50) / .9)
}

html .tailwind-area .active\:text-neutral-50\/95:active {
    color: rgb(var(--ui-neutral-50) / .95)
}

html .tailwind-area .active\:text-neutral-500:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-neutral-500) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-neutral-500\/0:active {
    color: rgb(var(--ui-neutral-500) / 0)
}

html .tailwind-area .active\:text-neutral-500\/10:active {
    color: rgb(var(--ui-neutral-500) / .1)
}

html .tailwind-area .active\:text-neutral-500\/100:active {
    color: rgb(var(--ui-neutral-500) / 1)
}

html .tailwind-area .active\:text-neutral-500\/15:active {
    color: rgb(var(--ui-neutral-500) / .15)
}

html .tailwind-area .active\:text-neutral-500\/20:active {
    color: rgb(var(--ui-neutral-500) / .2)
}

html .tailwind-area .active\:text-neutral-500\/25:active {
    color: rgb(var(--ui-neutral-500) / .25)
}

html .tailwind-area .active\:text-neutral-500\/30:active {
    color: rgb(var(--ui-neutral-500) / .3)
}

html .tailwind-area .active\:text-neutral-500\/35:active {
    color: rgb(var(--ui-neutral-500) / .35)
}

html .tailwind-area .active\:text-neutral-500\/40:active {
    color: rgb(var(--ui-neutral-500) / .4)
}

html .tailwind-area .active\:text-neutral-500\/45:active {
    color: rgb(var(--ui-neutral-500) / .45)
}

html .tailwind-area .active\:text-neutral-500\/5:active {
    color: rgb(var(--ui-neutral-500) / .05)
}

html .tailwind-area .active\:text-neutral-500\/50:active {
    color: rgb(var(--ui-neutral-500) / .5)
}

html .tailwind-area .active\:text-neutral-500\/55:active {
    color: rgb(var(--ui-neutral-500) / .55)
}

html .tailwind-area .active\:text-neutral-500\/60:active {
    color: rgb(var(--ui-neutral-500) / .6)
}

html .tailwind-area .active\:text-neutral-500\/65:active {
    color: rgb(var(--ui-neutral-500) / .65)
}

html .tailwind-area .active\:text-neutral-500\/70:active {
    color: rgb(var(--ui-neutral-500) / .7)
}

html .tailwind-area .active\:text-neutral-500\/75:active {
    color: rgb(var(--ui-neutral-500) / .75)
}

html .tailwind-area .active\:text-neutral-500\/80:active {
    color: rgb(var(--ui-neutral-500) / .8)
}

html .tailwind-area .active\:text-neutral-500\/85:active {
    color: rgb(var(--ui-neutral-500) / .85)
}

html .tailwind-area .active\:text-neutral-500\/90:active {
    color: rgb(var(--ui-neutral-500) / .9)
}

html .tailwind-area .active\:text-neutral-500\/95:active {
    color: rgb(var(--ui-neutral-500) / .95)
}

html .tailwind-area .active\:text-neutral-600:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-neutral-600) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-neutral-600\/0:active {
    color: rgb(var(--ui-neutral-600) / 0)
}

html .tailwind-area .active\:text-neutral-600\/10:active {
    color: rgb(var(--ui-neutral-600) / .1)
}

html .tailwind-area .active\:text-neutral-600\/100:active {
    color: rgb(var(--ui-neutral-600) / 1)
}

html .tailwind-area .active\:text-neutral-600\/15:active {
    color: rgb(var(--ui-neutral-600) / .15)
}

html .tailwind-area .active\:text-neutral-600\/20:active {
    color: rgb(var(--ui-neutral-600) / .2)
}

html .tailwind-area .active\:text-neutral-600\/25:active {
    color: rgb(var(--ui-neutral-600) / .25)
}

html .tailwind-area .active\:text-neutral-600\/30:active {
    color: rgb(var(--ui-neutral-600) / .3)
}

html .tailwind-area .active\:text-neutral-600\/35:active {
    color: rgb(var(--ui-neutral-600) / .35)
}

html .tailwind-area .active\:text-neutral-600\/40:active {
    color: rgb(var(--ui-neutral-600) / .4)
}

html .tailwind-area .active\:text-neutral-600\/45:active {
    color: rgb(var(--ui-neutral-600) / .45)
}

html .tailwind-area .active\:text-neutral-600\/5:active {
    color: rgb(var(--ui-neutral-600) / .05)
}

html .tailwind-area .active\:text-neutral-600\/50:active {
    color: rgb(var(--ui-neutral-600) / .5)
}

html .tailwind-area .active\:text-neutral-600\/55:active {
    color: rgb(var(--ui-neutral-600) / .55)
}

html .tailwind-area .active\:text-neutral-600\/60:active {
    color: rgb(var(--ui-neutral-600) / .6)
}

html .tailwind-area .active\:text-neutral-600\/65:active {
    color: rgb(var(--ui-neutral-600) / .65)
}

html .tailwind-area .active\:text-neutral-600\/70:active {
    color: rgb(var(--ui-neutral-600) / .7)
}

html .tailwind-area .active\:text-neutral-600\/75:active {
    color: rgb(var(--ui-neutral-600) / .75)
}

html .tailwind-area .active\:text-neutral-600\/80:active {
    color: rgb(var(--ui-neutral-600) / .8)
}

html .tailwind-area .active\:text-neutral-600\/85:active {
    color: rgb(var(--ui-neutral-600) / .85)
}

html .tailwind-area .active\:text-neutral-600\/90:active {
    color: rgb(var(--ui-neutral-600) / .9)
}

html .tailwind-area .active\:text-neutral-600\/95:active {
    color: rgb(var(--ui-neutral-600) / .95)
}

html .tailwind-area .active\:text-neutral-700:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-neutral-700) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-neutral-700\/0:active {
    color: rgb(var(--ui-neutral-700) / 0)
}

html .tailwind-area .active\:text-neutral-700\/10:active {
    color: rgb(var(--ui-neutral-700) / .1)
}

html .tailwind-area .active\:text-neutral-700\/100:active {
    color: rgb(var(--ui-neutral-700) / 1)
}

html .tailwind-area .active\:text-neutral-700\/15:active {
    color: rgb(var(--ui-neutral-700) / .15)
}

html .tailwind-area .active\:text-neutral-700\/20:active {
    color: rgb(var(--ui-neutral-700) / .2)
}

html .tailwind-area .active\:text-neutral-700\/25:active {
    color: rgb(var(--ui-neutral-700) / .25)
}

html .tailwind-area .active\:text-neutral-700\/30:active {
    color: rgb(var(--ui-neutral-700) / .3)
}

html .tailwind-area .active\:text-neutral-700\/35:active {
    color: rgb(var(--ui-neutral-700) / .35)
}

html .tailwind-area .active\:text-neutral-700\/40:active {
    color: rgb(var(--ui-neutral-700) / .4)
}

html .tailwind-area .active\:text-neutral-700\/45:active {
    color: rgb(var(--ui-neutral-700) / .45)
}

html .tailwind-area .active\:text-neutral-700\/5:active {
    color: rgb(var(--ui-neutral-700) / .05)
}

html .tailwind-area .active\:text-neutral-700\/50:active {
    color: rgb(var(--ui-neutral-700) / .5)
}

html .tailwind-area .active\:text-neutral-700\/55:active {
    color: rgb(var(--ui-neutral-700) / .55)
}

html .tailwind-area .active\:text-neutral-700\/60:active {
    color: rgb(var(--ui-neutral-700) / .6)
}

html .tailwind-area .active\:text-neutral-700\/65:active {
    color: rgb(var(--ui-neutral-700) / .65)
}

html .tailwind-area .active\:text-neutral-700\/70:active {
    color: rgb(var(--ui-neutral-700) / .7)
}

html .tailwind-area .active\:text-neutral-700\/75:active {
    color: rgb(var(--ui-neutral-700) / .75)
}

html .tailwind-area .active\:text-neutral-700\/80:active {
    color: rgb(var(--ui-neutral-700) / .8)
}

html .tailwind-area .active\:text-neutral-700\/85:active {
    color: rgb(var(--ui-neutral-700) / .85)
}

html .tailwind-area .active\:text-neutral-700\/90:active {
    color: rgb(var(--ui-neutral-700) / .9)
}

html .tailwind-area .active\:text-neutral-700\/95:active {
    color: rgb(var(--ui-neutral-700) / .95)
}

html .tailwind-area .active\:text-neutral-800:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-neutral-800) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-neutral-800\/0:active {
    color: rgb(var(--ui-neutral-800) / 0)
}

html .tailwind-area .active\:text-neutral-800\/10:active {
    color: rgb(var(--ui-neutral-800) / .1)
}

html .tailwind-area .active\:text-neutral-800\/100:active {
    color: rgb(var(--ui-neutral-800) / 1)
}

html .tailwind-area .active\:text-neutral-800\/15:active {
    color: rgb(var(--ui-neutral-800) / .15)
}

html .tailwind-area .active\:text-neutral-800\/20:active {
    color: rgb(var(--ui-neutral-800) / .2)
}

html .tailwind-area .active\:text-neutral-800\/25:active {
    color: rgb(var(--ui-neutral-800) / .25)
}

html .tailwind-area .active\:text-neutral-800\/30:active {
    color: rgb(var(--ui-neutral-800) / .3)
}

html .tailwind-area .active\:text-neutral-800\/35:active {
    color: rgb(var(--ui-neutral-800) / .35)
}

html .tailwind-area .active\:text-neutral-800\/40:active {
    color: rgb(var(--ui-neutral-800) / .4)
}

html .tailwind-area .active\:text-neutral-800\/45:active {
    color: rgb(var(--ui-neutral-800) / .45)
}

html .tailwind-area .active\:text-neutral-800\/5:active {
    color: rgb(var(--ui-neutral-800) / .05)
}

html .tailwind-area .active\:text-neutral-800\/50:active {
    color: rgb(var(--ui-neutral-800) / .5)
}

html .tailwind-area .active\:text-neutral-800\/55:active {
    color: rgb(var(--ui-neutral-800) / .55)
}

html .tailwind-area .active\:text-neutral-800\/60:active {
    color: rgb(var(--ui-neutral-800) / .6)
}

html .tailwind-area .active\:text-neutral-800\/65:active {
    color: rgb(var(--ui-neutral-800) / .65)
}

html .tailwind-area .active\:text-neutral-800\/70:active {
    color: rgb(var(--ui-neutral-800) / .7)
}

html .tailwind-area .active\:text-neutral-800\/75:active {
    color: rgb(var(--ui-neutral-800) / .75)
}

html .tailwind-area .active\:text-neutral-800\/80:active {
    color: rgb(var(--ui-neutral-800) / .8)
}

html .tailwind-area .active\:text-neutral-800\/85:active {
    color: rgb(var(--ui-neutral-800) / .85)
}

html .tailwind-area .active\:text-neutral-800\/90:active {
    color: rgb(var(--ui-neutral-800) / .9)
}

html .tailwind-area .active\:text-neutral-800\/95:active {
    color: rgb(var(--ui-neutral-800) / .95)
}

html .tailwind-area .active\:text-neutral-900:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-neutral-900) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-neutral-900\/0:active {
    color: rgb(var(--ui-neutral-900) / 0)
}

html .tailwind-area .active\:text-neutral-900\/10:active {
    color: rgb(var(--ui-neutral-900) / .1)
}

html .tailwind-area .active\:text-neutral-900\/100:active {
    color: rgb(var(--ui-neutral-900) / 1)
}

html .tailwind-area .active\:text-neutral-900\/15:active {
    color: rgb(var(--ui-neutral-900) / .15)
}

html .tailwind-area .active\:text-neutral-900\/20:active {
    color: rgb(var(--ui-neutral-900) / .2)
}

html .tailwind-area .active\:text-neutral-900\/25:active {
    color: rgb(var(--ui-neutral-900) / .25)
}

html .tailwind-area .active\:text-neutral-900\/30:active {
    color: rgb(var(--ui-neutral-900) / .3)
}

html .tailwind-area .active\:text-neutral-900\/35:active {
    color: rgb(var(--ui-neutral-900) / .35)
}

html .tailwind-area .active\:text-neutral-900\/40:active {
    color: rgb(var(--ui-neutral-900) / .4)
}

html .tailwind-area .active\:text-neutral-900\/45:active {
    color: rgb(var(--ui-neutral-900) / .45)
}

html .tailwind-area .active\:text-neutral-900\/5:active {
    color: rgb(var(--ui-neutral-900) / .05)
}

html .tailwind-area .active\:text-neutral-900\/50:active {
    color: rgb(var(--ui-neutral-900) / .5)
}

html .tailwind-area .active\:text-neutral-900\/55:active {
    color: rgb(var(--ui-neutral-900) / .55)
}

html .tailwind-area .active\:text-neutral-900\/60:active {
    color: rgb(var(--ui-neutral-900) / .6)
}

html .tailwind-area .active\:text-neutral-900\/65:active {
    color: rgb(var(--ui-neutral-900) / .65)
}

html .tailwind-area .active\:text-neutral-900\/70:active {
    color: rgb(var(--ui-neutral-900) / .7)
}

html .tailwind-area .active\:text-neutral-900\/75:active {
    color: rgb(var(--ui-neutral-900) / .75)
}

html .tailwind-area .active\:text-neutral-900\/80:active {
    color: rgb(var(--ui-neutral-900) / .8)
}

html .tailwind-area .active\:text-neutral-900\/85:active {
    color: rgb(var(--ui-neutral-900) / .85)
}

html .tailwind-area .active\:text-neutral-900\/90:active {
    color: rgb(var(--ui-neutral-900) / .9)
}

html .tailwind-area .active\:text-neutral-900\/95:active {
    color: rgb(var(--ui-neutral-900) / .95)
}

html .tailwind-area .active\:text-neutral-950:active {
    --tw-text-opacity: 1;
    color: rgb(10 10 10 / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-neutral-950\/0:active {
    color: #0a0a0a00
}

html .tailwind-area .active\:text-neutral-950\/10:active {
    color: #0a0a0a1a
}

html .tailwind-area .active\:text-neutral-950\/100:active {
    color: #0a0a0a
}

html .tailwind-area .active\:text-neutral-950\/15:active {
    color: #0a0a0a26
}

html .tailwind-area .active\:text-neutral-950\/20:active {
    color: #0a0a0a33
}

html .tailwind-area .active\:text-neutral-950\/25:active {
    color: #0a0a0a40
}

html .tailwind-area .active\:text-neutral-950\/30:active {
    color: #0a0a0a4d
}

html .tailwind-area .active\:text-neutral-950\/35:active {
    color: #0a0a0a59
}

html .tailwind-area .active\:text-neutral-950\/40:active {
    color: #0a0a0a66
}

html .tailwind-area .active\:text-neutral-950\/45:active {
    color: #0a0a0a73
}

html .tailwind-area .active\:text-neutral-950\/5:active {
    color: #0a0a0a0d
}

html .tailwind-area .active\:text-neutral-950\/50:active {
    color: #0a0a0a80
}

html .tailwind-area .active\:text-neutral-950\/55:active {
    color: #0a0a0a8c
}

html .tailwind-area .active\:text-neutral-950\/60:active {
    color: #0a0a0a99
}

html .tailwind-area .active\:text-neutral-950\/65:active {
    color: #0a0a0aa6
}

html .tailwind-area .active\:text-neutral-950\/70:active {
    color: #0a0a0ab3
}

html .tailwind-area .active\:text-neutral-950\/75:active {
    color: #0a0a0abf
}

html .tailwind-area .active\:text-neutral-950\/80:active {
    color: #0a0a0acc
}

html .tailwind-area .active\:text-neutral-950\/85:active {
    color: #0a0a0ad9
}

html .tailwind-area .active\:text-neutral-950\/90:active {
    color: #0a0a0ae6
}

html .tailwind-area .active\:text-neutral-950\/95:active {
    color: #0a0a0af2
}

html .tailwind-area .active\:text-primary-100:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-primary-100) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-primary-100\/0:active {
    color: rgb(var(--ui-primary-100) / 0)
}

html .tailwind-area .active\:text-primary-100\/10:active {
    color: rgb(var(--ui-primary-100) / .1)
}

html .tailwind-area .active\:text-primary-100\/100:active {
    color: rgb(var(--ui-primary-100) / 1)
}

html .tailwind-area .active\:text-primary-100\/15:active {
    color: rgb(var(--ui-primary-100) / .15)
}

html .tailwind-area .active\:text-primary-100\/20:active {
    color: rgb(var(--ui-primary-100) / .2)
}

html .tailwind-area .active\:text-primary-100\/25:active {
    color: rgb(var(--ui-primary-100) / .25)
}

html .tailwind-area .active\:text-primary-100\/30:active {
    color: rgb(var(--ui-primary-100) / .3)
}

html .tailwind-area .active\:text-primary-100\/35:active {
    color: rgb(var(--ui-primary-100) / .35)
}

html .tailwind-area .active\:text-primary-100\/40:active {
    color: rgb(var(--ui-primary-100) / .4)
}

html .tailwind-area .active\:text-primary-100\/45:active {
    color: rgb(var(--ui-primary-100) / .45)
}

html .tailwind-area .active\:text-primary-100\/5:active {
    color: rgb(var(--ui-primary-100) / .05)
}

html .tailwind-area .active\:text-primary-100\/50:active {
    color: rgb(var(--ui-primary-100) / .5)
}

html .tailwind-area .active\:text-primary-100\/55:active {
    color: rgb(var(--ui-primary-100) / .55)
}

html .tailwind-area .active\:text-primary-100\/60:active {
    color: rgb(var(--ui-primary-100) / .6)
}

html .tailwind-area .active\:text-primary-100\/65:active {
    color: rgb(var(--ui-primary-100) / .65)
}

html .tailwind-area .active\:text-primary-100\/70:active {
    color: rgb(var(--ui-primary-100) / .7)
}

html .tailwind-area .active\:text-primary-100\/75:active {
    color: rgb(var(--ui-primary-100) / .75)
}

html .tailwind-area .active\:text-primary-100\/80:active {
    color: rgb(var(--ui-primary-100) / .8)
}

html .tailwind-area .active\:text-primary-100\/85:active {
    color: rgb(var(--ui-primary-100) / .85)
}

html .tailwind-area .active\:text-primary-100\/90:active {
    color: rgb(var(--ui-primary-100) / .9)
}

html .tailwind-area .active\:text-primary-100\/95:active {
    color: rgb(var(--ui-primary-100) / .95)
}

html .tailwind-area .active\:text-primary-200:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-primary-200) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-primary-200\/0:active {
    color: rgb(var(--ui-primary-200) / 0)
}

html .tailwind-area .active\:text-primary-200\/10:active {
    color: rgb(var(--ui-primary-200) / .1)
}

html .tailwind-area .active\:text-primary-200\/100:active {
    color: rgb(var(--ui-primary-200) / 1)
}

html .tailwind-area .active\:text-primary-200\/15:active {
    color: rgb(var(--ui-primary-200) / .15)
}

html .tailwind-area .active\:text-primary-200\/20:active {
    color: rgb(var(--ui-primary-200) / .2)
}

html .tailwind-area .active\:text-primary-200\/25:active {
    color: rgb(var(--ui-primary-200) / .25)
}

html .tailwind-area .active\:text-primary-200\/30:active {
    color: rgb(var(--ui-primary-200) / .3)
}

html .tailwind-area .active\:text-primary-200\/35:active {
    color: rgb(var(--ui-primary-200) / .35)
}

html .tailwind-area .active\:text-primary-200\/40:active {
    color: rgb(var(--ui-primary-200) / .4)
}

html .tailwind-area .active\:text-primary-200\/45:active {
    color: rgb(var(--ui-primary-200) / .45)
}

html .tailwind-area .active\:text-primary-200\/5:active {
    color: rgb(var(--ui-primary-200) / .05)
}

html .tailwind-area .active\:text-primary-200\/50:active {
    color: rgb(var(--ui-primary-200) / .5)
}

html .tailwind-area .active\:text-primary-200\/55:active {
    color: rgb(var(--ui-primary-200) / .55)
}

html .tailwind-area .active\:text-primary-200\/60:active {
    color: rgb(var(--ui-primary-200) / .6)
}

html .tailwind-area .active\:text-primary-200\/65:active {
    color: rgb(var(--ui-primary-200) / .65)
}

html .tailwind-area .active\:text-primary-200\/70:active {
    color: rgb(var(--ui-primary-200) / .7)
}

html .tailwind-area .active\:text-primary-200\/75:active {
    color: rgb(var(--ui-primary-200) / .75)
}

html .tailwind-area .active\:text-primary-200\/80:active {
    color: rgb(var(--ui-primary-200) / .8)
}

html .tailwind-area .active\:text-primary-200\/85:active {
    color: rgb(var(--ui-primary-200) / .85)
}

html .tailwind-area .active\:text-primary-200\/90:active {
    color: rgb(var(--ui-primary-200) / .9)
}

html .tailwind-area .active\:text-primary-200\/95:active {
    color: rgb(var(--ui-primary-200) / .95)
}

html .tailwind-area .active\:text-primary-300:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-primary-300) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-primary-300\/0:active {
    color: rgb(var(--ui-primary-300) / 0)
}

html .tailwind-area .active\:text-primary-300\/10:active {
    color: rgb(var(--ui-primary-300) / .1)
}

html .tailwind-area .active\:text-primary-300\/100:active {
    color: rgb(var(--ui-primary-300) / 1)
}

html .tailwind-area .active\:text-primary-300\/15:active {
    color: rgb(var(--ui-primary-300) / .15)
}

html .tailwind-area .active\:text-primary-300\/20:active {
    color: rgb(var(--ui-primary-300) / .2)
}

html .tailwind-area .active\:text-primary-300\/25:active {
    color: rgb(var(--ui-primary-300) / .25)
}

html .tailwind-area .active\:text-primary-300\/30:active {
    color: rgb(var(--ui-primary-300) / .3)
}

html .tailwind-area .active\:text-primary-300\/35:active {
    color: rgb(var(--ui-primary-300) / .35)
}

html .tailwind-area .active\:text-primary-300\/40:active {
    color: rgb(var(--ui-primary-300) / .4)
}

html .tailwind-area .active\:text-primary-300\/45:active {
    color: rgb(var(--ui-primary-300) / .45)
}

html .tailwind-area .active\:text-primary-300\/5:active {
    color: rgb(var(--ui-primary-300) / .05)
}

html .tailwind-area .active\:text-primary-300\/50:active {
    color: rgb(var(--ui-primary-300) / .5)
}

html .tailwind-area .active\:text-primary-300\/55:active {
    color: rgb(var(--ui-primary-300) / .55)
}

html .tailwind-area .active\:text-primary-300\/60:active {
    color: rgb(var(--ui-primary-300) / .6)
}

html .tailwind-area .active\:text-primary-300\/65:active {
    color: rgb(var(--ui-primary-300) / .65)
}

html .tailwind-area .active\:text-primary-300\/70:active {
    color: rgb(var(--ui-primary-300) / .7)
}

html .tailwind-area .active\:text-primary-300\/75:active {
    color: rgb(var(--ui-primary-300) / .75)
}

html .tailwind-area .active\:text-primary-300\/80:active {
    color: rgb(var(--ui-primary-300) / .8)
}

html .tailwind-area .active\:text-primary-300\/85:active {
    color: rgb(var(--ui-primary-300) / .85)
}

html .tailwind-area .active\:text-primary-300\/90:active {
    color: rgb(var(--ui-primary-300) / .9)
}

html .tailwind-area .active\:text-primary-300\/95:active {
    color: rgb(var(--ui-primary-300) / .95)
}

html .tailwind-area .active\:text-primary-400:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-primary-400) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-primary-400\/0:active {
    color: rgb(var(--ui-primary-400) / 0)
}

html .tailwind-area .active\:text-primary-400\/10:active {
    color: rgb(var(--ui-primary-400) / .1)
}

html .tailwind-area .active\:text-primary-400\/100:active {
    color: rgb(var(--ui-primary-400) / 1)
}

html .tailwind-area .active\:text-primary-400\/15:active {
    color: rgb(var(--ui-primary-400) / .15)
}

html .tailwind-area .active\:text-primary-400\/20:active {
    color: rgb(var(--ui-primary-400) / .2)
}

html .tailwind-area .active\:text-primary-400\/25:active {
    color: rgb(var(--ui-primary-400) / .25)
}

html .tailwind-area .active\:text-primary-400\/30:active {
    color: rgb(var(--ui-primary-400) / .3)
}

html .tailwind-area .active\:text-primary-400\/35:active {
    color: rgb(var(--ui-primary-400) / .35)
}

html .tailwind-area .active\:text-primary-400\/40:active {
    color: rgb(var(--ui-primary-400) / .4)
}

html .tailwind-area .active\:text-primary-400\/45:active {
    color: rgb(var(--ui-primary-400) / .45)
}

html .tailwind-area .active\:text-primary-400\/5:active {
    color: rgb(var(--ui-primary-400) / .05)
}

html .tailwind-area .active\:text-primary-400\/50:active {
    color: rgb(var(--ui-primary-400) / .5)
}

html .tailwind-area .active\:text-primary-400\/55:active {
    color: rgb(var(--ui-primary-400) / .55)
}

html .tailwind-area .active\:text-primary-400\/60:active {
    color: rgb(var(--ui-primary-400) / .6)
}

html .tailwind-area .active\:text-primary-400\/65:active {
    color: rgb(var(--ui-primary-400) / .65)
}

html .tailwind-area .active\:text-primary-400\/70:active {
    color: rgb(var(--ui-primary-400) / .7)
}

html .tailwind-area .active\:text-primary-400\/75:active {
    color: rgb(var(--ui-primary-400) / .75)
}

html .tailwind-area .active\:text-primary-400\/80:active {
    color: rgb(var(--ui-primary-400) / .8)
}

html .tailwind-area .active\:text-primary-400\/85:active {
    color: rgb(var(--ui-primary-400) / .85)
}

html .tailwind-area .active\:text-primary-400\/90:active {
    color: rgb(var(--ui-primary-400) / .9)
}

html .tailwind-area .active\:text-primary-400\/95:active {
    color: rgb(var(--ui-primary-400) / .95)
}

html .tailwind-area .active\:text-primary-50:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-primary-50) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-primary-50\/0:active {
    color: rgb(var(--ui-primary-50) / 0)
}

html .tailwind-area .active\:text-primary-50\/10:active {
    color: rgb(var(--ui-primary-50) / .1)
}

html .tailwind-area .active\:text-primary-50\/100:active {
    color: rgb(var(--ui-primary-50) / 1)
}

html .tailwind-area .active\:text-primary-50\/15:active {
    color: rgb(var(--ui-primary-50) / .15)
}

html .tailwind-area .active\:text-primary-50\/20:active {
    color: rgb(var(--ui-primary-50) / .2)
}

html .tailwind-area .active\:text-primary-50\/25:active {
    color: rgb(var(--ui-primary-50) / .25)
}

html .tailwind-area .active\:text-primary-50\/30:active {
    color: rgb(var(--ui-primary-50) / .3)
}

html .tailwind-area .active\:text-primary-50\/35:active {
    color: rgb(var(--ui-primary-50) / .35)
}

html .tailwind-area .active\:text-primary-50\/40:active {
    color: rgb(var(--ui-primary-50) / .4)
}

html .tailwind-area .active\:text-primary-50\/45:active {
    color: rgb(var(--ui-primary-50) / .45)
}

html .tailwind-area .active\:text-primary-50\/5:active {
    color: rgb(var(--ui-primary-50) / .05)
}

html .tailwind-area .active\:text-primary-50\/50:active {
    color: rgb(var(--ui-primary-50) / .5)
}

html .tailwind-area .active\:text-primary-50\/55:active {
    color: rgb(var(--ui-primary-50) / .55)
}

html .tailwind-area .active\:text-primary-50\/60:active {
    color: rgb(var(--ui-primary-50) / .6)
}

html .tailwind-area .active\:text-primary-50\/65:active {
    color: rgb(var(--ui-primary-50) / .65)
}

html .tailwind-area .active\:text-primary-50\/70:active {
    color: rgb(var(--ui-primary-50) / .7)
}

html .tailwind-area .active\:text-primary-50\/75:active {
    color: rgb(var(--ui-primary-50) / .75)
}

html .tailwind-area .active\:text-primary-50\/80:active {
    color: rgb(var(--ui-primary-50) / .8)
}

html .tailwind-area .active\:text-primary-50\/85:active {
    color: rgb(var(--ui-primary-50) / .85)
}

html .tailwind-area .active\:text-primary-50\/90:active {
    color: rgb(var(--ui-primary-50) / .9)
}

html .tailwind-area .active\:text-primary-50\/95:active {
    color: rgb(var(--ui-primary-50) / .95)
}

html .tailwind-area .active\:text-primary-500:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-primary-500) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-primary-500\/0:active {
    color: rgb(var(--ui-primary-500) / 0)
}

html .tailwind-area .active\:text-primary-500\/10:active {
    color: rgb(var(--ui-primary-500) / .1)
}

html .tailwind-area .active\:text-primary-500\/100:active {
    color: rgb(var(--ui-primary-500) / 1)
}

html .tailwind-area .active\:text-primary-500\/15:active {
    color: rgb(var(--ui-primary-500) / .15)
}

html .tailwind-area .active\:text-primary-500\/20:active {
    color: rgb(var(--ui-primary-500) / .2)
}

html .tailwind-area .active\:text-primary-500\/25:active {
    color: rgb(var(--ui-primary-500) / .25)
}

html .tailwind-area .active\:text-primary-500\/30:active {
    color: rgb(var(--ui-primary-500) / .3)
}

html .tailwind-area .active\:text-primary-500\/35:active {
    color: rgb(var(--ui-primary-500) / .35)
}

html .tailwind-area .active\:text-primary-500\/40:active {
    color: rgb(var(--ui-primary-500) / .4)
}

html .tailwind-area .active\:text-primary-500\/45:active {
    color: rgb(var(--ui-primary-500) / .45)
}

html .tailwind-area .active\:text-primary-500\/5:active {
    color: rgb(var(--ui-primary-500) / .05)
}

html .tailwind-area .active\:text-primary-500\/50:active {
    color: rgb(var(--ui-primary-500) / .5)
}

html .tailwind-area .active\:text-primary-500\/55:active {
    color: rgb(var(--ui-primary-500) / .55)
}

html .tailwind-area .active\:text-primary-500\/60:active {
    color: rgb(var(--ui-primary-500) / .6)
}

html .tailwind-area .active\:text-primary-500\/65:active {
    color: rgb(var(--ui-primary-500) / .65)
}

html .tailwind-area .active\:text-primary-500\/70:active {
    color: rgb(var(--ui-primary-500) / .7)
}

html .tailwind-area .active\:text-primary-500\/75:active {
    color: rgb(var(--ui-primary-500) / .75)
}

html .tailwind-area .active\:text-primary-500\/80:active {
    color: rgb(var(--ui-primary-500) / .8)
}

html .tailwind-area .active\:text-primary-500\/85:active {
    color: rgb(var(--ui-primary-500) / .85)
}

html .tailwind-area .active\:text-primary-500\/90:active {
    color: rgb(var(--ui-primary-500) / .9)
}

html .tailwind-area .active\:text-primary-500\/95:active {
    color: rgb(var(--ui-primary-500) / .95)
}

html .tailwind-area .active\:text-primary-600:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-primary-600) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-primary-600\/0:active {
    color: rgb(var(--ui-primary-600) / 0)
}

html .tailwind-area .active\:text-primary-600\/10:active {
    color: rgb(var(--ui-primary-600) / .1)
}

html .tailwind-area .active\:text-primary-600\/100:active {
    color: rgb(var(--ui-primary-600) / 1)
}

html .tailwind-area .active\:text-primary-600\/15:active {
    color: rgb(var(--ui-primary-600) / .15)
}

html .tailwind-area .active\:text-primary-600\/20:active {
    color: rgb(var(--ui-primary-600) / .2)
}

html .tailwind-area .active\:text-primary-600\/25:active {
    color: rgb(var(--ui-primary-600) / .25)
}

html .tailwind-area .active\:text-primary-600\/30:active {
    color: rgb(var(--ui-primary-600) / .3)
}

html .tailwind-area .active\:text-primary-600\/35:active {
    color: rgb(var(--ui-primary-600) / .35)
}

html .tailwind-area .active\:text-primary-600\/40:active {
    color: rgb(var(--ui-primary-600) / .4)
}

html .tailwind-area .active\:text-primary-600\/45:active {
    color: rgb(var(--ui-primary-600) / .45)
}

html .tailwind-area .active\:text-primary-600\/5:active {
    color: rgb(var(--ui-primary-600) / .05)
}

html .tailwind-area .active\:text-primary-600\/50:active {
    color: rgb(var(--ui-primary-600) / .5)
}

html .tailwind-area .active\:text-primary-600\/55:active {
    color: rgb(var(--ui-primary-600) / .55)
}

html .tailwind-area .active\:text-primary-600\/60:active {
    color: rgb(var(--ui-primary-600) / .6)
}

html .tailwind-area .active\:text-primary-600\/65:active {
    color: rgb(var(--ui-primary-600) / .65)
}

html .tailwind-area .active\:text-primary-600\/70:active {
    color: rgb(var(--ui-primary-600) / .7)
}

html .tailwind-area .active\:text-primary-600\/75:active {
    color: rgb(var(--ui-primary-600) / .75)
}

html .tailwind-area .active\:text-primary-600\/80:active {
    color: rgb(var(--ui-primary-600) / .8)
}

html .tailwind-area .active\:text-primary-600\/85:active {
    color: rgb(var(--ui-primary-600) / .85)
}

html .tailwind-area .active\:text-primary-600\/90:active {
    color: rgb(var(--ui-primary-600) / .9)
}

html .tailwind-area .active\:text-primary-600\/95:active {
    color: rgb(var(--ui-primary-600) / .95)
}

html .tailwind-area .active\:text-primary-700:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-primary-700) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-primary-700\/0:active {
    color: rgb(var(--ui-primary-700) / 0)
}

html .tailwind-area .active\:text-primary-700\/10:active {
    color: rgb(var(--ui-primary-700) / .1)
}

html .tailwind-area .active\:text-primary-700\/100:active {
    color: rgb(var(--ui-primary-700) / 1)
}

html .tailwind-area .active\:text-primary-700\/15:active {
    color: rgb(var(--ui-primary-700) / .15)
}

html .tailwind-area .active\:text-primary-700\/20:active {
    color: rgb(var(--ui-primary-700) / .2)
}

html .tailwind-area .active\:text-primary-700\/25:active {
    color: rgb(var(--ui-primary-700) / .25)
}

html .tailwind-area .active\:text-primary-700\/30:active {
    color: rgb(var(--ui-primary-700) / .3)
}

html .tailwind-area .active\:text-primary-700\/35:active {
    color: rgb(var(--ui-primary-700) / .35)
}

html .tailwind-area .active\:text-primary-700\/40:active {
    color: rgb(var(--ui-primary-700) / .4)
}

html .tailwind-area .active\:text-primary-700\/45:active {
    color: rgb(var(--ui-primary-700) / .45)
}

html .tailwind-area .active\:text-primary-700\/5:active {
    color: rgb(var(--ui-primary-700) / .05)
}

html .tailwind-area .active\:text-primary-700\/50:active {
    color: rgb(var(--ui-primary-700) / .5)
}

html .tailwind-area .active\:text-primary-700\/55:active {
    color: rgb(var(--ui-primary-700) / .55)
}

html .tailwind-area .active\:text-primary-700\/60:active {
    color: rgb(var(--ui-primary-700) / .6)
}

html .tailwind-area .active\:text-primary-700\/65:active {
    color: rgb(var(--ui-primary-700) / .65)
}

html .tailwind-area .active\:text-primary-700\/70:active {
    color: rgb(var(--ui-primary-700) / .7)
}

html .tailwind-area .active\:text-primary-700\/75:active {
    color: rgb(var(--ui-primary-700) / .75)
}

html .tailwind-area .active\:text-primary-700\/80:active {
    color: rgb(var(--ui-primary-700) / .8)
}

html .tailwind-area .active\:text-primary-700\/85:active {
    color: rgb(var(--ui-primary-700) / .85)
}

html .tailwind-area .active\:text-primary-700\/90:active {
    color: rgb(var(--ui-primary-700) / .9)
}

html .tailwind-area .active\:text-primary-700\/95:active {
    color: rgb(var(--ui-primary-700) / .95)
}

html .tailwind-area .active\:text-primary-800:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-primary-800) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-primary-800\/0:active {
    color: rgb(var(--ui-primary-800) / 0)
}

html .tailwind-area .active\:text-primary-800\/10:active {
    color: rgb(var(--ui-primary-800) / .1)
}

html .tailwind-area .active\:text-primary-800\/100:active {
    color: rgb(var(--ui-primary-800) / 1)
}

html .tailwind-area .active\:text-primary-800\/15:active {
    color: rgb(var(--ui-primary-800) / .15)
}

html .tailwind-area .active\:text-primary-800\/20:active {
    color: rgb(var(--ui-primary-800) / .2)
}

html .tailwind-area .active\:text-primary-800\/25:active {
    color: rgb(var(--ui-primary-800) / .25)
}

html .tailwind-area .active\:text-primary-800\/30:active {
    color: rgb(var(--ui-primary-800) / .3)
}

html .tailwind-area .active\:text-primary-800\/35:active {
    color: rgb(var(--ui-primary-800) / .35)
}

html .tailwind-area .active\:text-primary-800\/40:active {
    color: rgb(var(--ui-primary-800) / .4)
}

html .tailwind-area .active\:text-primary-800\/45:active {
    color: rgb(var(--ui-primary-800) / .45)
}

html .tailwind-area .active\:text-primary-800\/5:active {
    color: rgb(var(--ui-primary-800) / .05)
}

html .tailwind-area .active\:text-primary-800\/50:active {
    color: rgb(var(--ui-primary-800) / .5)
}

html .tailwind-area .active\:text-primary-800\/55:active {
    color: rgb(var(--ui-primary-800) / .55)
}

html .tailwind-area .active\:text-primary-800\/60:active {
    color: rgb(var(--ui-primary-800) / .6)
}

html .tailwind-area .active\:text-primary-800\/65:active {
    color: rgb(var(--ui-primary-800) / .65)
}

html .tailwind-area .active\:text-primary-800\/70:active {
    color: rgb(var(--ui-primary-800) / .7)
}

html .tailwind-area .active\:text-primary-800\/75:active {
    color: rgb(var(--ui-primary-800) / .75)
}

html .tailwind-area .active\:text-primary-800\/80:active {
    color: rgb(var(--ui-primary-800) / .8)
}

html .tailwind-area .active\:text-primary-800\/85:active {
    color: rgb(var(--ui-primary-800) / .85)
}

html .tailwind-area .active\:text-primary-800\/90:active {
    color: rgb(var(--ui-primary-800) / .9)
}

html .tailwind-area .active\:text-primary-800\/95:active {
    color: rgb(var(--ui-primary-800) / .95)
}

html .tailwind-area .active\:text-primary-900:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-primary-900) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-primary-900\/0:active {
    color: rgb(var(--ui-primary-900) / 0)
}

html .tailwind-area .active\:text-primary-900\/10:active {
    color: rgb(var(--ui-primary-900) / .1)
}

html .tailwind-area .active\:text-primary-900\/100:active {
    color: rgb(var(--ui-primary-900) / 1)
}

html .tailwind-area .active\:text-primary-900\/15:active {
    color: rgb(var(--ui-primary-900) / .15)
}

html .tailwind-area .active\:text-primary-900\/20:active {
    color: rgb(var(--ui-primary-900) / .2)
}

html .tailwind-area .active\:text-primary-900\/25:active {
    color: rgb(var(--ui-primary-900) / .25)
}

html .tailwind-area .active\:text-primary-900\/30:active {
    color: rgb(var(--ui-primary-900) / .3)
}

html .tailwind-area .active\:text-primary-900\/35:active {
    color: rgb(var(--ui-primary-900) / .35)
}

html .tailwind-area .active\:text-primary-900\/40:active {
    color: rgb(var(--ui-primary-900) / .4)
}

html .tailwind-area .active\:text-primary-900\/45:active {
    color: rgb(var(--ui-primary-900) / .45)
}

html .tailwind-area .active\:text-primary-900\/5:active {
    color: rgb(var(--ui-primary-900) / .05)
}

html .tailwind-area .active\:text-primary-900\/50:active {
    color: rgb(var(--ui-primary-900) / .5)
}

html .tailwind-area .active\:text-primary-900\/55:active {
    color: rgb(var(--ui-primary-900) / .55)
}

html .tailwind-area .active\:text-primary-900\/60:active {
    color: rgb(var(--ui-primary-900) / .6)
}

html .tailwind-area .active\:text-primary-900\/65:active {
    color: rgb(var(--ui-primary-900) / .65)
}

html .tailwind-area .active\:text-primary-900\/70:active {
    color: rgb(var(--ui-primary-900) / .7)
}

html .tailwind-area .active\:text-primary-900\/75:active {
    color: rgb(var(--ui-primary-900) / .75)
}

html .tailwind-area .active\:text-primary-900\/80:active {
    color: rgb(var(--ui-primary-900) / .8)
}

html .tailwind-area .active\:text-primary-900\/85:active {
    color: rgb(var(--ui-primary-900) / .85)
}

html .tailwind-area .active\:text-primary-900\/90:active {
    color: rgb(var(--ui-primary-900) / .9)
}

html .tailwind-area .active\:text-primary-900\/95:active {
    color: rgb(var(--ui-primary-900) / .95)
}

html .tailwind-area .active\:text-safe-100:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-safe-100) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-safe-100\/0:active {
    color: rgb(var(--ui-safe-100) / 0)
}

html .tailwind-area .active\:text-safe-100\/10:active {
    color: rgb(var(--ui-safe-100) / .1)
}

html .tailwind-area .active\:text-safe-100\/100:active {
    color: rgb(var(--ui-safe-100) / 1)
}

html .tailwind-area .active\:text-safe-100\/15:active {
    color: rgb(var(--ui-safe-100) / .15)
}

html .tailwind-area .active\:text-safe-100\/20:active {
    color: rgb(var(--ui-safe-100) / .2)
}

html .tailwind-area .active\:text-safe-100\/25:active {
    color: rgb(var(--ui-safe-100) / .25)
}

html .tailwind-area .active\:text-safe-100\/30:active {
    color: rgb(var(--ui-safe-100) / .3)
}

html .tailwind-area .active\:text-safe-100\/35:active {
    color: rgb(var(--ui-safe-100) / .35)
}

html .tailwind-area .active\:text-safe-100\/40:active {
    color: rgb(var(--ui-safe-100) / .4)
}

html .tailwind-area .active\:text-safe-100\/45:active {
    color: rgb(var(--ui-safe-100) / .45)
}

html .tailwind-area .active\:text-safe-100\/5:active {
    color: rgb(var(--ui-safe-100) / .05)
}

html .tailwind-area .active\:text-safe-100\/50:active {
    color: rgb(var(--ui-safe-100) / .5)
}

html .tailwind-area .active\:text-safe-100\/55:active {
    color: rgb(var(--ui-safe-100) / .55)
}

html .tailwind-area .active\:text-safe-100\/60:active {
    color: rgb(var(--ui-safe-100) / .6)
}

html .tailwind-area .active\:text-safe-100\/65:active {
    color: rgb(var(--ui-safe-100) / .65)
}

html .tailwind-area .active\:text-safe-100\/70:active {
    color: rgb(var(--ui-safe-100) / .7)
}

html .tailwind-area .active\:text-safe-100\/75:active {
    color: rgb(var(--ui-safe-100) / .75)
}

html .tailwind-area .active\:text-safe-100\/80:active {
    color: rgb(var(--ui-safe-100) / .8)
}

html .tailwind-area .active\:text-safe-100\/85:active {
    color: rgb(var(--ui-safe-100) / .85)
}

html .tailwind-area .active\:text-safe-100\/90:active {
    color: rgb(var(--ui-safe-100) / .9)
}

html .tailwind-area .active\:text-safe-100\/95:active {
    color: rgb(var(--ui-safe-100) / .95)
}

html .tailwind-area .active\:text-safe-200:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-safe-200) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-safe-200\/0:active {
    color: rgb(var(--ui-safe-200) / 0)
}

html .tailwind-area .active\:text-safe-200\/10:active {
    color: rgb(var(--ui-safe-200) / .1)
}

html .tailwind-area .active\:text-safe-200\/100:active {
    color: rgb(var(--ui-safe-200) / 1)
}

html .tailwind-area .active\:text-safe-200\/15:active {
    color: rgb(var(--ui-safe-200) / .15)
}

html .tailwind-area .active\:text-safe-200\/20:active {
    color: rgb(var(--ui-safe-200) / .2)
}

html .tailwind-area .active\:text-safe-200\/25:active {
    color: rgb(var(--ui-safe-200) / .25)
}

html .tailwind-area .active\:text-safe-200\/30:active {
    color: rgb(var(--ui-safe-200) / .3)
}

html .tailwind-area .active\:text-safe-200\/35:active {
    color: rgb(var(--ui-safe-200) / .35)
}

html .tailwind-area .active\:text-safe-200\/40:active {
    color: rgb(var(--ui-safe-200) / .4)
}

html .tailwind-area .active\:text-safe-200\/45:active {
    color: rgb(var(--ui-safe-200) / .45)
}

html .tailwind-area .active\:text-safe-200\/5:active {
    color: rgb(var(--ui-safe-200) / .05)
}

html .tailwind-area .active\:text-safe-200\/50:active {
    color: rgb(var(--ui-safe-200) / .5)
}

html .tailwind-area .active\:text-safe-200\/55:active {
    color: rgb(var(--ui-safe-200) / .55)
}

html .tailwind-area .active\:text-safe-200\/60:active {
    color: rgb(var(--ui-safe-200) / .6)
}

html .tailwind-area .active\:text-safe-200\/65:active {
    color: rgb(var(--ui-safe-200) / .65)
}

html .tailwind-area .active\:text-safe-200\/70:active {
    color: rgb(var(--ui-safe-200) / .7)
}

html .tailwind-area .active\:text-safe-200\/75:active {
    color: rgb(var(--ui-safe-200) / .75)
}

html .tailwind-area .active\:text-safe-200\/80:active {
    color: rgb(var(--ui-safe-200) / .8)
}

html .tailwind-area .active\:text-safe-200\/85:active {
    color: rgb(var(--ui-safe-200) / .85)
}

html .tailwind-area .active\:text-safe-200\/90:active {
    color: rgb(var(--ui-safe-200) / .9)
}

html .tailwind-area .active\:text-safe-200\/95:active {
    color: rgb(var(--ui-safe-200) / .95)
}

html .tailwind-area .active\:text-safe-300:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-safe-300) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-safe-300\/0:active {
    color: rgb(var(--ui-safe-300) / 0)
}

html .tailwind-area .active\:text-safe-300\/10:active {
    color: rgb(var(--ui-safe-300) / .1)
}

html .tailwind-area .active\:text-safe-300\/100:active {
    color: rgb(var(--ui-safe-300) / 1)
}

html .tailwind-area .active\:text-safe-300\/15:active {
    color: rgb(var(--ui-safe-300) / .15)
}

html .tailwind-area .active\:text-safe-300\/20:active {
    color: rgb(var(--ui-safe-300) / .2)
}

html .tailwind-area .active\:text-safe-300\/25:active {
    color: rgb(var(--ui-safe-300) / .25)
}

html .tailwind-area .active\:text-safe-300\/30:active {
    color: rgb(var(--ui-safe-300) / .3)
}

html .tailwind-area .active\:text-safe-300\/35:active {
    color: rgb(var(--ui-safe-300) / .35)
}

html .tailwind-area .active\:text-safe-300\/40:active {
    color: rgb(var(--ui-safe-300) / .4)
}

html .tailwind-area .active\:text-safe-300\/45:active {
    color: rgb(var(--ui-safe-300) / .45)
}

html .tailwind-area .active\:text-safe-300\/5:active {
    color: rgb(var(--ui-safe-300) / .05)
}

html .tailwind-area .active\:text-safe-300\/50:active {
    color: rgb(var(--ui-safe-300) / .5)
}

html .tailwind-area .active\:text-safe-300\/55:active {
    color: rgb(var(--ui-safe-300) / .55)
}

html .tailwind-area .active\:text-safe-300\/60:active {
    color: rgb(var(--ui-safe-300) / .6)
}

html .tailwind-area .active\:text-safe-300\/65:active {
    color: rgb(var(--ui-safe-300) / .65)
}

html .tailwind-area .active\:text-safe-300\/70:active {
    color: rgb(var(--ui-safe-300) / .7)
}

html .tailwind-area .active\:text-safe-300\/75:active {
    color: rgb(var(--ui-safe-300) / .75)
}

html .tailwind-area .active\:text-safe-300\/80:active {
    color: rgb(var(--ui-safe-300) / .8)
}

html .tailwind-area .active\:text-safe-300\/85:active {
    color: rgb(var(--ui-safe-300) / .85)
}

html .tailwind-area .active\:text-safe-300\/90:active {
    color: rgb(var(--ui-safe-300) / .9)
}

html .tailwind-area .active\:text-safe-300\/95:active {
    color: rgb(var(--ui-safe-300) / .95)
}

html .tailwind-area .active\:text-safe-400:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-safe-400) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-safe-400\/0:active {
    color: rgb(var(--ui-safe-400) / 0)
}

html .tailwind-area .active\:text-safe-400\/10:active {
    color: rgb(var(--ui-safe-400) / .1)
}

html .tailwind-area .active\:text-safe-400\/100:active {
    color: rgb(var(--ui-safe-400) / 1)
}

html .tailwind-area .active\:text-safe-400\/15:active {
    color: rgb(var(--ui-safe-400) / .15)
}

html .tailwind-area .active\:text-safe-400\/20:active {
    color: rgb(var(--ui-safe-400) / .2)
}

html .tailwind-area .active\:text-safe-400\/25:active {
    color: rgb(var(--ui-safe-400) / .25)
}

html .tailwind-area .active\:text-safe-400\/30:active {
    color: rgb(var(--ui-safe-400) / .3)
}

html .tailwind-area .active\:text-safe-400\/35:active {
    color: rgb(var(--ui-safe-400) / .35)
}

html .tailwind-area .active\:text-safe-400\/40:active {
    color: rgb(var(--ui-safe-400) / .4)
}

html .tailwind-area .active\:text-safe-400\/45:active {
    color: rgb(var(--ui-safe-400) / .45)
}

html .tailwind-area .active\:text-safe-400\/5:active {
    color: rgb(var(--ui-safe-400) / .05)
}

html .tailwind-area .active\:text-safe-400\/50:active {
    color: rgb(var(--ui-safe-400) / .5)
}

html .tailwind-area .active\:text-safe-400\/55:active {
    color: rgb(var(--ui-safe-400) / .55)
}

html .tailwind-area .active\:text-safe-400\/60:active {
    color: rgb(var(--ui-safe-400) / .6)
}

html .tailwind-area .active\:text-safe-400\/65:active {
    color: rgb(var(--ui-safe-400) / .65)
}

html .tailwind-area .active\:text-safe-400\/70:active {
    color: rgb(var(--ui-safe-400) / .7)
}

html .tailwind-area .active\:text-safe-400\/75:active {
    color: rgb(var(--ui-safe-400) / .75)
}

html .tailwind-area .active\:text-safe-400\/80:active {
    color: rgb(var(--ui-safe-400) / .8)
}

html .tailwind-area .active\:text-safe-400\/85:active {
    color: rgb(var(--ui-safe-400) / .85)
}

html .tailwind-area .active\:text-safe-400\/90:active {
    color: rgb(var(--ui-safe-400) / .9)
}

html .tailwind-area .active\:text-safe-400\/95:active {
    color: rgb(var(--ui-safe-400) / .95)
}

html .tailwind-area .active\:text-safe-50:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-safe-50) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-safe-50\/0:active {
    color: rgb(var(--ui-safe-50) / 0)
}

html .tailwind-area .active\:text-safe-50\/10:active {
    color: rgb(var(--ui-safe-50) / .1)
}

html .tailwind-area .active\:text-safe-50\/100:active {
    color: rgb(var(--ui-safe-50) / 1)
}

html .tailwind-area .active\:text-safe-50\/15:active {
    color: rgb(var(--ui-safe-50) / .15)
}

html .tailwind-area .active\:text-safe-50\/20:active {
    color: rgb(var(--ui-safe-50) / .2)
}

html .tailwind-area .active\:text-safe-50\/25:active {
    color: rgb(var(--ui-safe-50) / .25)
}

html .tailwind-area .active\:text-safe-50\/30:active {
    color: rgb(var(--ui-safe-50) / .3)
}

html .tailwind-area .active\:text-safe-50\/35:active {
    color: rgb(var(--ui-safe-50) / .35)
}

html .tailwind-area .active\:text-safe-50\/40:active {
    color: rgb(var(--ui-safe-50) / .4)
}

html .tailwind-area .active\:text-safe-50\/45:active {
    color: rgb(var(--ui-safe-50) / .45)
}

html .tailwind-area .active\:text-safe-50\/5:active {
    color: rgb(var(--ui-safe-50) / .05)
}

html .tailwind-area .active\:text-safe-50\/50:active {
    color: rgb(var(--ui-safe-50) / .5)
}

html .tailwind-area .active\:text-safe-50\/55:active {
    color: rgb(var(--ui-safe-50) / .55)
}

html .tailwind-area .active\:text-safe-50\/60:active {
    color: rgb(var(--ui-safe-50) / .6)
}

html .tailwind-area .active\:text-safe-50\/65:active {
    color: rgb(var(--ui-safe-50) / .65)
}

html .tailwind-area .active\:text-safe-50\/70:active {
    color: rgb(var(--ui-safe-50) / .7)
}

html .tailwind-area .active\:text-safe-50\/75:active {
    color: rgb(var(--ui-safe-50) / .75)
}

html .tailwind-area .active\:text-safe-50\/80:active {
    color: rgb(var(--ui-safe-50) / .8)
}

html .tailwind-area .active\:text-safe-50\/85:active {
    color: rgb(var(--ui-safe-50) / .85)
}

html .tailwind-area .active\:text-safe-50\/90:active {
    color: rgb(var(--ui-safe-50) / .9)
}

html .tailwind-area .active\:text-safe-50\/95:active {
    color: rgb(var(--ui-safe-50) / .95)
}

html .tailwind-area .active\:text-safe-500:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-safe-500) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-safe-500\/0:active {
    color: rgb(var(--ui-safe-500) / 0)
}

html .tailwind-area .active\:text-safe-500\/10:active {
    color: rgb(var(--ui-safe-500) / .1)
}

html .tailwind-area .active\:text-safe-500\/100:active {
    color: rgb(var(--ui-safe-500) / 1)
}

html .tailwind-area .active\:text-safe-500\/15:active {
    color: rgb(var(--ui-safe-500) / .15)
}

html .tailwind-area .active\:text-safe-500\/20:active {
    color: rgb(var(--ui-safe-500) / .2)
}

html .tailwind-area .active\:text-safe-500\/25:active {
    color: rgb(var(--ui-safe-500) / .25)
}

html .tailwind-area .active\:text-safe-500\/30:active {
    color: rgb(var(--ui-safe-500) / .3)
}

html .tailwind-area .active\:text-safe-500\/35:active {
    color: rgb(var(--ui-safe-500) / .35)
}

html .tailwind-area .active\:text-safe-500\/40:active {
    color: rgb(var(--ui-safe-500) / .4)
}

html .tailwind-area .active\:text-safe-500\/45:active {
    color: rgb(var(--ui-safe-500) / .45)
}

html .tailwind-area .active\:text-safe-500\/5:active {
    color: rgb(var(--ui-safe-500) / .05)
}

html .tailwind-area .active\:text-safe-500\/50:active {
    color: rgb(var(--ui-safe-500) / .5)
}

html .tailwind-area .active\:text-safe-500\/55:active {
    color: rgb(var(--ui-safe-500) / .55)
}

html .tailwind-area .active\:text-safe-500\/60:active {
    color: rgb(var(--ui-safe-500) / .6)
}

html .tailwind-area .active\:text-safe-500\/65:active {
    color: rgb(var(--ui-safe-500) / .65)
}

html .tailwind-area .active\:text-safe-500\/70:active {
    color: rgb(var(--ui-safe-500) / .7)
}

html .tailwind-area .active\:text-safe-500\/75:active {
    color: rgb(var(--ui-safe-500) / .75)
}

html .tailwind-area .active\:text-safe-500\/80:active {
    color: rgb(var(--ui-safe-500) / .8)
}

html .tailwind-area .active\:text-safe-500\/85:active {
    color: rgb(var(--ui-safe-500) / .85)
}

html .tailwind-area .active\:text-safe-500\/90:active {
    color: rgb(var(--ui-safe-500) / .9)
}

html .tailwind-area .active\:text-safe-500\/95:active {
    color: rgb(var(--ui-safe-500) / .95)
}

html .tailwind-area .active\:text-safe-600:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-safe-600) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-safe-600\/0:active {
    color: rgb(var(--ui-safe-600) / 0)
}

html .tailwind-area .active\:text-safe-600\/10:active {
    color: rgb(var(--ui-safe-600) / .1)
}

html .tailwind-area .active\:text-safe-600\/100:active {
    color: rgb(var(--ui-safe-600) / 1)
}

html .tailwind-area .active\:text-safe-600\/15:active {
    color: rgb(var(--ui-safe-600) / .15)
}

html .tailwind-area .active\:text-safe-600\/20:active {
    color: rgb(var(--ui-safe-600) / .2)
}

html .tailwind-area .active\:text-safe-600\/25:active {
    color: rgb(var(--ui-safe-600) / .25)
}

html .tailwind-area .active\:text-safe-600\/30:active {
    color: rgb(var(--ui-safe-600) / .3)
}

html .tailwind-area .active\:text-safe-600\/35:active {
    color: rgb(var(--ui-safe-600) / .35)
}

html .tailwind-area .active\:text-safe-600\/40:active {
    color: rgb(var(--ui-safe-600) / .4)
}

html .tailwind-area .active\:text-safe-600\/45:active {
    color: rgb(var(--ui-safe-600) / .45)
}

html .tailwind-area .active\:text-safe-600\/5:active {
    color: rgb(var(--ui-safe-600) / .05)
}

html .tailwind-area .active\:text-safe-600\/50:active {
    color: rgb(var(--ui-safe-600) / .5)
}

html .tailwind-area .active\:text-safe-600\/55:active {
    color: rgb(var(--ui-safe-600) / .55)
}

html .tailwind-area .active\:text-safe-600\/60:active {
    color: rgb(var(--ui-safe-600) / .6)
}

html .tailwind-area .active\:text-safe-600\/65:active {
    color: rgb(var(--ui-safe-600) / .65)
}

html .tailwind-area .active\:text-safe-600\/70:active {
    color: rgb(var(--ui-safe-600) / .7)
}

html .tailwind-area .active\:text-safe-600\/75:active {
    color: rgb(var(--ui-safe-600) / .75)
}

html .tailwind-area .active\:text-safe-600\/80:active {
    color: rgb(var(--ui-safe-600) / .8)
}

html .tailwind-area .active\:text-safe-600\/85:active {
    color: rgb(var(--ui-safe-600) / .85)
}

html .tailwind-area .active\:text-safe-600\/90:active {
    color: rgb(var(--ui-safe-600) / .9)
}

html .tailwind-area .active\:text-safe-600\/95:active {
    color: rgb(var(--ui-safe-600) / .95)
}

html .tailwind-area .active\:text-safe-700:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-safe-700) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-safe-700\/0:active {
    color: rgb(var(--ui-safe-700) / 0)
}

html .tailwind-area .active\:text-safe-700\/10:active {
    color: rgb(var(--ui-safe-700) / .1)
}

html .tailwind-area .active\:text-safe-700\/100:active {
    color: rgb(var(--ui-safe-700) / 1)
}

html .tailwind-area .active\:text-safe-700\/15:active {
    color: rgb(var(--ui-safe-700) / .15)
}

html .tailwind-area .active\:text-safe-700\/20:active {
    color: rgb(var(--ui-safe-700) / .2)
}

html .tailwind-area .active\:text-safe-700\/25:active {
    color: rgb(var(--ui-safe-700) / .25)
}

html .tailwind-area .active\:text-safe-700\/30:active {
    color: rgb(var(--ui-safe-700) / .3)
}

html .tailwind-area .active\:text-safe-700\/35:active {
    color: rgb(var(--ui-safe-700) / .35)
}

html .tailwind-area .active\:text-safe-700\/40:active {
    color: rgb(var(--ui-safe-700) / .4)
}

html .tailwind-area .active\:text-safe-700\/45:active {
    color: rgb(var(--ui-safe-700) / .45)
}

html .tailwind-area .active\:text-safe-700\/5:active {
    color: rgb(var(--ui-safe-700) / .05)
}

html .tailwind-area .active\:text-safe-700\/50:active {
    color: rgb(var(--ui-safe-700) / .5)
}

html .tailwind-area .active\:text-safe-700\/55:active {
    color: rgb(var(--ui-safe-700) / .55)
}

html .tailwind-area .active\:text-safe-700\/60:active {
    color: rgb(var(--ui-safe-700) / .6)
}

html .tailwind-area .active\:text-safe-700\/65:active {
    color: rgb(var(--ui-safe-700) / .65)
}

html .tailwind-area .active\:text-safe-700\/70:active {
    color: rgb(var(--ui-safe-700) / .7)
}

html .tailwind-area .active\:text-safe-700\/75:active {
    color: rgb(var(--ui-safe-700) / .75)
}

html .tailwind-area .active\:text-safe-700\/80:active {
    color: rgb(var(--ui-safe-700) / .8)
}

html .tailwind-area .active\:text-safe-700\/85:active {
    color: rgb(var(--ui-safe-700) / .85)
}

html .tailwind-area .active\:text-safe-700\/90:active {
    color: rgb(var(--ui-safe-700) / .9)
}

html .tailwind-area .active\:text-safe-700\/95:active {
    color: rgb(var(--ui-safe-700) / .95)
}

html .tailwind-area .active\:text-safe-800:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-safe-800) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-safe-800\/0:active {
    color: rgb(var(--ui-safe-800) / 0)
}

html .tailwind-area .active\:text-safe-800\/10:active {
    color: rgb(var(--ui-safe-800) / .1)
}

html .tailwind-area .active\:text-safe-800\/100:active {
    color: rgb(var(--ui-safe-800) / 1)
}

html .tailwind-area .active\:text-safe-800\/15:active {
    color: rgb(var(--ui-safe-800) / .15)
}

html .tailwind-area .active\:text-safe-800\/20:active {
    color: rgb(var(--ui-safe-800) / .2)
}

html .tailwind-area .active\:text-safe-800\/25:active {
    color: rgb(var(--ui-safe-800) / .25)
}

html .tailwind-area .active\:text-safe-800\/30:active {
    color: rgb(var(--ui-safe-800) / .3)
}

html .tailwind-area .active\:text-safe-800\/35:active {
    color: rgb(var(--ui-safe-800) / .35)
}

html .tailwind-area .active\:text-safe-800\/40:active {
    color: rgb(var(--ui-safe-800) / .4)
}

html .tailwind-area .active\:text-safe-800\/45:active {
    color: rgb(var(--ui-safe-800) / .45)
}

html .tailwind-area .active\:text-safe-800\/5:active {
    color: rgb(var(--ui-safe-800) / .05)
}

html .tailwind-area .active\:text-safe-800\/50:active {
    color: rgb(var(--ui-safe-800) / .5)
}

html .tailwind-area .active\:text-safe-800\/55:active {
    color: rgb(var(--ui-safe-800) / .55)
}

html .tailwind-area .active\:text-safe-800\/60:active {
    color: rgb(var(--ui-safe-800) / .6)
}

html .tailwind-area .active\:text-safe-800\/65:active {
    color: rgb(var(--ui-safe-800) / .65)
}

html .tailwind-area .active\:text-safe-800\/70:active {
    color: rgb(var(--ui-safe-800) / .7)
}

html .tailwind-area .active\:text-safe-800\/75:active {
    color: rgb(var(--ui-safe-800) / .75)
}

html .tailwind-area .active\:text-safe-800\/80:active {
    color: rgb(var(--ui-safe-800) / .8)
}

html .tailwind-area .active\:text-safe-800\/85:active {
    color: rgb(var(--ui-safe-800) / .85)
}

html .tailwind-area .active\:text-safe-800\/90:active {
    color: rgb(var(--ui-safe-800) / .9)
}

html .tailwind-area .active\:text-safe-800\/95:active {
    color: rgb(var(--ui-safe-800) / .95)
}

html .tailwind-area .active\:text-safe-900:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-safe-900) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-safe-900\/0:active {
    color: rgb(var(--ui-safe-900) / 0)
}

html .tailwind-area .active\:text-safe-900\/10:active {
    color: rgb(var(--ui-safe-900) / .1)
}

html .tailwind-area .active\:text-safe-900\/100:active {
    color: rgb(var(--ui-safe-900) / 1)
}

html .tailwind-area .active\:text-safe-900\/15:active {
    color: rgb(var(--ui-safe-900) / .15)
}

html .tailwind-area .active\:text-safe-900\/20:active {
    color: rgb(var(--ui-safe-900) / .2)
}

html .tailwind-area .active\:text-safe-900\/25:active {
    color: rgb(var(--ui-safe-900) / .25)
}

html .tailwind-area .active\:text-safe-900\/30:active {
    color: rgb(var(--ui-safe-900) / .3)
}

html .tailwind-area .active\:text-safe-900\/35:active {
    color: rgb(var(--ui-safe-900) / .35)
}

html .tailwind-area .active\:text-safe-900\/40:active {
    color: rgb(var(--ui-safe-900) / .4)
}

html .tailwind-area .active\:text-safe-900\/45:active {
    color: rgb(var(--ui-safe-900) / .45)
}

html .tailwind-area .active\:text-safe-900\/5:active {
    color: rgb(var(--ui-safe-900) / .05)
}

html .tailwind-area .active\:text-safe-900\/50:active {
    color: rgb(var(--ui-safe-900) / .5)
}

html .tailwind-area .active\:text-safe-900\/55:active {
    color: rgb(var(--ui-safe-900) / .55)
}

html .tailwind-area .active\:text-safe-900\/60:active {
    color: rgb(var(--ui-safe-900) / .6)
}

html .tailwind-area .active\:text-safe-900\/65:active {
    color: rgb(var(--ui-safe-900) / .65)
}

html .tailwind-area .active\:text-safe-900\/70:active {
    color: rgb(var(--ui-safe-900) / .7)
}

html .tailwind-area .active\:text-safe-900\/75:active {
    color: rgb(var(--ui-safe-900) / .75)
}

html .tailwind-area .active\:text-safe-900\/80:active {
    color: rgb(var(--ui-safe-900) / .8)
}

html .tailwind-area .active\:text-safe-900\/85:active {
    color: rgb(var(--ui-safe-900) / .85)
}

html .tailwind-area .active\:text-safe-900\/90:active {
    color: rgb(var(--ui-safe-900) / .9)
}

html .tailwind-area .active\:text-safe-900\/95:active {
    color: rgb(var(--ui-safe-900) / .95)
}

html .tailwind-area .active\:text-warning-100:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-warning-100) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-warning-100\/0:active {
    color: rgb(var(--ui-warning-100) / 0)
}

html .tailwind-area .active\:text-warning-100\/10:active {
    color: rgb(var(--ui-warning-100) / .1)
}

html .tailwind-area .active\:text-warning-100\/100:active {
    color: rgb(var(--ui-warning-100) / 1)
}

html .tailwind-area .active\:text-warning-100\/15:active {
    color: rgb(var(--ui-warning-100) / .15)
}

html .tailwind-area .active\:text-warning-100\/20:active {
    color: rgb(var(--ui-warning-100) / .2)
}

html .tailwind-area .active\:text-warning-100\/25:active {
    color: rgb(var(--ui-warning-100) / .25)
}

html .tailwind-area .active\:text-warning-100\/30:active {
    color: rgb(var(--ui-warning-100) / .3)
}

html .tailwind-area .active\:text-warning-100\/35:active {
    color: rgb(var(--ui-warning-100) / .35)
}

html .tailwind-area .active\:text-warning-100\/40:active {
    color: rgb(var(--ui-warning-100) / .4)
}

html .tailwind-area .active\:text-warning-100\/45:active {
    color: rgb(var(--ui-warning-100) / .45)
}

html .tailwind-area .active\:text-warning-100\/5:active {
    color: rgb(var(--ui-warning-100) / .05)
}

html .tailwind-area .active\:text-warning-100\/50:active {
    color: rgb(var(--ui-warning-100) / .5)
}

html .tailwind-area .active\:text-warning-100\/55:active {
    color: rgb(var(--ui-warning-100) / .55)
}

html .tailwind-area .active\:text-warning-100\/60:active {
    color: rgb(var(--ui-warning-100) / .6)
}

html .tailwind-area .active\:text-warning-100\/65:active {
    color: rgb(var(--ui-warning-100) / .65)
}

html .tailwind-area .active\:text-warning-100\/70:active {
    color: rgb(var(--ui-warning-100) / .7)
}

html .tailwind-area .active\:text-warning-100\/75:active {
    color: rgb(var(--ui-warning-100) / .75)
}

html .tailwind-area .active\:text-warning-100\/80:active {
    color: rgb(var(--ui-warning-100) / .8)
}

html .tailwind-area .active\:text-warning-100\/85:active {
    color: rgb(var(--ui-warning-100) / .85)
}

html .tailwind-area .active\:text-warning-100\/90:active {
    color: rgb(var(--ui-warning-100) / .9)
}

html .tailwind-area .active\:text-warning-100\/95:active {
    color: rgb(var(--ui-warning-100) / .95)
}

html .tailwind-area .active\:text-warning-200:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-warning-200) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-warning-200\/0:active {
    color: rgb(var(--ui-warning-200) / 0)
}

html .tailwind-area .active\:text-warning-200\/10:active {
    color: rgb(var(--ui-warning-200) / .1)
}

html .tailwind-area .active\:text-warning-200\/100:active {
    color: rgb(var(--ui-warning-200) / 1)
}

html .tailwind-area .active\:text-warning-200\/15:active {
    color: rgb(var(--ui-warning-200) / .15)
}

html .tailwind-area .active\:text-warning-200\/20:active {
    color: rgb(var(--ui-warning-200) / .2)
}

html .tailwind-area .active\:text-warning-200\/25:active {
    color: rgb(var(--ui-warning-200) / .25)
}

html .tailwind-area .active\:text-warning-200\/30:active {
    color: rgb(var(--ui-warning-200) / .3)
}

html .tailwind-area .active\:text-warning-200\/35:active {
    color: rgb(var(--ui-warning-200) / .35)
}

html .tailwind-area .active\:text-warning-200\/40:active {
    color: rgb(var(--ui-warning-200) / .4)
}

html .tailwind-area .active\:text-warning-200\/45:active {
    color: rgb(var(--ui-warning-200) / .45)
}

html .tailwind-area .active\:text-warning-200\/5:active {
    color: rgb(var(--ui-warning-200) / .05)
}

html .tailwind-area .active\:text-warning-200\/50:active {
    color: rgb(var(--ui-warning-200) / .5)
}

html .tailwind-area .active\:text-warning-200\/55:active {
    color: rgb(var(--ui-warning-200) / .55)
}

html .tailwind-area .active\:text-warning-200\/60:active {
    color: rgb(var(--ui-warning-200) / .6)
}

html .tailwind-area .active\:text-warning-200\/65:active {
    color: rgb(var(--ui-warning-200) / .65)
}

html .tailwind-area .active\:text-warning-200\/70:active {
    color: rgb(var(--ui-warning-200) / .7)
}

html .tailwind-area .active\:text-warning-200\/75:active {
    color: rgb(var(--ui-warning-200) / .75)
}

html .tailwind-area .active\:text-warning-200\/80:active {
    color: rgb(var(--ui-warning-200) / .8)
}

html .tailwind-area .active\:text-warning-200\/85:active {
    color: rgb(var(--ui-warning-200) / .85)
}

html .tailwind-area .active\:text-warning-200\/90:active {
    color: rgb(var(--ui-warning-200) / .9)
}

html .tailwind-area .active\:text-warning-200\/95:active {
    color: rgb(var(--ui-warning-200) / .95)
}

html .tailwind-area .active\:text-warning-300:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-warning-300) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-warning-300\/0:active {
    color: rgb(var(--ui-warning-300) / 0)
}

html .tailwind-area .active\:text-warning-300\/10:active {
    color: rgb(var(--ui-warning-300) / .1)
}

html .tailwind-area .active\:text-warning-300\/100:active {
    color: rgb(var(--ui-warning-300) / 1)
}

html .tailwind-area .active\:text-warning-300\/15:active {
    color: rgb(var(--ui-warning-300) / .15)
}

html .tailwind-area .active\:text-warning-300\/20:active {
    color: rgb(var(--ui-warning-300) / .2)
}

html .tailwind-area .active\:text-warning-300\/25:active {
    color: rgb(var(--ui-warning-300) / .25)
}

html .tailwind-area .active\:text-warning-300\/30:active {
    color: rgb(var(--ui-warning-300) / .3)
}

html .tailwind-area .active\:text-warning-300\/35:active {
    color: rgb(var(--ui-warning-300) / .35)
}

html .tailwind-area .active\:text-warning-300\/40:active {
    color: rgb(var(--ui-warning-300) / .4)
}

html .tailwind-area .active\:text-warning-300\/45:active {
    color: rgb(var(--ui-warning-300) / .45)
}

html .tailwind-area .active\:text-warning-300\/5:active {
    color: rgb(var(--ui-warning-300) / .05)
}

html .tailwind-area .active\:text-warning-300\/50:active {
    color: rgb(var(--ui-warning-300) / .5)
}

html .tailwind-area .active\:text-warning-300\/55:active {
    color: rgb(var(--ui-warning-300) / .55)
}

html .tailwind-area .active\:text-warning-300\/60:active {
    color: rgb(var(--ui-warning-300) / .6)
}

html .tailwind-area .active\:text-warning-300\/65:active {
    color: rgb(var(--ui-warning-300) / .65)
}

html .tailwind-area .active\:text-warning-300\/70:active {
    color: rgb(var(--ui-warning-300) / .7)
}

html .tailwind-area .active\:text-warning-300\/75:active {
    color: rgb(var(--ui-warning-300) / .75)
}

html .tailwind-area .active\:text-warning-300\/80:active {
    color: rgb(var(--ui-warning-300) / .8)
}

html .tailwind-area .active\:text-warning-300\/85:active {
    color: rgb(var(--ui-warning-300) / .85)
}

html .tailwind-area .active\:text-warning-300\/90:active {
    color: rgb(var(--ui-warning-300) / .9)
}

html .tailwind-area .active\:text-warning-300\/95:active {
    color: rgb(var(--ui-warning-300) / .95)
}

html .tailwind-area .active\:text-warning-400:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-warning-400) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-warning-400\/0:active {
    color: rgb(var(--ui-warning-400) / 0)
}

html .tailwind-area .active\:text-warning-400\/10:active {
    color: rgb(var(--ui-warning-400) / .1)
}

html .tailwind-area .active\:text-warning-400\/100:active {
    color: rgb(var(--ui-warning-400) / 1)
}

html .tailwind-area .active\:text-warning-400\/15:active {
    color: rgb(var(--ui-warning-400) / .15)
}

html .tailwind-area .active\:text-warning-400\/20:active {
    color: rgb(var(--ui-warning-400) / .2)
}

html .tailwind-area .active\:text-warning-400\/25:active {
    color: rgb(var(--ui-warning-400) / .25)
}

html .tailwind-area .active\:text-warning-400\/30:active {
    color: rgb(var(--ui-warning-400) / .3)
}

html .tailwind-area .active\:text-warning-400\/35:active {
    color: rgb(var(--ui-warning-400) / .35)
}

html .tailwind-area .active\:text-warning-400\/40:active {
    color: rgb(var(--ui-warning-400) / .4)
}

html .tailwind-area .active\:text-warning-400\/45:active {
    color: rgb(var(--ui-warning-400) / .45)
}

html .tailwind-area .active\:text-warning-400\/5:active {
    color: rgb(var(--ui-warning-400) / .05)
}

html .tailwind-area .active\:text-warning-400\/50:active {
    color: rgb(var(--ui-warning-400) / .5)
}

html .tailwind-area .active\:text-warning-400\/55:active {
    color: rgb(var(--ui-warning-400) / .55)
}

html .tailwind-area .active\:text-warning-400\/60:active {
    color: rgb(var(--ui-warning-400) / .6)
}

html .tailwind-area .active\:text-warning-400\/65:active {
    color: rgb(var(--ui-warning-400) / .65)
}

html .tailwind-area .active\:text-warning-400\/70:active {
    color: rgb(var(--ui-warning-400) / .7)
}

html .tailwind-area .active\:text-warning-400\/75:active {
    color: rgb(var(--ui-warning-400) / .75)
}

html .tailwind-area .active\:text-warning-400\/80:active {
    color: rgb(var(--ui-warning-400) / .8)
}

html .tailwind-area .active\:text-warning-400\/85:active {
    color: rgb(var(--ui-warning-400) / .85)
}

html .tailwind-area .active\:text-warning-400\/90:active {
    color: rgb(var(--ui-warning-400) / .9)
}

html .tailwind-area .active\:text-warning-400\/95:active {
    color: rgb(var(--ui-warning-400) / .95)
}

html .tailwind-area .active\:text-warning-50:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-warning-50) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-warning-50\/0:active {
    color: rgb(var(--ui-warning-50) / 0)
}

html .tailwind-area .active\:text-warning-50\/10:active {
    color: rgb(var(--ui-warning-50) / .1)
}

html .tailwind-area .active\:text-warning-50\/100:active {
    color: rgb(var(--ui-warning-50) / 1)
}

html .tailwind-area .active\:text-warning-50\/15:active {
    color: rgb(var(--ui-warning-50) / .15)
}

html .tailwind-area .active\:text-warning-50\/20:active {
    color: rgb(var(--ui-warning-50) / .2)
}

html .tailwind-area .active\:text-warning-50\/25:active {
    color: rgb(var(--ui-warning-50) / .25)
}

html .tailwind-area .active\:text-warning-50\/30:active {
    color: rgb(var(--ui-warning-50) / .3)
}

html .tailwind-area .active\:text-warning-50\/35:active {
    color: rgb(var(--ui-warning-50) / .35)
}

html .tailwind-area .active\:text-warning-50\/40:active {
    color: rgb(var(--ui-warning-50) / .4)
}

html .tailwind-area .active\:text-warning-50\/45:active {
    color: rgb(var(--ui-warning-50) / .45)
}

html .tailwind-area .active\:text-warning-50\/5:active {
    color: rgb(var(--ui-warning-50) / .05)
}

html .tailwind-area .active\:text-warning-50\/50:active {
    color: rgb(var(--ui-warning-50) / .5)
}

html .tailwind-area .active\:text-warning-50\/55:active {
    color: rgb(var(--ui-warning-50) / .55)
}

html .tailwind-area .active\:text-warning-50\/60:active {
    color: rgb(var(--ui-warning-50) / .6)
}

html .tailwind-area .active\:text-warning-50\/65:active {
    color: rgb(var(--ui-warning-50) / .65)
}

html .tailwind-area .active\:text-warning-50\/70:active {
    color: rgb(var(--ui-warning-50) / .7)
}

html .tailwind-area .active\:text-warning-50\/75:active {
    color: rgb(var(--ui-warning-50) / .75)
}

html .tailwind-area .active\:text-warning-50\/80:active {
    color: rgb(var(--ui-warning-50) / .8)
}

html .tailwind-area .active\:text-warning-50\/85:active {
    color: rgb(var(--ui-warning-50) / .85)
}

html .tailwind-area .active\:text-warning-50\/90:active {
    color: rgb(var(--ui-warning-50) / .9)
}

html .tailwind-area .active\:text-warning-50\/95:active {
    color: rgb(var(--ui-warning-50) / .95)
}

html .tailwind-area .active\:text-warning-500:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-warning-500) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-warning-500\/0:active {
    color: rgb(var(--ui-warning-500) / 0)
}

html .tailwind-area .active\:text-warning-500\/10:active {
    color: rgb(var(--ui-warning-500) / .1)
}

html .tailwind-area .active\:text-warning-500\/100:active {
    color: rgb(var(--ui-warning-500) / 1)
}

html .tailwind-area .active\:text-warning-500\/15:active {
    color: rgb(var(--ui-warning-500) / .15)
}

html .tailwind-area .active\:text-warning-500\/20:active {
    color: rgb(var(--ui-warning-500) / .2)
}

html .tailwind-area .active\:text-warning-500\/25:active {
    color: rgb(var(--ui-warning-500) / .25)
}

html .tailwind-area .active\:text-warning-500\/30:active {
    color: rgb(var(--ui-warning-500) / .3)
}

html .tailwind-area .active\:text-warning-500\/35:active {
    color: rgb(var(--ui-warning-500) / .35)
}

html .tailwind-area .active\:text-warning-500\/40:active {
    color: rgb(var(--ui-warning-500) / .4)
}

html .tailwind-area .active\:text-warning-500\/45:active {
    color: rgb(var(--ui-warning-500) / .45)
}

html .tailwind-area .active\:text-warning-500\/5:active {
    color: rgb(var(--ui-warning-500) / .05)
}

html .tailwind-area .active\:text-warning-500\/50:active {
    color: rgb(var(--ui-warning-500) / .5)
}

html .tailwind-area .active\:text-warning-500\/55:active {
    color: rgb(var(--ui-warning-500) / .55)
}

html .tailwind-area .active\:text-warning-500\/60:active {
    color: rgb(var(--ui-warning-500) / .6)
}

html .tailwind-area .active\:text-warning-500\/65:active {
    color: rgb(var(--ui-warning-500) / .65)
}

html .tailwind-area .active\:text-warning-500\/70:active {
    color: rgb(var(--ui-warning-500) / .7)
}

html .tailwind-area .active\:text-warning-500\/75:active {
    color: rgb(var(--ui-warning-500) / .75)
}

html .tailwind-area .active\:text-warning-500\/80:active {
    color: rgb(var(--ui-warning-500) / .8)
}

html .tailwind-area .active\:text-warning-500\/85:active {
    color: rgb(var(--ui-warning-500) / .85)
}

html .tailwind-area .active\:text-warning-500\/90:active {
    color: rgb(var(--ui-warning-500) / .9)
}

html .tailwind-area .active\:text-warning-500\/95:active {
    color: rgb(var(--ui-warning-500) / .95)
}

html .tailwind-area .active\:text-warning-600:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-warning-600) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-warning-600\/0:active {
    color: rgb(var(--ui-warning-600) / 0)
}

html .tailwind-area .active\:text-warning-600\/10:active {
    color: rgb(var(--ui-warning-600) / .1)
}

html .tailwind-area .active\:text-warning-600\/100:active {
    color: rgb(var(--ui-warning-600) / 1)
}

html .tailwind-area .active\:text-warning-600\/15:active {
    color: rgb(var(--ui-warning-600) / .15)
}

html .tailwind-area .active\:text-warning-600\/20:active {
    color: rgb(var(--ui-warning-600) / .2)
}

html .tailwind-area .active\:text-warning-600\/25:active {
    color: rgb(var(--ui-warning-600) / .25)
}

html .tailwind-area .active\:text-warning-600\/30:active {
    color: rgb(var(--ui-warning-600) / .3)
}

html .tailwind-area .active\:text-warning-600\/35:active {
    color: rgb(var(--ui-warning-600) / .35)
}

html .tailwind-area .active\:text-warning-600\/40:active {
    color: rgb(var(--ui-warning-600) / .4)
}

html .tailwind-area .active\:text-warning-600\/45:active {
    color: rgb(var(--ui-warning-600) / .45)
}

html .tailwind-area .active\:text-warning-600\/5:active {
    color: rgb(var(--ui-warning-600) / .05)
}

html .tailwind-area .active\:text-warning-600\/50:active {
    color: rgb(var(--ui-warning-600) / .5)
}

html .tailwind-area .active\:text-warning-600\/55:active {
    color: rgb(var(--ui-warning-600) / .55)
}

html .tailwind-area .active\:text-warning-600\/60:active {
    color: rgb(var(--ui-warning-600) / .6)
}

html .tailwind-area .active\:text-warning-600\/65:active {
    color: rgb(var(--ui-warning-600) / .65)
}

html .tailwind-area .active\:text-warning-600\/70:active {
    color: rgb(var(--ui-warning-600) / .7)
}

html .tailwind-area .active\:text-warning-600\/75:active {
    color: rgb(var(--ui-warning-600) / .75)
}

html .tailwind-area .active\:text-warning-600\/80:active {
    color: rgb(var(--ui-warning-600) / .8)
}

html .tailwind-area .active\:text-warning-600\/85:active {
    color: rgb(var(--ui-warning-600) / .85)
}

html .tailwind-area .active\:text-warning-600\/90:active {
    color: rgb(var(--ui-warning-600) / .9)
}

html .tailwind-area .active\:text-warning-600\/95:active {
    color: rgb(var(--ui-warning-600) / .95)
}

html .tailwind-area .active\:text-warning-700:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-warning-700) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-warning-700\/0:active {
    color: rgb(var(--ui-warning-700) / 0)
}

html .tailwind-area .active\:text-warning-700\/10:active {
    color: rgb(var(--ui-warning-700) / .1)
}

html .tailwind-area .active\:text-warning-700\/100:active {
    color: rgb(var(--ui-warning-700) / 1)
}

html .tailwind-area .active\:text-warning-700\/15:active {
    color: rgb(var(--ui-warning-700) / .15)
}

html .tailwind-area .active\:text-warning-700\/20:active {
    color: rgb(var(--ui-warning-700) / .2)
}

html .tailwind-area .active\:text-warning-700\/25:active {
    color: rgb(var(--ui-warning-700) / .25)
}

html .tailwind-area .active\:text-warning-700\/30:active {
    color: rgb(var(--ui-warning-700) / .3)
}

html .tailwind-area .active\:text-warning-700\/35:active {
    color: rgb(var(--ui-warning-700) / .35)
}

html .tailwind-area .active\:text-warning-700\/40:active {
    color: rgb(var(--ui-warning-700) / .4)
}

html .tailwind-area .active\:text-warning-700\/45:active {
    color: rgb(var(--ui-warning-700) / .45)
}

html .tailwind-area .active\:text-warning-700\/5:active {
    color: rgb(var(--ui-warning-700) / .05)
}

html .tailwind-area .active\:text-warning-700\/50:active {
    color: rgb(var(--ui-warning-700) / .5)
}

html .tailwind-area .active\:text-warning-700\/55:active {
    color: rgb(var(--ui-warning-700) / .55)
}

html .tailwind-area .active\:text-warning-700\/60:active {
    color: rgb(var(--ui-warning-700) / .6)
}

html .tailwind-area .active\:text-warning-700\/65:active {
    color: rgb(var(--ui-warning-700) / .65)
}

html .tailwind-area .active\:text-warning-700\/70:active {
    color: rgb(var(--ui-warning-700) / .7)
}

html .tailwind-area .active\:text-warning-700\/75:active {
    color: rgb(var(--ui-warning-700) / .75)
}

html .tailwind-area .active\:text-warning-700\/80:active {
    color: rgb(var(--ui-warning-700) / .8)
}

html .tailwind-area .active\:text-warning-700\/85:active {
    color: rgb(var(--ui-warning-700) / .85)
}

html .tailwind-area .active\:text-warning-700\/90:active {
    color: rgb(var(--ui-warning-700) / .9)
}

html .tailwind-area .active\:text-warning-700\/95:active {
    color: rgb(var(--ui-warning-700) / .95)
}

html .tailwind-area .active\:text-warning-800:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-warning-800) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-warning-800\/0:active {
    color: rgb(var(--ui-warning-800) / 0)
}

html .tailwind-area .active\:text-warning-800\/10:active {
    color: rgb(var(--ui-warning-800) / .1)
}

html .tailwind-area .active\:text-warning-800\/100:active {
    color: rgb(var(--ui-warning-800) / 1)
}

html .tailwind-area .active\:text-warning-800\/15:active {
    color: rgb(var(--ui-warning-800) / .15)
}

html .tailwind-area .active\:text-warning-800\/20:active {
    color: rgb(var(--ui-warning-800) / .2)
}

html .tailwind-area .active\:text-warning-800\/25:active {
    color: rgb(var(--ui-warning-800) / .25)
}

html .tailwind-area .active\:text-warning-800\/30:active {
    color: rgb(var(--ui-warning-800) / .3)
}

html .tailwind-area .active\:text-warning-800\/35:active {
    color: rgb(var(--ui-warning-800) / .35)
}

html .tailwind-area .active\:text-warning-800\/40:active {
    color: rgb(var(--ui-warning-800) / .4)
}

html .tailwind-area .active\:text-warning-800\/45:active {
    color: rgb(var(--ui-warning-800) / .45)
}

html .tailwind-area .active\:text-warning-800\/5:active {
    color: rgb(var(--ui-warning-800) / .05)
}

html .tailwind-area .active\:text-warning-800\/50:active {
    color: rgb(var(--ui-warning-800) / .5)
}

html .tailwind-area .active\:text-warning-800\/55:active {
    color: rgb(var(--ui-warning-800) / .55)
}

html .tailwind-area .active\:text-warning-800\/60:active {
    color: rgb(var(--ui-warning-800) / .6)
}

html .tailwind-area .active\:text-warning-800\/65:active {
    color: rgb(var(--ui-warning-800) / .65)
}

html .tailwind-area .active\:text-warning-800\/70:active {
    color: rgb(var(--ui-warning-800) / .7)
}

html .tailwind-area .active\:text-warning-800\/75:active {
    color: rgb(var(--ui-warning-800) / .75)
}

html .tailwind-area .active\:text-warning-800\/80:active {
    color: rgb(var(--ui-warning-800) / .8)
}

html .tailwind-area .active\:text-warning-800\/85:active {
    color: rgb(var(--ui-warning-800) / .85)
}

html .tailwind-area .active\:text-warning-800\/90:active {
    color: rgb(var(--ui-warning-800) / .9)
}

html .tailwind-area .active\:text-warning-800\/95:active {
    color: rgb(var(--ui-warning-800) / .95)
}

html .tailwind-area .active\:text-warning-900:active {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-warning-900) / var(--tw-text-opacity))
}

html .tailwind-area .active\:text-warning-900\/0:active {
    color: rgb(var(--ui-warning-900) / 0)
}

html .tailwind-area .active\:text-warning-900\/10:active {
    color: rgb(var(--ui-warning-900) / .1)
}

html .tailwind-area .active\:text-warning-900\/100:active {
    color: rgb(var(--ui-warning-900) / 1)
}

html .tailwind-area .active\:text-warning-900\/15:active {
    color: rgb(var(--ui-warning-900) / .15)
}

html .tailwind-area .active\:text-warning-900\/20:active {
    color: rgb(var(--ui-warning-900) / .2)
}

html .tailwind-area .active\:text-warning-900\/25:active {
    color: rgb(var(--ui-warning-900) / .25)
}

html .tailwind-area .active\:text-warning-900\/30:active {
    color: rgb(var(--ui-warning-900) / .3)
}

html .tailwind-area .active\:text-warning-900\/35:active {
    color: rgb(var(--ui-warning-900) / .35)
}

html .tailwind-area .active\:text-warning-900\/40:active {
    color: rgb(var(--ui-warning-900) / .4)
}

html .tailwind-area .active\:text-warning-900\/45:active {
    color: rgb(var(--ui-warning-900) / .45)
}

html .tailwind-area .active\:text-warning-900\/5:active {
    color: rgb(var(--ui-warning-900) / .05)
}

html .tailwind-area .active\:text-warning-900\/50:active {
    color: rgb(var(--ui-warning-900) / .5)
}

html .tailwind-area .active\:text-warning-900\/55:active {
    color: rgb(var(--ui-warning-900) / .55)
}

html .tailwind-area .active\:text-warning-900\/60:active {
    color: rgb(var(--ui-warning-900) / .6)
}

html .tailwind-area .active\:text-warning-900\/65:active {
    color: rgb(var(--ui-warning-900) / .65)
}

html .tailwind-area .active\:text-warning-900\/70:active {
    color: rgb(var(--ui-warning-900) / .7)
}

html .tailwind-area .active\:text-warning-900\/75:active {
    color: rgb(var(--ui-warning-900) / .75)
}

html .tailwind-area .active\:text-warning-900\/80:active {
    color: rgb(var(--ui-warning-900) / .8)
}

html .tailwind-area .active\:text-warning-900\/85:active {
    color: rgb(var(--ui-warning-900) / .85)
}

html .tailwind-area .active\:text-warning-900\/90:active {
    color: rgb(var(--ui-warning-900) / .9)
}

html .tailwind-area .active\:text-warning-900\/95:active {
    color: rgb(var(--ui-warning-900) / .95)
}

html .tailwind-area .disabled\:tw-disabled:disabled {
    pointer-events: none;
    cursor: default;
    opacity: .5
}

html .tailwind-area :is(.disabled\:tw-disabled:disabled .disabled\:tw-disabled:disabled) {
    opacity: 1
}

html .tailwind-area :is(.group:last-child .group-last\:-left-full) {
    left: -100%
}

html .tailwind-area :is(.group:last-child .group-last\:right-0) {
    right: 0
}

html .tailwind-area :is(.group:nth-child(odd) .group-odd\:rounded-tl-none) {
    border-top-left-radius: 0
}

html .tailwind-area :is(.group:nth-child(2n) .group-even\:-translate-x-1\/2) {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

html .tailwind-area :is(.group:nth-child(2n) .group-even\:rounded-tr-none) {
    border-top-right-radius: 0
}

html .tailwind-area :is(.group:hover .group-hover\:flex) {
    display: flex
}

html .tailwind-area :is(.group:hover .group-hover\:scale-110) {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

html .tailwind-area :is(.group:hover .group-hover\:bg-primary\/10) {
    background-color: rgb(var(--ui-primary-500) / .1)
}

html .tailwind-area :is(.group:hover .group-hover\:bg-white) {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

html .tailwind-area :is(.group:hover .group-hover\:text-primary-500) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-primary-500) / var(--tw-text-opacity))
}

html .tailwind-area :is(.group:hover .group-hover\:text-primary-600) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-primary-600) / var(--tw-text-opacity))
}

html .tailwind-area :is(.group:hover .group-hover\:opacity-100) {
    opacity: 1
}

html .tailwind-area .has-\[\:not\(\:empty\)\]\:ml-4:has(:not(:empty)) {
    margin-left: 1rem
}

html .tailwind-area .aria-expanded\:block[aria-expanded=true] {
    display: block
}

html .tailwind-area .aria-expanded\:rounded-b-none[aria-expanded=true] {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

html .tailwind-area .aria-expanded\:rounded-t-none[aria-expanded=true] {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

html .tailwind-area .aria-expanded\:bg-gray-50[aria-expanded=true] {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity))
}

html .tailwind-area .aria-expanded\:bg-layout-color-400[aria-expanded=true] {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-layout-color-400) / var(--tw-bg-opacity))
}

html .tailwind-area .aria-expanded\:bg-white\/10[aria-expanded=true] {
    background-color: #ffffff1a
}

html .tailwind-area .aria-hidden\:mb-0[aria-hidden=true] {
    margin-bottom: 0
}

html .tailwind-area .aria-hidden\:hidden[aria-hidden=true] {
    display: none
}

html .tailwind-area .aria-hidden\:h-0[aria-hidden=true] {
    height: 0px
}

html .tailwind-area .aria-hidden\:py-0[aria-hidden=true] {
    padding-top: 0;
    padding-bottom: 0
}

html .tailwind-area .aria-\[current\=page\]\:pointer-events-none[aria-current=page] {
    pointer-events: none
}

html .tailwind-area .aria-\[current\=page\]\:bg-layout-color-400\/15[aria-current=page] {
    background-color: rgb(var(--ui-layout-color-400) / .15)
}

html .tailwind-area .aria-\[current\=page\]\:ring-1[aria-current=page] {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

html .tailwind-area :is(.group[aria-expanded=true] .group-aria-expanded\:hidden) {
    display: none
}

html .tailwind-area :is(.group[aria-expanded=true] .group-aria-expanded\:rotate-180) {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

html .tailwind-area :is(.group[aria-current=page] .group-aria-\[current\=page\]\:font-semibold) {
    font-weight: 600
}

html .tailwind-area .data-\[disabled\]\:pointer-events-none[data-disabled] {
    pointer-events: none
}

html .tailwind-area .data-\[state\=checked\]\:translate-x-8[data-state=checked] {
    --tw-translate-x: 2rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

html .tailwind-area .data-\[state\=checked\]\:translate-x-\[17px\][data-state=checked] {
    --tw-translate-x: 17px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

html .tailwind-area .data-\[open\=true\]\:rounded-b-none[data-open=true] {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

html .tailwind-area .data-\[open\=true\]\:border-b[data-open=true] {
    border-bottom-width: 1px
}

html .tailwind-area .data-\[state\=on\]\:border-layout-color-600[data-state=on] {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-layout-color-600) / var(--tw-border-opacity))
}

html .tailwind-area .data-\[highlighted\]\:bg-gray-200[data-highlighted] {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity))
}

html .tailwind-area .data-\[highlighted\]\:bg-layout-color-50\/50[data-highlighted] {
    background-color: rgb(var(--ui-layout-color-50) / .5)
}

html .tailwind-area .data-\[highlighted\]\:bg-primary-50\/50[data-highlighted] {
    background-color: rgb(var(--ui-primary-50) / .5)
}

html .tailwind-area .data-\[highlighted\]\:bg-stone-700[data-highlighted] {
    --tw-bg-opacity: 1;
    background-color: rgb(68 64 60 / var(--tw-bg-opacity))
}

html .tailwind-area .data-\[state\=checked\]\:bg-primary-600[data-state=checked] {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-primary-600) / var(--tw-bg-opacity))
}

html .tailwind-area .data-\[state\=checked\]\:bg-primary-900[data-state=checked] {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-primary-900) / var(--tw-bg-opacity))
}

html .tailwind-area .data-\[state\=checked\]\:bg-safe-700[data-state=checked] {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-safe-700) / var(--tw-bg-opacity))
}

html .tailwind-area .data-\[state\=on\]\:bg-layout-color[data-state=on] {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-layout-color-500) / var(--tw-bg-opacity))
}

html .tailwind-area .data-\[state\=on\]\:bg-layout-color-300[data-state=on] {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-layout-color-300) / var(--tw-bg-opacity))
}

html .tailwind-area .data-\[state\=on\]\:bg-layout-color-400[data-state=on] {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-layout-color-400) / var(--tw-bg-opacity))
}

html .tailwind-area .data-\[state\=on\]\:bg-layout-color-50\/25[data-state=on] {
    background-color: rgb(var(--ui-layout-color-50) / .25)
}

html .tailwind-area .data-\[state\=on\]\:bg-primary\/15[data-state=on] {
    background-color: rgb(var(--ui-primary-500) / .15)
}

html .tailwind-area .data-\[state\=open\]\:bg-white\/10[data-state=open] {
    background-color: #ffffff1a
}

html .tailwind-area .data-\[valid\=false\]\:bg-danger\/10[data-valid=false] {
    background-color: rgb(var(--ui-danger-500) / .1)
}

html .tailwind-area .data-\[state\=on\]\:text-white[data-state=on] {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

html .tailwind-area .data-\[copied\]\:opacity-100[data-copied] {
    opacity: 1
}

html .tailwind-area .data-\[state\=on\]\:shadow-md[data-state=on] {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

html .tailwind-area .data-\[highlighted\]\:ring-1[data-highlighted] {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

html .tailwind-area :is(.group[data-state=checked] .group-data-\[state\=checked\]\:block) {
    display: block
}

html .tailwind-area :is(.group[data-valid=false] .group-data-\[valid\=false\]\:hidden) {
    display: none
}

html .tailwind-area :is(.group[data-valid=true] .group-data-\[valid\=true\]\:hidden) {
    display: none
}

html .tailwind-area :is(.group[data-state=checked] .group-data-\[state\=checked\]\:text-white) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

html .tailwind-area :is(.group[data-state=on] .group-data-\[state\=on\]\:text-layout-color-800) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-layout-color-800) / var(--tw-text-opacity))
}

html .tailwind-area :is(.group[data-state=unchecked] .group-data-\[state\=unchecked\]\:text-gray-500) {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}

html .tailwind-area :is(.prose-headings\:font-sans :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class ~=not-prose], [class ~=not-prose] *)))) {
    font-family: Montserrat, sans-serif
}

@container stats (min-width: 23rem) {
    html .tailwind-area .\@\[23rem\]\/stats\:block {
        display: block
    }
}

@container section-page (min-width: 38.4rem) {
    html .tailwind-area .\@sm\/section-page\:grid-cols-\[300px_auto\] {
        grid-template-columns: 300px auto
    }

    html .tailwind-area .\@sm\/section-page\:flex-col {
        flex-direction: column
    }

    html .tailwind-area .\@sm\/section-page\:items-start {
        align-items: flex-start
    }

    html .tailwind-area .\@sm\/section-page\:justify-start {
        justify-content: flex-start
    }

    html .tailwind-area .\@sm\/section-page\:gap-x-6 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }
}

@container (min-width: 38.4rem) {
    html .tailwind-area .\@sm\:col-start-3 {
        grid-column-start: 3
    }

    html .tailwind-area .\@sm\:size-10 {
        width: 2.5rem;
        height: 2.5rem
    }

    html .tailwind-area .\@sm\:grid-cols-\[2rem_max-content_minmax\(0\, _1fr\)\] {
        grid-template-columns: 2rem max-content minmax(0, 1fr)
    }

    html .tailwind-area .\@sm\:place-self-end {
        place-self: end
    }
}

@container (min-width: 44.8rem) {
    html .tailwind-area .\@md\:max-w-md {
        max-width: 28rem
    }
}

@container (min-width: 51.2rem) {
    html .tailwind-area .\@lg\:grid-flow-col {
        grid-auto-flow: column
    }

    html .tailwind-area .\@lg\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    html .tailwind-area .\@lg\:grid-rows-\[repeat\(5\, _min-content\)\] {
        grid-template-rows: repeat(5, min-content)
    }
}

@container section-page (min-width: 57.6rem) {
    html .tailwind-area .\@xl\/section-page\:grid-cols-\[300px_auto\] {
        grid-template-columns: 300px auto
    }

    html .tailwind-area .\@xl\/section-page\:flex-col {
        flex-direction: column
    }

    html .tailwind-area .\@xl\/section-page\:items-start {
        align-items: flex-start
    }

    html .tailwind-area .\@xl\/section-page\:justify-start {
        justify-content: flex-start
    }

    html .tailwind-area .\@xl\/section-page\:gap-x-6 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }
}

@container (min-width: 57.6rem) {
    html .tailwind-area .\@xl\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    html .tailwind-area .\@xl\:pl-16 {
        padding-left: 4rem
    }
}

@container dashboard (min-width: 76.8rem) {
    html .tailwind-area .\@3xl\/dashboard\:block {
        display: block
    }

    html .tailwind-area .\@3xl\/dashboard\:grid-cols-\[1fr_2fr\] {
        grid-template-columns: 1fr 2fr
    }

    html .tailwind-area .\@3xl\/dashboard\:grid-cols-\[2fr_1fr\] {
        grid-template-columns: 2fr 1fr
    }
}

@container widgets (min-width: 76.8rem) {
    html .tailwind-area .\@3xl\/widgets\:col-start-1 {
        grid-column-start: 1
    }

    html .tailwind-area .\@3xl\/widgets\:row-start-1 {
        grid-row-start: 1
    }

    html .tailwind-area .\@3xl\/widgets\:row-end-\[span_var\(--span\)\] {
        grid-row-end: span var(--span)
    }

    html .tailwind-area .\@3xl\/widgets\:mt-0 {
        margin-top: 0
    }

    html .tailwind-area .\@3xl\/widgets\:mt-4 {
        margin-top: 1rem
    }

    html .tailwind-area .\@3xl\/widgets\:mt-px {
        margin-top: 1px
    }

    html .tailwind-area .\@3xl\/widgets\:min-h-48 {
        min-height: 12rem
    }

    html .tailwind-area .\@3xl\/widgets\:grid-cols-\[minmax\(0\, _1fr\)_30rem\] {
        grid-template-columns: minmax(0, 1fr) 30rem
    }

    html .tailwind-area .\@3xl\/widgets\:grid-rows-\[repeat\(var\(--widgets-count\)\, _min-content\)_1fr\] {
        grid-template-rows: repeat(var(--widgets-count), min-content) 1fr
    }

    html .tailwind-area .\@3xl\/widgets\:flex-col {
        flex-direction: column
    }

    html .tailwind-area .\@3xl\/widgets\:gap-x-4 {
        -moz-column-gap: 1rem;
        column-gap: 1rem
    }

    html .tailwind-area .\@3xl\/widgets\:gap-y-0 {
        row-gap: 0px
    }

    html .tailwind-area :is(.\@3xl\/widgets\:-space-y-px > :not([hidden]) ~ :not([hidden])) {
        --tw-space-y-reverse: 0;
        margin-top: calc(-1px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(-1px * var(--tw-space-y-reverse))
    }

    html .tailwind-area .\@3xl\/widgets\:rounded {
        border-radius: 4px
    }

    html .tailwind-area .\@3xl\/widgets\:border-t {
        border-top-width: 1px
    }
}

@container section-page (min-width: 89.6rem) {
    html .tailwind-area .\@4xl\/section-page\:grid-cols-\[300px_auto\] {
        grid-template-columns: 300px auto
    }

    html .tailwind-area .\@4xl\/section-page\:flex-col {
        flex-direction: column
    }

    html .tailwind-area .\@4xl\/section-page\:items-start {
        align-items: flex-start
    }

    html .tailwind-area .\@4xl\/section-page\:justify-start {
        justify-content: flex-start
    }

    html .tailwind-area .\@4xl\/section-page\:gap-x-6 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }
}

@container section-page (min-width: 128rem) {
    html .tailwind-area .\@7xl\/section-page\:grid-cols-\[300px_auto\] {
        grid-template-columns: 300px auto
    }

    html .tailwind-area .\@7xl\/section-page\:flex-col {
        flex-direction: column
    }

    html .tailwind-area .\@7xl\/section-page\:items-start {
        align-items: flex-start
    }

    html .tailwind-area .\@7xl\/section-page\:justify-start {
        justify-content: flex-start
    }

    html .tailwind-area .\@7xl\/section-page\:gap-x-6 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }
}

@container section-page (min-width: 144rem) {
    html .tailwind-area .\@\[144rem\]\/section-page\:grid-cols-\[300px_auto\] {
        grid-template-columns: 300px auto
    }

    html .tailwind-area .\@\[144rem\]\/section-page\:flex-col {
        flex-direction: column
    }

    html .tailwind-area .\@\[144rem\]\/section-page\:items-start {
        align-items: flex-start
    }

    html .tailwind-area .\@\[144rem\]\/section-page\:justify-start {
        justify-content: flex-start
    }

    html .tailwind-area .\@\[144rem\]\/section-page\:gap-x-6 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }
}

html .tailwind-area .current-page\:bg-layout-color-600[aria-current=page] {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-layout-color-600) / var(--tw-bg-opacity))
}

@media (prefers-reduced-motion: no-preference) {
    @keyframes ping {

        75%,
        to {
            transform: scale(2);
            opacity: 0
        }
    }

    html .tailwind-area .motion-safe\:animate-ping {
        animation: ping 1s cubic-bezier(0, 0, .2, 1) infinite
    }

    @keyframes slideUp {
        0% {
            opacity: 0;
            transform: translateY(25%);
            pointer-events: none
        }

        to {
            opacity: 1;
            translate-y: translateY(0);
            pointer-events: unset
        }
    }

    html .tailwind-area .motion-safe\:animate-slide-up {
        animation: slideUp .3s ease-in-out
    }

    html .tailwind-area .motion-safe\:transition-\[height\] {
        transition-property: height;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }

    html .tailwind-area .motion-safe\:transition-all {
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }
}

html .tailwind-area :is(.dark\:divide-gray-500\/50:is([data-mode=dark] *) > :not([hidden]) ~ :not([hidden])) {
    border-color: #6b728080
}

html .tailwind-area :is(.dark\:divide-gray-600:is([data-mode=dark] *) > :not([hidden]) ~ :not([hidden])) {
    --tw-divide-opacity: 1;
    border-color: rgb(75 85 99 / var(--tw-divide-opacity))
}

html .tailwind-area :is(.dark\:divide-gray-700:is([data-mode=dark] *) > :not([hidden]) ~ :not([hidden])) {
    --tw-divide-opacity: 1;
    border-color: rgb(55 65 81 / var(--tw-divide-opacity))
}

html .tailwind-area :is(.dark\:divide-gray-700\/50:is([data-mode=dark] *) > :not([hidden]) ~ :not([hidden])) {
    border-color: #37415180
}

html .tailwind-area :is(.dark\:divide-gray-900\/50:is([data-mode=dark] *) > :not([hidden]) ~ :not([hidden])) {
    border-color: #11182780
}

html .tailwind-area :is(.dark\:divide-primary-700\/50:is([data-mode=dark] *) > :not([hidden]) ~ :not([hidden])) {
    border-color: rgb(var(--ui-primary-700) / .5)
}

html .tailwind-area .dark\:border:is([data-mode=dark] *) {
    border-width: 1px
}

html .tailwind-area .dark\:border-0:is([data-mode=dark] *) {
    border-width: 0px
}

html .tailwind-area .dark\:border-amber-700:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(180 83 9 / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-danger-100:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-danger-100) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-danger-100\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-100) / 0)
}

html .tailwind-area .dark\:border-danger-100\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-100) / .1)
}

html .tailwind-area .dark\:border-danger-100\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-100) / 1)
}

html .tailwind-area .dark\:border-danger-100\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-100) / .15)
}

html .tailwind-area .dark\:border-danger-100\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-100) / .2)
}

html .tailwind-area .dark\:border-danger-100\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-100) / .25)
}

html .tailwind-area .dark\:border-danger-100\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-100) / .3)
}

html .tailwind-area .dark\:border-danger-100\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-100) / .35)
}

html .tailwind-area .dark\:border-danger-100\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-100) / .4)
}

html .tailwind-area .dark\:border-danger-100\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-100) / .45)
}

html .tailwind-area .dark\:border-danger-100\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-100) / .05)
}

html .tailwind-area .dark\:border-danger-100\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-100) / .5)
}

html .tailwind-area .dark\:border-danger-100\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-100) / .55)
}

html .tailwind-area .dark\:border-danger-100\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-100) / .6)
}

html .tailwind-area .dark\:border-danger-100\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-100) / .65)
}

html .tailwind-area .dark\:border-danger-100\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-100) / .7)
}

html .tailwind-area .dark\:border-danger-100\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-100) / .75)
}

html .tailwind-area .dark\:border-danger-100\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-100) / .8)
}

html .tailwind-area .dark\:border-danger-100\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-100) / .85)
}

html .tailwind-area .dark\:border-danger-100\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-100) / .9)
}

html .tailwind-area .dark\:border-danger-100\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-100) / .95)
}

html .tailwind-area .dark\:border-danger-200:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-danger-200) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-danger-200\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-200) / 0)
}

html .tailwind-area .dark\:border-danger-200\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-200) / .1)
}

html .tailwind-area .dark\:border-danger-200\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-200) / 1)
}

html .tailwind-area .dark\:border-danger-200\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-200) / .15)
}

html .tailwind-area .dark\:border-danger-200\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-200) / .2)
}

html .tailwind-area .dark\:border-danger-200\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-200) / .25)
}

html .tailwind-area .dark\:border-danger-200\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-200) / .3)
}

html .tailwind-area .dark\:border-danger-200\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-200) / .35)
}

html .tailwind-area .dark\:border-danger-200\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-200) / .4)
}

html .tailwind-area .dark\:border-danger-200\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-200) / .45)
}

html .tailwind-area .dark\:border-danger-200\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-200) / .05)
}

html .tailwind-area .dark\:border-danger-200\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-200) / .5)
}

html .tailwind-area .dark\:border-danger-200\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-200) / .55)
}

html .tailwind-area .dark\:border-danger-200\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-200) / .6)
}

html .tailwind-area .dark\:border-danger-200\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-200) / .65)
}

html .tailwind-area .dark\:border-danger-200\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-200) / .7)
}

html .tailwind-area .dark\:border-danger-200\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-200) / .75)
}

html .tailwind-area .dark\:border-danger-200\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-200) / .8)
}

html .tailwind-area .dark\:border-danger-200\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-200) / .85)
}

html .tailwind-area .dark\:border-danger-200\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-200) / .9)
}

html .tailwind-area .dark\:border-danger-200\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-200) / .95)
}

html .tailwind-area .dark\:border-danger-300:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-danger-300) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-danger-300\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-300) / 0)
}

html .tailwind-area .dark\:border-danger-300\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-300) / .1)
}

html .tailwind-area .dark\:border-danger-300\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-300) / 1)
}

html .tailwind-area .dark\:border-danger-300\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-300) / .15)
}

html .tailwind-area .dark\:border-danger-300\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-300) / .2)
}

html .tailwind-area .dark\:border-danger-300\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-300) / .25)
}

html .tailwind-area .dark\:border-danger-300\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-300) / .3)
}

html .tailwind-area .dark\:border-danger-300\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-300) / .35)
}

html .tailwind-area .dark\:border-danger-300\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-300) / .4)
}

html .tailwind-area .dark\:border-danger-300\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-300) / .45)
}

html .tailwind-area .dark\:border-danger-300\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-300) / .05)
}

html .tailwind-area .dark\:border-danger-300\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-300) / .5)
}

html .tailwind-area .dark\:border-danger-300\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-300) / .55)
}

html .tailwind-area .dark\:border-danger-300\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-300) / .6)
}

html .tailwind-area .dark\:border-danger-300\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-300) / .65)
}

html .tailwind-area .dark\:border-danger-300\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-300) / .7)
}

html .tailwind-area .dark\:border-danger-300\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-300) / .75)
}

html .tailwind-area .dark\:border-danger-300\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-300) / .8)
}

html .tailwind-area .dark\:border-danger-300\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-300) / .85)
}

html .tailwind-area .dark\:border-danger-300\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-300) / .9)
}

html .tailwind-area .dark\:border-danger-300\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-300) / .95)
}

html .tailwind-area .dark\:border-danger-400:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-danger-400) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-danger-400\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-400) / 0)
}

html .tailwind-area .dark\:border-danger-400\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-400) / .1)
}

html .tailwind-area .dark\:border-danger-400\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-400) / 1)
}

html .tailwind-area .dark\:border-danger-400\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-400) / .15)
}

html .tailwind-area .dark\:border-danger-400\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-400) / .2)
}

html .tailwind-area .dark\:border-danger-400\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-400) / .25)
}

html .tailwind-area .dark\:border-danger-400\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-400) / .3)
}

html .tailwind-area .dark\:border-danger-400\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-400) / .35)
}

html .tailwind-area .dark\:border-danger-400\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-400) / .4)
}

html .tailwind-area .dark\:border-danger-400\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-400) / .45)
}

html .tailwind-area .dark\:border-danger-400\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-400) / .05)
}

html .tailwind-area .dark\:border-danger-400\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-400) / .5)
}

html .tailwind-area .dark\:border-danger-400\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-400) / .55)
}

html .tailwind-area .dark\:border-danger-400\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-400) / .6)
}

html .tailwind-area .dark\:border-danger-400\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-400) / .65)
}

html .tailwind-area .dark\:border-danger-400\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-400) / .7)
}

html .tailwind-area .dark\:border-danger-400\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-400) / .75)
}

html .tailwind-area .dark\:border-danger-400\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-400) / .8)
}

html .tailwind-area .dark\:border-danger-400\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-400) / .85)
}

html .tailwind-area .dark\:border-danger-400\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-400) / .9)
}

html .tailwind-area .dark\:border-danger-400\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-400) / .95)
}

html .tailwind-area .dark\:border-danger-50:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-danger-50) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-danger-50\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-50) / 0)
}

html .tailwind-area .dark\:border-danger-50\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-50) / .1)
}

html .tailwind-area .dark\:border-danger-50\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-50) / 1)
}

html .tailwind-area .dark\:border-danger-50\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-50) / .15)
}

html .tailwind-area .dark\:border-danger-50\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-50) / .2)
}

html .tailwind-area .dark\:border-danger-50\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-50) / .25)
}

html .tailwind-area .dark\:border-danger-50\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-50) / .3)
}

html .tailwind-area .dark\:border-danger-50\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-50) / .35)
}

html .tailwind-area .dark\:border-danger-50\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-50) / .4)
}

html .tailwind-area .dark\:border-danger-50\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-50) / .45)
}

html .tailwind-area .dark\:border-danger-50\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-50) / .05)
}

html .tailwind-area .dark\:border-danger-50\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-50) / .5)
}

html .tailwind-area .dark\:border-danger-50\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-50) / .55)
}

html .tailwind-area .dark\:border-danger-50\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-50) / .6)
}

html .tailwind-area .dark\:border-danger-50\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-50) / .65)
}

html .tailwind-area .dark\:border-danger-50\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-50) / .7)
}

html .tailwind-area .dark\:border-danger-50\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-50) / .75)
}

html .tailwind-area .dark\:border-danger-50\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-50) / .8)
}

html .tailwind-area .dark\:border-danger-50\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-50) / .85)
}

html .tailwind-area .dark\:border-danger-50\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-50) / .9)
}

html .tailwind-area .dark\:border-danger-50\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-50) / .95)
}

html .tailwind-area .dark\:border-danger-500:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-danger-500) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-danger-500\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-500) / 0)
}

html .tailwind-area .dark\:border-danger-500\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-500) / .1)
}

html .tailwind-area .dark\:border-danger-500\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-500) / 1)
}

html .tailwind-area .dark\:border-danger-500\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-500) / .15)
}

html .tailwind-area .dark\:border-danger-500\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-500) / .2)
}

html .tailwind-area .dark\:border-danger-500\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-500) / .25)
}

html .tailwind-area .dark\:border-danger-500\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-500) / .3)
}

html .tailwind-area .dark\:border-danger-500\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-500) / .35)
}

html .tailwind-area .dark\:border-danger-500\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-500) / .4)
}

html .tailwind-area .dark\:border-danger-500\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-500) / .45)
}

html .tailwind-area .dark\:border-danger-500\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-500) / .05)
}

html .tailwind-area .dark\:border-danger-500\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-500) / .5)
}

html .tailwind-area .dark\:border-danger-500\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-500) / .55)
}

html .tailwind-area .dark\:border-danger-500\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-500) / .6)
}

html .tailwind-area .dark\:border-danger-500\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-500) / .65)
}

html .tailwind-area .dark\:border-danger-500\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-500) / .7)
}

html .tailwind-area .dark\:border-danger-500\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-500) / .75)
}

html .tailwind-area .dark\:border-danger-500\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-500) / .8)
}

html .tailwind-area .dark\:border-danger-500\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-500) / .85)
}

html .tailwind-area .dark\:border-danger-500\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-500) / .9)
}

html .tailwind-area .dark\:border-danger-500\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-500) / .95)
}

html .tailwind-area .dark\:border-danger-600:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-danger-600) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-danger-600\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-600) / 0)
}

html .tailwind-area .dark\:border-danger-600\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-600) / .1)
}

html .tailwind-area .dark\:border-danger-600\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-600) / 1)
}

html .tailwind-area .dark\:border-danger-600\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-600) / .15)
}

html .tailwind-area .dark\:border-danger-600\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-600) / .2)
}

html .tailwind-area .dark\:border-danger-600\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-600) / .25)
}

html .tailwind-area .dark\:border-danger-600\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-600) / .3)
}

html .tailwind-area .dark\:border-danger-600\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-600) / .35)
}

html .tailwind-area .dark\:border-danger-600\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-600) / .4)
}

html .tailwind-area .dark\:border-danger-600\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-600) / .45)
}

html .tailwind-area .dark\:border-danger-600\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-600) / .05)
}

html .tailwind-area .dark\:border-danger-600\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-600) / .5)
}

html .tailwind-area .dark\:border-danger-600\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-600) / .55)
}

html .tailwind-area .dark\:border-danger-600\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-600) / .6)
}

html .tailwind-area .dark\:border-danger-600\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-600) / .65)
}

html .tailwind-area .dark\:border-danger-600\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-600) / .7)
}

html .tailwind-area .dark\:border-danger-600\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-600) / .75)
}

html .tailwind-area .dark\:border-danger-600\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-600) / .8)
}

html .tailwind-area .dark\:border-danger-600\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-600) / .85)
}

html .tailwind-area .dark\:border-danger-600\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-600) / .9)
}

html .tailwind-area .dark\:border-danger-600\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-600) / .95)
}

html .tailwind-area .dark\:border-danger-700:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-danger-700) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-danger-700\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-700) / 0)
}

html .tailwind-area .dark\:border-danger-700\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-700) / .1)
}

html .tailwind-area .dark\:border-danger-700\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-700) / 1)
}

html .tailwind-area .dark\:border-danger-700\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-700) / .15)
}

html .tailwind-area .dark\:border-danger-700\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-700) / .2)
}

html .tailwind-area .dark\:border-danger-700\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-700) / .25)
}

html .tailwind-area .dark\:border-danger-700\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-700) / .3)
}

html .tailwind-area .dark\:border-danger-700\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-700) / .35)
}

html .tailwind-area .dark\:border-danger-700\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-700) / .4)
}

html .tailwind-area .dark\:border-danger-700\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-700) / .45)
}

html .tailwind-area .dark\:border-danger-700\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-700) / .05)
}

html .tailwind-area .dark\:border-danger-700\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-700) / .5)
}

html .tailwind-area .dark\:border-danger-700\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-700) / .55)
}

html .tailwind-area .dark\:border-danger-700\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-700) / .6)
}

html .tailwind-area .dark\:border-danger-700\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-700) / .65)
}

html .tailwind-area .dark\:border-danger-700\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-700) / .7)
}

html .tailwind-area .dark\:border-danger-700\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-700) / .75)
}

html .tailwind-area .dark\:border-danger-700\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-700) / .8)
}

html .tailwind-area .dark\:border-danger-700\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-700) / .85)
}

html .tailwind-area .dark\:border-danger-700\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-700) / .9)
}

html .tailwind-area .dark\:border-danger-700\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-700) / .95)
}

html .tailwind-area .dark\:border-danger-800:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-danger-800) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-danger-800\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-800) / 0)
}

html .tailwind-area .dark\:border-danger-800\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-800) / .1)
}

html .tailwind-area .dark\:border-danger-800\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-800) / 1)
}

html .tailwind-area .dark\:border-danger-800\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-800) / .15)
}

html .tailwind-area .dark\:border-danger-800\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-800) / .2)
}

html .tailwind-area .dark\:border-danger-800\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-800) / .25)
}

html .tailwind-area .dark\:border-danger-800\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-800) / .3)
}

html .tailwind-area .dark\:border-danger-800\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-800) / .35)
}

html .tailwind-area .dark\:border-danger-800\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-800) / .4)
}

html .tailwind-area .dark\:border-danger-800\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-800) / .45)
}

html .tailwind-area .dark\:border-danger-800\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-800) / .05)
}

html .tailwind-area .dark\:border-danger-800\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-800) / .5)
}

html .tailwind-area .dark\:border-danger-800\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-800) / .55)
}

html .tailwind-area .dark\:border-danger-800\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-800) / .6)
}

html .tailwind-area .dark\:border-danger-800\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-800) / .65)
}

html .tailwind-area .dark\:border-danger-800\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-800) / .7)
}

html .tailwind-area .dark\:border-danger-800\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-800) / .75)
}

html .tailwind-area .dark\:border-danger-800\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-800) / .8)
}

html .tailwind-area .dark\:border-danger-800\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-800) / .85)
}

html .tailwind-area .dark\:border-danger-800\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-800) / .9)
}

html .tailwind-area .dark\:border-danger-800\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-800) / .95)
}

html .tailwind-area .dark\:border-danger-900:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-danger-900) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-danger-900\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-900) / 0)
}

html .tailwind-area .dark\:border-danger-900\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-900) / .1)
}

html .tailwind-area .dark\:border-danger-900\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-900) / 1)
}

html .tailwind-area .dark\:border-danger-900\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-900) / .15)
}

html .tailwind-area .dark\:border-danger-900\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-900) / .2)
}

html .tailwind-area .dark\:border-danger-900\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-900) / .25)
}

html .tailwind-area .dark\:border-danger-900\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-900) / .3)
}

html .tailwind-area .dark\:border-danger-900\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-900) / .35)
}

html .tailwind-area .dark\:border-danger-900\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-900) / .4)
}

html .tailwind-area .dark\:border-danger-900\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-900) / .45)
}

html .tailwind-area .dark\:border-danger-900\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-900) / .05)
}

html .tailwind-area .dark\:border-danger-900\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-900) / .5)
}

html .tailwind-area .dark\:border-danger-900\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-900) / .55)
}

html .tailwind-area .dark\:border-danger-900\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-900) / .6)
}

html .tailwind-area .dark\:border-danger-900\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-900) / .65)
}

html .tailwind-area .dark\:border-danger-900\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-900) / .7)
}

html .tailwind-area .dark\:border-danger-900\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-900) / .75)
}

html .tailwind-area .dark\:border-danger-900\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-900) / .8)
}

html .tailwind-area .dark\:border-danger-900\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-900) / .85)
}

html .tailwind-area .dark\:border-danger-900\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-900) / .9)
}

html .tailwind-area .dark\:border-danger-900\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-danger-900) / .95)
}

html .tailwind-area .dark\:border-gray-200:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-gray-500:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(107 114 128 / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-gray-500\/25:is([data-mode=dark] *) {
    border-color: #6b728040
}

html .tailwind-area .dark\:border-gray-500\/50:is([data-mode=dark] *) {
    border-color: #6b728080
}

html .tailwind-area .dark\:border-gray-600:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(75 85 99 / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-gray-600\/50:is([data-mode=dark] *) {
    border-color: #4b556380
}

html .tailwind-area .dark\:border-gray-700:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(55 65 81 / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-layout-color-600:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-layout-color-600) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-neutral-100:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-neutral-100) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-neutral-100\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-100) / 0)
}

html .tailwind-area .dark\:border-neutral-100\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-100) / .1)
}

html .tailwind-area .dark\:border-neutral-100\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-100) / 1)
}

html .tailwind-area .dark\:border-neutral-100\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-100) / .15)
}

html .tailwind-area .dark\:border-neutral-100\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-100) / .2)
}

html .tailwind-area .dark\:border-neutral-100\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-100) / .25)
}

html .tailwind-area .dark\:border-neutral-100\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-100) / .3)
}

html .tailwind-area .dark\:border-neutral-100\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-100) / .35)
}

html .tailwind-area .dark\:border-neutral-100\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-100) / .4)
}

html .tailwind-area .dark\:border-neutral-100\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-100) / .45)
}

html .tailwind-area .dark\:border-neutral-100\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-100) / .05)
}

html .tailwind-area .dark\:border-neutral-100\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-100) / .5)
}

html .tailwind-area .dark\:border-neutral-100\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-100) / .55)
}

html .tailwind-area .dark\:border-neutral-100\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-100) / .6)
}

html .tailwind-area .dark\:border-neutral-100\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-100) / .65)
}

html .tailwind-area .dark\:border-neutral-100\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-100) / .7)
}

html .tailwind-area .dark\:border-neutral-100\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-100) / .75)
}

html .tailwind-area .dark\:border-neutral-100\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-100) / .8)
}

html .tailwind-area .dark\:border-neutral-100\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-100) / .85)
}

html .tailwind-area .dark\:border-neutral-100\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-100) / .9)
}

html .tailwind-area .dark\:border-neutral-100\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-100) / .95)
}

html .tailwind-area .dark\:border-neutral-200:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-neutral-200) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-neutral-200\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-200) / 0)
}

html .tailwind-area .dark\:border-neutral-200\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-200) / .1)
}

html .tailwind-area .dark\:border-neutral-200\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-200) / 1)
}

html .tailwind-area .dark\:border-neutral-200\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-200) / .15)
}

html .tailwind-area .dark\:border-neutral-200\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-200) / .2)
}

html .tailwind-area .dark\:border-neutral-200\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-200) / .25)
}

html .tailwind-area .dark\:border-neutral-200\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-200) / .3)
}

html .tailwind-area .dark\:border-neutral-200\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-200) / .35)
}

html .tailwind-area .dark\:border-neutral-200\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-200) / .4)
}

html .tailwind-area .dark\:border-neutral-200\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-200) / .45)
}

html .tailwind-area .dark\:border-neutral-200\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-200) / .05)
}

html .tailwind-area .dark\:border-neutral-200\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-200) / .5)
}

html .tailwind-area .dark\:border-neutral-200\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-200) / .55)
}

html .tailwind-area .dark\:border-neutral-200\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-200) / .6)
}

html .tailwind-area .dark\:border-neutral-200\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-200) / .65)
}

html .tailwind-area .dark\:border-neutral-200\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-200) / .7)
}

html .tailwind-area .dark\:border-neutral-200\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-200) / .75)
}

html .tailwind-area .dark\:border-neutral-200\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-200) / .8)
}

html .tailwind-area .dark\:border-neutral-200\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-200) / .85)
}

html .tailwind-area .dark\:border-neutral-200\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-200) / .9)
}

html .tailwind-area .dark\:border-neutral-200\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-200) / .95)
}

html .tailwind-area .dark\:border-neutral-300:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-neutral-300) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-neutral-300\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-300) / 0)
}

html .tailwind-area .dark\:border-neutral-300\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-300) / .1)
}

html .tailwind-area .dark\:border-neutral-300\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-300) / 1)
}

html .tailwind-area .dark\:border-neutral-300\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-300) / .15)
}

html .tailwind-area .dark\:border-neutral-300\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-300) / .2)
}

html .tailwind-area .dark\:border-neutral-300\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-300) / .25)
}

html .tailwind-area .dark\:border-neutral-300\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-300) / .3)
}

html .tailwind-area .dark\:border-neutral-300\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-300) / .35)
}

html .tailwind-area .dark\:border-neutral-300\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-300) / .4)
}

html .tailwind-area .dark\:border-neutral-300\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-300) / .45)
}

html .tailwind-area .dark\:border-neutral-300\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-300) / .05)
}

html .tailwind-area .dark\:border-neutral-300\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-300) / .5)
}

html .tailwind-area .dark\:border-neutral-300\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-300) / .55)
}

html .tailwind-area .dark\:border-neutral-300\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-300) / .6)
}

html .tailwind-area .dark\:border-neutral-300\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-300) / .65)
}

html .tailwind-area .dark\:border-neutral-300\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-300) / .7)
}

html .tailwind-area .dark\:border-neutral-300\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-300) / .75)
}

html .tailwind-area .dark\:border-neutral-300\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-300) / .8)
}

html .tailwind-area .dark\:border-neutral-300\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-300) / .85)
}

html .tailwind-area .dark\:border-neutral-300\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-300) / .9)
}

html .tailwind-area .dark\:border-neutral-300\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-300) / .95)
}

html .tailwind-area .dark\:border-neutral-400:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-neutral-400) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-neutral-400\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-400) / 0)
}

html .tailwind-area .dark\:border-neutral-400\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-400) / .1)
}

html .tailwind-area .dark\:border-neutral-400\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-400) / 1)
}

html .tailwind-area .dark\:border-neutral-400\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-400) / .15)
}

html .tailwind-area .dark\:border-neutral-400\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-400) / .2)
}

html .tailwind-area .dark\:border-neutral-400\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-400) / .25)
}

html .tailwind-area .dark\:border-neutral-400\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-400) / .3)
}

html .tailwind-area .dark\:border-neutral-400\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-400) / .35)
}

html .tailwind-area .dark\:border-neutral-400\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-400) / .4)
}

html .tailwind-area .dark\:border-neutral-400\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-400) / .45)
}

html .tailwind-area .dark\:border-neutral-400\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-400) / .05)
}

html .tailwind-area .dark\:border-neutral-400\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-400) / .5)
}

html .tailwind-area .dark\:border-neutral-400\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-400) / .55)
}

html .tailwind-area .dark\:border-neutral-400\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-400) / .6)
}

html .tailwind-area .dark\:border-neutral-400\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-400) / .65)
}

html .tailwind-area .dark\:border-neutral-400\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-400) / .7)
}

html .tailwind-area .dark\:border-neutral-400\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-400) / .75)
}

html .tailwind-area .dark\:border-neutral-400\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-400) / .8)
}

html .tailwind-area .dark\:border-neutral-400\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-400) / .85)
}

html .tailwind-area .dark\:border-neutral-400\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-400) / .9)
}

html .tailwind-area .dark\:border-neutral-400\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-400) / .95)
}

html .tailwind-area .dark\:border-neutral-50:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-neutral-50) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-neutral-50\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-50) / 0)
}

html .tailwind-area .dark\:border-neutral-50\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-50) / .1)
}

html .tailwind-area .dark\:border-neutral-50\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-50) / 1)
}

html .tailwind-area .dark\:border-neutral-50\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-50) / .15)
}

html .tailwind-area .dark\:border-neutral-50\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-50) / .2)
}

html .tailwind-area .dark\:border-neutral-50\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-50) / .25)
}

html .tailwind-area .dark\:border-neutral-50\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-50) / .3)
}

html .tailwind-area .dark\:border-neutral-50\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-50) / .35)
}

html .tailwind-area .dark\:border-neutral-50\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-50) / .4)
}

html .tailwind-area .dark\:border-neutral-50\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-50) / .45)
}

html .tailwind-area .dark\:border-neutral-50\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-50) / .05)
}

html .tailwind-area .dark\:border-neutral-50\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-50) / .5)
}

html .tailwind-area .dark\:border-neutral-50\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-50) / .55)
}

html .tailwind-area .dark\:border-neutral-50\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-50) / .6)
}

html .tailwind-area .dark\:border-neutral-50\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-50) / .65)
}

html .tailwind-area .dark\:border-neutral-50\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-50) / .7)
}

html .tailwind-area .dark\:border-neutral-50\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-50) / .75)
}

html .tailwind-area .dark\:border-neutral-50\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-50) / .8)
}

html .tailwind-area .dark\:border-neutral-50\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-50) / .85)
}

html .tailwind-area .dark\:border-neutral-50\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-50) / .9)
}

html .tailwind-area .dark\:border-neutral-50\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-50) / .95)
}

html .tailwind-area .dark\:border-neutral-500:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-neutral-500) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-neutral-500\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-500) / 0)
}

html .tailwind-area .dark\:border-neutral-500\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-500) / .1)
}

html .tailwind-area .dark\:border-neutral-500\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-500) / 1)
}

html .tailwind-area .dark\:border-neutral-500\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-500) / .15)
}

html .tailwind-area .dark\:border-neutral-500\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-500) / .2)
}

html .tailwind-area .dark\:border-neutral-500\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-500) / .25)
}

html .tailwind-area .dark\:border-neutral-500\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-500) / .3)
}

html .tailwind-area .dark\:border-neutral-500\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-500) / .35)
}

html .tailwind-area .dark\:border-neutral-500\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-500) / .4)
}

html .tailwind-area .dark\:border-neutral-500\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-500) / .45)
}

html .tailwind-area .dark\:border-neutral-500\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-500) / .05)
}

html .tailwind-area .dark\:border-neutral-500\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-500) / .5)
}

html .tailwind-area .dark\:border-neutral-500\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-500) / .55)
}

html .tailwind-area .dark\:border-neutral-500\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-500) / .6)
}

html .tailwind-area .dark\:border-neutral-500\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-500) / .65)
}

html .tailwind-area .dark\:border-neutral-500\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-500) / .7)
}

html .tailwind-area .dark\:border-neutral-500\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-500) / .75)
}

html .tailwind-area .dark\:border-neutral-500\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-500) / .8)
}

html .tailwind-area .dark\:border-neutral-500\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-500) / .85)
}

html .tailwind-area .dark\:border-neutral-500\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-500) / .9)
}

html .tailwind-area .dark\:border-neutral-500\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-500) / .95)
}

html .tailwind-area .dark\:border-neutral-600:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-neutral-600) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-neutral-600\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-600) / 0)
}

html .tailwind-area .dark\:border-neutral-600\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-600) / .1)
}

html .tailwind-area .dark\:border-neutral-600\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-600) / 1)
}

html .tailwind-area .dark\:border-neutral-600\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-600) / .15)
}

html .tailwind-area .dark\:border-neutral-600\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-600) / .2)
}

html .tailwind-area .dark\:border-neutral-600\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-600) / .25)
}

html .tailwind-area .dark\:border-neutral-600\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-600) / .3)
}

html .tailwind-area .dark\:border-neutral-600\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-600) / .35)
}

html .tailwind-area .dark\:border-neutral-600\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-600) / .4)
}

html .tailwind-area .dark\:border-neutral-600\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-600) / .45)
}

html .tailwind-area .dark\:border-neutral-600\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-600) / .05)
}

html .tailwind-area .dark\:border-neutral-600\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-600) / .5)
}

html .tailwind-area .dark\:border-neutral-600\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-600) / .55)
}

html .tailwind-area .dark\:border-neutral-600\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-600) / .6)
}

html .tailwind-area .dark\:border-neutral-600\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-600) / .65)
}

html .tailwind-area .dark\:border-neutral-600\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-600) / .7)
}

html .tailwind-area .dark\:border-neutral-600\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-600) / .75)
}

html .tailwind-area .dark\:border-neutral-600\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-600) / .8)
}

html .tailwind-area .dark\:border-neutral-600\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-600) / .85)
}

html .tailwind-area .dark\:border-neutral-600\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-600) / .9)
}

html .tailwind-area .dark\:border-neutral-600\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-600) / .95)
}

html .tailwind-area .dark\:border-neutral-700:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-neutral-700) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-neutral-700\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-700) / 0)
}

html .tailwind-area .dark\:border-neutral-700\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-700) / .1)
}

html .tailwind-area .dark\:border-neutral-700\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-700) / 1)
}

html .tailwind-area .dark\:border-neutral-700\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-700) / .15)
}

html .tailwind-area .dark\:border-neutral-700\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-700) / .2)
}

html .tailwind-area .dark\:border-neutral-700\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-700) / .25)
}

html .tailwind-area .dark\:border-neutral-700\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-700) / .3)
}

html .tailwind-area .dark\:border-neutral-700\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-700) / .35)
}

html .tailwind-area .dark\:border-neutral-700\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-700) / .4)
}

html .tailwind-area .dark\:border-neutral-700\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-700) / .45)
}

html .tailwind-area .dark\:border-neutral-700\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-700) / .05)
}

html .tailwind-area .dark\:border-neutral-700\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-700) / .5)
}

html .tailwind-area .dark\:border-neutral-700\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-700) / .55)
}

html .tailwind-area .dark\:border-neutral-700\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-700) / .6)
}

html .tailwind-area .dark\:border-neutral-700\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-700) / .65)
}

html .tailwind-area .dark\:border-neutral-700\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-700) / .7)
}

html .tailwind-area .dark\:border-neutral-700\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-700) / .75)
}

html .tailwind-area .dark\:border-neutral-700\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-700) / .8)
}

html .tailwind-area .dark\:border-neutral-700\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-700) / .85)
}

html .tailwind-area .dark\:border-neutral-700\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-700) / .9)
}

html .tailwind-area .dark\:border-neutral-700\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-700) / .95)
}

html .tailwind-area .dark\:border-neutral-800:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-neutral-800) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-neutral-800\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-800) / 0)
}

html .tailwind-area .dark\:border-neutral-800\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-800) / .1)
}

html .tailwind-area .dark\:border-neutral-800\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-800) / 1)
}

html .tailwind-area .dark\:border-neutral-800\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-800) / .15)
}

html .tailwind-area .dark\:border-neutral-800\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-800) / .2)
}

html .tailwind-area .dark\:border-neutral-800\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-800) / .25)
}

html .tailwind-area .dark\:border-neutral-800\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-800) / .3)
}

html .tailwind-area .dark\:border-neutral-800\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-800) / .35)
}

html .tailwind-area .dark\:border-neutral-800\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-800) / .4)
}

html .tailwind-area .dark\:border-neutral-800\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-800) / .45)
}

html .tailwind-area .dark\:border-neutral-800\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-800) / .05)
}

html .tailwind-area .dark\:border-neutral-800\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-800) / .5)
}

html .tailwind-area .dark\:border-neutral-800\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-800) / .55)
}

html .tailwind-area .dark\:border-neutral-800\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-800) / .6)
}

html .tailwind-area .dark\:border-neutral-800\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-800) / .65)
}

html .tailwind-area .dark\:border-neutral-800\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-800) / .7)
}

html .tailwind-area .dark\:border-neutral-800\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-800) / .75)
}

html .tailwind-area .dark\:border-neutral-800\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-800) / .8)
}

html .tailwind-area .dark\:border-neutral-800\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-800) / .85)
}

html .tailwind-area .dark\:border-neutral-800\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-800) / .9)
}

html .tailwind-area .dark\:border-neutral-800\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-800) / .95)
}

html .tailwind-area .dark\:border-neutral-900:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-neutral-900) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-neutral-900\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-900) / 0)
}

html .tailwind-area .dark\:border-neutral-900\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-900) / .1)
}

html .tailwind-area .dark\:border-neutral-900\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-900) / 1)
}

html .tailwind-area .dark\:border-neutral-900\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-900) / .15)
}

html .tailwind-area .dark\:border-neutral-900\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-900) / .2)
}

html .tailwind-area .dark\:border-neutral-900\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-900) / .25)
}

html .tailwind-area .dark\:border-neutral-900\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-900) / .3)
}

html .tailwind-area .dark\:border-neutral-900\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-900) / .35)
}

html .tailwind-area .dark\:border-neutral-900\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-900) / .4)
}

html .tailwind-area .dark\:border-neutral-900\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-900) / .45)
}

html .tailwind-area .dark\:border-neutral-900\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-900) / .05)
}

html .tailwind-area .dark\:border-neutral-900\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-900) / .5)
}

html .tailwind-area .dark\:border-neutral-900\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-900) / .55)
}

html .tailwind-area .dark\:border-neutral-900\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-900) / .6)
}

html .tailwind-area .dark\:border-neutral-900\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-900) / .65)
}

html .tailwind-area .dark\:border-neutral-900\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-900) / .7)
}

html .tailwind-area .dark\:border-neutral-900\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-900) / .75)
}

html .tailwind-area .dark\:border-neutral-900\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-900) / .8)
}

html .tailwind-area .dark\:border-neutral-900\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-900) / .85)
}

html .tailwind-area .dark\:border-neutral-900\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-900) / .9)
}

html .tailwind-area .dark\:border-neutral-900\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-neutral-900) / .95)
}

html .tailwind-area .dark\:border-neutral-950:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(10 10 10 / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-neutral-950\/0:is([data-mode=dark] *) {
    border-color: #0a0a0a00
}

html .tailwind-area .dark\:border-neutral-950\/10:is([data-mode=dark] *) {
    border-color: #0a0a0a1a
}

html .tailwind-area .dark\:border-neutral-950\/100:is([data-mode=dark] *) {
    border-color: #0a0a0a
}

html .tailwind-area .dark\:border-neutral-950\/15:is([data-mode=dark] *) {
    border-color: #0a0a0a26
}

html .tailwind-area .dark\:border-neutral-950\/20:is([data-mode=dark] *) {
    border-color: #0a0a0a33
}

html .tailwind-area .dark\:border-neutral-950\/25:is([data-mode=dark] *) {
    border-color: #0a0a0a40
}

html .tailwind-area .dark\:border-neutral-950\/30:is([data-mode=dark] *) {
    border-color: #0a0a0a4d
}

html .tailwind-area .dark\:border-neutral-950\/35:is([data-mode=dark] *) {
    border-color: #0a0a0a59
}

html .tailwind-area .dark\:border-neutral-950\/40:is([data-mode=dark] *) {
    border-color: #0a0a0a66
}

html .tailwind-area .dark\:border-neutral-950\/45:is([data-mode=dark] *) {
    border-color: #0a0a0a73
}

html .tailwind-area .dark\:border-neutral-950\/5:is([data-mode=dark] *) {
    border-color: #0a0a0a0d
}

html .tailwind-area .dark\:border-neutral-950\/50:is([data-mode=dark] *) {
    border-color: #0a0a0a80
}

html .tailwind-area .dark\:border-neutral-950\/55:is([data-mode=dark] *) {
    border-color: #0a0a0a8c
}

html .tailwind-area .dark\:border-neutral-950\/60:is([data-mode=dark] *) {
    border-color: #0a0a0a99
}

html .tailwind-area .dark\:border-neutral-950\/65:is([data-mode=dark] *) {
    border-color: #0a0a0aa6
}

html .tailwind-area .dark\:border-neutral-950\/70:is([data-mode=dark] *) {
    border-color: #0a0a0ab3
}

html .tailwind-area .dark\:border-neutral-950\/75:is([data-mode=dark] *) {
    border-color: #0a0a0abf
}

html .tailwind-area .dark\:border-neutral-950\/80:is([data-mode=dark] *) {
    border-color: #0a0a0acc
}

html .tailwind-area .dark\:border-neutral-950\/85:is([data-mode=dark] *) {
    border-color: #0a0a0ad9
}

html .tailwind-area .dark\:border-neutral-950\/90:is([data-mode=dark] *) {
    border-color: #0a0a0ae6
}

html .tailwind-area .dark\:border-neutral-950\/95:is([data-mode=dark] *) {
    border-color: #0a0a0af2
}

html .tailwind-area .dark\:border-primary-100:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-primary-100) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-primary-100\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-100) / 0)
}

html .tailwind-area .dark\:border-primary-100\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-100) / .1)
}

html .tailwind-area .dark\:border-primary-100\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-100) / 1)
}

html .tailwind-area .dark\:border-primary-100\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-100) / .15)
}

html .tailwind-area .dark\:border-primary-100\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-100) / .2)
}

html .tailwind-area .dark\:border-primary-100\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-100) / .25)
}

html .tailwind-area .dark\:border-primary-100\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-100) / .3)
}

html .tailwind-area .dark\:border-primary-100\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-100) / .35)
}

html .tailwind-area .dark\:border-primary-100\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-100) / .4)
}

html .tailwind-area .dark\:border-primary-100\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-100) / .45)
}

html .tailwind-area .dark\:border-primary-100\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-100) / .05)
}

html .tailwind-area .dark\:border-primary-100\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-100) / .5)
}

html .tailwind-area .dark\:border-primary-100\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-100) / .55)
}

html .tailwind-area .dark\:border-primary-100\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-100) / .6)
}

html .tailwind-area .dark\:border-primary-100\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-100) / .65)
}

html .tailwind-area .dark\:border-primary-100\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-100) / .7)
}

html .tailwind-area .dark\:border-primary-100\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-100) / .75)
}

html .tailwind-area .dark\:border-primary-100\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-100) / .8)
}

html .tailwind-area .dark\:border-primary-100\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-100) / .85)
}

html .tailwind-area .dark\:border-primary-100\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-100) / .9)
}

html .tailwind-area .dark\:border-primary-100\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-100) / .95)
}

html .tailwind-area .dark\:border-primary-200:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-primary-200) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-primary-200\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-200) / 0)
}

html .tailwind-area .dark\:border-primary-200\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-200) / .1)
}

html .tailwind-area .dark\:border-primary-200\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-200) / 1)
}

html .tailwind-area .dark\:border-primary-200\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-200) / .15)
}

html .tailwind-area .dark\:border-primary-200\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-200) / .2)
}

html .tailwind-area .dark\:border-primary-200\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-200) / .25)
}

html .tailwind-area .dark\:border-primary-200\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-200) / .3)
}

html .tailwind-area .dark\:border-primary-200\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-200) / .35)
}

html .tailwind-area .dark\:border-primary-200\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-200) / .4)
}

html .tailwind-area .dark\:border-primary-200\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-200) / .45)
}

html .tailwind-area .dark\:border-primary-200\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-200) / .05)
}

html .tailwind-area .dark\:border-primary-200\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-200) / .5)
}

html .tailwind-area .dark\:border-primary-200\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-200) / .55)
}

html .tailwind-area .dark\:border-primary-200\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-200) / .6)
}

html .tailwind-area .dark\:border-primary-200\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-200) / .65)
}

html .tailwind-area .dark\:border-primary-200\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-200) / .7)
}

html .tailwind-area .dark\:border-primary-200\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-200) / .75)
}

html .tailwind-area .dark\:border-primary-200\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-200) / .8)
}

html .tailwind-area .dark\:border-primary-200\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-200) / .85)
}

html .tailwind-area .dark\:border-primary-200\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-200) / .9)
}

html .tailwind-area .dark\:border-primary-200\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-200) / .95)
}

html .tailwind-area .dark\:border-primary-300:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-primary-300) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-primary-300\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-300) / 0)
}

html .tailwind-area .dark\:border-primary-300\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-300) / .1)
}

html .tailwind-area .dark\:border-primary-300\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-300) / 1)
}

html .tailwind-area .dark\:border-primary-300\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-300) / .15)
}

html .tailwind-area .dark\:border-primary-300\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-300) / .2)
}

html .tailwind-area .dark\:border-primary-300\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-300) / .25)
}

html .tailwind-area .dark\:border-primary-300\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-300) / .3)
}

html .tailwind-area .dark\:border-primary-300\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-300) / .35)
}

html .tailwind-area .dark\:border-primary-300\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-300) / .4)
}

html .tailwind-area .dark\:border-primary-300\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-300) / .45)
}

html .tailwind-area .dark\:border-primary-300\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-300) / .05)
}

html .tailwind-area .dark\:border-primary-300\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-300) / .5)
}

html .tailwind-area .dark\:border-primary-300\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-300) / .55)
}

html .tailwind-area .dark\:border-primary-300\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-300) / .6)
}

html .tailwind-area .dark\:border-primary-300\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-300) / .65)
}

html .tailwind-area .dark\:border-primary-300\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-300) / .7)
}

html .tailwind-area .dark\:border-primary-300\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-300) / .75)
}

html .tailwind-area .dark\:border-primary-300\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-300) / .8)
}

html .tailwind-area .dark\:border-primary-300\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-300) / .85)
}

html .tailwind-area .dark\:border-primary-300\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-300) / .9)
}

html .tailwind-area .dark\:border-primary-300\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-300) / .95)
}

html .tailwind-area .dark\:border-primary-400:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-primary-400) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-primary-400\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-400) / 0)
}

html .tailwind-area .dark\:border-primary-400\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-400) / .1)
}

html .tailwind-area .dark\:border-primary-400\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-400) / 1)
}

html .tailwind-area .dark\:border-primary-400\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-400) / .15)
}

html .tailwind-area .dark\:border-primary-400\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-400) / .2)
}

html .tailwind-area .dark\:border-primary-400\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-400) / .25)
}

html .tailwind-area .dark\:border-primary-400\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-400) / .3)
}

html .tailwind-area .dark\:border-primary-400\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-400) / .35)
}

html .tailwind-area .dark\:border-primary-400\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-400) / .4)
}

html .tailwind-area .dark\:border-primary-400\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-400) / .45)
}

html .tailwind-area .dark\:border-primary-400\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-400) / .05)
}

html .tailwind-area .dark\:border-primary-400\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-400) / .5)
}

html .tailwind-area .dark\:border-primary-400\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-400) / .55)
}

html .tailwind-area .dark\:border-primary-400\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-400) / .6)
}

html .tailwind-area .dark\:border-primary-400\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-400) / .65)
}

html .tailwind-area .dark\:border-primary-400\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-400) / .7)
}

html .tailwind-area .dark\:border-primary-400\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-400) / .75)
}

html .tailwind-area .dark\:border-primary-400\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-400) / .8)
}

html .tailwind-area .dark\:border-primary-400\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-400) / .85)
}

html .tailwind-area .dark\:border-primary-400\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-400) / .9)
}

html .tailwind-area .dark\:border-primary-400\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-400) / .95)
}

html .tailwind-area .dark\:border-primary-50:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-primary-50) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-primary-50\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-50) / 0)
}

html .tailwind-area .dark\:border-primary-50\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-50) / .1)
}

html .tailwind-area .dark\:border-primary-50\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-50) / 1)
}

html .tailwind-area .dark\:border-primary-50\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-50) / .15)
}

html .tailwind-area .dark\:border-primary-50\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-50) / .2)
}

html .tailwind-area .dark\:border-primary-50\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-50) / .25)
}

html .tailwind-area .dark\:border-primary-50\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-50) / .3)
}

html .tailwind-area .dark\:border-primary-50\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-50) / .35)
}

html .tailwind-area .dark\:border-primary-50\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-50) / .4)
}

html .tailwind-area .dark\:border-primary-50\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-50) / .45)
}

html .tailwind-area .dark\:border-primary-50\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-50) / .05)
}

html .tailwind-area .dark\:border-primary-50\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-50) / .5)
}

html .tailwind-area .dark\:border-primary-50\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-50) / .55)
}

html .tailwind-area .dark\:border-primary-50\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-50) / .6)
}

html .tailwind-area .dark\:border-primary-50\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-50) / .65)
}

html .tailwind-area .dark\:border-primary-50\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-50) / .7)
}

html .tailwind-area .dark\:border-primary-50\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-50) / .75)
}

html .tailwind-area .dark\:border-primary-50\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-50) / .8)
}

html .tailwind-area .dark\:border-primary-50\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-50) / .85)
}

html .tailwind-area .dark\:border-primary-50\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-50) / .9)
}

html .tailwind-area .dark\:border-primary-50\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-50) / .95)
}

html .tailwind-area .dark\:border-primary-500:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-primary-500) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-primary-500\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-500) / 0)
}

html .tailwind-area .dark\:border-primary-500\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-500) / .1)
}

html .tailwind-area .dark\:border-primary-500\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-500) / 1)
}

html .tailwind-area .dark\:border-primary-500\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-500) / .15)
}

html .tailwind-area .dark\:border-primary-500\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-500) / .2)
}

html .tailwind-area .dark\:border-primary-500\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-500) / .25)
}

html .tailwind-area .dark\:border-primary-500\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-500) / .3)
}

html .tailwind-area .dark\:border-primary-500\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-500) / .35)
}

html .tailwind-area .dark\:border-primary-500\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-500) / .4)
}

html .tailwind-area .dark\:border-primary-500\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-500) / .45)
}

html .tailwind-area .dark\:border-primary-500\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-500) / .05)
}

html .tailwind-area .dark\:border-primary-500\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-500) / .5)
}

html .tailwind-area .dark\:border-primary-500\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-500) / .55)
}

html .tailwind-area .dark\:border-primary-500\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-500) / .6)
}

html .tailwind-area .dark\:border-primary-500\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-500) / .65)
}

html .tailwind-area .dark\:border-primary-500\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-500) / .7)
}

html .tailwind-area .dark\:border-primary-500\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-500) / .75)
}

html .tailwind-area .dark\:border-primary-500\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-500) / .8)
}

html .tailwind-area .dark\:border-primary-500\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-500) / .85)
}

html .tailwind-area .dark\:border-primary-500\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-500) / .9)
}

html .tailwind-area .dark\:border-primary-500\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-500) / .95)
}

html .tailwind-area .dark\:border-primary-600:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-primary-600) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-primary-600\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-600) / 0)
}

html .tailwind-area .dark\:border-primary-600\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-600) / .1)
}

html .tailwind-area .dark\:border-primary-600\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-600) / 1)
}

html .tailwind-area .dark\:border-primary-600\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-600) / .15)
}

html .tailwind-area .dark\:border-primary-600\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-600) / .2)
}

html .tailwind-area .dark\:border-primary-600\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-600) / .25)
}

html .tailwind-area .dark\:border-primary-600\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-600) / .3)
}

html .tailwind-area .dark\:border-primary-600\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-600) / .35)
}

html .tailwind-area .dark\:border-primary-600\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-600) / .4)
}

html .tailwind-area .dark\:border-primary-600\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-600) / .45)
}

html .tailwind-area .dark\:border-primary-600\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-600) / .05)
}

html .tailwind-area .dark\:border-primary-600\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-600) / .5)
}

html .tailwind-area .dark\:border-primary-600\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-600) / .55)
}

html .tailwind-area .dark\:border-primary-600\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-600) / .6)
}

html .tailwind-area .dark\:border-primary-600\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-600) / .65)
}

html .tailwind-area .dark\:border-primary-600\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-600) / .7)
}

html .tailwind-area .dark\:border-primary-600\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-600) / .75)
}

html .tailwind-area .dark\:border-primary-600\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-600) / .8)
}

html .tailwind-area .dark\:border-primary-600\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-600) / .85)
}

html .tailwind-area .dark\:border-primary-600\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-600) / .9)
}

html .tailwind-area .dark\:border-primary-600\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-600) / .95)
}

html .tailwind-area .dark\:border-primary-700:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-primary-700) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-primary-700\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-700) / 0)
}

html .tailwind-area .dark\:border-primary-700\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-700) / .1)
}

html .tailwind-area .dark\:border-primary-700\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-700) / 1)
}

html .tailwind-area .dark\:border-primary-700\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-700) / .15)
}

html .tailwind-area .dark\:border-primary-700\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-700) / .2)
}

html .tailwind-area .dark\:border-primary-700\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-700) / .25)
}

html .tailwind-area .dark\:border-primary-700\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-700) / .3)
}

html .tailwind-area .dark\:border-primary-700\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-700) / .35)
}

html .tailwind-area .dark\:border-primary-700\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-700) / .4)
}

html .tailwind-area .dark\:border-primary-700\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-700) / .45)
}

html .tailwind-area .dark\:border-primary-700\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-700) / .05)
}

html .tailwind-area .dark\:border-primary-700\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-700) / .5)
}

html .tailwind-area .dark\:border-primary-700\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-700) / .55)
}

html .tailwind-area .dark\:border-primary-700\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-700) / .6)
}

html .tailwind-area .dark\:border-primary-700\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-700) / .65)
}

html .tailwind-area .dark\:border-primary-700\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-700) / .7)
}

html .tailwind-area .dark\:border-primary-700\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-700) / .75)
}

html .tailwind-area .dark\:border-primary-700\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-700) / .8)
}

html .tailwind-area .dark\:border-primary-700\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-700) / .85)
}

html .tailwind-area .dark\:border-primary-700\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-700) / .9)
}

html .tailwind-area .dark\:border-primary-700\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-700) / .95)
}

html .tailwind-area .dark\:border-primary-800:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-primary-800) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-primary-800\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-800) / 0)
}

html .tailwind-area .dark\:border-primary-800\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-800) / .1)
}

html .tailwind-area .dark\:border-primary-800\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-800) / 1)
}

html .tailwind-area .dark\:border-primary-800\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-800) / .15)
}

html .tailwind-area .dark\:border-primary-800\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-800) / .2)
}

html .tailwind-area .dark\:border-primary-800\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-800) / .25)
}

html .tailwind-area .dark\:border-primary-800\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-800) / .3)
}

html .tailwind-area .dark\:border-primary-800\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-800) / .35)
}

html .tailwind-area .dark\:border-primary-800\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-800) / .4)
}

html .tailwind-area .dark\:border-primary-800\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-800) / .45)
}

html .tailwind-area .dark\:border-primary-800\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-800) / .05)
}

html .tailwind-area .dark\:border-primary-800\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-800) / .5)
}

html .tailwind-area .dark\:border-primary-800\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-800) / .55)
}

html .tailwind-area .dark\:border-primary-800\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-800) / .6)
}

html .tailwind-area .dark\:border-primary-800\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-800) / .65)
}

html .tailwind-area .dark\:border-primary-800\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-800) / .7)
}

html .tailwind-area .dark\:border-primary-800\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-800) / .75)
}

html .tailwind-area .dark\:border-primary-800\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-800) / .8)
}

html .tailwind-area .dark\:border-primary-800\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-800) / .85)
}

html .tailwind-area .dark\:border-primary-800\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-800) / .9)
}

html .tailwind-area .dark\:border-primary-800\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-800) / .95)
}

html .tailwind-area .dark\:border-primary-900:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-primary-900) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-primary-900\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-900) / 0)
}

html .tailwind-area .dark\:border-primary-900\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-900) / .1)
}

html .tailwind-area .dark\:border-primary-900\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-900) / 1)
}

html .tailwind-area .dark\:border-primary-900\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-900) / .15)
}

html .tailwind-area .dark\:border-primary-900\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-900) / .2)
}

html .tailwind-area .dark\:border-primary-900\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-900) / .25)
}

html .tailwind-area .dark\:border-primary-900\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-900) / .3)
}

html .tailwind-area .dark\:border-primary-900\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-900) / .35)
}

html .tailwind-area .dark\:border-primary-900\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-900) / .4)
}

html .tailwind-area .dark\:border-primary-900\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-900) / .45)
}

html .tailwind-area .dark\:border-primary-900\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-900) / .05)
}

html .tailwind-area .dark\:border-primary-900\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-900) / .5)
}

html .tailwind-area .dark\:border-primary-900\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-900) / .55)
}

html .tailwind-area .dark\:border-primary-900\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-900) / .6)
}

html .tailwind-area .dark\:border-primary-900\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-900) / .65)
}

html .tailwind-area .dark\:border-primary-900\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-900) / .7)
}

html .tailwind-area .dark\:border-primary-900\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-900) / .75)
}

html .tailwind-area .dark\:border-primary-900\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-900) / .8)
}

html .tailwind-area .dark\:border-primary-900\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-900) / .85)
}

html .tailwind-area .dark\:border-primary-900\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-900) / .9)
}

html .tailwind-area .dark\:border-primary-900\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-primary-900) / .95)
}

html .tailwind-area .dark\:border-safe-100:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-safe-100) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-safe-100\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-100) / 0)
}

html .tailwind-area .dark\:border-safe-100\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-100) / .1)
}

html .tailwind-area .dark\:border-safe-100\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-100) / 1)
}

html .tailwind-area .dark\:border-safe-100\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-100) / .15)
}

html .tailwind-area .dark\:border-safe-100\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-100) / .2)
}

html .tailwind-area .dark\:border-safe-100\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-100) / .25)
}

html .tailwind-area .dark\:border-safe-100\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-100) / .3)
}

html .tailwind-area .dark\:border-safe-100\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-100) / .35)
}

html .tailwind-area .dark\:border-safe-100\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-100) / .4)
}

html .tailwind-area .dark\:border-safe-100\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-100) / .45)
}

html .tailwind-area .dark\:border-safe-100\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-100) / .05)
}

html .tailwind-area .dark\:border-safe-100\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-100) / .5)
}

html .tailwind-area .dark\:border-safe-100\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-100) / .55)
}

html .tailwind-area .dark\:border-safe-100\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-100) / .6)
}

html .tailwind-area .dark\:border-safe-100\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-100) / .65)
}

html .tailwind-area .dark\:border-safe-100\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-100) / .7)
}

html .tailwind-area .dark\:border-safe-100\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-100) / .75)
}

html .tailwind-area .dark\:border-safe-100\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-100) / .8)
}

html .tailwind-area .dark\:border-safe-100\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-100) / .85)
}

html .tailwind-area .dark\:border-safe-100\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-100) / .9)
}

html .tailwind-area .dark\:border-safe-100\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-100) / .95)
}

html .tailwind-area .dark\:border-safe-200:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-safe-200) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-safe-200\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-200) / 0)
}

html .tailwind-area .dark\:border-safe-200\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-200) / .1)
}

html .tailwind-area .dark\:border-safe-200\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-200) / 1)
}

html .tailwind-area .dark\:border-safe-200\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-200) / .15)
}

html .tailwind-area .dark\:border-safe-200\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-200) / .2)
}

html .tailwind-area .dark\:border-safe-200\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-200) / .25)
}

html .tailwind-area .dark\:border-safe-200\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-200) / .3)
}

html .tailwind-area .dark\:border-safe-200\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-200) / .35)
}

html .tailwind-area .dark\:border-safe-200\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-200) / .4)
}

html .tailwind-area .dark\:border-safe-200\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-200) / .45)
}

html .tailwind-area .dark\:border-safe-200\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-200) / .05)
}

html .tailwind-area .dark\:border-safe-200\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-200) / .5)
}

html .tailwind-area .dark\:border-safe-200\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-200) / .55)
}

html .tailwind-area .dark\:border-safe-200\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-200) / .6)
}

html .tailwind-area .dark\:border-safe-200\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-200) / .65)
}

html .tailwind-area .dark\:border-safe-200\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-200) / .7)
}

html .tailwind-area .dark\:border-safe-200\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-200) / .75)
}

html .tailwind-area .dark\:border-safe-200\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-200) / .8)
}

html .tailwind-area .dark\:border-safe-200\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-200) / .85)
}

html .tailwind-area .dark\:border-safe-200\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-200) / .9)
}

html .tailwind-area .dark\:border-safe-200\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-200) / .95)
}

html .tailwind-area .dark\:border-safe-300:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-safe-300) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-safe-300\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-300) / 0)
}

html .tailwind-area .dark\:border-safe-300\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-300) / .1)
}

html .tailwind-area .dark\:border-safe-300\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-300) / 1)
}

html .tailwind-area .dark\:border-safe-300\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-300) / .15)
}

html .tailwind-area .dark\:border-safe-300\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-300) / .2)
}

html .tailwind-area .dark\:border-safe-300\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-300) / .25)
}

html .tailwind-area .dark\:border-safe-300\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-300) / .3)
}

html .tailwind-area .dark\:border-safe-300\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-300) / .35)
}

html .tailwind-area .dark\:border-safe-300\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-300) / .4)
}

html .tailwind-area .dark\:border-safe-300\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-300) / .45)
}

html .tailwind-area .dark\:border-safe-300\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-300) / .05)
}

html .tailwind-area .dark\:border-safe-300\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-300) / .5)
}

html .tailwind-area .dark\:border-safe-300\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-300) / .55)
}

html .tailwind-area .dark\:border-safe-300\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-300) / .6)
}

html .tailwind-area .dark\:border-safe-300\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-300) / .65)
}

html .tailwind-area .dark\:border-safe-300\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-300) / .7)
}

html .tailwind-area .dark\:border-safe-300\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-300) / .75)
}

html .tailwind-area .dark\:border-safe-300\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-300) / .8)
}

html .tailwind-area .dark\:border-safe-300\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-300) / .85)
}

html .tailwind-area .dark\:border-safe-300\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-300) / .9)
}

html .tailwind-area .dark\:border-safe-300\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-300) / .95)
}

html .tailwind-area .dark\:border-safe-400:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-safe-400) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-safe-400\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-400) / 0)
}

html .tailwind-area .dark\:border-safe-400\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-400) / .1)
}

html .tailwind-area .dark\:border-safe-400\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-400) / 1)
}

html .tailwind-area .dark\:border-safe-400\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-400) / .15)
}

html .tailwind-area .dark\:border-safe-400\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-400) / .2)
}

html .tailwind-area .dark\:border-safe-400\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-400) / .25)
}

html .tailwind-area .dark\:border-safe-400\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-400) / .3)
}

html .tailwind-area .dark\:border-safe-400\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-400) / .35)
}

html .tailwind-area .dark\:border-safe-400\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-400) / .4)
}

html .tailwind-area .dark\:border-safe-400\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-400) / .45)
}

html .tailwind-area .dark\:border-safe-400\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-400) / .05)
}

html .tailwind-area .dark\:border-safe-400\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-400) / .5)
}

html .tailwind-area .dark\:border-safe-400\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-400) / .55)
}

html .tailwind-area .dark\:border-safe-400\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-400) / .6)
}

html .tailwind-area .dark\:border-safe-400\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-400) / .65)
}

html .tailwind-area .dark\:border-safe-400\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-400) / .7)
}

html .tailwind-area .dark\:border-safe-400\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-400) / .75)
}

html .tailwind-area .dark\:border-safe-400\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-400) / .8)
}

html .tailwind-area .dark\:border-safe-400\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-400) / .85)
}

html .tailwind-area .dark\:border-safe-400\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-400) / .9)
}

html .tailwind-area .dark\:border-safe-400\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-400) / .95)
}

html .tailwind-area .dark\:border-safe-50:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-safe-50) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-safe-50\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-50) / 0)
}

html .tailwind-area .dark\:border-safe-50\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-50) / .1)
}

html .tailwind-area .dark\:border-safe-50\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-50) / 1)
}

html .tailwind-area .dark\:border-safe-50\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-50) / .15)
}

html .tailwind-area .dark\:border-safe-50\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-50) / .2)
}

html .tailwind-area .dark\:border-safe-50\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-50) / .25)
}

html .tailwind-area .dark\:border-safe-50\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-50) / .3)
}

html .tailwind-area .dark\:border-safe-50\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-50) / .35)
}

html .tailwind-area .dark\:border-safe-50\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-50) / .4)
}

html .tailwind-area .dark\:border-safe-50\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-50) / .45)
}

html .tailwind-area .dark\:border-safe-50\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-50) / .05)
}

html .tailwind-area .dark\:border-safe-50\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-50) / .5)
}

html .tailwind-area .dark\:border-safe-50\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-50) / .55)
}

html .tailwind-area .dark\:border-safe-50\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-50) / .6)
}

html .tailwind-area .dark\:border-safe-50\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-50) / .65)
}

html .tailwind-area .dark\:border-safe-50\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-50) / .7)
}

html .tailwind-area .dark\:border-safe-50\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-50) / .75)
}

html .tailwind-area .dark\:border-safe-50\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-50) / .8)
}

html .tailwind-area .dark\:border-safe-50\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-50) / .85)
}

html .tailwind-area .dark\:border-safe-50\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-50) / .9)
}

html .tailwind-area .dark\:border-safe-50\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-50) / .95)
}

html .tailwind-area .dark\:border-safe-500:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-safe-500) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-safe-500\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-500) / 0)
}

html .tailwind-area .dark\:border-safe-500\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-500) / .1)
}

html .tailwind-area .dark\:border-safe-500\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-500) / 1)
}

html .tailwind-area .dark\:border-safe-500\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-500) / .15)
}

html .tailwind-area .dark\:border-safe-500\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-500) / .2)
}

html .tailwind-area .dark\:border-safe-500\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-500) / .25)
}

html .tailwind-area .dark\:border-safe-500\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-500) / .3)
}

html .tailwind-area .dark\:border-safe-500\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-500) / .35)
}

html .tailwind-area .dark\:border-safe-500\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-500) / .4)
}

html .tailwind-area .dark\:border-safe-500\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-500) / .45)
}

html .tailwind-area .dark\:border-safe-500\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-500) / .05)
}

html .tailwind-area .dark\:border-safe-500\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-500) / .5)
}

html .tailwind-area .dark\:border-safe-500\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-500) / .55)
}

html .tailwind-area .dark\:border-safe-500\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-500) / .6)
}

html .tailwind-area .dark\:border-safe-500\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-500) / .65)
}

html .tailwind-area .dark\:border-safe-500\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-500) / .7)
}

html .tailwind-area .dark\:border-safe-500\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-500) / .75)
}

html .tailwind-area .dark\:border-safe-500\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-500) / .8)
}

html .tailwind-area .dark\:border-safe-500\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-500) / .85)
}

html .tailwind-area .dark\:border-safe-500\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-500) / .9)
}

html .tailwind-area .dark\:border-safe-500\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-500) / .95)
}

html .tailwind-area .dark\:border-safe-600:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-safe-600) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-safe-600\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-600) / 0)
}

html .tailwind-area .dark\:border-safe-600\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-600) / .1)
}

html .tailwind-area .dark\:border-safe-600\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-600) / 1)
}

html .tailwind-area .dark\:border-safe-600\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-600) / .15)
}

html .tailwind-area .dark\:border-safe-600\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-600) / .2)
}

html .tailwind-area .dark\:border-safe-600\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-600) / .25)
}

html .tailwind-area .dark\:border-safe-600\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-600) / .3)
}

html .tailwind-area .dark\:border-safe-600\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-600) / .35)
}

html .tailwind-area .dark\:border-safe-600\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-600) / .4)
}

html .tailwind-area .dark\:border-safe-600\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-600) / .45)
}

html .tailwind-area .dark\:border-safe-600\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-600) / .05)
}

html .tailwind-area .dark\:border-safe-600\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-600) / .5)
}

html .tailwind-area .dark\:border-safe-600\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-600) / .55)
}

html .tailwind-area .dark\:border-safe-600\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-600) / .6)
}

html .tailwind-area .dark\:border-safe-600\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-600) / .65)
}

html .tailwind-area .dark\:border-safe-600\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-600) / .7)
}

html .tailwind-area .dark\:border-safe-600\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-600) / .75)
}

html .tailwind-area .dark\:border-safe-600\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-600) / .8)
}

html .tailwind-area .dark\:border-safe-600\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-600) / .85)
}

html .tailwind-area .dark\:border-safe-600\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-600) / .9)
}

html .tailwind-area .dark\:border-safe-600\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-600) / .95)
}

html .tailwind-area .dark\:border-safe-700:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-safe-700) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-safe-700\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-700) / 0)
}

html .tailwind-area .dark\:border-safe-700\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-700) / .1)
}

html .tailwind-area .dark\:border-safe-700\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-700) / 1)
}

html .tailwind-area .dark\:border-safe-700\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-700) / .15)
}

html .tailwind-area .dark\:border-safe-700\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-700) / .2)
}

html .tailwind-area .dark\:border-safe-700\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-700) / .25)
}

html .tailwind-area .dark\:border-safe-700\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-700) / .3)
}

html .tailwind-area .dark\:border-safe-700\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-700) / .35)
}

html .tailwind-area .dark\:border-safe-700\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-700) / .4)
}

html .tailwind-area .dark\:border-safe-700\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-700) / .45)
}

html .tailwind-area .dark\:border-safe-700\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-700) / .05)
}

html .tailwind-area .dark\:border-safe-700\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-700) / .5)
}

html .tailwind-area .dark\:border-safe-700\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-700) / .55)
}

html .tailwind-area .dark\:border-safe-700\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-700) / .6)
}

html .tailwind-area .dark\:border-safe-700\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-700) / .65)
}

html .tailwind-area .dark\:border-safe-700\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-700) / .7)
}

html .tailwind-area .dark\:border-safe-700\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-700) / .75)
}

html .tailwind-area .dark\:border-safe-700\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-700) / .8)
}

html .tailwind-area .dark\:border-safe-700\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-700) / .85)
}

html .tailwind-area .dark\:border-safe-700\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-700) / .9)
}

html .tailwind-area .dark\:border-safe-700\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-700) / .95)
}

html .tailwind-area .dark\:border-safe-800:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-safe-800) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-safe-800\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-800) / 0)
}

html .tailwind-area .dark\:border-safe-800\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-800) / .1)
}

html .tailwind-area .dark\:border-safe-800\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-800) / 1)
}

html .tailwind-area .dark\:border-safe-800\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-800) / .15)
}

html .tailwind-area .dark\:border-safe-800\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-800) / .2)
}

html .tailwind-area .dark\:border-safe-800\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-800) / .25)
}

html .tailwind-area .dark\:border-safe-800\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-800) / .3)
}

html .tailwind-area .dark\:border-safe-800\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-800) / .35)
}

html .tailwind-area .dark\:border-safe-800\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-800) / .4)
}

html .tailwind-area .dark\:border-safe-800\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-800) / .45)
}

html .tailwind-area .dark\:border-safe-800\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-800) / .05)
}

html .tailwind-area .dark\:border-safe-800\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-800) / .5)
}

html .tailwind-area .dark\:border-safe-800\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-800) / .55)
}

html .tailwind-area .dark\:border-safe-800\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-800) / .6)
}

html .tailwind-area .dark\:border-safe-800\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-800) / .65)
}

html .tailwind-area .dark\:border-safe-800\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-800) / .7)
}

html .tailwind-area .dark\:border-safe-800\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-800) / .75)
}

html .tailwind-area .dark\:border-safe-800\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-800) / .8)
}

html .tailwind-area .dark\:border-safe-800\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-800) / .85)
}

html .tailwind-area .dark\:border-safe-800\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-800) / .9)
}

html .tailwind-area .dark\:border-safe-800\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-800) / .95)
}

html .tailwind-area .dark\:border-safe-900:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-safe-900) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-safe-900\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-900) / 0)
}

html .tailwind-area .dark\:border-safe-900\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-900) / .1)
}

html .tailwind-area .dark\:border-safe-900\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-900) / 1)
}

html .tailwind-area .dark\:border-safe-900\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-900) / .15)
}

html .tailwind-area .dark\:border-safe-900\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-900) / .2)
}

html .tailwind-area .dark\:border-safe-900\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-900) / .25)
}

html .tailwind-area .dark\:border-safe-900\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-900) / .3)
}

html .tailwind-area .dark\:border-safe-900\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-900) / .35)
}

html .tailwind-area .dark\:border-safe-900\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-900) / .4)
}

html .tailwind-area .dark\:border-safe-900\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-900) / .45)
}

html .tailwind-area .dark\:border-safe-900\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-900) / .05)
}

html .tailwind-area .dark\:border-safe-900\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-900) / .5)
}

html .tailwind-area .dark\:border-safe-900\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-900) / .55)
}

html .tailwind-area .dark\:border-safe-900\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-900) / .6)
}

html .tailwind-area .dark\:border-safe-900\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-900) / .65)
}

html .tailwind-area .dark\:border-safe-900\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-900) / .7)
}

html .tailwind-area .dark\:border-safe-900\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-900) / .75)
}

html .tailwind-area .dark\:border-safe-900\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-900) / .8)
}

html .tailwind-area .dark\:border-safe-900\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-900) / .85)
}

html .tailwind-area .dark\:border-safe-900\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-900) / .9)
}

html .tailwind-area .dark\:border-safe-900\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-safe-900) / .95)
}

html .tailwind-area .dark\:border-warning-100:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-warning-100) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-warning-100\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-100) / 0)
}

html .tailwind-area .dark\:border-warning-100\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-100) / .1)
}

html .tailwind-area .dark\:border-warning-100\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-100) / 1)
}

html .tailwind-area .dark\:border-warning-100\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-100) / .15)
}

html .tailwind-area .dark\:border-warning-100\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-100) / .2)
}

html .tailwind-area .dark\:border-warning-100\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-100) / .25)
}

html .tailwind-area .dark\:border-warning-100\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-100) / .3)
}

html .tailwind-area .dark\:border-warning-100\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-100) / .35)
}

html .tailwind-area .dark\:border-warning-100\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-100) / .4)
}

html .tailwind-area .dark\:border-warning-100\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-100) / .45)
}

html .tailwind-area .dark\:border-warning-100\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-100) / .05)
}

html .tailwind-area .dark\:border-warning-100\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-100) / .5)
}

html .tailwind-area .dark\:border-warning-100\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-100) / .55)
}

html .tailwind-area .dark\:border-warning-100\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-100) / .6)
}

html .tailwind-area .dark\:border-warning-100\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-100) / .65)
}

html .tailwind-area .dark\:border-warning-100\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-100) / .7)
}

html .tailwind-area .dark\:border-warning-100\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-100) / .75)
}

html .tailwind-area .dark\:border-warning-100\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-100) / .8)
}

html .tailwind-area .dark\:border-warning-100\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-100) / .85)
}

html .tailwind-area .dark\:border-warning-100\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-100) / .9)
}

html .tailwind-area .dark\:border-warning-100\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-100) / .95)
}

html .tailwind-area .dark\:border-warning-200:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-warning-200) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-warning-200\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-200) / 0)
}

html .tailwind-area .dark\:border-warning-200\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-200) / .1)
}

html .tailwind-area .dark\:border-warning-200\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-200) / 1)
}

html .tailwind-area .dark\:border-warning-200\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-200) / .15)
}

html .tailwind-area .dark\:border-warning-200\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-200) / .2)
}

html .tailwind-area .dark\:border-warning-200\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-200) / .25)
}

html .tailwind-area .dark\:border-warning-200\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-200) / .3)
}

html .tailwind-area .dark\:border-warning-200\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-200) / .35)
}

html .tailwind-area .dark\:border-warning-200\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-200) / .4)
}

html .tailwind-area .dark\:border-warning-200\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-200) / .45)
}

html .tailwind-area .dark\:border-warning-200\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-200) / .05)
}

html .tailwind-area .dark\:border-warning-200\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-200) / .5)
}

html .tailwind-area .dark\:border-warning-200\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-200) / .55)
}

html .tailwind-area .dark\:border-warning-200\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-200) / .6)
}

html .tailwind-area .dark\:border-warning-200\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-200) / .65)
}

html .tailwind-area .dark\:border-warning-200\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-200) / .7)
}

html .tailwind-area .dark\:border-warning-200\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-200) / .75)
}

html .tailwind-area .dark\:border-warning-200\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-200) / .8)
}

html .tailwind-area .dark\:border-warning-200\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-200) / .85)
}

html .tailwind-area .dark\:border-warning-200\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-200) / .9)
}

html .tailwind-area .dark\:border-warning-200\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-200) / .95)
}

html .tailwind-area .dark\:border-warning-300:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-warning-300) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-warning-300\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-300) / 0)
}

html .tailwind-area .dark\:border-warning-300\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-300) / .1)
}

html .tailwind-area .dark\:border-warning-300\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-300) / 1)
}

html .tailwind-area .dark\:border-warning-300\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-300) / .15)
}

html .tailwind-area .dark\:border-warning-300\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-300) / .2)
}

html .tailwind-area .dark\:border-warning-300\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-300) / .25)
}

html .tailwind-area .dark\:border-warning-300\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-300) / .3)
}

html .tailwind-area .dark\:border-warning-300\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-300) / .35)
}

html .tailwind-area .dark\:border-warning-300\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-300) / .4)
}

html .tailwind-area .dark\:border-warning-300\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-300) / .45)
}

html .tailwind-area .dark\:border-warning-300\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-300) / .05)
}

html .tailwind-area .dark\:border-warning-300\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-300) / .5)
}

html .tailwind-area .dark\:border-warning-300\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-300) / .55)
}

html .tailwind-area .dark\:border-warning-300\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-300) / .6)
}

html .tailwind-area .dark\:border-warning-300\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-300) / .65)
}

html .tailwind-area .dark\:border-warning-300\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-300) / .7)
}

html .tailwind-area .dark\:border-warning-300\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-300) / .75)
}

html .tailwind-area .dark\:border-warning-300\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-300) / .8)
}

html .tailwind-area .dark\:border-warning-300\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-300) / .85)
}

html .tailwind-area .dark\:border-warning-300\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-300) / .9)
}

html .tailwind-area .dark\:border-warning-300\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-300) / .95)
}

html .tailwind-area .dark\:border-warning-400:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-warning-400) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-warning-400\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-400) / 0)
}

html .tailwind-area .dark\:border-warning-400\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-400) / .1)
}

html .tailwind-area .dark\:border-warning-400\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-400) / 1)
}

html .tailwind-area .dark\:border-warning-400\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-400) / .15)
}

html .tailwind-area .dark\:border-warning-400\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-400) / .2)
}

html .tailwind-area .dark\:border-warning-400\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-400) / .25)
}

html .tailwind-area .dark\:border-warning-400\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-400) / .3)
}

html .tailwind-area .dark\:border-warning-400\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-400) / .35)
}

html .tailwind-area .dark\:border-warning-400\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-400) / .4)
}

html .tailwind-area .dark\:border-warning-400\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-400) / .45)
}

html .tailwind-area .dark\:border-warning-400\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-400) / .05)
}

html .tailwind-area .dark\:border-warning-400\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-400) / .5)
}

html .tailwind-area .dark\:border-warning-400\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-400) / .55)
}

html .tailwind-area .dark\:border-warning-400\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-400) / .6)
}

html .tailwind-area .dark\:border-warning-400\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-400) / .65)
}

html .tailwind-area .dark\:border-warning-400\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-400) / .7)
}

html .tailwind-area .dark\:border-warning-400\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-400) / .75)
}

html .tailwind-area .dark\:border-warning-400\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-400) / .8)
}

html .tailwind-area .dark\:border-warning-400\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-400) / .85)
}

html .tailwind-area .dark\:border-warning-400\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-400) / .9)
}

html .tailwind-area .dark\:border-warning-400\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-400) / .95)
}

html .tailwind-area .dark\:border-warning-50:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-warning-50) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-warning-50\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-50) / 0)
}

html .tailwind-area .dark\:border-warning-50\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-50) / .1)
}

html .tailwind-area .dark\:border-warning-50\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-50) / 1)
}

html .tailwind-area .dark\:border-warning-50\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-50) / .15)
}

html .tailwind-area .dark\:border-warning-50\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-50) / .2)
}

html .tailwind-area .dark\:border-warning-50\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-50) / .25)
}

html .tailwind-area .dark\:border-warning-50\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-50) / .3)
}

html .tailwind-area .dark\:border-warning-50\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-50) / .35)
}

html .tailwind-area .dark\:border-warning-50\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-50) / .4)
}

html .tailwind-area .dark\:border-warning-50\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-50) / .45)
}

html .tailwind-area .dark\:border-warning-50\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-50) / .05)
}

html .tailwind-area .dark\:border-warning-50\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-50) / .5)
}

html .tailwind-area .dark\:border-warning-50\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-50) / .55)
}

html .tailwind-area .dark\:border-warning-50\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-50) / .6)
}

html .tailwind-area .dark\:border-warning-50\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-50) / .65)
}

html .tailwind-area .dark\:border-warning-50\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-50) / .7)
}

html .tailwind-area .dark\:border-warning-50\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-50) / .75)
}

html .tailwind-area .dark\:border-warning-50\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-50) / .8)
}

html .tailwind-area .dark\:border-warning-50\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-50) / .85)
}

html .tailwind-area .dark\:border-warning-50\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-50) / .9)
}

html .tailwind-area .dark\:border-warning-50\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-50) / .95)
}

html .tailwind-area .dark\:border-warning-500:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-warning-500) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-warning-500\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-500) / 0)
}

html .tailwind-area .dark\:border-warning-500\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-500) / .1)
}

html .tailwind-area .dark\:border-warning-500\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-500) / 1)
}

html .tailwind-area .dark\:border-warning-500\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-500) / .15)
}

html .tailwind-area .dark\:border-warning-500\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-500) / .2)
}

html .tailwind-area .dark\:border-warning-500\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-500) / .25)
}

html .tailwind-area .dark\:border-warning-500\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-500) / .3)
}

html .tailwind-area .dark\:border-warning-500\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-500) / .35)
}

html .tailwind-area .dark\:border-warning-500\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-500) / .4)
}

html .tailwind-area .dark\:border-warning-500\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-500) / .45)
}

html .tailwind-area .dark\:border-warning-500\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-500) / .05)
}

html .tailwind-area .dark\:border-warning-500\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-500) / .5)
}

html .tailwind-area .dark\:border-warning-500\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-500) / .55)
}

html .tailwind-area .dark\:border-warning-500\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-500) / .6)
}

html .tailwind-area .dark\:border-warning-500\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-500) / .65)
}

html .tailwind-area .dark\:border-warning-500\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-500) / .7)
}

html .tailwind-area .dark\:border-warning-500\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-500) / .75)
}

html .tailwind-area .dark\:border-warning-500\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-500) / .8)
}

html .tailwind-area .dark\:border-warning-500\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-500) / .85)
}

html .tailwind-area .dark\:border-warning-500\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-500) / .9)
}

html .tailwind-area .dark\:border-warning-500\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-500) / .95)
}

html .tailwind-area .dark\:border-warning-600:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-warning-600) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-warning-600\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-600) / 0)
}

html .tailwind-area .dark\:border-warning-600\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-600) / .1)
}

html .tailwind-area .dark\:border-warning-600\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-600) / 1)
}

html .tailwind-area .dark\:border-warning-600\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-600) / .15)
}

html .tailwind-area .dark\:border-warning-600\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-600) / .2)
}

html .tailwind-area .dark\:border-warning-600\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-600) / .25)
}

html .tailwind-area .dark\:border-warning-600\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-600) / .3)
}

html .tailwind-area .dark\:border-warning-600\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-600) / .35)
}

html .tailwind-area .dark\:border-warning-600\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-600) / .4)
}

html .tailwind-area .dark\:border-warning-600\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-600) / .45)
}

html .tailwind-area .dark\:border-warning-600\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-600) / .05)
}

html .tailwind-area .dark\:border-warning-600\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-600) / .5)
}

html .tailwind-area .dark\:border-warning-600\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-600) / .55)
}

html .tailwind-area .dark\:border-warning-600\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-600) / .6)
}

html .tailwind-area .dark\:border-warning-600\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-600) / .65)
}

html .tailwind-area .dark\:border-warning-600\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-600) / .7)
}

html .tailwind-area .dark\:border-warning-600\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-600) / .75)
}

html .tailwind-area .dark\:border-warning-600\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-600) / .8)
}

html .tailwind-area .dark\:border-warning-600\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-600) / .85)
}

html .tailwind-area .dark\:border-warning-600\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-600) / .9)
}

html .tailwind-area .dark\:border-warning-600\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-600) / .95)
}

html .tailwind-area .dark\:border-warning-700:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-warning-700) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-warning-700\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-700) / 0)
}

html .tailwind-area .dark\:border-warning-700\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-700) / .1)
}

html .tailwind-area .dark\:border-warning-700\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-700) / 1)
}

html .tailwind-area .dark\:border-warning-700\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-700) / .15)
}

html .tailwind-area .dark\:border-warning-700\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-700) / .2)
}

html .tailwind-area .dark\:border-warning-700\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-700) / .25)
}

html .tailwind-area .dark\:border-warning-700\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-700) / .3)
}

html .tailwind-area .dark\:border-warning-700\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-700) / .35)
}

html .tailwind-area .dark\:border-warning-700\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-700) / .4)
}

html .tailwind-area .dark\:border-warning-700\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-700) / .45)
}

html .tailwind-area .dark\:border-warning-700\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-700) / .05)
}

html .tailwind-area .dark\:border-warning-700\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-700) / .5)
}

html .tailwind-area .dark\:border-warning-700\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-700) / .55)
}

html .tailwind-area .dark\:border-warning-700\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-700) / .6)
}

html .tailwind-area .dark\:border-warning-700\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-700) / .65)
}

html .tailwind-area .dark\:border-warning-700\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-700) / .7)
}

html .tailwind-area .dark\:border-warning-700\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-700) / .75)
}

html .tailwind-area .dark\:border-warning-700\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-700) / .8)
}

html .tailwind-area .dark\:border-warning-700\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-700) / .85)
}

html .tailwind-area .dark\:border-warning-700\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-700) / .9)
}

html .tailwind-area .dark\:border-warning-700\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-700) / .95)
}

html .tailwind-area .dark\:border-warning-800:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-warning-800) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-warning-800\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-800) / 0)
}

html .tailwind-area .dark\:border-warning-800\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-800) / .1)
}

html .tailwind-area .dark\:border-warning-800\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-800) / 1)
}

html .tailwind-area .dark\:border-warning-800\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-800) / .15)
}

html .tailwind-area .dark\:border-warning-800\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-800) / .2)
}

html .tailwind-area .dark\:border-warning-800\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-800) / .25)
}

html .tailwind-area .dark\:border-warning-800\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-800) / .3)
}

html .tailwind-area .dark\:border-warning-800\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-800) / .35)
}

html .tailwind-area .dark\:border-warning-800\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-800) / .4)
}

html .tailwind-area .dark\:border-warning-800\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-800) / .45)
}

html .tailwind-area .dark\:border-warning-800\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-800) / .05)
}

html .tailwind-area .dark\:border-warning-800\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-800) / .5)
}

html .tailwind-area .dark\:border-warning-800\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-800) / .55)
}

html .tailwind-area .dark\:border-warning-800\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-800) / .6)
}

html .tailwind-area .dark\:border-warning-800\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-800) / .65)
}

html .tailwind-area .dark\:border-warning-800\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-800) / .7)
}

html .tailwind-area .dark\:border-warning-800\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-800) / .75)
}

html .tailwind-area .dark\:border-warning-800\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-800) / .8)
}

html .tailwind-area .dark\:border-warning-800\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-800) / .85)
}

html .tailwind-area .dark\:border-warning-800\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-800) / .9)
}

html .tailwind-area .dark\:border-warning-800\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-800) / .95)
}

html .tailwind-area .dark\:border-warning-900:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-warning-900) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:border-warning-900\/0:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-900) / 0)
}

html .tailwind-area .dark\:border-warning-900\/10:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-900) / .1)
}

html .tailwind-area .dark\:border-warning-900\/100:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-900) / 1)
}

html .tailwind-area .dark\:border-warning-900\/15:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-900) / .15)
}

html .tailwind-area .dark\:border-warning-900\/20:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-900) / .2)
}

html .tailwind-area .dark\:border-warning-900\/25:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-900) / .25)
}

html .tailwind-area .dark\:border-warning-900\/30:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-900) / .3)
}

html .tailwind-area .dark\:border-warning-900\/35:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-900) / .35)
}

html .tailwind-area .dark\:border-warning-900\/40:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-900) / .4)
}

html .tailwind-area .dark\:border-warning-900\/45:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-900) / .45)
}

html .tailwind-area .dark\:border-warning-900\/5:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-900) / .05)
}

html .tailwind-area .dark\:border-warning-900\/50:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-900) / .5)
}

html .tailwind-area .dark\:border-warning-900\/55:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-900) / .55)
}

html .tailwind-area .dark\:border-warning-900\/60:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-900) / .6)
}

html .tailwind-area .dark\:border-warning-900\/65:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-900) / .65)
}

html .tailwind-area .dark\:border-warning-900\/70:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-900) / .7)
}

html .tailwind-area .dark\:border-warning-900\/75:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-900) / .75)
}

html .tailwind-area .dark\:border-warning-900\/80:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-900) / .8)
}

html .tailwind-area .dark\:border-warning-900\/85:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-900) / .85)
}

html .tailwind-area .dark\:border-warning-900\/90:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-900) / .9)
}

html .tailwind-area .dark\:border-warning-900\/95:is([data-mode=dark] *) {
    border-color: rgb(var(--ui-warning-900) / .95)
}

html .tailwind-area .dark\:border-zinc-700:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(63 63 70 / var(--tw-border-opacity))
}

html .tailwind-area .dark\:bg-\[\#161a21\]:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(22 26 33 / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-\[\#262a33\]:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(38 42 51 / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-\[\#2f333b\]:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(47 51 59 / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-amber-900:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(120 53 15 / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-danger-100:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-danger-100) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-danger-100\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-100) / 0)
}

html .tailwind-area .dark\:bg-danger-100\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-100) / .1)
}

html .tailwind-area .dark\:bg-danger-100\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-100) / 1)
}

html .tailwind-area .dark\:bg-danger-100\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-100) / .15)
}

html .tailwind-area .dark\:bg-danger-100\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-100) / .2)
}

html .tailwind-area .dark\:bg-danger-100\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-100) / .25)
}

html .tailwind-area .dark\:bg-danger-100\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-100) / .3)
}

html .tailwind-area .dark\:bg-danger-100\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-100) / .35)
}

html .tailwind-area .dark\:bg-danger-100\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-100) / .4)
}

html .tailwind-area .dark\:bg-danger-100\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-100) / .45)
}

html .tailwind-area .dark\:bg-danger-100\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-100) / .05)
}

html .tailwind-area .dark\:bg-danger-100\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-100) / .5)
}

html .tailwind-area .dark\:bg-danger-100\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-100) / .55)
}

html .tailwind-area .dark\:bg-danger-100\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-100) / .6)
}

html .tailwind-area .dark\:bg-danger-100\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-100) / .65)
}

html .tailwind-area .dark\:bg-danger-100\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-100) / .7)
}

html .tailwind-area .dark\:bg-danger-100\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-100) / .75)
}

html .tailwind-area .dark\:bg-danger-100\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-100) / .8)
}

html .tailwind-area .dark\:bg-danger-100\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-100) / .85)
}

html .tailwind-area .dark\:bg-danger-100\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-100) / .9)
}

html .tailwind-area .dark\:bg-danger-100\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-100) / .95)
}

html .tailwind-area .dark\:bg-danger-200:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-danger-200) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-danger-200\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-200) / 0)
}

html .tailwind-area .dark\:bg-danger-200\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-200) / .1)
}

html .tailwind-area .dark\:bg-danger-200\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-200) / 1)
}

html .tailwind-area .dark\:bg-danger-200\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-200) / .15)
}

html .tailwind-area .dark\:bg-danger-200\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-200) / .2)
}

html .tailwind-area .dark\:bg-danger-200\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-200) / .25)
}

html .tailwind-area .dark\:bg-danger-200\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-200) / .3)
}

html .tailwind-area .dark\:bg-danger-200\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-200) / .35)
}

html .tailwind-area .dark\:bg-danger-200\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-200) / .4)
}

html .tailwind-area .dark\:bg-danger-200\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-200) / .45)
}

html .tailwind-area .dark\:bg-danger-200\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-200) / .05)
}

html .tailwind-area .dark\:bg-danger-200\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-200) / .5)
}

html .tailwind-area .dark\:bg-danger-200\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-200) / .55)
}

html .tailwind-area .dark\:bg-danger-200\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-200) / .6)
}

html .tailwind-area .dark\:bg-danger-200\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-200) / .65)
}

html .tailwind-area .dark\:bg-danger-200\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-200) / .7)
}

html .tailwind-area .dark\:bg-danger-200\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-200) / .75)
}

html .tailwind-area .dark\:bg-danger-200\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-200) / .8)
}

html .tailwind-area .dark\:bg-danger-200\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-200) / .85)
}

html .tailwind-area .dark\:bg-danger-200\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-200) / .9)
}

html .tailwind-area .dark\:bg-danger-200\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-200) / .95)
}

html .tailwind-area .dark\:bg-danger-300:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-danger-300) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-danger-300\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-300) / 0)
}

html .tailwind-area .dark\:bg-danger-300\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-300) / .1)
}

html .tailwind-area .dark\:bg-danger-300\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-300) / 1)
}

html .tailwind-area .dark\:bg-danger-300\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-300) / .15)
}

html .tailwind-area .dark\:bg-danger-300\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-300) / .2)
}

html .tailwind-area .dark\:bg-danger-300\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-300) / .25)
}

html .tailwind-area .dark\:bg-danger-300\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-300) / .3)
}

html .tailwind-area .dark\:bg-danger-300\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-300) / .35)
}

html .tailwind-area .dark\:bg-danger-300\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-300) / .4)
}

html .tailwind-area .dark\:bg-danger-300\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-300) / .45)
}

html .tailwind-area .dark\:bg-danger-300\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-300) / .05)
}

html .tailwind-area .dark\:bg-danger-300\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-300) / .5)
}

html .tailwind-area .dark\:bg-danger-300\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-300) / .55)
}

html .tailwind-area .dark\:bg-danger-300\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-300) / .6)
}

html .tailwind-area .dark\:bg-danger-300\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-300) / .65)
}

html .tailwind-area .dark\:bg-danger-300\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-300) / .7)
}

html .tailwind-area .dark\:bg-danger-300\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-300) / .75)
}

html .tailwind-area .dark\:bg-danger-300\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-300) / .8)
}

html .tailwind-area .dark\:bg-danger-300\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-300) / .85)
}

html .tailwind-area .dark\:bg-danger-300\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-300) / .9)
}

html .tailwind-area .dark\:bg-danger-300\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-300) / .95)
}

html .tailwind-area .dark\:bg-danger-400:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-danger-400) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-danger-400\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-400) / 0)
}

html .tailwind-area .dark\:bg-danger-400\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-400) / .1)
}

html .tailwind-area .dark\:bg-danger-400\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-400) / 1)
}

html .tailwind-area .dark\:bg-danger-400\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-400) / .15)
}

html .tailwind-area .dark\:bg-danger-400\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-400) / .2)
}

html .tailwind-area .dark\:bg-danger-400\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-400) / .25)
}

html .tailwind-area .dark\:bg-danger-400\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-400) / .3)
}

html .tailwind-area .dark\:bg-danger-400\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-400) / .35)
}

html .tailwind-area .dark\:bg-danger-400\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-400) / .4)
}

html .tailwind-area .dark\:bg-danger-400\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-400) / .45)
}

html .tailwind-area .dark\:bg-danger-400\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-400) / .05)
}

html .tailwind-area .dark\:bg-danger-400\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-400) / .5)
}

html .tailwind-area .dark\:bg-danger-400\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-400) / .55)
}

html .tailwind-area .dark\:bg-danger-400\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-400) / .6)
}

html .tailwind-area .dark\:bg-danger-400\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-400) / .65)
}

html .tailwind-area .dark\:bg-danger-400\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-400) / .7)
}

html .tailwind-area .dark\:bg-danger-400\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-400) / .75)
}

html .tailwind-area .dark\:bg-danger-400\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-400) / .8)
}

html .tailwind-area .dark\:bg-danger-400\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-400) / .85)
}

html .tailwind-area .dark\:bg-danger-400\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-400) / .9)
}

html .tailwind-area .dark\:bg-danger-400\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-400) / .95)
}

html .tailwind-area .dark\:bg-danger-50:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-danger-50) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-danger-50\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-50) / 0)
}

html .tailwind-area .dark\:bg-danger-50\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-50) / .1)
}

html .tailwind-area .dark\:bg-danger-50\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-50) / 1)
}

html .tailwind-area .dark\:bg-danger-50\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-50) / .15)
}

html .tailwind-area .dark\:bg-danger-50\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-50) / .2)
}

html .tailwind-area .dark\:bg-danger-50\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-50) / .25)
}

html .tailwind-area .dark\:bg-danger-50\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-50) / .3)
}

html .tailwind-area .dark\:bg-danger-50\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-50) / .35)
}

html .tailwind-area .dark\:bg-danger-50\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-50) / .4)
}

html .tailwind-area .dark\:bg-danger-50\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-50) / .45)
}

html .tailwind-area .dark\:bg-danger-50\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-50) / .05)
}

html .tailwind-area .dark\:bg-danger-50\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-50) / .5)
}

html .tailwind-area .dark\:bg-danger-50\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-50) / .55)
}

html .tailwind-area .dark\:bg-danger-50\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-50) / .6)
}

html .tailwind-area .dark\:bg-danger-50\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-50) / .65)
}

html .tailwind-area .dark\:bg-danger-50\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-50) / .7)
}

html .tailwind-area .dark\:bg-danger-50\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-50) / .75)
}

html .tailwind-area .dark\:bg-danger-50\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-50) / .8)
}

html .tailwind-area .dark\:bg-danger-50\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-50) / .85)
}

html .tailwind-area .dark\:bg-danger-50\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-50) / .9)
}

html .tailwind-area .dark\:bg-danger-50\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-50) / .95)
}

html .tailwind-area .dark\:bg-danger-500:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-danger-500) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-danger-500\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-500) / 0)
}

html .tailwind-area .dark\:bg-danger-500\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-500) / .1)
}

html .tailwind-area .dark\:bg-danger-500\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-500) / 1)
}

html .tailwind-area .dark\:bg-danger-500\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-500) / .15)
}

html .tailwind-area .dark\:bg-danger-500\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-500) / .2)
}

html .tailwind-area .dark\:bg-danger-500\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-500) / .25)
}

html .tailwind-area .dark\:bg-danger-500\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-500) / .3)
}

html .tailwind-area .dark\:bg-danger-500\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-500) / .35)
}

html .tailwind-area .dark\:bg-danger-500\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-500) / .4)
}

html .tailwind-area .dark\:bg-danger-500\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-500) / .45)
}

html .tailwind-area .dark\:bg-danger-500\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-500) / .05)
}

html .tailwind-area .dark\:bg-danger-500\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-500) / .5)
}

html .tailwind-area .dark\:bg-danger-500\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-500) / .55)
}

html .tailwind-area .dark\:bg-danger-500\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-500) / .6)
}

html .tailwind-area .dark\:bg-danger-500\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-500) / .65)
}

html .tailwind-area .dark\:bg-danger-500\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-500) / .7)
}

html .tailwind-area .dark\:bg-danger-500\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-500) / .75)
}

html .tailwind-area .dark\:bg-danger-500\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-500) / .8)
}

html .tailwind-area .dark\:bg-danger-500\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-500) / .85)
}

html .tailwind-area .dark\:bg-danger-500\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-500) / .9)
}

html .tailwind-area .dark\:bg-danger-500\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-500) / .95)
}

html .tailwind-area .dark\:bg-danger-600:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-danger-600) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-danger-600\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-600) / 0)
}

html .tailwind-area .dark\:bg-danger-600\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-600) / .1)
}

html .tailwind-area .dark\:bg-danger-600\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-600) / 1)
}

html .tailwind-area .dark\:bg-danger-600\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-600) / .15)
}

html .tailwind-area .dark\:bg-danger-600\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-600) / .2)
}

html .tailwind-area .dark\:bg-danger-600\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-600) / .25)
}

html .tailwind-area .dark\:bg-danger-600\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-600) / .3)
}

html .tailwind-area .dark\:bg-danger-600\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-600) / .35)
}

html .tailwind-area .dark\:bg-danger-600\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-600) / .4)
}

html .tailwind-area .dark\:bg-danger-600\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-600) / .45)
}

html .tailwind-area .dark\:bg-danger-600\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-600) / .05)
}

html .tailwind-area .dark\:bg-danger-600\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-600) / .5)
}

html .tailwind-area .dark\:bg-danger-600\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-600) / .55)
}

html .tailwind-area .dark\:bg-danger-600\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-600) / .6)
}

html .tailwind-area .dark\:bg-danger-600\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-600) / .65)
}

html .tailwind-area .dark\:bg-danger-600\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-600) / .7)
}

html .tailwind-area .dark\:bg-danger-600\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-600) / .75)
}

html .tailwind-area .dark\:bg-danger-600\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-600) / .8)
}

html .tailwind-area .dark\:bg-danger-600\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-600) / .85)
}

html .tailwind-area .dark\:bg-danger-600\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-600) / .9)
}

html .tailwind-area .dark\:bg-danger-600\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-600) / .95)
}

html .tailwind-area .dark\:bg-danger-700:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-danger-700) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-danger-700\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-700) / 0)
}

html .tailwind-area .dark\:bg-danger-700\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-700) / .1)
}

html .tailwind-area .dark\:bg-danger-700\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-700) / 1)
}

html .tailwind-area .dark\:bg-danger-700\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-700) / .15)
}

html .tailwind-area .dark\:bg-danger-700\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-700) / .2)
}

html .tailwind-area .dark\:bg-danger-700\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-700) / .25)
}

html .tailwind-area .dark\:bg-danger-700\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-700) / .3)
}

html .tailwind-area .dark\:bg-danger-700\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-700) / .35)
}

html .tailwind-area .dark\:bg-danger-700\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-700) / .4)
}

html .tailwind-area .dark\:bg-danger-700\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-700) / .45)
}

html .tailwind-area .dark\:bg-danger-700\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-700) / .05)
}

html .tailwind-area .dark\:bg-danger-700\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-700) / .5)
}

html .tailwind-area .dark\:bg-danger-700\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-700) / .55)
}

html .tailwind-area .dark\:bg-danger-700\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-700) / .6)
}

html .tailwind-area .dark\:bg-danger-700\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-700) / .65)
}

html .tailwind-area .dark\:bg-danger-700\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-700) / .7)
}

html .tailwind-area .dark\:bg-danger-700\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-700) / .75)
}

html .tailwind-area .dark\:bg-danger-700\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-700) / .8)
}

html .tailwind-area .dark\:bg-danger-700\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-700) / .85)
}

html .tailwind-area .dark\:bg-danger-700\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-700) / .9)
}

html .tailwind-area .dark\:bg-danger-700\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-700) / .95)
}

html .tailwind-area .dark\:bg-danger-800:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-danger-800) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-danger-800\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-800) / 0)
}

html .tailwind-area .dark\:bg-danger-800\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-800) / .1)
}

html .tailwind-area .dark\:bg-danger-800\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-800) / 1)
}

html .tailwind-area .dark\:bg-danger-800\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-800) / .15)
}

html .tailwind-area .dark\:bg-danger-800\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-800) / .2)
}

html .tailwind-area .dark\:bg-danger-800\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-800) / .25)
}

html .tailwind-area .dark\:bg-danger-800\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-800) / .3)
}

html .tailwind-area .dark\:bg-danger-800\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-800) / .35)
}

html .tailwind-area .dark\:bg-danger-800\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-800) / .4)
}

html .tailwind-area .dark\:bg-danger-800\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-800) / .45)
}

html .tailwind-area .dark\:bg-danger-800\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-800) / .05)
}

html .tailwind-area .dark\:bg-danger-800\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-800) / .5)
}

html .tailwind-area .dark\:bg-danger-800\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-800) / .55)
}

html .tailwind-area .dark\:bg-danger-800\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-800) / .6)
}

html .tailwind-area .dark\:bg-danger-800\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-800) / .65)
}

html .tailwind-area .dark\:bg-danger-800\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-800) / .7)
}

html .tailwind-area .dark\:bg-danger-800\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-800) / .75)
}

html .tailwind-area .dark\:bg-danger-800\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-800) / .8)
}

html .tailwind-area .dark\:bg-danger-800\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-800) / .85)
}

html .tailwind-area .dark\:bg-danger-800\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-800) / .9)
}

html .tailwind-area .dark\:bg-danger-800\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-800) / .95)
}

html .tailwind-area .dark\:bg-danger-900:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-danger-900) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-danger-900\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-900) / 0)
}

html .tailwind-area .dark\:bg-danger-900\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-900) / .1)
}

html .tailwind-area .dark\:bg-danger-900\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-900) / 1)
}

html .tailwind-area .dark\:bg-danger-900\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-900) / .15)
}

html .tailwind-area .dark\:bg-danger-900\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-900) / .2)
}

html .tailwind-area .dark\:bg-danger-900\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-900) / .25)
}

html .tailwind-area .dark\:bg-danger-900\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-900) / .3)
}

html .tailwind-area .dark\:bg-danger-900\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-900) / .35)
}

html .tailwind-area .dark\:bg-danger-900\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-900) / .4)
}

html .tailwind-area .dark\:bg-danger-900\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-900) / .45)
}

html .tailwind-area .dark\:bg-danger-900\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-900) / .05)
}

html .tailwind-area .dark\:bg-danger-900\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-900) / .5)
}

html .tailwind-area .dark\:bg-danger-900\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-900) / .55)
}

html .tailwind-area .dark\:bg-danger-900\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-900) / .6)
}

html .tailwind-area .dark\:bg-danger-900\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-900) / .65)
}

html .tailwind-area .dark\:bg-danger-900\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-900) / .7)
}

html .tailwind-area .dark\:bg-danger-900\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-900) / .75)
}

html .tailwind-area .dark\:bg-danger-900\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-900) / .8)
}

html .tailwind-area .dark\:bg-danger-900\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-900) / .85)
}

html .tailwind-area .dark\:bg-danger-900\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-900) / .9)
}

html .tailwind-area .dark\:bg-danger-900\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-danger-900) / .95)
}

html .tailwind-area .dark\:bg-gray-400\/10:is([data-mode=dark] *) {
    background-color: #9ca3af1a
}

html .tailwind-area .dark\:bg-gray-500:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(107 114 128 / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-gray-500\/25:is([data-mode=dark] *) {
    background-color: #6b728040
}

html .tailwind-area .dark\:bg-gray-600:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99 / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-gray-700:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-gray-700\/50:is([data-mode=dark] *) {
    background-color: #37415180
}

html .tailwind-area .dark\:bg-gray-800:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-gray-800\/50:is([data-mode=dark] *) {
    background-color: #1f293780
}

html .tailwind-area .dark\:bg-gray-900:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-gray-900\/20:is([data-mode=dark] *) {
    background-color: #11182733
}

html .tailwind-area .dark\:bg-layout-color-700:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-layout-color-700) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-layout-color-700\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-layout-color-700) / .5)
}

html .tailwind-area .dark\:bg-layout-color-800:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-layout-color-800) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-layout-color-900:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-layout-color-900) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-layout-color-900\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-layout-color-900) / .1)
}

html .tailwind-area .dark\:bg-layout-color-900\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-layout-color-900) / .5)
}

html .tailwind-area .dark\:bg-neutral-100:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-neutral-100) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-neutral-100\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-100) / 0)
}

html .tailwind-area .dark\:bg-neutral-100\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-100) / .1)
}

html .tailwind-area .dark\:bg-neutral-100\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-100) / 1)
}

html .tailwind-area .dark\:bg-neutral-100\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-100) / .15)
}

html .tailwind-area .dark\:bg-neutral-100\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-100) / .2)
}

html .tailwind-area .dark\:bg-neutral-100\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-100) / .25)
}

html .tailwind-area .dark\:bg-neutral-100\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-100) / .3)
}

html .tailwind-area .dark\:bg-neutral-100\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-100) / .35)
}

html .tailwind-area .dark\:bg-neutral-100\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-100) / .4)
}

html .tailwind-area .dark\:bg-neutral-100\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-100) / .45)
}

html .tailwind-area .dark\:bg-neutral-100\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-100) / .05)
}

html .tailwind-area .dark\:bg-neutral-100\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-100) / .5)
}

html .tailwind-area .dark\:bg-neutral-100\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-100) / .55)
}

html .tailwind-area .dark\:bg-neutral-100\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-100) / .6)
}

html .tailwind-area .dark\:bg-neutral-100\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-100) / .65)
}

html .tailwind-area .dark\:bg-neutral-100\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-100) / .7)
}

html .tailwind-area .dark\:bg-neutral-100\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-100) / .75)
}

html .tailwind-area .dark\:bg-neutral-100\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-100) / .8)
}

html .tailwind-area .dark\:bg-neutral-100\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-100) / .85)
}

html .tailwind-area .dark\:bg-neutral-100\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-100) / .9)
}

html .tailwind-area .dark\:bg-neutral-100\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-100) / .95)
}

html .tailwind-area .dark\:bg-neutral-200:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-neutral-200) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-neutral-200\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-200) / 0)
}

html .tailwind-area .dark\:bg-neutral-200\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-200) / .1)
}

html .tailwind-area .dark\:bg-neutral-200\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-200) / 1)
}

html .tailwind-area .dark\:bg-neutral-200\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-200) / .15)
}

html .tailwind-area .dark\:bg-neutral-200\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-200) / .2)
}

html .tailwind-area .dark\:bg-neutral-200\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-200) / .25)
}

html .tailwind-area .dark\:bg-neutral-200\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-200) / .3)
}

html .tailwind-area .dark\:bg-neutral-200\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-200) / .35)
}

html .tailwind-area .dark\:bg-neutral-200\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-200) / .4)
}

html .tailwind-area .dark\:bg-neutral-200\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-200) / .45)
}

html .tailwind-area .dark\:bg-neutral-200\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-200) / .05)
}

html .tailwind-area .dark\:bg-neutral-200\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-200) / .5)
}

html .tailwind-area .dark\:bg-neutral-200\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-200) / .55)
}

html .tailwind-area .dark\:bg-neutral-200\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-200) / .6)
}

html .tailwind-area .dark\:bg-neutral-200\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-200) / .65)
}

html .tailwind-area .dark\:bg-neutral-200\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-200) / .7)
}

html .tailwind-area .dark\:bg-neutral-200\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-200) / .75)
}

html .tailwind-area .dark\:bg-neutral-200\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-200) / .8)
}

html .tailwind-area .dark\:bg-neutral-200\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-200) / .85)
}

html .tailwind-area .dark\:bg-neutral-200\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-200) / .9)
}

html .tailwind-area .dark\:bg-neutral-200\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-200) / .95)
}

html .tailwind-area .dark\:bg-neutral-300:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-neutral-300) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-neutral-300\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-300) / 0)
}

html .tailwind-area .dark\:bg-neutral-300\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-300) / .1)
}

html .tailwind-area .dark\:bg-neutral-300\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-300) / 1)
}

html .tailwind-area .dark\:bg-neutral-300\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-300) / .15)
}

html .tailwind-area .dark\:bg-neutral-300\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-300) / .2)
}

html .tailwind-area .dark\:bg-neutral-300\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-300) / .25)
}

html .tailwind-area .dark\:bg-neutral-300\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-300) / .3)
}

html .tailwind-area .dark\:bg-neutral-300\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-300) / .35)
}

html .tailwind-area .dark\:bg-neutral-300\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-300) / .4)
}

html .tailwind-area .dark\:bg-neutral-300\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-300) / .45)
}

html .tailwind-area .dark\:bg-neutral-300\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-300) / .05)
}

html .tailwind-area .dark\:bg-neutral-300\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-300) / .5)
}

html .tailwind-area .dark\:bg-neutral-300\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-300) / .55)
}

html .tailwind-area .dark\:bg-neutral-300\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-300) / .6)
}

html .tailwind-area .dark\:bg-neutral-300\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-300) / .65)
}

html .tailwind-area .dark\:bg-neutral-300\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-300) / .7)
}

html .tailwind-area .dark\:bg-neutral-300\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-300) / .75)
}

html .tailwind-area .dark\:bg-neutral-300\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-300) / .8)
}

html .tailwind-area .dark\:bg-neutral-300\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-300) / .85)
}

html .tailwind-area .dark\:bg-neutral-300\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-300) / .9)
}

html .tailwind-area .dark\:bg-neutral-300\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-300) / .95)
}

html .tailwind-area .dark\:bg-neutral-400:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-neutral-400) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-neutral-400\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-400) / 0)
}

html .tailwind-area .dark\:bg-neutral-400\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-400) / .1)
}

html .tailwind-area .dark\:bg-neutral-400\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-400) / 1)
}

html .tailwind-area .dark\:bg-neutral-400\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-400) / .15)
}

html .tailwind-area .dark\:bg-neutral-400\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-400) / .2)
}

html .tailwind-area .dark\:bg-neutral-400\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-400) / .25)
}

html .tailwind-area .dark\:bg-neutral-400\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-400) / .3)
}

html .tailwind-area .dark\:bg-neutral-400\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-400) / .35)
}

html .tailwind-area .dark\:bg-neutral-400\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-400) / .4)
}

html .tailwind-area .dark\:bg-neutral-400\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-400) / .45)
}

html .tailwind-area .dark\:bg-neutral-400\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-400) / .05)
}

html .tailwind-area .dark\:bg-neutral-400\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-400) / .5)
}

html .tailwind-area .dark\:bg-neutral-400\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-400) / .55)
}

html .tailwind-area .dark\:bg-neutral-400\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-400) / .6)
}

html .tailwind-area .dark\:bg-neutral-400\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-400) / .65)
}

html .tailwind-area .dark\:bg-neutral-400\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-400) / .7)
}

html .tailwind-area .dark\:bg-neutral-400\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-400) / .75)
}

html .tailwind-area .dark\:bg-neutral-400\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-400) / .8)
}

html .tailwind-area .dark\:bg-neutral-400\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-400) / .85)
}

html .tailwind-area .dark\:bg-neutral-400\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-400) / .9)
}

html .tailwind-area .dark\:bg-neutral-400\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-400) / .95)
}

html .tailwind-area .dark\:bg-neutral-50:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-neutral-50) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-neutral-50\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-50) / 0)
}

html .tailwind-area .dark\:bg-neutral-50\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-50) / .1)
}

html .tailwind-area .dark\:bg-neutral-50\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-50) / 1)
}

html .tailwind-area .dark\:bg-neutral-50\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-50) / .15)
}

html .tailwind-area .dark\:bg-neutral-50\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-50) / .2)
}

html .tailwind-area .dark\:bg-neutral-50\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-50) / .25)
}

html .tailwind-area .dark\:bg-neutral-50\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-50) / .3)
}

html .tailwind-area .dark\:bg-neutral-50\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-50) / .35)
}

html .tailwind-area .dark\:bg-neutral-50\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-50) / .4)
}

html .tailwind-area .dark\:bg-neutral-50\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-50) / .45)
}

html .tailwind-area .dark\:bg-neutral-50\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-50) / .05)
}

html .tailwind-area .dark\:bg-neutral-50\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-50) / .5)
}

html .tailwind-area .dark\:bg-neutral-50\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-50) / .55)
}

html .tailwind-area .dark\:bg-neutral-50\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-50) / .6)
}

html .tailwind-area .dark\:bg-neutral-50\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-50) / .65)
}

html .tailwind-area .dark\:bg-neutral-50\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-50) / .7)
}

html .tailwind-area .dark\:bg-neutral-50\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-50) / .75)
}

html .tailwind-area .dark\:bg-neutral-50\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-50) / .8)
}

html .tailwind-area .dark\:bg-neutral-50\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-50) / .85)
}

html .tailwind-area .dark\:bg-neutral-50\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-50) / .9)
}

html .tailwind-area .dark\:bg-neutral-50\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-50) / .95)
}

html .tailwind-area .dark\:bg-neutral-500:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-neutral-500) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-neutral-500\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-500) / 0)
}

html .tailwind-area .dark\:bg-neutral-500\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-500) / .1)
}

html .tailwind-area .dark\:bg-neutral-500\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-500) / 1)
}

html .tailwind-area .dark\:bg-neutral-500\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-500) / .15)
}

html .tailwind-area .dark\:bg-neutral-500\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-500) / .2)
}

html .tailwind-area .dark\:bg-neutral-500\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-500) / .25)
}

html .tailwind-area .dark\:bg-neutral-500\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-500) / .3)
}

html .tailwind-area .dark\:bg-neutral-500\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-500) / .35)
}

html .tailwind-area .dark\:bg-neutral-500\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-500) / .4)
}

html .tailwind-area .dark\:bg-neutral-500\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-500) / .45)
}

html .tailwind-area .dark\:bg-neutral-500\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-500) / .05)
}

html .tailwind-area .dark\:bg-neutral-500\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-500) / .5)
}

html .tailwind-area .dark\:bg-neutral-500\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-500) / .55)
}

html .tailwind-area .dark\:bg-neutral-500\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-500) / .6)
}

html .tailwind-area .dark\:bg-neutral-500\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-500) / .65)
}

html .tailwind-area .dark\:bg-neutral-500\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-500) / .7)
}

html .tailwind-area .dark\:bg-neutral-500\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-500) / .75)
}

html .tailwind-area .dark\:bg-neutral-500\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-500) / .8)
}

html .tailwind-area .dark\:bg-neutral-500\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-500) / .85)
}

html .tailwind-area .dark\:bg-neutral-500\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-500) / .9)
}

html .tailwind-area .dark\:bg-neutral-500\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-500) / .95)
}

html .tailwind-area .dark\:bg-neutral-600:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-neutral-600) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-neutral-600\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-600) / 0)
}

html .tailwind-area .dark\:bg-neutral-600\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-600) / .1)
}

html .tailwind-area .dark\:bg-neutral-600\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-600) / 1)
}

html .tailwind-area .dark\:bg-neutral-600\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-600) / .15)
}

html .tailwind-area .dark\:bg-neutral-600\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-600) / .2)
}

html .tailwind-area .dark\:bg-neutral-600\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-600) / .25)
}

html .tailwind-area .dark\:bg-neutral-600\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-600) / .3)
}

html .tailwind-area .dark\:bg-neutral-600\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-600) / .35)
}

html .tailwind-area .dark\:bg-neutral-600\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-600) / .4)
}

html .tailwind-area .dark\:bg-neutral-600\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-600) / .45)
}

html .tailwind-area .dark\:bg-neutral-600\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-600) / .05)
}

html .tailwind-area .dark\:bg-neutral-600\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-600) / .5)
}

html .tailwind-area .dark\:bg-neutral-600\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-600) / .55)
}

html .tailwind-area .dark\:bg-neutral-600\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-600) / .6)
}

html .tailwind-area .dark\:bg-neutral-600\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-600) / .65)
}

html .tailwind-area .dark\:bg-neutral-600\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-600) / .7)
}

html .tailwind-area .dark\:bg-neutral-600\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-600) / .75)
}

html .tailwind-area .dark\:bg-neutral-600\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-600) / .8)
}

html .tailwind-area .dark\:bg-neutral-600\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-600) / .85)
}

html .tailwind-area .dark\:bg-neutral-600\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-600) / .9)
}

html .tailwind-area .dark\:bg-neutral-600\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-600) / .95)
}

html .tailwind-area .dark\:bg-neutral-700:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-neutral-700) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-neutral-700\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-700) / 0)
}

html .tailwind-area .dark\:bg-neutral-700\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-700) / .1)
}

html .tailwind-area .dark\:bg-neutral-700\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-700) / 1)
}

html .tailwind-area .dark\:bg-neutral-700\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-700) / .15)
}

html .tailwind-area .dark\:bg-neutral-700\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-700) / .2)
}

html .tailwind-area .dark\:bg-neutral-700\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-700) / .25)
}

html .tailwind-area .dark\:bg-neutral-700\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-700) / .3)
}

html .tailwind-area .dark\:bg-neutral-700\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-700) / .35)
}

html .tailwind-area .dark\:bg-neutral-700\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-700) / .4)
}

html .tailwind-area .dark\:bg-neutral-700\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-700) / .45)
}

html .tailwind-area .dark\:bg-neutral-700\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-700) / .05)
}

html .tailwind-area .dark\:bg-neutral-700\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-700) / .5)
}

html .tailwind-area .dark\:bg-neutral-700\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-700) / .55)
}

html .tailwind-area .dark\:bg-neutral-700\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-700) / .6)
}

html .tailwind-area .dark\:bg-neutral-700\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-700) / .65)
}

html .tailwind-area .dark\:bg-neutral-700\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-700) / .7)
}

html .tailwind-area .dark\:bg-neutral-700\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-700) / .75)
}

html .tailwind-area .dark\:bg-neutral-700\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-700) / .8)
}

html .tailwind-area .dark\:bg-neutral-700\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-700) / .85)
}

html .tailwind-area .dark\:bg-neutral-700\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-700) / .9)
}

html .tailwind-area .dark\:bg-neutral-700\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-700) / .95)
}

html .tailwind-area .dark\:bg-neutral-800:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-neutral-800) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-neutral-800\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-800) / 0)
}

html .tailwind-area .dark\:bg-neutral-800\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-800) / .1)
}

html .tailwind-area .dark\:bg-neutral-800\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-800) / 1)
}

html .tailwind-area .dark\:bg-neutral-800\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-800) / .15)
}

html .tailwind-area .dark\:bg-neutral-800\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-800) / .2)
}

html .tailwind-area .dark\:bg-neutral-800\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-800) / .25)
}

html .tailwind-area .dark\:bg-neutral-800\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-800) / .3)
}

html .tailwind-area .dark\:bg-neutral-800\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-800) / .35)
}

html .tailwind-area .dark\:bg-neutral-800\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-800) / .4)
}

html .tailwind-area .dark\:bg-neutral-800\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-800) / .45)
}

html .tailwind-area .dark\:bg-neutral-800\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-800) / .05)
}

html .tailwind-area .dark\:bg-neutral-800\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-800) / .5)
}

html .tailwind-area .dark\:bg-neutral-800\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-800) / .55)
}

html .tailwind-area .dark\:bg-neutral-800\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-800) / .6)
}

html .tailwind-area .dark\:bg-neutral-800\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-800) / .65)
}

html .tailwind-area .dark\:bg-neutral-800\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-800) / .7)
}

html .tailwind-area .dark\:bg-neutral-800\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-800) / .75)
}

html .tailwind-area .dark\:bg-neutral-800\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-800) / .8)
}

html .tailwind-area .dark\:bg-neutral-800\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-800) / .85)
}

html .tailwind-area .dark\:bg-neutral-800\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-800) / .9)
}

html .tailwind-area .dark\:bg-neutral-800\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-800) / .95)
}

html .tailwind-area .dark\:bg-neutral-900:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-neutral-900) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-neutral-900\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-900) / 0)
}

html .tailwind-area .dark\:bg-neutral-900\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-900) / .1)
}

html .tailwind-area .dark\:bg-neutral-900\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-900) / 1)
}

html .tailwind-area .dark\:bg-neutral-900\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-900) / .15)
}

html .tailwind-area .dark\:bg-neutral-900\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-900) / .2)
}

html .tailwind-area .dark\:bg-neutral-900\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-900) / .25)
}

html .tailwind-area .dark\:bg-neutral-900\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-900) / .3)
}

html .tailwind-area .dark\:bg-neutral-900\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-900) / .35)
}

html .tailwind-area .dark\:bg-neutral-900\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-900) / .4)
}

html .tailwind-area .dark\:bg-neutral-900\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-900) / .45)
}

html .tailwind-area .dark\:bg-neutral-900\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-900) / .05)
}

html .tailwind-area .dark\:bg-neutral-900\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-900) / .5)
}

html .tailwind-area .dark\:bg-neutral-900\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-900) / .55)
}

html .tailwind-area .dark\:bg-neutral-900\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-900) / .6)
}

html .tailwind-area .dark\:bg-neutral-900\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-900) / .65)
}

html .tailwind-area .dark\:bg-neutral-900\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-900) / .7)
}

html .tailwind-area .dark\:bg-neutral-900\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-900) / .75)
}

html .tailwind-area .dark\:bg-neutral-900\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-900) / .8)
}

html .tailwind-area .dark\:bg-neutral-900\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-900) / .85)
}

html .tailwind-area .dark\:bg-neutral-900\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-900) / .9)
}

html .tailwind-area .dark\:bg-neutral-900\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-neutral-900) / .95)
}

html .tailwind-area .dark\:bg-neutral-950:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(10 10 10 / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-neutral-950\/0:is([data-mode=dark] *) {
    background-color: #0a0a0a00
}

html .tailwind-area .dark\:bg-neutral-950\/10:is([data-mode=dark] *) {
    background-color: #0a0a0a1a
}

html .tailwind-area .dark\:bg-neutral-950\/100:is([data-mode=dark] *) {
    background-color: #0a0a0a
}

html .tailwind-area .dark\:bg-neutral-950\/15:is([data-mode=dark] *) {
    background-color: #0a0a0a26
}

html .tailwind-area .dark\:bg-neutral-950\/20:is([data-mode=dark] *) {
    background-color: #0a0a0a33
}

html .tailwind-area .dark\:bg-neutral-950\/25:is([data-mode=dark] *) {
    background-color: #0a0a0a40
}

html .tailwind-area .dark\:bg-neutral-950\/30:is([data-mode=dark] *) {
    background-color: #0a0a0a4d
}

html .tailwind-area .dark\:bg-neutral-950\/35:is([data-mode=dark] *) {
    background-color: #0a0a0a59
}

html .tailwind-area .dark\:bg-neutral-950\/40:is([data-mode=dark] *) {
    background-color: #0a0a0a66
}

html .tailwind-area .dark\:bg-neutral-950\/45:is([data-mode=dark] *) {
    background-color: #0a0a0a73
}

html .tailwind-area .dark\:bg-neutral-950\/5:is([data-mode=dark] *) {
    background-color: #0a0a0a0d
}

html .tailwind-area .dark\:bg-neutral-950\/50:is([data-mode=dark] *) {
    background-color: #0a0a0a80
}

html .tailwind-area .dark\:bg-neutral-950\/55:is([data-mode=dark] *) {
    background-color: #0a0a0a8c
}

html .tailwind-area .dark\:bg-neutral-950\/60:is([data-mode=dark] *) {
    background-color: #0a0a0a99
}

html .tailwind-area .dark\:bg-neutral-950\/65:is([data-mode=dark] *) {
    background-color: #0a0a0aa6
}

html .tailwind-area .dark\:bg-neutral-950\/70:is([data-mode=dark] *) {
    background-color: #0a0a0ab3
}

html .tailwind-area .dark\:bg-neutral-950\/75:is([data-mode=dark] *) {
    background-color: #0a0a0abf
}

html .tailwind-area .dark\:bg-neutral-950\/80:is([data-mode=dark] *) {
    background-color: #0a0a0acc
}

html .tailwind-area .dark\:bg-neutral-950\/85:is([data-mode=dark] *) {
    background-color: #0a0a0ad9
}

html .tailwind-area .dark\:bg-neutral-950\/90:is([data-mode=dark] *) {
    background-color: #0a0a0ae6
}

html .tailwind-area .dark\:bg-neutral-950\/95:is([data-mode=dark] *) {
    background-color: #0a0a0af2
}

html .tailwind-area .dark\:bg-primary-100:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-primary-100) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-primary-100\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-100) / 0)
}

html .tailwind-area .dark\:bg-primary-100\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-100) / .1)
}

html .tailwind-area .dark\:bg-primary-100\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-100) / 1)
}

html .tailwind-area .dark\:bg-primary-100\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-100) / .15)
}

html .tailwind-area .dark\:bg-primary-100\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-100) / .2)
}

html .tailwind-area .dark\:bg-primary-100\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-100) / .25)
}

html .tailwind-area .dark\:bg-primary-100\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-100) / .3)
}

html .tailwind-area .dark\:bg-primary-100\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-100) / .35)
}

html .tailwind-area .dark\:bg-primary-100\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-100) / .4)
}

html .tailwind-area .dark\:bg-primary-100\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-100) / .45)
}

html .tailwind-area .dark\:bg-primary-100\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-100) / .05)
}

html .tailwind-area .dark\:bg-primary-100\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-100) / .5)
}

html .tailwind-area .dark\:bg-primary-100\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-100) / .55)
}

html .tailwind-area .dark\:bg-primary-100\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-100) / .6)
}

html .tailwind-area .dark\:bg-primary-100\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-100) / .65)
}

html .tailwind-area .dark\:bg-primary-100\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-100) / .7)
}

html .tailwind-area .dark\:bg-primary-100\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-100) / .75)
}

html .tailwind-area .dark\:bg-primary-100\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-100) / .8)
}

html .tailwind-area .dark\:bg-primary-100\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-100) / .85)
}

html .tailwind-area .dark\:bg-primary-100\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-100) / .9)
}

html .tailwind-area .dark\:bg-primary-100\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-100) / .95)
}

html .tailwind-area .dark\:bg-primary-200:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-primary-200) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-primary-200\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-200) / 0)
}

html .tailwind-area .dark\:bg-primary-200\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-200) / .1)
}

html .tailwind-area .dark\:bg-primary-200\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-200) / 1)
}

html .tailwind-area .dark\:bg-primary-200\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-200) / .15)
}

html .tailwind-area .dark\:bg-primary-200\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-200) / .2)
}

html .tailwind-area .dark\:bg-primary-200\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-200) / .25)
}

html .tailwind-area .dark\:bg-primary-200\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-200) / .3)
}

html .tailwind-area .dark\:bg-primary-200\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-200) / .35)
}

html .tailwind-area .dark\:bg-primary-200\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-200) / .4)
}

html .tailwind-area .dark\:bg-primary-200\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-200) / .45)
}

html .tailwind-area .dark\:bg-primary-200\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-200) / .05)
}

html .tailwind-area .dark\:bg-primary-200\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-200) / .5)
}

html .tailwind-area .dark\:bg-primary-200\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-200) / .55)
}

html .tailwind-area .dark\:bg-primary-200\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-200) / .6)
}

html .tailwind-area .dark\:bg-primary-200\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-200) / .65)
}

html .tailwind-area .dark\:bg-primary-200\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-200) / .7)
}

html .tailwind-area .dark\:bg-primary-200\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-200) / .75)
}

html .tailwind-area .dark\:bg-primary-200\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-200) / .8)
}

html .tailwind-area .dark\:bg-primary-200\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-200) / .85)
}

html .tailwind-area .dark\:bg-primary-200\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-200) / .9)
}

html .tailwind-area .dark\:bg-primary-200\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-200) / .95)
}

html .tailwind-area .dark\:bg-primary-300:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-primary-300) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-primary-300\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-300) / 0)
}

html .tailwind-area .dark\:bg-primary-300\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-300) / .1)
}

html .tailwind-area .dark\:bg-primary-300\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-300) / 1)
}

html .tailwind-area .dark\:bg-primary-300\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-300) / .15)
}

html .tailwind-area .dark\:bg-primary-300\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-300) / .2)
}

html .tailwind-area .dark\:bg-primary-300\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-300) / .25)
}

html .tailwind-area .dark\:bg-primary-300\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-300) / .3)
}

html .tailwind-area .dark\:bg-primary-300\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-300) / .35)
}

html .tailwind-area .dark\:bg-primary-300\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-300) / .4)
}

html .tailwind-area .dark\:bg-primary-300\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-300) / .45)
}

html .tailwind-area .dark\:bg-primary-300\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-300) / .05)
}

html .tailwind-area .dark\:bg-primary-300\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-300) / .5)
}

html .tailwind-area .dark\:bg-primary-300\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-300) / .55)
}

html .tailwind-area .dark\:bg-primary-300\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-300) / .6)
}

html .tailwind-area .dark\:bg-primary-300\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-300) / .65)
}

html .tailwind-area .dark\:bg-primary-300\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-300) / .7)
}

html .tailwind-area .dark\:bg-primary-300\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-300) / .75)
}

html .tailwind-area .dark\:bg-primary-300\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-300) / .8)
}

html .tailwind-area .dark\:bg-primary-300\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-300) / .85)
}

html .tailwind-area .dark\:bg-primary-300\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-300) / .9)
}

html .tailwind-area .dark\:bg-primary-300\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-300) / .95)
}

html .tailwind-area .dark\:bg-primary-400:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-primary-400) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-primary-400\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-400) / 0)
}

html .tailwind-area .dark\:bg-primary-400\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-400) / .1)
}

html .tailwind-area .dark\:bg-primary-400\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-400) / 1)
}

html .tailwind-area .dark\:bg-primary-400\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-400) / .15)
}

html .tailwind-area .dark\:bg-primary-400\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-400) / .2)
}

html .tailwind-area .dark\:bg-primary-400\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-400) / .25)
}

html .tailwind-area .dark\:bg-primary-400\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-400) / .3)
}

html .tailwind-area .dark\:bg-primary-400\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-400) / .35)
}

html .tailwind-area .dark\:bg-primary-400\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-400) / .4)
}

html .tailwind-area .dark\:bg-primary-400\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-400) / .45)
}

html .tailwind-area .dark\:bg-primary-400\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-400) / .05)
}

html .tailwind-area .dark\:bg-primary-400\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-400) / .5)
}

html .tailwind-area .dark\:bg-primary-400\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-400) / .55)
}

html .tailwind-area .dark\:bg-primary-400\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-400) / .6)
}

html .tailwind-area .dark\:bg-primary-400\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-400) / .65)
}

html .tailwind-area .dark\:bg-primary-400\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-400) / .7)
}

html .tailwind-area .dark\:bg-primary-400\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-400) / .75)
}

html .tailwind-area .dark\:bg-primary-400\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-400) / .8)
}

html .tailwind-area .dark\:bg-primary-400\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-400) / .85)
}

html .tailwind-area .dark\:bg-primary-400\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-400) / .9)
}

html .tailwind-area .dark\:bg-primary-400\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-400) / .95)
}

html .tailwind-area .dark\:bg-primary-50:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-primary-50) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-primary-50\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-50) / 0)
}

html .tailwind-area .dark\:bg-primary-50\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-50) / .1)
}

html .tailwind-area .dark\:bg-primary-50\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-50) / 1)
}

html .tailwind-area .dark\:bg-primary-50\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-50) / .15)
}

html .tailwind-area .dark\:bg-primary-50\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-50) / .2)
}

html .tailwind-area .dark\:bg-primary-50\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-50) / .25)
}

html .tailwind-area .dark\:bg-primary-50\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-50) / .3)
}

html .tailwind-area .dark\:bg-primary-50\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-50) / .35)
}

html .tailwind-area .dark\:bg-primary-50\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-50) / .4)
}

html .tailwind-area .dark\:bg-primary-50\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-50) / .45)
}

html .tailwind-area .dark\:bg-primary-50\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-50) / .05)
}

html .tailwind-area .dark\:bg-primary-50\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-50) / .5)
}

html .tailwind-area .dark\:bg-primary-50\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-50) / .55)
}

html .tailwind-area .dark\:bg-primary-50\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-50) / .6)
}

html .tailwind-area .dark\:bg-primary-50\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-50) / .65)
}

html .tailwind-area .dark\:bg-primary-50\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-50) / .7)
}

html .tailwind-area .dark\:bg-primary-50\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-50) / .75)
}

html .tailwind-area .dark\:bg-primary-50\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-50) / .8)
}

html .tailwind-area .dark\:bg-primary-50\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-50) / .85)
}

html .tailwind-area .dark\:bg-primary-50\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-50) / .9)
}

html .tailwind-area .dark\:bg-primary-50\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-50) / .95)
}

html .tailwind-area .dark\:bg-primary-500:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-primary-500) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-primary-500\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-500) / 0)
}

html .tailwind-area .dark\:bg-primary-500\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-500) / .1)
}

html .tailwind-area .dark\:bg-primary-500\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-500) / 1)
}

html .tailwind-area .dark\:bg-primary-500\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-500) / .15)
}

html .tailwind-area .dark\:bg-primary-500\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-500) / .2)
}

html .tailwind-area .dark\:bg-primary-500\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-500) / .25)
}

html .tailwind-area .dark\:bg-primary-500\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-500) / .3)
}

html .tailwind-area .dark\:bg-primary-500\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-500) / .35)
}

html .tailwind-area .dark\:bg-primary-500\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-500) / .4)
}

html .tailwind-area .dark\:bg-primary-500\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-500) / .45)
}

html .tailwind-area .dark\:bg-primary-500\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-500) / .05)
}

html .tailwind-area .dark\:bg-primary-500\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-500) / .5)
}

html .tailwind-area .dark\:bg-primary-500\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-500) / .55)
}

html .tailwind-area .dark\:bg-primary-500\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-500) / .6)
}

html .tailwind-area .dark\:bg-primary-500\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-500) / .65)
}

html .tailwind-area .dark\:bg-primary-500\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-500) / .7)
}

html .tailwind-area .dark\:bg-primary-500\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-500) / .75)
}

html .tailwind-area .dark\:bg-primary-500\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-500) / .8)
}

html .tailwind-area .dark\:bg-primary-500\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-500) / .85)
}

html .tailwind-area .dark\:bg-primary-500\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-500) / .9)
}

html .tailwind-area .dark\:bg-primary-500\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-500) / .95)
}

html .tailwind-area .dark\:bg-primary-600:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-primary-600) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-primary-600\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-600) / 0)
}

html .tailwind-area .dark\:bg-primary-600\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-600) / .1)
}

html .tailwind-area .dark\:bg-primary-600\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-600) / 1)
}

html .tailwind-area .dark\:bg-primary-600\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-600) / .15)
}

html .tailwind-area .dark\:bg-primary-600\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-600) / .2)
}

html .tailwind-area .dark\:bg-primary-600\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-600) / .25)
}

html .tailwind-area .dark\:bg-primary-600\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-600) / .3)
}

html .tailwind-area .dark\:bg-primary-600\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-600) / .35)
}

html .tailwind-area .dark\:bg-primary-600\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-600) / .4)
}

html .tailwind-area .dark\:bg-primary-600\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-600) / .45)
}

html .tailwind-area .dark\:bg-primary-600\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-600) / .05)
}

html .tailwind-area .dark\:bg-primary-600\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-600) / .5)
}

html .tailwind-area .dark\:bg-primary-600\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-600) / .55)
}

html .tailwind-area .dark\:bg-primary-600\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-600) / .6)
}

html .tailwind-area .dark\:bg-primary-600\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-600) / .65)
}

html .tailwind-area .dark\:bg-primary-600\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-600) / .7)
}

html .tailwind-area .dark\:bg-primary-600\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-600) / .75)
}

html .tailwind-area .dark\:bg-primary-600\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-600) / .8)
}

html .tailwind-area .dark\:bg-primary-600\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-600) / .85)
}

html .tailwind-area .dark\:bg-primary-600\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-600) / .9)
}

html .tailwind-area .dark\:bg-primary-600\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-600) / .95)
}

html .tailwind-area .dark\:bg-primary-700:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-primary-700) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-primary-700\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-700) / 0)
}

html .tailwind-area .dark\:bg-primary-700\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-700) / .1)
}

html .tailwind-area .dark\:bg-primary-700\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-700) / 1)
}

html .tailwind-area .dark\:bg-primary-700\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-700) / .15)
}

html .tailwind-area .dark\:bg-primary-700\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-700) / .2)
}

html .tailwind-area .dark\:bg-primary-700\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-700) / .25)
}

html .tailwind-area .dark\:bg-primary-700\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-700) / .3)
}

html .tailwind-area .dark\:bg-primary-700\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-700) / .35)
}

html .tailwind-area .dark\:bg-primary-700\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-700) / .4)
}

html .tailwind-area .dark\:bg-primary-700\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-700) / .45)
}

html .tailwind-area .dark\:bg-primary-700\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-700) / .05)
}

html .tailwind-area .dark\:bg-primary-700\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-700) / .5)
}

html .tailwind-area .dark\:bg-primary-700\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-700) / .55)
}

html .tailwind-area .dark\:bg-primary-700\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-700) / .6)
}

html .tailwind-area .dark\:bg-primary-700\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-700) / .65)
}

html .tailwind-area .dark\:bg-primary-700\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-700) / .7)
}

html .tailwind-area .dark\:bg-primary-700\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-700) / .75)
}

html .tailwind-area .dark\:bg-primary-700\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-700) / .8)
}

html .tailwind-area .dark\:bg-primary-700\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-700) / .85)
}

html .tailwind-area .dark\:bg-primary-700\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-700) / .9)
}

html .tailwind-area .dark\:bg-primary-700\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-700) / .95)
}

html .tailwind-area .dark\:bg-primary-800:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-primary-800) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-primary-800\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-800) / 0)
}

html .tailwind-area .dark\:bg-primary-800\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-800) / .1)
}

html .tailwind-area .dark\:bg-primary-800\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-800) / 1)
}

html .tailwind-area .dark\:bg-primary-800\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-800) / .15)
}

html .tailwind-area .dark\:bg-primary-800\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-800) / .2)
}

html .tailwind-area .dark\:bg-primary-800\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-800) / .25)
}

html .tailwind-area .dark\:bg-primary-800\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-800) / .3)
}

html .tailwind-area .dark\:bg-primary-800\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-800) / .35)
}

html .tailwind-area .dark\:bg-primary-800\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-800) / .4)
}

html .tailwind-area .dark\:bg-primary-800\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-800) / .45)
}

html .tailwind-area .dark\:bg-primary-800\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-800) / .05)
}

html .tailwind-area .dark\:bg-primary-800\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-800) / .5)
}

html .tailwind-area .dark\:bg-primary-800\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-800) / .55)
}

html .tailwind-area .dark\:bg-primary-800\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-800) / .6)
}

html .tailwind-area .dark\:bg-primary-800\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-800) / .65)
}

html .tailwind-area .dark\:bg-primary-800\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-800) / .7)
}

html .tailwind-area .dark\:bg-primary-800\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-800) / .75)
}

html .tailwind-area .dark\:bg-primary-800\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-800) / .8)
}

html .tailwind-area .dark\:bg-primary-800\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-800) / .85)
}

html .tailwind-area .dark\:bg-primary-800\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-800) / .9)
}

html .tailwind-area .dark\:bg-primary-800\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-800) / .95)
}

html .tailwind-area .dark\:bg-primary-900:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-primary-900) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-primary-900\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-900) / 0)
}

html .tailwind-area .dark\:bg-primary-900\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-900) / .1)
}

html .tailwind-area .dark\:bg-primary-900\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-900) / 1)
}

html .tailwind-area .dark\:bg-primary-900\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-900) / .15)
}

html .tailwind-area .dark\:bg-primary-900\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-900) / .2)
}

html .tailwind-area .dark\:bg-primary-900\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-900) / .25)
}

html .tailwind-area .dark\:bg-primary-900\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-900) / .3)
}

html .tailwind-area .dark\:bg-primary-900\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-900) / .35)
}

html .tailwind-area .dark\:bg-primary-900\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-900) / .4)
}

html .tailwind-area .dark\:bg-primary-900\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-900) / .45)
}

html .tailwind-area .dark\:bg-primary-900\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-900) / .05)
}

html .tailwind-area .dark\:bg-primary-900\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-900) / .5)
}

html .tailwind-area .dark\:bg-primary-900\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-900) / .55)
}

html .tailwind-area .dark\:bg-primary-900\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-900) / .6)
}

html .tailwind-area .dark\:bg-primary-900\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-900) / .65)
}

html .tailwind-area .dark\:bg-primary-900\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-900) / .7)
}

html .tailwind-area .dark\:bg-primary-900\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-900) / .75)
}

html .tailwind-area .dark\:bg-primary-900\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-900) / .8)
}

html .tailwind-area .dark\:bg-primary-900\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-900) / .85)
}

html .tailwind-area .dark\:bg-primary-900\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-900) / .9)
}

html .tailwind-area .dark\:bg-primary-900\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-900) / .95)
}

html .tailwind-area .dark\:bg-safe-100:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-safe-100) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-safe-100\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-100) / 0)
}

html .tailwind-area .dark\:bg-safe-100\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-100) / .1)
}

html .tailwind-area .dark\:bg-safe-100\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-100) / 1)
}

html .tailwind-area .dark\:bg-safe-100\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-100) / .15)
}

html .tailwind-area .dark\:bg-safe-100\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-100) / .2)
}

html .tailwind-area .dark\:bg-safe-100\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-100) / .25)
}

html .tailwind-area .dark\:bg-safe-100\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-100) / .3)
}

html .tailwind-area .dark\:bg-safe-100\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-100) / .35)
}

html .tailwind-area .dark\:bg-safe-100\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-100) / .4)
}

html .tailwind-area .dark\:bg-safe-100\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-100) / .45)
}

html .tailwind-area .dark\:bg-safe-100\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-100) / .05)
}

html .tailwind-area .dark\:bg-safe-100\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-100) / .5)
}

html .tailwind-area .dark\:bg-safe-100\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-100) / .55)
}

html .tailwind-area .dark\:bg-safe-100\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-100) / .6)
}

html .tailwind-area .dark\:bg-safe-100\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-100) / .65)
}

html .tailwind-area .dark\:bg-safe-100\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-100) / .7)
}

html .tailwind-area .dark\:bg-safe-100\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-100) / .75)
}

html .tailwind-area .dark\:bg-safe-100\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-100) / .8)
}

html .tailwind-area .dark\:bg-safe-100\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-100) / .85)
}

html .tailwind-area .dark\:bg-safe-100\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-100) / .9)
}

html .tailwind-area .dark\:bg-safe-100\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-100) / .95)
}

html .tailwind-area .dark\:bg-safe-200:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-safe-200) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-safe-200\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-200) / 0)
}

html .tailwind-area .dark\:bg-safe-200\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-200) / .1)
}

html .tailwind-area .dark\:bg-safe-200\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-200) / 1)
}

html .tailwind-area .dark\:bg-safe-200\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-200) / .15)
}

html .tailwind-area .dark\:bg-safe-200\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-200) / .2)
}

html .tailwind-area .dark\:bg-safe-200\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-200) / .25)
}

html .tailwind-area .dark\:bg-safe-200\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-200) / .3)
}

html .tailwind-area .dark\:bg-safe-200\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-200) / .35)
}

html .tailwind-area .dark\:bg-safe-200\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-200) / .4)
}

html .tailwind-area .dark\:bg-safe-200\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-200) / .45)
}

html .tailwind-area .dark\:bg-safe-200\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-200) / .05)
}

html .tailwind-area .dark\:bg-safe-200\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-200) / .5)
}

html .tailwind-area .dark\:bg-safe-200\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-200) / .55)
}

html .tailwind-area .dark\:bg-safe-200\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-200) / .6)
}

html .tailwind-area .dark\:bg-safe-200\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-200) / .65)
}

html .tailwind-area .dark\:bg-safe-200\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-200) / .7)
}

html .tailwind-area .dark\:bg-safe-200\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-200) / .75)
}

html .tailwind-area .dark\:bg-safe-200\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-200) / .8)
}

html .tailwind-area .dark\:bg-safe-200\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-200) / .85)
}

html .tailwind-area .dark\:bg-safe-200\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-200) / .9)
}

html .tailwind-area .dark\:bg-safe-200\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-200) / .95)
}

html .tailwind-area .dark\:bg-safe-300:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-safe-300) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-safe-300\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-300) / 0)
}

html .tailwind-area .dark\:bg-safe-300\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-300) / .1)
}

html .tailwind-area .dark\:bg-safe-300\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-300) / 1)
}

html .tailwind-area .dark\:bg-safe-300\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-300) / .15)
}

html .tailwind-area .dark\:bg-safe-300\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-300) / .2)
}

html .tailwind-area .dark\:bg-safe-300\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-300) / .25)
}

html .tailwind-area .dark\:bg-safe-300\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-300) / .3)
}

html .tailwind-area .dark\:bg-safe-300\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-300) / .35)
}

html .tailwind-area .dark\:bg-safe-300\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-300) / .4)
}

html .tailwind-area .dark\:bg-safe-300\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-300) / .45)
}

html .tailwind-area .dark\:bg-safe-300\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-300) / .05)
}

html .tailwind-area .dark\:bg-safe-300\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-300) / .5)
}

html .tailwind-area .dark\:bg-safe-300\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-300) / .55)
}

html .tailwind-area .dark\:bg-safe-300\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-300) / .6)
}

html .tailwind-area .dark\:bg-safe-300\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-300) / .65)
}

html .tailwind-area .dark\:bg-safe-300\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-300) / .7)
}

html .tailwind-area .dark\:bg-safe-300\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-300) / .75)
}

html .tailwind-area .dark\:bg-safe-300\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-300) / .8)
}

html .tailwind-area .dark\:bg-safe-300\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-300) / .85)
}

html .tailwind-area .dark\:bg-safe-300\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-300) / .9)
}

html .tailwind-area .dark\:bg-safe-300\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-300) / .95)
}

html .tailwind-area .dark\:bg-safe-400:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-safe-400) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-safe-400\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-400) / 0)
}

html .tailwind-area .dark\:bg-safe-400\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-400) / .1)
}

html .tailwind-area .dark\:bg-safe-400\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-400) / 1)
}

html .tailwind-area .dark\:bg-safe-400\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-400) / .15)
}

html .tailwind-area .dark\:bg-safe-400\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-400) / .2)
}

html .tailwind-area .dark\:bg-safe-400\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-400) / .25)
}

html .tailwind-area .dark\:bg-safe-400\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-400) / .3)
}

html .tailwind-area .dark\:bg-safe-400\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-400) / .35)
}

html .tailwind-area .dark\:bg-safe-400\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-400) / .4)
}

html .tailwind-area .dark\:bg-safe-400\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-400) / .45)
}

html .tailwind-area .dark\:bg-safe-400\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-400) / .05)
}

html .tailwind-area .dark\:bg-safe-400\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-400) / .5)
}

html .tailwind-area .dark\:bg-safe-400\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-400) / .55)
}

html .tailwind-area .dark\:bg-safe-400\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-400) / .6)
}

html .tailwind-area .dark\:bg-safe-400\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-400) / .65)
}

html .tailwind-area .dark\:bg-safe-400\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-400) / .7)
}

html .tailwind-area .dark\:bg-safe-400\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-400) / .75)
}

html .tailwind-area .dark\:bg-safe-400\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-400) / .8)
}

html .tailwind-area .dark\:bg-safe-400\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-400) / .85)
}

html .tailwind-area .dark\:bg-safe-400\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-400) / .9)
}

html .tailwind-area .dark\:bg-safe-400\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-400) / .95)
}

html .tailwind-area .dark\:bg-safe-50:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-safe-50) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-safe-50\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-50) / 0)
}

html .tailwind-area .dark\:bg-safe-50\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-50) / .1)
}

html .tailwind-area .dark\:bg-safe-50\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-50) / 1)
}

html .tailwind-area .dark\:bg-safe-50\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-50) / .15)
}

html .tailwind-area .dark\:bg-safe-50\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-50) / .2)
}

html .tailwind-area .dark\:bg-safe-50\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-50) / .25)
}

html .tailwind-area .dark\:bg-safe-50\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-50) / .3)
}

html .tailwind-area .dark\:bg-safe-50\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-50) / .35)
}

html .tailwind-area .dark\:bg-safe-50\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-50) / .4)
}

html .tailwind-area .dark\:bg-safe-50\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-50) / .45)
}

html .tailwind-area .dark\:bg-safe-50\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-50) / .05)
}

html .tailwind-area .dark\:bg-safe-50\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-50) / .5)
}

html .tailwind-area .dark\:bg-safe-50\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-50) / .55)
}

html .tailwind-area .dark\:bg-safe-50\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-50) / .6)
}

html .tailwind-area .dark\:bg-safe-50\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-50) / .65)
}

html .tailwind-area .dark\:bg-safe-50\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-50) / .7)
}

html .tailwind-area .dark\:bg-safe-50\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-50) / .75)
}

html .tailwind-area .dark\:bg-safe-50\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-50) / .8)
}

html .tailwind-area .dark\:bg-safe-50\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-50) / .85)
}

html .tailwind-area .dark\:bg-safe-50\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-50) / .9)
}

html .tailwind-area .dark\:bg-safe-50\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-50) / .95)
}

html .tailwind-area .dark\:bg-safe-500:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-safe-500) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-safe-500\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-500) / 0)
}

html .tailwind-area .dark\:bg-safe-500\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-500) / .1)
}

html .tailwind-area .dark\:bg-safe-500\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-500) / 1)
}

html .tailwind-area .dark\:bg-safe-500\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-500) / .15)
}

html .tailwind-area .dark\:bg-safe-500\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-500) / .2)
}

html .tailwind-area .dark\:bg-safe-500\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-500) / .25)
}

html .tailwind-area .dark\:bg-safe-500\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-500) / .3)
}

html .tailwind-area .dark\:bg-safe-500\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-500) / .35)
}

html .tailwind-area .dark\:bg-safe-500\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-500) / .4)
}

html .tailwind-area .dark\:bg-safe-500\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-500) / .45)
}

html .tailwind-area .dark\:bg-safe-500\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-500) / .05)
}

html .tailwind-area .dark\:bg-safe-500\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-500) / .5)
}

html .tailwind-area .dark\:bg-safe-500\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-500) / .55)
}

html .tailwind-area .dark\:bg-safe-500\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-500) / .6)
}

html .tailwind-area .dark\:bg-safe-500\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-500) / .65)
}

html .tailwind-area .dark\:bg-safe-500\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-500) / .7)
}

html .tailwind-area .dark\:bg-safe-500\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-500) / .75)
}

html .tailwind-area .dark\:bg-safe-500\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-500) / .8)
}

html .tailwind-area .dark\:bg-safe-500\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-500) / .85)
}

html .tailwind-area .dark\:bg-safe-500\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-500) / .9)
}

html .tailwind-area .dark\:bg-safe-500\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-500) / .95)
}

html .tailwind-area .dark\:bg-safe-600:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-safe-600) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-safe-600\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-600) / 0)
}

html .tailwind-area .dark\:bg-safe-600\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-600) / .1)
}

html .tailwind-area .dark\:bg-safe-600\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-600) / 1)
}

html .tailwind-area .dark\:bg-safe-600\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-600) / .15)
}

html .tailwind-area .dark\:bg-safe-600\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-600) / .2)
}

html .tailwind-area .dark\:bg-safe-600\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-600) / .25)
}

html .tailwind-area .dark\:bg-safe-600\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-600) / .3)
}

html .tailwind-area .dark\:bg-safe-600\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-600) / .35)
}

html .tailwind-area .dark\:bg-safe-600\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-600) / .4)
}

html .tailwind-area .dark\:bg-safe-600\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-600) / .45)
}

html .tailwind-area .dark\:bg-safe-600\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-600) / .05)
}

html .tailwind-area .dark\:bg-safe-600\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-600) / .5)
}

html .tailwind-area .dark\:bg-safe-600\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-600) / .55)
}

html .tailwind-area .dark\:bg-safe-600\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-600) / .6)
}

html .tailwind-area .dark\:bg-safe-600\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-600) / .65)
}

html .tailwind-area .dark\:bg-safe-600\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-600) / .7)
}

html .tailwind-area .dark\:bg-safe-600\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-600) / .75)
}

html .tailwind-area .dark\:bg-safe-600\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-600) / .8)
}

html .tailwind-area .dark\:bg-safe-600\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-600) / .85)
}

html .tailwind-area .dark\:bg-safe-600\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-600) / .9)
}

html .tailwind-area .dark\:bg-safe-600\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-600) / .95)
}

html .tailwind-area .dark\:bg-safe-700:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-safe-700) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-safe-700\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-700) / 0)
}

html .tailwind-area .dark\:bg-safe-700\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-700) / .1)
}

html .tailwind-area .dark\:bg-safe-700\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-700) / 1)
}

html .tailwind-area .dark\:bg-safe-700\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-700) / .15)
}

html .tailwind-area .dark\:bg-safe-700\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-700) / .2)
}

html .tailwind-area .dark\:bg-safe-700\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-700) / .25)
}

html .tailwind-area .dark\:bg-safe-700\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-700) / .3)
}

html .tailwind-area .dark\:bg-safe-700\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-700) / .35)
}

html .tailwind-area .dark\:bg-safe-700\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-700) / .4)
}

html .tailwind-area .dark\:bg-safe-700\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-700) / .45)
}

html .tailwind-area .dark\:bg-safe-700\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-700) / .05)
}

html .tailwind-area .dark\:bg-safe-700\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-700) / .5)
}

html .tailwind-area .dark\:bg-safe-700\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-700) / .55)
}

html .tailwind-area .dark\:bg-safe-700\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-700) / .6)
}

html .tailwind-area .dark\:bg-safe-700\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-700) / .65)
}

html .tailwind-area .dark\:bg-safe-700\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-700) / .7)
}

html .tailwind-area .dark\:bg-safe-700\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-700) / .75)
}

html .tailwind-area .dark\:bg-safe-700\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-700) / .8)
}

html .tailwind-area .dark\:bg-safe-700\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-700) / .85)
}

html .tailwind-area .dark\:bg-safe-700\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-700) / .9)
}

html .tailwind-area .dark\:bg-safe-700\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-700) / .95)
}

html .tailwind-area .dark\:bg-safe-800:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-safe-800) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-safe-800\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-800) / 0)
}

html .tailwind-area .dark\:bg-safe-800\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-800) / .1)
}

html .tailwind-area .dark\:bg-safe-800\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-800) / 1)
}

html .tailwind-area .dark\:bg-safe-800\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-800) / .15)
}

html .tailwind-area .dark\:bg-safe-800\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-800) / .2)
}

html .tailwind-area .dark\:bg-safe-800\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-800) / .25)
}

html .tailwind-area .dark\:bg-safe-800\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-800) / .3)
}

html .tailwind-area .dark\:bg-safe-800\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-800) / .35)
}

html .tailwind-area .dark\:bg-safe-800\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-800) / .4)
}

html .tailwind-area .dark\:bg-safe-800\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-800) / .45)
}

html .tailwind-area .dark\:bg-safe-800\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-800) / .05)
}

html .tailwind-area .dark\:bg-safe-800\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-800) / .5)
}

html .tailwind-area .dark\:bg-safe-800\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-800) / .55)
}

html .tailwind-area .dark\:bg-safe-800\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-800) / .6)
}

html .tailwind-area .dark\:bg-safe-800\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-800) / .65)
}

html .tailwind-area .dark\:bg-safe-800\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-800) / .7)
}

html .tailwind-area .dark\:bg-safe-800\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-800) / .75)
}

html .tailwind-area .dark\:bg-safe-800\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-800) / .8)
}

html .tailwind-area .dark\:bg-safe-800\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-800) / .85)
}

html .tailwind-area .dark\:bg-safe-800\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-800) / .9)
}

html .tailwind-area .dark\:bg-safe-800\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-800) / .95)
}

html .tailwind-area .dark\:bg-safe-900:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-safe-900) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-safe-900\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-900) / 0)
}

html .tailwind-area .dark\:bg-safe-900\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-900) / .1)
}

html .tailwind-area .dark\:bg-safe-900\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-900) / 1)
}

html .tailwind-area .dark\:bg-safe-900\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-900) / .15)
}

html .tailwind-area .dark\:bg-safe-900\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-900) / .2)
}

html .tailwind-area .dark\:bg-safe-900\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-900) / .25)
}

html .tailwind-area .dark\:bg-safe-900\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-900) / .3)
}

html .tailwind-area .dark\:bg-safe-900\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-900) / .35)
}

html .tailwind-area .dark\:bg-safe-900\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-900) / .4)
}

html .tailwind-area .dark\:bg-safe-900\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-900) / .45)
}

html .tailwind-area .dark\:bg-safe-900\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-900) / .05)
}

html .tailwind-area .dark\:bg-safe-900\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-900) / .5)
}

html .tailwind-area .dark\:bg-safe-900\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-900) / .55)
}

html .tailwind-area .dark\:bg-safe-900\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-900) / .6)
}

html .tailwind-area .dark\:bg-safe-900\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-900) / .65)
}

html .tailwind-area .dark\:bg-safe-900\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-900) / .7)
}

html .tailwind-area .dark\:bg-safe-900\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-900) / .75)
}

html .tailwind-area .dark\:bg-safe-900\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-900) / .8)
}

html .tailwind-area .dark\:bg-safe-900\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-900) / .85)
}

html .tailwind-area .dark\:bg-safe-900\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-900) / .9)
}

html .tailwind-area .dark\:bg-safe-900\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-safe-900) / .95)
}

html .tailwind-area .dark\:bg-transparent:is([data-mode=dark] *) {
    background-color: transparent
}

html .tailwind-area .dark\:bg-warning-100:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-warning-100) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-warning-100\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-100) / 0)
}

html .tailwind-area .dark\:bg-warning-100\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-100) / .1)
}

html .tailwind-area .dark\:bg-warning-100\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-100) / 1)
}

html .tailwind-area .dark\:bg-warning-100\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-100) / .15)
}

html .tailwind-area .dark\:bg-warning-100\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-100) / .2)
}

html .tailwind-area .dark\:bg-warning-100\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-100) / .25)
}

html .tailwind-area .dark\:bg-warning-100\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-100) / .3)
}

html .tailwind-area .dark\:bg-warning-100\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-100) / .35)
}

html .tailwind-area .dark\:bg-warning-100\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-100) / .4)
}

html .tailwind-area .dark\:bg-warning-100\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-100) / .45)
}

html .tailwind-area .dark\:bg-warning-100\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-100) / .05)
}

html .tailwind-area .dark\:bg-warning-100\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-100) / .5)
}

html .tailwind-area .dark\:bg-warning-100\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-100) / .55)
}

html .tailwind-area .dark\:bg-warning-100\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-100) / .6)
}

html .tailwind-area .dark\:bg-warning-100\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-100) / .65)
}

html .tailwind-area .dark\:bg-warning-100\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-100) / .7)
}

html .tailwind-area .dark\:bg-warning-100\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-100) / .75)
}

html .tailwind-area .dark\:bg-warning-100\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-100) / .8)
}

html .tailwind-area .dark\:bg-warning-100\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-100) / .85)
}

html .tailwind-area .dark\:bg-warning-100\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-100) / .9)
}

html .tailwind-area .dark\:bg-warning-100\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-100) / .95)
}

html .tailwind-area .dark\:bg-warning-200:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-warning-200) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-warning-200\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-200) / 0)
}

html .tailwind-area .dark\:bg-warning-200\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-200) / .1)
}

html .tailwind-area .dark\:bg-warning-200\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-200) / 1)
}

html .tailwind-area .dark\:bg-warning-200\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-200) / .15)
}

html .tailwind-area .dark\:bg-warning-200\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-200) / .2)
}

html .tailwind-area .dark\:bg-warning-200\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-200) / .25)
}

html .tailwind-area .dark\:bg-warning-200\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-200) / .3)
}

html .tailwind-area .dark\:bg-warning-200\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-200) / .35)
}

html .tailwind-area .dark\:bg-warning-200\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-200) / .4)
}

html .tailwind-area .dark\:bg-warning-200\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-200) / .45)
}

html .tailwind-area .dark\:bg-warning-200\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-200) / .05)
}

html .tailwind-area .dark\:bg-warning-200\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-200) / .5)
}

html .tailwind-area .dark\:bg-warning-200\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-200) / .55)
}

html .tailwind-area .dark\:bg-warning-200\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-200) / .6)
}

html .tailwind-area .dark\:bg-warning-200\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-200) / .65)
}

html .tailwind-area .dark\:bg-warning-200\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-200) / .7)
}

html .tailwind-area .dark\:bg-warning-200\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-200) / .75)
}

html .tailwind-area .dark\:bg-warning-200\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-200) / .8)
}

html .tailwind-area .dark\:bg-warning-200\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-200) / .85)
}

html .tailwind-area .dark\:bg-warning-200\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-200) / .9)
}

html .tailwind-area .dark\:bg-warning-200\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-200) / .95)
}

html .tailwind-area .dark\:bg-warning-300:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-warning-300) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-warning-300\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-300) / 0)
}

html .tailwind-area .dark\:bg-warning-300\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-300) / .1)
}

html .tailwind-area .dark\:bg-warning-300\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-300) / 1)
}

html .tailwind-area .dark\:bg-warning-300\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-300) / .15)
}

html .tailwind-area .dark\:bg-warning-300\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-300) / .2)
}

html .tailwind-area .dark\:bg-warning-300\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-300) / .25)
}

html .tailwind-area .dark\:bg-warning-300\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-300) / .3)
}

html .tailwind-area .dark\:bg-warning-300\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-300) / .35)
}

html .tailwind-area .dark\:bg-warning-300\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-300) / .4)
}

html .tailwind-area .dark\:bg-warning-300\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-300) / .45)
}

html .tailwind-area .dark\:bg-warning-300\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-300) / .05)
}

html .tailwind-area .dark\:bg-warning-300\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-300) / .5)
}

html .tailwind-area .dark\:bg-warning-300\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-300) / .55)
}

html .tailwind-area .dark\:bg-warning-300\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-300) / .6)
}

html .tailwind-area .dark\:bg-warning-300\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-300) / .65)
}

html .tailwind-area .dark\:bg-warning-300\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-300) / .7)
}

html .tailwind-area .dark\:bg-warning-300\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-300) / .75)
}

html .tailwind-area .dark\:bg-warning-300\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-300) / .8)
}

html .tailwind-area .dark\:bg-warning-300\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-300) / .85)
}

html .tailwind-area .dark\:bg-warning-300\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-300) / .9)
}

html .tailwind-area .dark\:bg-warning-300\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-300) / .95)
}

html .tailwind-area .dark\:bg-warning-400:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-warning-400) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-warning-400\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-400) / 0)
}

html .tailwind-area .dark\:bg-warning-400\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-400) / .1)
}

html .tailwind-area .dark\:bg-warning-400\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-400) / 1)
}

html .tailwind-area .dark\:bg-warning-400\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-400) / .15)
}

html .tailwind-area .dark\:bg-warning-400\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-400) / .2)
}

html .tailwind-area .dark\:bg-warning-400\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-400) / .25)
}

html .tailwind-area .dark\:bg-warning-400\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-400) / .3)
}

html .tailwind-area .dark\:bg-warning-400\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-400) / .35)
}

html .tailwind-area .dark\:bg-warning-400\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-400) / .4)
}

html .tailwind-area .dark\:bg-warning-400\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-400) / .45)
}

html .tailwind-area .dark\:bg-warning-400\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-400) / .05)
}

html .tailwind-area .dark\:bg-warning-400\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-400) / .5)
}

html .tailwind-area .dark\:bg-warning-400\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-400) / .55)
}

html .tailwind-area .dark\:bg-warning-400\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-400) / .6)
}

html .tailwind-area .dark\:bg-warning-400\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-400) / .65)
}

html .tailwind-area .dark\:bg-warning-400\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-400) / .7)
}

html .tailwind-area .dark\:bg-warning-400\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-400) / .75)
}

html .tailwind-area .dark\:bg-warning-400\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-400) / .8)
}

html .tailwind-area .dark\:bg-warning-400\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-400) / .85)
}

html .tailwind-area .dark\:bg-warning-400\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-400) / .9)
}

html .tailwind-area .dark\:bg-warning-400\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-400) / .95)
}

html .tailwind-area .dark\:bg-warning-50:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-warning-50) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-warning-50\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-50) / 0)
}

html .tailwind-area .dark\:bg-warning-50\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-50) / .1)
}

html .tailwind-area .dark\:bg-warning-50\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-50) / 1)
}

html .tailwind-area .dark\:bg-warning-50\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-50) / .15)
}

html .tailwind-area .dark\:bg-warning-50\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-50) / .2)
}

html .tailwind-area .dark\:bg-warning-50\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-50) / .25)
}

html .tailwind-area .dark\:bg-warning-50\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-50) / .3)
}

html .tailwind-area .dark\:bg-warning-50\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-50) / .35)
}

html .tailwind-area .dark\:bg-warning-50\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-50) / .4)
}

html .tailwind-area .dark\:bg-warning-50\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-50) / .45)
}

html .tailwind-area .dark\:bg-warning-50\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-50) / .05)
}

html .tailwind-area .dark\:bg-warning-50\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-50) / .5)
}

html .tailwind-area .dark\:bg-warning-50\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-50) / .55)
}

html .tailwind-area .dark\:bg-warning-50\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-50) / .6)
}

html .tailwind-area .dark\:bg-warning-50\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-50) / .65)
}

html .tailwind-area .dark\:bg-warning-50\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-50) / .7)
}

html .tailwind-area .dark\:bg-warning-50\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-50) / .75)
}

html .tailwind-area .dark\:bg-warning-50\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-50) / .8)
}

html .tailwind-area .dark\:bg-warning-50\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-50) / .85)
}

html .tailwind-area .dark\:bg-warning-50\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-50) / .9)
}

html .tailwind-area .dark\:bg-warning-50\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-50) / .95)
}

html .tailwind-area .dark\:bg-warning-500:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-warning-500) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-warning-500\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-500) / 0)
}

html .tailwind-area .dark\:bg-warning-500\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-500) / .1)
}

html .tailwind-area .dark\:bg-warning-500\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-500) / 1)
}

html .tailwind-area .dark\:bg-warning-500\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-500) / .15)
}

html .tailwind-area .dark\:bg-warning-500\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-500) / .2)
}

html .tailwind-area .dark\:bg-warning-500\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-500) / .25)
}

html .tailwind-area .dark\:bg-warning-500\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-500) / .3)
}

html .tailwind-area .dark\:bg-warning-500\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-500) / .35)
}

html .tailwind-area .dark\:bg-warning-500\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-500) / .4)
}

html .tailwind-area .dark\:bg-warning-500\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-500) / .45)
}

html .tailwind-area .dark\:bg-warning-500\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-500) / .05)
}

html .tailwind-area .dark\:bg-warning-500\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-500) / .5)
}

html .tailwind-area .dark\:bg-warning-500\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-500) / .55)
}

html .tailwind-area .dark\:bg-warning-500\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-500) / .6)
}

html .tailwind-area .dark\:bg-warning-500\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-500) / .65)
}

html .tailwind-area .dark\:bg-warning-500\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-500) / .7)
}

html .tailwind-area .dark\:bg-warning-500\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-500) / .75)
}

html .tailwind-area .dark\:bg-warning-500\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-500) / .8)
}

html .tailwind-area .dark\:bg-warning-500\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-500) / .85)
}

html .tailwind-area .dark\:bg-warning-500\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-500) / .9)
}

html .tailwind-area .dark\:bg-warning-500\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-500) / .95)
}

html .tailwind-area .dark\:bg-warning-600:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-warning-600) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-warning-600\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-600) / 0)
}

html .tailwind-area .dark\:bg-warning-600\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-600) / .1)
}

html .tailwind-area .dark\:bg-warning-600\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-600) / 1)
}

html .tailwind-area .dark\:bg-warning-600\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-600) / .15)
}

html .tailwind-area .dark\:bg-warning-600\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-600) / .2)
}

html .tailwind-area .dark\:bg-warning-600\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-600) / .25)
}

html .tailwind-area .dark\:bg-warning-600\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-600) / .3)
}

html .tailwind-area .dark\:bg-warning-600\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-600) / .35)
}

html .tailwind-area .dark\:bg-warning-600\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-600) / .4)
}

html .tailwind-area .dark\:bg-warning-600\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-600) / .45)
}

html .tailwind-area .dark\:bg-warning-600\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-600) / .05)
}

html .tailwind-area .dark\:bg-warning-600\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-600) / .5)
}

html .tailwind-area .dark\:bg-warning-600\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-600) / .55)
}

html .tailwind-area .dark\:bg-warning-600\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-600) / .6)
}

html .tailwind-area .dark\:bg-warning-600\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-600) / .65)
}

html .tailwind-area .dark\:bg-warning-600\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-600) / .7)
}

html .tailwind-area .dark\:bg-warning-600\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-600) / .75)
}

html .tailwind-area .dark\:bg-warning-600\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-600) / .8)
}

html .tailwind-area .dark\:bg-warning-600\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-600) / .85)
}

html .tailwind-area .dark\:bg-warning-600\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-600) / .9)
}

html .tailwind-area .dark\:bg-warning-600\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-600) / .95)
}

html .tailwind-area .dark\:bg-warning-700:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-warning-700) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-warning-700\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-700) / 0)
}

html .tailwind-area .dark\:bg-warning-700\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-700) / .1)
}

html .tailwind-area .dark\:bg-warning-700\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-700) / 1)
}

html .tailwind-area .dark\:bg-warning-700\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-700) / .15)
}

html .tailwind-area .dark\:bg-warning-700\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-700) / .2)
}

html .tailwind-area .dark\:bg-warning-700\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-700) / .25)
}

html .tailwind-area .dark\:bg-warning-700\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-700) / .3)
}

html .tailwind-area .dark\:bg-warning-700\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-700) / .35)
}

html .tailwind-area .dark\:bg-warning-700\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-700) / .4)
}

html .tailwind-area .dark\:bg-warning-700\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-700) / .45)
}

html .tailwind-area .dark\:bg-warning-700\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-700) / .05)
}

html .tailwind-area .dark\:bg-warning-700\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-700) / .5)
}

html .tailwind-area .dark\:bg-warning-700\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-700) / .55)
}

html .tailwind-area .dark\:bg-warning-700\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-700) / .6)
}

html .tailwind-area .dark\:bg-warning-700\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-700) / .65)
}

html .tailwind-area .dark\:bg-warning-700\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-700) / .7)
}

html .tailwind-area .dark\:bg-warning-700\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-700) / .75)
}

html .tailwind-area .dark\:bg-warning-700\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-700) / .8)
}

html .tailwind-area .dark\:bg-warning-700\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-700) / .85)
}

html .tailwind-area .dark\:bg-warning-700\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-700) / .9)
}

html .tailwind-area .dark\:bg-warning-700\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-700) / .95)
}

html .tailwind-area .dark\:bg-warning-800:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-warning-800) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-warning-800\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-800) / 0)
}

html .tailwind-area .dark\:bg-warning-800\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-800) / .1)
}

html .tailwind-area .dark\:bg-warning-800\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-800) / 1)
}

html .tailwind-area .dark\:bg-warning-800\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-800) / .15)
}

html .tailwind-area .dark\:bg-warning-800\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-800) / .2)
}

html .tailwind-area .dark\:bg-warning-800\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-800) / .25)
}

html .tailwind-area .dark\:bg-warning-800\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-800) / .3)
}

html .tailwind-area .dark\:bg-warning-800\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-800) / .35)
}

html .tailwind-area .dark\:bg-warning-800\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-800) / .4)
}

html .tailwind-area .dark\:bg-warning-800\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-800) / .45)
}

html .tailwind-area .dark\:bg-warning-800\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-800) / .05)
}

html .tailwind-area .dark\:bg-warning-800\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-800) / .5)
}

html .tailwind-area .dark\:bg-warning-800\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-800) / .55)
}

html .tailwind-area .dark\:bg-warning-800\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-800) / .6)
}

html .tailwind-area .dark\:bg-warning-800\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-800) / .65)
}

html .tailwind-area .dark\:bg-warning-800\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-800) / .7)
}

html .tailwind-area .dark\:bg-warning-800\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-800) / .75)
}

html .tailwind-area .dark\:bg-warning-800\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-800) / .8)
}

html .tailwind-area .dark\:bg-warning-800\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-800) / .85)
}

html .tailwind-area .dark\:bg-warning-800\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-800) / .9)
}

html .tailwind-area .dark\:bg-warning-800\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-800) / .95)
}

html .tailwind-area .dark\:bg-warning-900:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-warning-900) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-warning-900\/0:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-900) / 0)
}

html .tailwind-area .dark\:bg-warning-900\/10:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-900) / .1)
}

html .tailwind-area .dark\:bg-warning-900\/100:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-900) / 1)
}

html .tailwind-area .dark\:bg-warning-900\/15:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-900) / .15)
}

html .tailwind-area .dark\:bg-warning-900\/20:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-900) / .2)
}

html .tailwind-area .dark\:bg-warning-900\/25:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-900) / .25)
}

html .tailwind-area .dark\:bg-warning-900\/30:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-900) / .3)
}

html .tailwind-area .dark\:bg-warning-900\/35:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-900) / .35)
}

html .tailwind-area .dark\:bg-warning-900\/40:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-900) / .4)
}

html .tailwind-area .dark\:bg-warning-900\/45:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-900) / .45)
}

html .tailwind-area .dark\:bg-warning-900\/5:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-900) / .05)
}

html .tailwind-area .dark\:bg-warning-900\/50:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-900) / .5)
}

html .tailwind-area .dark\:bg-warning-900\/55:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-900) / .55)
}

html .tailwind-area .dark\:bg-warning-900\/60:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-900) / .6)
}

html .tailwind-area .dark\:bg-warning-900\/65:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-900) / .65)
}

html .tailwind-area .dark\:bg-warning-900\/70:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-900) / .7)
}

html .tailwind-area .dark\:bg-warning-900\/75:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-900) / .75)
}

html .tailwind-area .dark\:bg-warning-900\/80:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-900) / .8)
}

html .tailwind-area .dark\:bg-warning-900\/85:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-900) / .85)
}

html .tailwind-area .dark\:bg-warning-900\/90:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-900) / .9)
}

html .tailwind-area .dark\:bg-warning-900\/95:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-warning-900) / .95)
}

html .tailwind-area .dark\:bg-zinc-500:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(113 113 122 / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-zinc-600:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(82 82 91 / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-zinc-700:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(63 63 70 / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-zinc-700\/50:is([data-mode=dark] *) {
    background-color: #3f3f4680
}

html .tailwind-area .dark\:bg-zinc-800:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(39 39 42 / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:bg-zinc-900:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(24 24 27 / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:fill-danger-900:is([data-mode=dark] *) {
    fill: rgb(var(--ui-danger-900) / 1)
}

html .tailwind-area .dark\:fill-neutral-900:is([data-mode=dark] *) {
    fill: rgb(var(--ui-neutral-900) / 1)
}

html .tailwind-area .dark\:fill-primary-900:is([data-mode=dark] *) {
    fill: rgb(var(--ui-primary-900) / 1)
}

html .tailwind-area .dark\:fill-safe-900:is([data-mode=dark] *) {
    fill: rgb(var(--ui-safe-900) / 1)
}

html .tailwind-area .dark\:fill-warning-900:is([data-mode=dark] *) {
    fill: rgb(var(--ui-warning-900) / 1)
}

html .tailwind-area .dark\:font-semibold:is([data-mode=dark] *) {
    font-weight: 600
}

html .tailwind-area .dark\:text-amber-400:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(251 191 36 / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-danger-100:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-danger-100) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-danger-100\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-100) / 0)
}

html .tailwind-area .dark\:text-danger-100\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-100) / .1)
}

html .tailwind-area .dark\:text-danger-100\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-100) / 1)
}

html .tailwind-area .dark\:text-danger-100\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-100) / .15)
}

html .tailwind-area .dark\:text-danger-100\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-100) / .2)
}

html .tailwind-area .dark\:text-danger-100\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-100) / .25)
}

html .tailwind-area .dark\:text-danger-100\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-100) / .3)
}

html .tailwind-area .dark\:text-danger-100\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-100) / .35)
}

html .tailwind-area .dark\:text-danger-100\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-100) / .4)
}

html .tailwind-area .dark\:text-danger-100\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-100) / .45)
}

html .tailwind-area .dark\:text-danger-100\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-100) / .05)
}

html .tailwind-area .dark\:text-danger-100\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-100) / .5)
}

html .tailwind-area .dark\:text-danger-100\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-100) / .55)
}

html .tailwind-area .dark\:text-danger-100\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-100) / .6)
}

html .tailwind-area .dark\:text-danger-100\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-100) / .65)
}

html .tailwind-area .dark\:text-danger-100\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-100) / .7)
}

html .tailwind-area .dark\:text-danger-100\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-100) / .75)
}

html .tailwind-area .dark\:text-danger-100\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-100) / .8)
}

html .tailwind-area .dark\:text-danger-100\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-100) / .85)
}

html .tailwind-area .dark\:text-danger-100\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-100) / .9)
}

html .tailwind-area .dark\:text-danger-100\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-100) / .95)
}

html .tailwind-area .dark\:text-danger-200:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-danger-200) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-danger-200\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-200) / 0)
}

html .tailwind-area .dark\:text-danger-200\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-200) / .1)
}

html .tailwind-area .dark\:text-danger-200\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-200) / 1)
}

html .tailwind-area .dark\:text-danger-200\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-200) / .15)
}

html .tailwind-area .dark\:text-danger-200\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-200) / .2)
}

html .tailwind-area .dark\:text-danger-200\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-200) / .25)
}

html .tailwind-area .dark\:text-danger-200\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-200) / .3)
}

html .tailwind-area .dark\:text-danger-200\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-200) / .35)
}

html .tailwind-area .dark\:text-danger-200\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-200) / .4)
}

html .tailwind-area .dark\:text-danger-200\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-200) / .45)
}

html .tailwind-area .dark\:text-danger-200\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-200) / .05)
}

html .tailwind-area .dark\:text-danger-200\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-200) / .5)
}

html .tailwind-area .dark\:text-danger-200\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-200) / .55)
}

html .tailwind-area .dark\:text-danger-200\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-200) / .6)
}

html .tailwind-area .dark\:text-danger-200\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-200) / .65)
}

html .tailwind-area .dark\:text-danger-200\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-200) / .7)
}

html .tailwind-area .dark\:text-danger-200\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-200) / .75)
}

html .tailwind-area .dark\:text-danger-200\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-200) / .8)
}

html .tailwind-area .dark\:text-danger-200\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-200) / .85)
}

html .tailwind-area .dark\:text-danger-200\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-200) / .9)
}

html .tailwind-area .dark\:text-danger-200\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-200) / .95)
}

html .tailwind-area .dark\:text-danger-300:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-danger-300) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-danger-300\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-300) / 0)
}

html .tailwind-area .dark\:text-danger-300\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-300) / .1)
}

html .tailwind-area .dark\:text-danger-300\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-300) / 1)
}

html .tailwind-area .dark\:text-danger-300\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-300) / .15)
}

html .tailwind-area .dark\:text-danger-300\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-300) / .2)
}

html .tailwind-area .dark\:text-danger-300\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-300) / .25)
}

html .tailwind-area .dark\:text-danger-300\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-300) / .3)
}

html .tailwind-area .dark\:text-danger-300\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-300) / .35)
}

html .tailwind-area .dark\:text-danger-300\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-300) / .4)
}

html .tailwind-area .dark\:text-danger-300\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-300) / .45)
}

html .tailwind-area .dark\:text-danger-300\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-300) / .05)
}

html .tailwind-area .dark\:text-danger-300\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-300) / .5)
}

html .tailwind-area .dark\:text-danger-300\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-300) / .55)
}

html .tailwind-area .dark\:text-danger-300\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-300) / .6)
}

html .tailwind-area .dark\:text-danger-300\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-300) / .65)
}

html .tailwind-area .dark\:text-danger-300\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-300) / .7)
}

html .tailwind-area .dark\:text-danger-300\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-300) / .75)
}

html .tailwind-area .dark\:text-danger-300\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-300) / .8)
}

html .tailwind-area .dark\:text-danger-300\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-300) / .85)
}

html .tailwind-area .dark\:text-danger-300\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-300) / .9)
}

html .tailwind-area .dark\:text-danger-300\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-300) / .95)
}

html .tailwind-area .dark\:text-danger-400:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-danger-400) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-danger-400\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-400) / 0)
}

html .tailwind-area .dark\:text-danger-400\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-400) / .1)
}

html .tailwind-area .dark\:text-danger-400\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-400) / 1)
}

html .tailwind-area .dark\:text-danger-400\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-400) / .15)
}

html .tailwind-area .dark\:text-danger-400\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-400) / .2)
}

html .tailwind-area .dark\:text-danger-400\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-400) / .25)
}

html .tailwind-area .dark\:text-danger-400\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-400) / .3)
}

html .tailwind-area .dark\:text-danger-400\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-400) / .35)
}

html .tailwind-area .dark\:text-danger-400\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-400) / .4)
}

html .tailwind-area .dark\:text-danger-400\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-400) / .45)
}

html .tailwind-area .dark\:text-danger-400\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-400) / .05)
}

html .tailwind-area .dark\:text-danger-400\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-400) / .5)
}

html .tailwind-area .dark\:text-danger-400\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-400) / .55)
}

html .tailwind-area .dark\:text-danger-400\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-400) / .6)
}

html .tailwind-area .dark\:text-danger-400\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-400) / .65)
}

html .tailwind-area .dark\:text-danger-400\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-400) / .7)
}

html .tailwind-area .dark\:text-danger-400\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-400) / .75)
}

html .tailwind-area .dark\:text-danger-400\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-400) / .8)
}

html .tailwind-area .dark\:text-danger-400\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-400) / .85)
}

html .tailwind-area .dark\:text-danger-400\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-400) / .9)
}

html .tailwind-area .dark\:text-danger-400\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-400) / .95)
}

html .tailwind-area .dark\:text-danger-50:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-danger-50) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-danger-50\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-50) / 0)
}

html .tailwind-area .dark\:text-danger-50\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-50) / .1)
}

html .tailwind-area .dark\:text-danger-50\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-50) / 1)
}

html .tailwind-area .dark\:text-danger-50\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-50) / .15)
}

html .tailwind-area .dark\:text-danger-50\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-50) / .2)
}

html .tailwind-area .dark\:text-danger-50\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-50) / .25)
}

html .tailwind-area .dark\:text-danger-50\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-50) / .3)
}

html .tailwind-area .dark\:text-danger-50\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-50) / .35)
}

html .tailwind-area .dark\:text-danger-50\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-50) / .4)
}

html .tailwind-area .dark\:text-danger-50\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-50) / .45)
}

html .tailwind-area .dark\:text-danger-50\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-50) / .05)
}

html .tailwind-area .dark\:text-danger-50\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-50) / .5)
}

html .tailwind-area .dark\:text-danger-50\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-50) / .55)
}

html .tailwind-area .dark\:text-danger-50\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-50) / .6)
}

html .tailwind-area .dark\:text-danger-50\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-50) / .65)
}

html .tailwind-area .dark\:text-danger-50\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-50) / .7)
}

html .tailwind-area .dark\:text-danger-50\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-50) / .75)
}

html .tailwind-area .dark\:text-danger-50\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-50) / .8)
}

html .tailwind-area .dark\:text-danger-50\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-50) / .85)
}

html .tailwind-area .dark\:text-danger-50\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-50) / .9)
}

html .tailwind-area .dark\:text-danger-50\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-50) / .95)
}

html .tailwind-area .dark\:text-danger-500:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-danger-500) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-danger-500\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-500) / 0)
}

html .tailwind-area .dark\:text-danger-500\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-500) / .1)
}

html .tailwind-area .dark\:text-danger-500\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-500) / 1)
}

html .tailwind-area .dark\:text-danger-500\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-500) / .15)
}

html .tailwind-area .dark\:text-danger-500\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-500) / .2)
}

html .tailwind-area .dark\:text-danger-500\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-500) / .25)
}

html .tailwind-area .dark\:text-danger-500\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-500) / .3)
}

html .tailwind-area .dark\:text-danger-500\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-500) / .35)
}

html .tailwind-area .dark\:text-danger-500\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-500) / .4)
}

html .tailwind-area .dark\:text-danger-500\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-500) / .45)
}

html .tailwind-area .dark\:text-danger-500\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-500) / .05)
}

html .tailwind-area .dark\:text-danger-500\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-500) / .5)
}

html .tailwind-area .dark\:text-danger-500\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-500) / .55)
}

html .tailwind-area .dark\:text-danger-500\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-500) / .6)
}

html .tailwind-area .dark\:text-danger-500\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-500) / .65)
}

html .tailwind-area .dark\:text-danger-500\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-500) / .7)
}

html .tailwind-area .dark\:text-danger-500\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-500) / .75)
}

html .tailwind-area .dark\:text-danger-500\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-500) / .8)
}

html .tailwind-area .dark\:text-danger-500\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-500) / .85)
}

html .tailwind-area .dark\:text-danger-500\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-500) / .9)
}

html .tailwind-area .dark\:text-danger-500\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-500) / .95)
}

html .tailwind-area .dark\:text-danger-600:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-danger-600) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-danger-600\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-600) / 0)
}

html .tailwind-area .dark\:text-danger-600\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-600) / .1)
}

html .tailwind-area .dark\:text-danger-600\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-600) / 1)
}

html .tailwind-area .dark\:text-danger-600\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-600) / .15)
}

html .tailwind-area .dark\:text-danger-600\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-600) / .2)
}

html .tailwind-area .dark\:text-danger-600\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-600) / .25)
}

html .tailwind-area .dark\:text-danger-600\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-600) / .3)
}

html .tailwind-area .dark\:text-danger-600\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-600) / .35)
}

html .tailwind-area .dark\:text-danger-600\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-600) / .4)
}

html .tailwind-area .dark\:text-danger-600\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-600) / .45)
}

html .tailwind-area .dark\:text-danger-600\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-600) / .05)
}

html .tailwind-area .dark\:text-danger-600\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-600) / .5)
}

html .tailwind-area .dark\:text-danger-600\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-600) / .55)
}

html .tailwind-area .dark\:text-danger-600\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-600) / .6)
}

html .tailwind-area .dark\:text-danger-600\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-600) / .65)
}

html .tailwind-area .dark\:text-danger-600\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-600) / .7)
}

html .tailwind-area .dark\:text-danger-600\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-600) / .75)
}

html .tailwind-area .dark\:text-danger-600\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-600) / .8)
}

html .tailwind-area .dark\:text-danger-600\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-600) / .85)
}

html .tailwind-area .dark\:text-danger-600\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-600) / .9)
}

html .tailwind-area .dark\:text-danger-600\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-600) / .95)
}

html .tailwind-area .dark\:text-danger-700:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-danger-700) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-danger-700\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-700) / 0)
}

html .tailwind-area .dark\:text-danger-700\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-700) / .1)
}

html .tailwind-area .dark\:text-danger-700\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-700) / 1)
}

html .tailwind-area .dark\:text-danger-700\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-700) / .15)
}

html .tailwind-area .dark\:text-danger-700\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-700) / .2)
}

html .tailwind-area .dark\:text-danger-700\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-700) / .25)
}

html .tailwind-area .dark\:text-danger-700\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-700) / .3)
}

html .tailwind-area .dark\:text-danger-700\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-700) / .35)
}

html .tailwind-area .dark\:text-danger-700\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-700) / .4)
}

html .tailwind-area .dark\:text-danger-700\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-700) / .45)
}

html .tailwind-area .dark\:text-danger-700\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-700) / .05)
}

html .tailwind-area .dark\:text-danger-700\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-700) / .5)
}

html .tailwind-area .dark\:text-danger-700\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-700) / .55)
}

html .tailwind-area .dark\:text-danger-700\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-700) / .6)
}

html .tailwind-area .dark\:text-danger-700\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-700) / .65)
}

html .tailwind-area .dark\:text-danger-700\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-700) / .7)
}

html .tailwind-area .dark\:text-danger-700\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-700) / .75)
}

html .tailwind-area .dark\:text-danger-700\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-700) / .8)
}

html .tailwind-area .dark\:text-danger-700\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-700) / .85)
}

html .tailwind-area .dark\:text-danger-700\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-700) / .9)
}

html .tailwind-area .dark\:text-danger-700\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-700) / .95)
}

html .tailwind-area .dark\:text-danger-800:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-danger-800) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-danger-800\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-800) / 0)
}

html .tailwind-area .dark\:text-danger-800\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-800) / .1)
}

html .tailwind-area .dark\:text-danger-800\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-800) / 1)
}

html .tailwind-area .dark\:text-danger-800\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-800) / .15)
}

html .tailwind-area .dark\:text-danger-800\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-800) / .2)
}

html .tailwind-area .dark\:text-danger-800\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-800) / .25)
}

html .tailwind-area .dark\:text-danger-800\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-800) / .3)
}

html .tailwind-area .dark\:text-danger-800\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-800) / .35)
}

html .tailwind-area .dark\:text-danger-800\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-800) / .4)
}

html .tailwind-area .dark\:text-danger-800\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-800) / .45)
}

html .tailwind-area .dark\:text-danger-800\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-800) / .05)
}

html .tailwind-area .dark\:text-danger-800\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-800) / .5)
}

html .tailwind-area .dark\:text-danger-800\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-800) / .55)
}

html .tailwind-area .dark\:text-danger-800\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-800) / .6)
}

html .tailwind-area .dark\:text-danger-800\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-800) / .65)
}

html .tailwind-area .dark\:text-danger-800\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-800) / .7)
}

html .tailwind-area .dark\:text-danger-800\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-800) / .75)
}

html .tailwind-area .dark\:text-danger-800\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-800) / .8)
}

html .tailwind-area .dark\:text-danger-800\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-800) / .85)
}

html .tailwind-area .dark\:text-danger-800\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-800) / .9)
}

html .tailwind-area .dark\:text-danger-800\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-800) / .95)
}

html .tailwind-area .dark\:text-danger-900:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-danger-900) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-danger-900\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-900) / 0)
}

html .tailwind-area .dark\:text-danger-900\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-900) / .1)
}

html .tailwind-area .dark\:text-danger-900\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-900) / 1)
}

html .tailwind-area .dark\:text-danger-900\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-900) / .15)
}

html .tailwind-area .dark\:text-danger-900\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-900) / .2)
}

html .tailwind-area .dark\:text-danger-900\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-900) / .25)
}

html .tailwind-area .dark\:text-danger-900\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-900) / .3)
}

html .tailwind-area .dark\:text-danger-900\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-900) / .35)
}

html .tailwind-area .dark\:text-danger-900\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-900) / .4)
}

html .tailwind-area .dark\:text-danger-900\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-900) / .45)
}

html .tailwind-area .dark\:text-danger-900\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-900) / .05)
}

html .tailwind-area .dark\:text-danger-900\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-900) / .5)
}

html .tailwind-area .dark\:text-danger-900\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-900) / .55)
}

html .tailwind-area .dark\:text-danger-900\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-900) / .6)
}

html .tailwind-area .dark\:text-danger-900\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-900) / .65)
}

html .tailwind-area .dark\:text-danger-900\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-900) / .7)
}

html .tailwind-area .dark\:text-danger-900\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-900) / .75)
}

html .tailwind-area .dark\:text-danger-900\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-900) / .8)
}

html .tailwind-area .dark\:text-danger-900\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-900) / .85)
}

html .tailwind-area .dark\:text-danger-900\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-900) / .9)
}

html .tailwind-area .dark\:text-danger-900\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-danger-900) / .95)
}

html .tailwind-area .dark\:text-gray-100:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(243 244 246 / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-gray-200:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-gray-300:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-gray-400:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-gray-50:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(249 250 251 / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-gray-500:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-layout-color-200:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-layout-color-200) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-neutral-100:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-neutral-100) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-neutral-100\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-100) / 0)
}

html .tailwind-area .dark\:text-neutral-100\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-100) / .1)
}

html .tailwind-area .dark\:text-neutral-100\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-100) / 1)
}

html .tailwind-area .dark\:text-neutral-100\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-100) / .15)
}

html .tailwind-area .dark\:text-neutral-100\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-100) / .2)
}

html .tailwind-area .dark\:text-neutral-100\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-100) / .25)
}

html .tailwind-area .dark\:text-neutral-100\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-100) / .3)
}

html .tailwind-area .dark\:text-neutral-100\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-100) / .35)
}

html .tailwind-area .dark\:text-neutral-100\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-100) / .4)
}

html .tailwind-area .dark\:text-neutral-100\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-100) / .45)
}

html .tailwind-area .dark\:text-neutral-100\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-100) / .05)
}

html .tailwind-area .dark\:text-neutral-100\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-100) / .5)
}

html .tailwind-area .dark\:text-neutral-100\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-100) / .55)
}

html .tailwind-area .dark\:text-neutral-100\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-100) / .6)
}

html .tailwind-area .dark\:text-neutral-100\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-100) / .65)
}

html .tailwind-area .dark\:text-neutral-100\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-100) / .7)
}

html .tailwind-area .dark\:text-neutral-100\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-100) / .75)
}

html .tailwind-area .dark\:text-neutral-100\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-100) / .8)
}

html .tailwind-area .dark\:text-neutral-100\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-100) / .85)
}

html .tailwind-area .dark\:text-neutral-100\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-100) / .9)
}

html .tailwind-area .dark\:text-neutral-100\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-100) / .95)
}

html .tailwind-area .dark\:text-neutral-200:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-neutral-200) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-neutral-200\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-200) / 0)
}

html .tailwind-area .dark\:text-neutral-200\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-200) / .1)
}

html .tailwind-area .dark\:text-neutral-200\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-200) / 1)
}

html .tailwind-area .dark\:text-neutral-200\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-200) / .15)
}

html .tailwind-area .dark\:text-neutral-200\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-200) / .2)
}

html .tailwind-area .dark\:text-neutral-200\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-200) / .25)
}

html .tailwind-area .dark\:text-neutral-200\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-200) / .3)
}

html .tailwind-area .dark\:text-neutral-200\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-200) / .35)
}

html .tailwind-area .dark\:text-neutral-200\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-200) / .4)
}

html .tailwind-area .dark\:text-neutral-200\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-200) / .45)
}

html .tailwind-area .dark\:text-neutral-200\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-200) / .05)
}

html .tailwind-area .dark\:text-neutral-200\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-200) / .5)
}

html .tailwind-area .dark\:text-neutral-200\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-200) / .55)
}

html .tailwind-area .dark\:text-neutral-200\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-200) / .6)
}

html .tailwind-area .dark\:text-neutral-200\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-200) / .65)
}

html .tailwind-area .dark\:text-neutral-200\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-200) / .7)
}

html .tailwind-area .dark\:text-neutral-200\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-200) / .75)
}

html .tailwind-area .dark\:text-neutral-200\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-200) / .8)
}

html .tailwind-area .dark\:text-neutral-200\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-200) / .85)
}

html .tailwind-area .dark\:text-neutral-200\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-200) / .9)
}

html .tailwind-area .dark\:text-neutral-200\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-200) / .95)
}

html .tailwind-area .dark\:text-neutral-300:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-neutral-300) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-neutral-300\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-300) / 0)
}

html .tailwind-area .dark\:text-neutral-300\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-300) / .1)
}

html .tailwind-area .dark\:text-neutral-300\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-300) / 1)
}

html .tailwind-area .dark\:text-neutral-300\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-300) / .15)
}

html .tailwind-area .dark\:text-neutral-300\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-300) / .2)
}

html .tailwind-area .dark\:text-neutral-300\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-300) / .25)
}

html .tailwind-area .dark\:text-neutral-300\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-300) / .3)
}

html .tailwind-area .dark\:text-neutral-300\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-300) / .35)
}

html .tailwind-area .dark\:text-neutral-300\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-300) / .4)
}

html .tailwind-area .dark\:text-neutral-300\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-300) / .45)
}

html .tailwind-area .dark\:text-neutral-300\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-300) / .05)
}

html .tailwind-area .dark\:text-neutral-300\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-300) / .5)
}

html .tailwind-area .dark\:text-neutral-300\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-300) / .55)
}

html .tailwind-area .dark\:text-neutral-300\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-300) / .6)
}

html .tailwind-area .dark\:text-neutral-300\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-300) / .65)
}

html .tailwind-area .dark\:text-neutral-300\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-300) / .7)
}

html .tailwind-area .dark\:text-neutral-300\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-300) / .75)
}

html .tailwind-area .dark\:text-neutral-300\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-300) / .8)
}

html .tailwind-area .dark\:text-neutral-300\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-300) / .85)
}

html .tailwind-area .dark\:text-neutral-300\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-300) / .9)
}

html .tailwind-area .dark\:text-neutral-300\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-300) / .95)
}

html .tailwind-area .dark\:text-neutral-400:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-neutral-400) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-neutral-400\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-400) / 0)
}

html .tailwind-area .dark\:text-neutral-400\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-400) / .1)
}

html .tailwind-area .dark\:text-neutral-400\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-400) / 1)
}

html .tailwind-area .dark\:text-neutral-400\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-400) / .15)
}

html .tailwind-area .dark\:text-neutral-400\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-400) / .2)
}

html .tailwind-area .dark\:text-neutral-400\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-400) / .25)
}

html .tailwind-area .dark\:text-neutral-400\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-400) / .3)
}

html .tailwind-area .dark\:text-neutral-400\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-400) / .35)
}

html .tailwind-area .dark\:text-neutral-400\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-400) / .4)
}

html .tailwind-area .dark\:text-neutral-400\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-400) / .45)
}

html .tailwind-area .dark\:text-neutral-400\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-400) / .05)
}

html .tailwind-area .dark\:text-neutral-400\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-400) / .5)
}

html .tailwind-area .dark\:text-neutral-400\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-400) / .55)
}

html .tailwind-area .dark\:text-neutral-400\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-400) / .6)
}

html .tailwind-area .dark\:text-neutral-400\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-400) / .65)
}

html .tailwind-area .dark\:text-neutral-400\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-400) / .7)
}

html .tailwind-area .dark\:text-neutral-400\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-400) / .75)
}

html .tailwind-area .dark\:text-neutral-400\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-400) / .8)
}

html .tailwind-area .dark\:text-neutral-400\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-400) / .85)
}

html .tailwind-area .dark\:text-neutral-400\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-400) / .9)
}

html .tailwind-area .dark\:text-neutral-400\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-400) / .95)
}

html .tailwind-area .dark\:text-neutral-50:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-neutral-50) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-neutral-50\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-50) / 0)
}

html .tailwind-area .dark\:text-neutral-50\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-50) / .1)
}

html .tailwind-area .dark\:text-neutral-50\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-50) / 1)
}

html .tailwind-area .dark\:text-neutral-50\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-50) / .15)
}

html .tailwind-area .dark\:text-neutral-50\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-50) / .2)
}

html .tailwind-area .dark\:text-neutral-50\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-50) / .25)
}

html .tailwind-area .dark\:text-neutral-50\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-50) / .3)
}

html .tailwind-area .dark\:text-neutral-50\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-50) / .35)
}

html .tailwind-area .dark\:text-neutral-50\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-50) / .4)
}

html .tailwind-area .dark\:text-neutral-50\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-50) / .45)
}

html .tailwind-area .dark\:text-neutral-50\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-50) / .05)
}

html .tailwind-area .dark\:text-neutral-50\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-50) / .5)
}

html .tailwind-area .dark\:text-neutral-50\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-50) / .55)
}

html .tailwind-area .dark\:text-neutral-50\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-50) / .6)
}

html .tailwind-area .dark\:text-neutral-50\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-50) / .65)
}

html .tailwind-area .dark\:text-neutral-50\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-50) / .7)
}

html .tailwind-area .dark\:text-neutral-50\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-50) / .75)
}

html .tailwind-area .dark\:text-neutral-50\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-50) / .8)
}

html .tailwind-area .dark\:text-neutral-50\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-50) / .85)
}

html .tailwind-area .dark\:text-neutral-50\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-50) / .9)
}

html .tailwind-area .dark\:text-neutral-50\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-50) / .95)
}

html .tailwind-area .dark\:text-neutral-500:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-neutral-500) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-neutral-500\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-500) / 0)
}

html .tailwind-area .dark\:text-neutral-500\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-500) / .1)
}

html .tailwind-area .dark\:text-neutral-500\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-500) / 1)
}

html .tailwind-area .dark\:text-neutral-500\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-500) / .15)
}

html .tailwind-area .dark\:text-neutral-500\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-500) / .2)
}

html .tailwind-area .dark\:text-neutral-500\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-500) / .25)
}

html .tailwind-area .dark\:text-neutral-500\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-500) / .3)
}

html .tailwind-area .dark\:text-neutral-500\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-500) / .35)
}

html .tailwind-area .dark\:text-neutral-500\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-500) / .4)
}

html .tailwind-area .dark\:text-neutral-500\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-500) / .45)
}

html .tailwind-area .dark\:text-neutral-500\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-500) / .05)
}

html .tailwind-area .dark\:text-neutral-500\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-500) / .5)
}

html .tailwind-area .dark\:text-neutral-500\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-500) / .55)
}

html .tailwind-area .dark\:text-neutral-500\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-500) / .6)
}

html .tailwind-area .dark\:text-neutral-500\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-500) / .65)
}

html .tailwind-area .dark\:text-neutral-500\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-500) / .7)
}

html .tailwind-area .dark\:text-neutral-500\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-500) / .75)
}

html .tailwind-area .dark\:text-neutral-500\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-500) / .8)
}

html .tailwind-area .dark\:text-neutral-500\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-500) / .85)
}

html .tailwind-area .dark\:text-neutral-500\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-500) / .9)
}

html .tailwind-area .dark\:text-neutral-500\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-500) / .95)
}

html .tailwind-area .dark\:text-neutral-600:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-neutral-600) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-neutral-600\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-600) / 0)
}

html .tailwind-area .dark\:text-neutral-600\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-600) / .1)
}

html .tailwind-area .dark\:text-neutral-600\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-600) / 1)
}

html .tailwind-area .dark\:text-neutral-600\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-600) / .15)
}

html .tailwind-area .dark\:text-neutral-600\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-600) / .2)
}

html .tailwind-area .dark\:text-neutral-600\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-600) / .25)
}

html .tailwind-area .dark\:text-neutral-600\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-600) / .3)
}

html .tailwind-area .dark\:text-neutral-600\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-600) / .35)
}

html .tailwind-area .dark\:text-neutral-600\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-600) / .4)
}

html .tailwind-area .dark\:text-neutral-600\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-600) / .45)
}

html .tailwind-area .dark\:text-neutral-600\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-600) / .05)
}

html .tailwind-area .dark\:text-neutral-600\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-600) / .5)
}

html .tailwind-area .dark\:text-neutral-600\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-600) / .55)
}

html .tailwind-area .dark\:text-neutral-600\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-600) / .6)
}

html .tailwind-area .dark\:text-neutral-600\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-600) / .65)
}

html .tailwind-area .dark\:text-neutral-600\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-600) / .7)
}

html .tailwind-area .dark\:text-neutral-600\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-600) / .75)
}

html .tailwind-area .dark\:text-neutral-600\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-600) / .8)
}

html .tailwind-area .dark\:text-neutral-600\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-600) / .85)
}

html .tailwind-area .dark\:text-neutral-600\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-600) / .9)
}

html .tailwind-area .dark\:text-neutral-600\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-600) / .95)
}

html .tailwind-area .dark\:text-neutral-700:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-neutral-700) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-neutral-700\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-700) / 0)
}

html .tailwind-area .dark\:text-neutral-700\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-700) / .1)
}

html .tailwind-area .dark\:text-neutral-700\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-700) / 1)
}

html .tailwind-area .dark\:text-neutral-700\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-700) / .15)
}

html .tailwind-area .dark\:text-neutral-700\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-700) / .2)
}

html .tailwind-area .dark\:text-neutral-700\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-700) / .25)
}

html .tailwind-area .dark\:text-neutral-700\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-700) / .3)
}

html .tailwind-area .dark\:text-neutral-700\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-700) / .35)
}

html .tailwind-area .dark\:text-neutral-700\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-700) / .4)
}

html .tailwind-area .dark\:text-neutral-700\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-700) / .45)
}

html .tailwind-area .dark\:text-neutral-700\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-700) / .05)
}

html .tailwind-area .dark\:text-neutral-700\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-700) / .5)
}

html .tailwind-area .dark\:text-neutral-700\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-700) / .55)
}

html .tailwind-area .dark\:text-neutral-700\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-700) / .6)
}

html .tailwind-area .dark\:text-neutral-700\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-700) / .65)
}

html .tailwind-area .dark\:text-neutral-700\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-700) / .7)
}

html .tailwind-area .dark\:text-neutral-700\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-700) / .75)
}

html .tailwind-area .dark\:text-neutral-700\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-700) / .8)
}

html .tailwind-area .dark\:text-neutral-700\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-700) / .85)
}

html .tailwind-area .dark\:text-neutral-700\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-700) / .9)
}

html .tailwind-area .dark\:text-neutral-700\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-700) / .95)
}

html .tailwind-area .dark\:text-neutral-800:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-neutral-800) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-neutral-800\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-800) / 0)
}

html .tailwind-area .dark\:text-neutral-800\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-800) / .1)
}

html .tailwind-area .dark\:text-neutral-800\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-800) / 1)
}

html .tailwind-area .dark\:text-neutral-800\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-800) / .15)
}

html .tailwind-area .dark\:text-neutral-800\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-800) / .2)
}

html .tailwind-area .dark\:text-neutral-800\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-800) / .25)
}

html .tailwind-area .dark\:text-neutral-800\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-800) / .3)
}

html .tailwind-area .dark\:text-neutral-800\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-800) / .35)
}

html .tailwind-area .dark\:text-neutral-800\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-800) / .4)
}

html .tailwind-area .dark\:text-neutral-800\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-800) / .45)
}

html .tailwind-area .dark\:text-neutral-800\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-800) / .05)
}

html .tailwind-area .dark\:text-neutral-800\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-800) / .5)
}

html .tailwind-area .dark\:text-neutral-800\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-800) / .55)
}

html .tailwind-area .dark\:text-neutral-800\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-800) / .6)
}

html .tailwind-area .dark\:text-neutral-800\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-800) / .65)
}

html .tailwind-area .dark\:text-neutral-800\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-800) / .7)
}

html .tailwind-area .dark\:text-neutral-800\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-800) / .75)
}

html .tailwind-area .dark\:text-neutral-800\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-800) / .8)
}

html .tailwind-area .dark\:text-neutral-800\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-800) / .85)
}

html .tailwind-area .dark\:text-neutral-800\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-800) / .9)
}

html .tailwind-area .dark\:text-neutral-800\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-800) / .95)
}

html .tailwind-area .dark\:text-neutral-900:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-neutral-900) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-neutral-900\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-900) / 0)
}

html .tailwind-area .dark\:text-neutral-900\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-900) / .1)
}

html .tailwind-area .dark\:text-neutral-900\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-900) / 1)
}

html .tailwind-area .dark\:text-neutral-900\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-900) / .15)
}

html .tailwind-area .dark\:text-neutral-900\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-900) / .2)
}

html .tailwind-area .dark\:text-neutral-900\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-900) / .25)
}

html .tailwind-area .dark\:text-neutral-900\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-900) / .3)
}

html .tailwind-area .dark\:text-neutral-900\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-900) / .35)
}

html .tailwind-area .dark\:text-neutral-900\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-900) / .4)
}

html .tailwind-area .dark\:text-neutral-900\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-900) / .45)
}

html .tailwind-area .dark\:text-neutral-900\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-900) / .05)
}

html .tailwind-area .dark\:text-neutral-900\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-900) / .5)
}

html .tailwind-area .dark\:text-neutral-900\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-900) / .55)
}

html .tailwind-area .dark\:text-neutral-900\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-900) / .6)
}

html .tailwind-area .dark\:text-neutral-900\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-900) / .65)
}

html .tailwind-area .dark\:text-neutral-900\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-900) / .7)
}

html .tailwind-area .dark\:text-neutral-900\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-900) / .75)
}

html .tailwind-area .dark\:text-neutral-900\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-900) / .8)
}

html .tailwind-area .dark\:text-neutral-900\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-900) / .85)
}

html .tailwind-area .dark\:text-neutral-900\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-900) / .9)
}

html .tailwind-area .dark\:text-neutral-900\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-neutral-900) / .95)
}

html .tailwind-area .dark\:text-neutral-950:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(10 10 10 / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-neutral-950\/0:is([data-mode=dark] *) {
    color: #0a0a0a00
}

html .tailwind-area .dark\:text-neutral-950\/10:is([data-mode=dark] *) {
    color: #0a0a0a1a
}

html .tailwind-area .dark\:text-neutral-950\/100:is([data-mode=dark] *) {
    color: #0a0a0a
}

html .tailwind-area .dark\:text-neutral-950\/15:is([data-mode=dark] *) {
    color: #0a0a0a26
}

html .tailwind-area .dark\:text-neutral-950\/20:is([data-mode=dark] *) {
    color: #0a0a0a33
}

html .tailwind-area .dark\:text-neutral-950\/25:is([data-mode=dark] *) {
    color: #0a0a0a40
}

html .tailwind-area .dark\:text-neutral-950\/30:is([data-mode=dark] *) {
    color: #0a0a0a4d
}

html .tailwind-area .dark\:text-neutral-950\/35:is([data-mode=dark] *) {
    color: #0a0a0a59
}

html .tailwind-area .dark\:text-neutral-950\/40:is([data-mode=dark] *) {
    color: #0a0a0a66
}

html .tailwind-area .dark\:text-neutral-950\/45:is([data-mode=dark] *) {
    color: #0a0a0a73
}

html .tailwind-area .dark\:text-neutral-950\/5:is([data-mode=dark] *) {
    color: #0a0a0a0d
}

html .tailwind-area .dark\:text-neutral-950\/50:is([data-mode=dark] *) {
    color: #0a0a0a80
}

html .tailwind-area .dark\:text-neutral-950\/55:is([data-mode=dark] *) {
    color: #0a0a0a8c
}

html .tailwind-area .dark\:text-neutral-950\/60:is([data-mode=dark] *) {
    color: #0a0a0a99
}

html .tailwind-area .dark\:text-neutral-950\/65:is([data-mode=dark] *) {
    color: #0a0a0aa6
}

html .tailwind-area .dark\:text-neutral-950\/70:is([data-mode=dark] *) {
    color: #0a0a0ab3
}

html .tailwind-area .dark\:text-neutral-950\/75:is([data-mode=dark] *) {
    color: #0a0a0abf
}

html .tailwind-area .dark\:text-neutral-950\/80:is([data-mode=dark] *) {
    color: #0a0a0acc
}

html .tailwind-area .dark\:text-neutral-950\/85:is([data-mode=dark] *) {
    color: #0a0a0ad9
}

html .tailwind-area .dark\:text-neutral-950\/90:is([data-mode=dark] *) {
    color: #0a0a0ae6
}

html .tailwind-area .dark\:text-neutral-950\/95:is([data-mode=dark] *) {
    color: #0a0a0af2
}

html .tailwind-area .dark\:text-primary-100:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-primary-100) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-primary-100\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-100) / 0)
}

html .tailwind-area .dark\:text-primary-100\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-100) / .1)
}

html .tailwind-area .dark\:text-primary-100\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-100) / 1)
}

html .tailwind-area .dark\:text-primary-100\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-100) / .15)
}

html .tailwind-area .dark\:text-primary-100\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-100) / .2)
}

html .tailwind-area .dark\:text-primary-100\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-100) / .25)
}

html .tailwind-area .dark\:text-primary-100\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-100) / .3)
}

html .tailwind-area .dark\:text-primary-100\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-100) / .35)
}

html .tailwind-area .dark\:text-primary-100\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-100) / .4)
}

html .tailwind-area .dark\:text-primary-100\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-100) / .45)
}

html .tailwind-area .dark\:text-primary-100\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-100) / .05)
}

html .tailwind-area .dark\:text-primary-100\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-100) / .5)
}

html .tailwind-area .dark\:text-primary-100\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-100) / .55)
}

html .tailwind-area .dark\:text-primary-100\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-100) / .6)
}

html .tailwind-area .dark\:text-primary-100\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-100) / .65)
}

html .tailwind-area .dark\:text-primary-100\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-100) / .7)
}

html .tailwind-area .dark\:text-primary-100\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-100) / .75)
}

html .tailwind-area .dark\:text-primary-100\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-100) / .8)
}

html .tailwind-area .dark\:text-primary-100\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-100) / .85)
}

html .tailwind-area .dark\:text-primary-100\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-100) / .9)
}

html .tailwind-area .dark\:text-primary-100\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-100) / .95)
}

html .tailwind-area .dark\:text-primary-200:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-primary-200) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-primary-200\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-200) / 0)
}

html .tailwind-area .dark\:text-primary-200\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-200) / .1)
}

html .tailwind-area .dark\:text-primary-200\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-200) / 1)
}

html .tailwind-area .dark\:text-primary-200\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-200) / .15)
}

html .tailwind-area .dark\:text-primary-200\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-200) / .2)
}

html .tailwind-area .dark\:text-primary-200\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-200) / .25)
}

html .tailwind-area .dark\:text-primary-200\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-200) / .3)
}

html .tailwind-area .dark\:text-primary-200\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-200) / .35)
}

html .tailwind-area .dark\:text-primary-200\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-200) / .4)
}

html .tailwind-area .dark\:text-primary-200\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-200) / .45)
}

html .tailwind-area .dark\:text-primary-200\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-200) / .05)
}

html .tailwind-area .dark\:text-primary-200\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-200) / .5)
}

html .tailwind-area .dark\:text-primary-200\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-200) / .55)
}

html .tailwind-area .dark\:text-primary-200\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-200) / .6)
}

html .tailwind-area .dark\:text-primary-200\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-200) / .65)
}

html .tailwind-area .dark\:text-primary-200\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-200) / .7)
}

html .tailwind-area .dark\:text-primary-200\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-200) / .75)
}

html .tailwind-area .dark\:text-primary-200\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-200) / .8)
}

html .tailwind-area .dark\:text-primary-200\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-200) / .85)
}

html .tailwind-area .dark\:text-primary-200\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-200) / .9)
}

html .tailwind-area .dark\:text-primary-200\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-200) / .95)
}

html .tailwind-area .dark\:text-primary-300:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-primary-300) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-primary-300\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-300) / 0)
}

html .tailwind-area .dark\:text-primary-300\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-300) / .1)
}

html .tailwind-area .dark\:text-primary-300\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-300) / 1)
}

html .tailwind-area .dark\:text-primary-300\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-300) / .15)
}

html .tailwind-area .dark\:text-primary-300\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-300) / .2)
}

html .tailwind-area .dark\:text-primary-300\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-300) / .25)
}

html .tailwind-area .dark\:text-primary-300\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-300) / .3)
}

html .tailwind-area .dark\:text-primary-300\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-300) / .35)
}

html .tailwind-area .dark\:text-primary-300\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-300) / .4)
}

html .tailwind-area .dark\:text-primary-300\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-300) / .45)
}

html .tailwind-area .dark\:text-primary-300\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-300) / .05)
}

html .tailwind-area .dark\:text-primary-300\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-300) / .5)
}

html .tailwind-area .dark\:text-primary-300\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-300) / .55)
}

html .tailwind-area .dark\:text-primary-300\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-300) / .6)
}

html .tailwind-area .dark\:text-primary-300\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-300) / .65)
}

html .tailwind-area .dark\:text-primary-300\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-300) / .7)
}

html .tailwind-area .dark\:text-primary-300\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-300) / .75)
}

html .tailwind-area .dark\:text-primary-300\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-300) / .8)
}

html .tailwind-area .dark\:text-primary-300\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-300) / .85)
}

html .tailwind-area .dark\:text-primary-300\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-300) / .9)
}

html .tailwind-area .dark\:text-primary-300\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-300) / .95)
}

html .tailwind-area .dark\:text-primary-400:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-primary-400) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-primary-400\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-400) / 0)
}

html .tailwind-area .dark\:text-primary-400\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-400) / .1)
}

html .tailwind-area .dark\:text-primary-400\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-400) / 1)
}

html .tailwind-area .dark\:text-primary-400\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-400) / .15)
}

html .tailwind-area .dark\:text-primary-400\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-400) / .2)
}

html .tailwind-area .dark\:text-primary-400\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-400) / .25)
}

html .tailwind-area .dark\:text-primary-400\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-400) / .3)
}

html .tailwind-area .dark\:text-primary-400\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-400) / .35)
}

html .tailwind-area .dark\:text-primary-400\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-400) / .4)
}

html .tailwind-area .dark\:text-primary-400\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-400) / .45)
}

html .tailwind-area .dark\:text-primary-400\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-400) / .05)
}

html .tailwind-area .dark\:text-primary-400\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-400) / .5)
}

html .tailwind-area .dark\:text-primary-400\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-400) / .55)
}

html .tailwind-area .dark\:text-primary-400\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-400) / .6)
}

html .tailwind-area .dark\:text-primary-400\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-400) / .65)
}

html .tailwind-area .dark\:text-primary-400\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-400) / .7)
}

html .tailwind-area .dark\:text-primary-400\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-400) / .75)
}

html .tailwind-area .dark\:text-primary-400\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-400) / .8)
}

html .tailwind-area .dark\:text-primary-400\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-400) / .85)
}

html .tailwind-area .dark\:text-primary-400\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-400) / .9)
}

html .tailwind-area .dark\:text-primary-400\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-400) / .95)
}

html .tailwind-area .dark\:text-primary-50:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-primary-50) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-primary-50\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-50) / 0)
}

html .tailwind-area .dark\:text-primary-50\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-50) / .1)
}

html .tailwind-area .dark\:text-primary-50\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-50) / 1)
}

html .tailwind-area .dark\:text-primary-50\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-50) / .15)
}

html .tailwind-area .dark\:text-primary-50\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-50) / .2)
}

html .tailwind-area .dark\:text-primary-50\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-50) / .25)
}

html .tailwind-area .dark\:text-primary-50\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-50) / .3)
}

html .tailwind-area .dark\:text-primary-50\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-50) / .35)
}

html .tailwind-area .dark\:text-primary-50\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-50) / .4)
}

html .tailwind-area .dark\:text-primary-50\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-50) / .45)
}

html .tailwind-area .dark\:text-primary-50\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-50) / .05)
}

html .tailwind-area .dark\:text-primary-50\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-50) / .5)
}

html .tailwind-area .dark\:text-primary-50\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-50) / .55)
}

html .tailwind-area .dark\:text-primary-50\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-50) / .6)
}

html .tailwind-area .dark\:text-primary-50\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-50) / .65)
}

html .tailwind-area .dark\:text-primary-50\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-50) / .7)
}

html .tailwind-area .dark\:text-primary-50\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-50) / .75)
}

html .tailwind-area .dark\:text-primary-50\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-50) / .8)
}

html .tailwind-area .dark\:text-primary-50\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-50) / .85)
}

html .tailwind-area .dark\:text-primary-50\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-50) / .9)
}

html .tailwind-area .dark\:text-primary-50\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-50) / .95)
}

html .tailwind-area .dark\:text-primary-500:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-primary-500) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-primary-500\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-500) / 0)
}

html .tailwind-area .dark\:text-primary-500\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-500) / .1)
}

html .tailwind-area .dark\:text-primary-500\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-500) / 1)
}

html .tailwind-area .dark\:text-primary-500\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-500) / .15)
}

html .tailwind-area .dark\:text-primary-500\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-500) / .2)
}

html .tailwind-area .dark\:text-primary-500\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-500) / .25)
}

html .tailwind-area .dark\:text-primary-500\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-500) / .3)
}

html .tailwind-area .dark\:text-primary-500\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-500) / .35)
}

html .tailwind-area .dark\:text-primary-500\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-500) / .4)
}

html .tailwind-area .dark\:text-primary-500\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-500) / .45)
}

html .tailwind-area .dark\:text-primary-500\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-500) / .05)
}

html .tailwind-area .dark\:text-primary-500\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-500) / .5)
}

html .tailwind-area .dark\:text-primary-500\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-500) / .55)
}

html .tailwind-area .dark\:text-primary-500\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-500) / .6)
}

html .tailwind-area .dark\:text-primary-500\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-500) / .65)
}

html .tailwind-area .dark\:text-primary-500\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-500) / .7)
}

html .tailwind-area .dark\:text-primary-500\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-500) / .75)
}

html .tailwind-area .dark\:text-primary-500\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-500) / .8)
}

html .tailwind-area .dark\:text-primary-500\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-500) / .85)
}

html .tailwind-area .dark\:text-primary-500\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-500) / .9)
}

html .tailwind-area .dark\:text-primary-500\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-500) / .95)
}

html .tailwind-area .dark\:text-primary-600:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-primary-600) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-primary-600\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-600) / 0)
}

html .tailwind-area .dark\:text-primary-600\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-600) / .1)
}

html .tailwind-area .dark\:text-primary-600\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-600) / 1)
}

html .tailwind-area .dark\:text-primary-600\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-600) / .15)
}

html .tailwind-area .dark\:text-primary-600\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-600) / .2)
}

html .tailwind-area .dark\:text-primary-600\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-600) / .25)
}

html .tailwind-area .dark\:text-primary-600\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-600) / .3)
}

html .tailwind-area .dark\:text-primary-600\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-600) / .35)
}

html .tailwind-area .dark\:text-primary-600\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-600) / .4)
}

html .tailwind-area .dark\:text-primary-600\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-600) / .45)
}

html .tailwind-area .dark\:text-primary-600\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-600) / .05)
}

html .tailwind-area .dark\:text-primary-600\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-600) / .5)
}

html .tailwind-area .dark\:text-primary-600\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-600) / .55)
}

html .tailwind-area .dark\:text-primary-600\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-600) / .6)
}

html .tailwind-area .dark\:text-primary-600\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-600) / .65)
}

html .tailwind-area .dark\:text-primary-600\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-600) / .7)
}

html .tailwind-area .dark\:text-primary-600\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-600) / .75)
}

html .tailwind-area .dark\:text-primary-600\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-600) / .8)
}

html .tailwind-area .dark\:text-primary-600\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-600) / .85)
}

html .tailwind-area .dark\:text-primary-600\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-600) / .9)
}

html .tailwind-area .dark\:text-primary-600\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-600) / .95)
}

html .tailwind-area .dark\:text-primary-700:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-primary-700) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-primary-700\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-700) / 0)
}

html .tailwind-area .dark\:text-primary-700\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-700) / .1)
}

html .tailwind-area .dark\:text-primary-700\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-700) / 1)
}

html .tailwind-area .dark\:text-primary-700\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-700) / .15)
}

html .tailwind-area .dark\:text-primary-700\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-700) / .2)
}

html .tailwind-area .dark\:text-primary-700\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-700) / .25)
}

html .tailwind-area .dark\:text-primary-700\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-700) / .3)
}

html .tailwind-area .dark\:text-primary-700\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-700) / .35)
}

html .tailwind-area .dark\:text-primary-700\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-700) / .4)
}

html .tailwind-area .dark\:text-primary-700\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-700) / .45)
}

html .tailwind-area .dark\:text-primary-700\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-700) / .05)
}

html .tailwind-area .dark\:text-primary-700\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-700) / .5)
}

html .tailwind-area .dark\:text-primary-700\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-700) / .55)
}

html .tailwind-area .dark\:text-primary-700\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-700) / .6)
}

html .tailwind-area .dark\:text-primary-700\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-700) / .65)
}

html .tailwind-area .dark\:text-primary-700\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-700) / .7)
}

html .tailwind-area .dark\:text-primary-700\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-700) / .75)
}

html .tailwind-area .dark\:text-primary-700\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-700) / .8)
}

html .tailwind-area .dark\:text-primary-700\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-700) / .85)
}

html .tailwind-area .dark\:text-primary-700\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-700) / .9)
}

html .tailwind-area .dark\:text-primary-700\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-700) / .95)
}

html .tailwind-area .dark\:text-primary-800:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-primary-800) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-primary-800\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-800) / 0)
}

html .tailwind-area .dark\:text-primary-800\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-800) / .1)
}

html .tailwind-area .dark\:text-primary-800\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-800) / 1)
}

html .tailwind-area .dark\:text-primary-800\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-800) / .15)
}

html .tailwind-area .dark\:text-primary-800\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-800) / .2)
}

html .tailwind-area .dark\:text-primary-800\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-800) / .25)
}

html .tailwind-area .dark\:text-primary-800\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-800) / .3)
}

html .tailwind-area .dark\:text-primary-800\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-800) / .35)
}

html .tailwind-area .dark\:text-primary-800\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-800) / .4)
}

html .tailwind-area .dark\:text-primary-800\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-800) / .45)
}

html .tailwind-area .dark\:text-primary-800\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-800) / .05)
}

html .tailwind-area .dark\:text-primary-800\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-800) / .5)
}

html .tailwind-area .dark\:text-primary-800\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-800) / .55)
}

html .tailwind-area .dark\:text-primary-800\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-800) / .6)
}

html .tailwind-area .dark\:text-primary-800\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-800) / .65)
}

html .tailwind-area .dark\:text-primary-800\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-800) / .7)
}

html .tailwind-area .dark\:text-primary-800\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-800) / .75)
}

html .tailwind-area .dark\:text-primary-800\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-800) / .8)
}

html .tailwind-area .dark\:text-primary-800\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-800) / .85)
}

html .tailwind-area .dark\:text-primary-800\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-800) / .9)
}

html .tailwind-area .dark\:text-primary-800\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-800) / .95)
}

html .tailwind-area .dark\:text-primary-900:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-primary-900) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-primary-900\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-900) / 0)
}

html .tailwind-area .dark\:text-primary-900\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-900) / .1)
}

html .tailwind-area .dark\:text-primary-900\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-900) / 1)
}

html .tailwind-area .dark\:text-primary-900\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-900) / .15)
}

html .tailwind-area .dark\:text-primary-900\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-900) / .2)
}

html .tailwind-area .dark\:text-primary-900\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-900) / .25)
}

html .tailwind-area .dark\:text-primary-900\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-900) / .3)
}

html .tailwind-area .dark\:text-primary-900\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-900) / .35)
}

html .tailwind-area .dark\:text-primary-900\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-900) / .4)
}

html .tailwind-area .dark\:text-primary-900\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-900) / .45)
}

html .tailwind-area .dark\:text-primary-900\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-900) / .05)
}

html .tailwind-area .dark\:text-primary-900\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-900) / .5)
}

html .tailwind-area .dark\:text-primary-900\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-900) / .55)
}

html .tailwind-area .dark\:text-primary-900\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-900) / .6)
}

html .tailwind-area .dark\:text-primary-900\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-900) / .65)
}

html .tailwind-area .dark\:text-primary-900\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-900) / .7)
}

html .tailwind-area .dark\:text-primary-900\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-900) / .75)
}

html .tailwind-area .dark\:text-primary-900\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-900) / .8)
}

html .tailwind-area .dark\:text-primary-900\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-900) / .85)
}

html .tailwind-area .dark\:text-primary-900\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-900) / .9)
}

html .tailwind-area .dark\:text-primary-900\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-primary-900) / .95)
}

html .tailwind-area .dark\:text-safe-100:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-safe-100) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-safe-100\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-100) / 0)
}

html .tailwind-area .dark\:text-safe-100\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-100) / .1)
}

html .tailwind-area .dark\:text-safe-100\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-100) / 1)
}

html .tailwind-area .dark\:text-safe-100\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-100) / .15)
}

html .tailwind-area .dark\:text-safe-100\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-100) / .2)
}

html .tailwind-area .dark\:text-safe-100\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-100) / .25)
}

html .tailwind-area .dark\:text-safe-100\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-100) / .3)
}

html .tailwind-area .dark\:text-safe-100\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-100) / .35)
}

html .tailwind-area .dark\:text-safe-100\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-100) / .4)
}

html .tailwind-area .dark\:text-safe-100\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-100) / .45)
}

html .tailwind-area .dark\:text-safe-100\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-100) / .05)
}

html .tailwind-area .dark\:text-safe-100\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-100) / .5)
}

html .tailwind-area .dark\:text-safe-100\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-100) / .55)
}

html .tailwind-area .dark\:text-safe-100\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-100) / .6)
}

html .tailwind-area .dark\:text-safe-100\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-100) / .65)
}

html .tailwind-area .dark\:text-safe-100\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-100) / .7)
}

html .tailwind-area .dark\:text-safe-100\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-100) / .75)
}

html .tailwind-area .dark\:text-safe-100\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-100) / .8)
}

html .tailwind-area .dark\:text-safe-100\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-100) / .85)
}

html .tailwind-area .dark\:text-safe-100\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-100) / .9)
}

html .tailwind-area .dark\:text-safe-100\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-100) / .95)
}

html .tailwind-area .dark\:text-safe-200:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-safe-200) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-safe-200\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-200) / 0)
}

html .tailwind-area .dark\:text-safe-200\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-200) / .1)
}

html .tailwind-area .dark\:text-safe-200\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-200) / 1)
}

html .tailwind-area .dark\:text-safe-200\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-200) / .15)
}

html .tailwind-area .dark\:text-safe-200\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-200) / .2)
}

html .tailwind-area .dark\:text-safe-200\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-200) / .25)
}

html .tailwind-area .dark\:text-safe-200\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-200) / .3)
}

html .tailwind-area .dark\:text-safe-200\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-200) / .35)
}

html .tailwind-area .dark\:text-safe-200\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-200) / .4)
}

html .tailwind-area .dark\:text-safe-200\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-200) / .45)
}

html .tailwind-area .dark\:text-safe-200\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-200) / .05)
}

html .tailwind-area .dark\:text-safe-200\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-200) / .5)
}

html .tailwind-area .dark\:text-safe-200\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-200) / .55)
}

html .tailwind-area .dark\:text-safe-200\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-200) / .6)
}

html .tailwind-area .dark\:text-safe-200\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-200) / .65)
}

html .tailwind-area .dark\:text-safe-200\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-200) / .7)
}

html .tailwind-area .dark\:text-safe-200\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-200) / .75)
}

html .tailwind-area .dark\:text-safe-200\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-200) / .8)
}

html .tailwind-area .dark\:text-safe-200\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-200) / .85)
}

html .tailwind-area .dark\:text-safe-200\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-200) / .9)
}

html .tailwind-area .dark\:text-safe-200\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-200) / .95)
}

html .tailwind-area .dark\:text-safe-300:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-safe-300) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-safe-300\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-300) / 0)
}

html .tailwind-area .dark\:text-safe-300\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-300) / .1)
}

html .tailwind-area .dark\:text-safe-300\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-300) / 1)
}

html .tailwind-area .dark\:text-safe-300\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-300) / .15)
}

html .tailwind-area .dark\:text-safe-300\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-300) / .2)
}

html .tailwind-area .dark\:text-safe-300\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-300) / .25)
}

html .tailwind-area .dark\:text-safe-300\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-300) / .3)
}

html .tailwind-area .dark\:text-safe-300\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-300) / .35)
}

html .tailwind-area .dark\:text-safe-300\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-300) / .4)
}

html .tailwind-area .dark\:text-safe-300\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-300) / .45)
}

html .tailwind-area .dark\:text-safe-300\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-300) / .05)
}

html .tailwind-area .dark\:text-safe-300\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-300) / .5)
}

html .tailwind-area .dark\:text-safe-300\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-300) / .55)
}

html .tailwind-area .dark\:text-safe-300\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-300) / .6)
}

html .tailwind-area .dark\:text-safe-300\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-300) / .65)
}

html .tailwind-area .dark\:text-safe-300\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-300) / .7)
}

html .tailwind-area .dark\:text-safe-300\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-300) / .75)
}

html .tailwind-area .dark\:text-safe-300\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-300) / .8)
}

html .tailwind-area .dark\:text-safe-300\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-300) / .85)
}

html .tailwind-area .dark\:text-safe-300\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-300) / .9)
}

html .tailwind-area .dark\:text-safe-300\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-300) / .95)
}

html .tailwind-area .dark\:text-safe-400:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-safe-400) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-safe-400\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-400) / 0)
}

html .tailwind-area .dark\:text-safe-400\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-400) / .1)
}

html .tailwind-area .dark\:text-safe-400\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-400) / 1)
}

html .tailwind-area .dark\:text-safe-400\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-400) / .15)
}

html .tailwind-area .dark\:text-safe-400\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-400) / .2)
}

html .tailwind-area .dark\:text-safe-400\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-400) / .25)
}

html .tailwind-area .dark\:text-safe-400\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-400) / .3)
}

html .tailwind-area .dark\:text-safe-400\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-400) / .35)
}

html .tailwind-area .dark\:text-safe-400\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-400) / .4)
}

html .tailwind-area .dark\:text-safe-400\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-400) / .45)
}

html .tailwind-area .dark\:text-safe-400\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-400) / .05)
}

html .tailwind-area .dark\:text-safe-400\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-400) / .5)
}

html .tailwind-area .dark\:text-safe-400\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-400) / .55)
}

html .tailwind-area .dark\:text-safe-400\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-400) / .6)
}

html .tailwind-area .dark\:text-safe-400\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-400) / .65)
}

html .tailwind-area .dark\:text-safe-400\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-400) / .7)
}

html .tailwind-area .dark\:text-safe-400\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-400) / .75)
}

html .tailwind-area .dark\:text-safe-400\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-400) / .8)
}

html .tailwind-area .dark\:text-safe-400\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-400) / .85)
}

html .tailwind-area .dark\:text-safe-400\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-400) / .9)
}

html .tailwind-area .dark\:text-safe-400\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-400) / .95)
}

html .tailwind-area .dark\:text-safe-50:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-safe-50) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-safe-50\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-50) / 0)
}

html .tailwind-area .dark\:text-safe-50\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-50) / .1)
}

html .tailwind-area .dark\:text-safe-50\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-50) / 1)
}

html .tailwind-area .dark\:text-safe-50\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-50) / .15)
}

html .tailwind-area .dark\:text-safe-50\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-50) / .2)
}

html .tailwind-area .dark\:text-safe-50\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-50) / .25)
}

html .tailwind-area .dark\:text-safe-50\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-50) / .3)
}

html .tailwind-area .dark\:text-safe-50\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-50) / .35)
}

html .tailwind-area .dark\:text-safe-50\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-50) / .4)
}

html .tailwind-area .dark\:text-safe-50\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-50) / .45)
}

html .tailwind-area .dark\:text-safe-50\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-50) / .05)
}

html .tailwind-area .dark\:text-safe-50\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-50) / .5)
}

html .tailwind-area .dark\:text-safe-50\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-50) / .55)
}

html .tailwind-area .dark\:text-safe-50\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-50) / .6)
}

html .tailwind-area .dark\:text-safe-50\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-50) / .65)
}

html .tailwind-area .dark\:text-safe-50\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-50) / .7)
}

html .tailwind-area .dark\:text-safe-50\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-50) / .75)
}

html .tailwind-area .dark\:text-safe-50\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-50) / .8)
}

html .tailwind-area .dark\:text-safe-50\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-50) / .85)
}

html .tailwind-area .dark\:text-safe-50\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-50) / .9)
}

html .tailwind-area .dark\:text-safe-50\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-50) / .95)
}

html .tailwind-area .dark\:text-safe-500:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-safe-500) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-safe-500\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-500) / 0)
}

html .tailwind-area .dark\:text-safe-500\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-500) / .1)
}

html .tailwind-area .dark\:text-safe-500\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-500) / 1)
}

html .tailwind-area .dark\:text-safe-500\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-500) / .15)
}

html .tailwind-area .dark\:text-safe-500\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-500) / .2)
}

html .tailwind-area .dark\:text-safe-500\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-500) / .25)
}

html .tailwind-area .dark\:text-safe-500\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-500) / .3)
}

html .tailwind-area .dark\:text-safe-500\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-500) / .35)
}

html .tailwind-area .dark\:text-safe-500\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-500) / .4)
}

html .tailwind-area .dark\:text-safe-500\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-500) / .45)
}

html .tailwind-area .dark\:text-safe-500\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-500) / .05)
}

html .tailwind-area .dark\:text-safe-500\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-500) / .5)
}

html .tailwind-area .dark\:text-safe-500\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-500) / .55)
}

html .tailwind-area .dark\:text-safe-500\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-500) / .6)
}

html .tailwind-area .dark\:text-safe-500\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-500) / .65)
}

html .tailwind-area .dark\:text-safe-500\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-500) / .7)
}

html .tailwind-area .dark\:text-safe-500\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-500) / .75)
}

html .tailwind-area .dark\:text-safe-500\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-500) / .8)
}

html .tailwind-area .dark\:text-safe-500\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-500) / .85)
}

html .tailwind-area .dark\:text-safe-500\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-500) / .9)
}

html .tailwind-area .dark\:text-safe-500\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-500) / .95)
}

html .tailwind-area .dark\:text-safe-600:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-safe-600) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-safe-600\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-600) / 0)
}

html .tailwind-area .dark\:text-safe-600\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-600) / .1)
}

html .tailwind-area .dark\:text-safe-600\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-600) / 1)
}

html .tailwind-area .dark\:text-safe-600\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-600) / .15)
}

html .tailwind-area .dark\:text-safe-600\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-600) / .2)
}

html .tailwind-area .dark\:text-safe-600\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-600) / .25)
}

html .tailwind-area .dark\:text-safe-600\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-600) / .3)
}

html .tailwind-area .dark\:text-safe-600\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-600) / .35)
}

html .tailwind-area .dark\:text-safe-600\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-600) / .4)
}

html .tailwind-area .dark\:text-safe-600\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-600) / .45)
}

html .tailwind-area .dark\:text-safe-600\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-600) / .05)
}

html .tailwind-area .dark\:text-safe-600\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-600) / .5)
}

html .tailwind-area .dark\:text-safe-600\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-600) / .55)
}

html .tailwind-area .dark\:text-safe-600\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-600) / .6)
}

html .tailwind-area .dark\:text-safe-600\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-600) / .65)
}

html .tailwind-area .dark\:text-safe-600\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-600) / .7)
}

html .tailwind-area .dark\:text-safe-600\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-600) / .75)
}

html .tailwind-area .dark\:text-safe-600\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-600) / .8)
}

html .tailwind-area .dark\:text-safe-600\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-600) / .85)
}

html .tailwind-area .dark\:text-safe-600\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-600) / .9)
}

html .tailwind-area .dark\:text-safe-600\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-600) / .95)
}

html .tailwind-area .dark\:text-safe-700:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-safe-700) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-safe-700\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-700) / 0)
}

html .tailwind-area .dark\:text-safe-700\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-700) / .1)
}

html .tailwind-area .dark\:text-safe-700\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-700) / 1)
}

html .tailwind-area .dark\:text-safe-700\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-700) / .15)
}

html .tailwind-area .dark\:text-safe-700\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-700) / .2)
}

html .tailwind-area .dark\:text-safe-700\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-700) / .25)
}

html .tailwind-area .dark\:text-safe-700\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-700) / .3)
}

html .tailwind-area .dark\:text-safe-700\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-700) / .35)
}

html .tailwind-area .dark\:text-safe-700\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-700) / .4)
}

html .tailwind-area .dark\:text-safe-700\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-700) / .45)
}

html .tailwind-area .dark\:text-safe-700\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-700) / .05)
}

html .tailwind-area .dark\:text-safe-700\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-700) / .5)
}

html .tailwind-area .dark\:text-safe-700\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-700) / .55)
}

html .tailwind-area .dark\:text-safe-700\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-700) / .6)
}

html .tailwind-area .dark\:text-safe-700\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-700) / .65)
}

html .tailwind-area .dark\:text-safe-700\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-700) / .7)
}

html .tailwind-area .dark\:text-safe-700\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-700) / .75)
}

html .tailwind-area .dark\:text-safe-700\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-700) / .8)
}

html .tailwind-area .dark\:text-safe-700\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-700) / .85)
}

html .tailwind-area .dark\:text-safe-700\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-700) / .9)
}

html .tailwind-area .dark\:text-safe-700\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-700) / .95)
}

html .tailwind-area .dark\:text-safe-800:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-safe-800) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-safe-800\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-800) / 0)
}

html .tailwind-area .dark\:text-safe-800\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-800) / .1)
}

html .tailwind-area .dark\:text-safe-800\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-800) / 1)
}

html .tailwind-area .dark\:text-safe-800\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-800) / .15)
}

html .tailwind-area .dark\:text-safe-800\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-800) / .2)
}

html .tailwind-area .dark\:text-safe-800\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-800) / .25)
}

html .tailwind-area .dark\:text-safe-800\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-800) / .3)
}

html .tailwind-area .dark\:text-safe-800\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-800) / .35)
}

html .tailwind-area .dark\:text-safe-800\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-800) / .4)
}

html .tailwind-area .dark\:text-safe-800\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-800) / .45)
}

html .tailwind-area .dark\:text-safe-800\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-800) / .05)
}

html .tailwind-area .dark\:text-safe-800\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-800) / .5)
}

html .tailwind-area .dark\:text-safe-800\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-800) / .55)
}

html .tailwind-area .dark\:text-safe-800\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-800) / .6)
}

html .tailwind-area .dark\:text-safe-800\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-800) / .65)
}

html .tailwind-area .dark\:text-safe-800\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-800) / .7)
}

html .tailwind-area .dark\:text-safe-800\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-800) / .75)
}

html .tailwind-area .dark\:text-safe-800\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-800) / .8)
}

html .tailwind-area .dark\:text-safe-800\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-800) / .85)
}

html .tailwind-area .dark\:text-safe-800\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-800) / .9)
}

html .tailwind-area .dark\:text-safe-800\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-800) / .95)
}

html .tailwind-area .dark\:text-safe-900:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-safe-900) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-safe-900\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-900) / 0)
}

html .tailwind-area .dark\:text-safe-900\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-900) / .1)
}

html .tailwind-area .dark\:text-safe-900\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-900) / 1)
}

html .tailwind-area .dark\:text-safe-900\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-900) / .15)
}

html .tailwind-area .dark\:text-safe-900\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-900) / .2)
}

html .tailwind-area .dark\:text-safe-900\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-900) / .25)
}

html .tailwind-area .dark\:text-safe-900\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-900) / .3)
}

html .tailwind-area .dark\:text-safe-900\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-900) / .35)
}

html .tailwind-area .dark\:text-safe-900\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-900) / .4)
}

html .tailwind-area .dark\:text-safe-900\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-900) / .45)
}

html .tailwind-area .dark\:text-safe-900\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-900) / .05)
}

html .tailwind-area .dark\:text-safe-900\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-900) / .5)
}

html .tailwind-area .dark\:text-safe-900\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-900) / .55)
}

html .tailwind-area .dark\:text-safe-900\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-900) / .6)
}

html .tailwind-area .dark\:text-safe-900\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-900) / .65)
}

html .tailwind-area .dark\:text-safe-900\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-900) / .7)
}

html .tailwind-area .dark\:text-safe-900\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-900) / .75)
}

html .tailwind-area .dark\:text-safe-900\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-900) / .8)
}

html .tailwind-area .dark\:text-safe-900\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-900) / .85)
}

html .tailwind-area .dark\:text-safe-900\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-900) / .9)
}

html .tailwind-area .dark\:text-safe-900\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-safe-900) / .95)
}

html .tailwind-area .dark\:text-slate-200:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(226 232 240 / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-slate-400:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(148 163 184 / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-warning-100:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-warning-100) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-warning-100\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-100) / 0)
}

html .tailwind-area .dark\:text-warning-100\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-100) / .1)
}

html .tailwind-area .dark\:text-warning-100\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-100) / 1)
}

html .tailwind-area .dark\:text-warning-100\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-100) / .15)
}

html .tailwind-area .dark\:text-warning-100\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-100) / .2)
}

html .tailwind-area .dark\:text-warning-100\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-100) / .25)
}

html .tailwind-area .dark\:text-warning-100\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-100) / .3)
}

html .tailwind-area .dark\:text-warning-100\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-100) / .35)
}

html .tailwind-area .dark\:text-warning-100\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-100) / .4)
}

html .tailwind-area .dark\:text-warning-100\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-100) / .45)
}

html .tailwind-area .dark\:text-warning-100\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-100) / .05)
}

html .tailwind-area .dark\:text-warning-100\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-100) / .5)
}

html .tailwind-area .dark\:text-warning-100\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-100) / .55)
}

html .tailwind-area .dark\:text-warning-100\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-100) / .6)
}

html .tailwind-area .dark\:text-warning-100\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-100) / .65)
}

html .tailwind-area .dark\:text-warning-100\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-100) / .7)
}

html .tailwind-area .dark\:text-warning-100\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-100) / .75)
}

html .tailwind-area .dark\:text-warning-100\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-100) / .8)
}

html .tailwind-area .dark\:text-warning-100\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-100) / .85)
}

html .tailwind-area .dark\:text-warning-100\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-100) / .9)
}

html .tailwind-area .dark\:text-warning-100\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-100) / .95)
}

html .tailwind-area .dark\:text-warning-200:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-warning-200) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-warning-200\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-200) / 0)
}

html .tailwind-area .dark\:text-warning-200\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-200) / .1)
}

html .tailwind-area .dark\:text-warning-200\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-200) / 1)
}

html .tailwind-area .dark\:text-warning-200\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-200) / .15)
}

html .tailwind-area .dark\:text-warning-200\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-200) / .2)
}

html .tailwind-area .dark\:text-warning-200\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-200) / .25)
}

html .tailwind-area .dark\:text-warning-200\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-200) / .3)
}

html .tailwind-area .dark\:text-warning-200\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-200) / .35)
}

html .tailwind-area .dark\:text-warning-200\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-200) / .4)
}

html .tailwind-area .dark\:text-warning-200\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-200) / .45)
}

html .tailwind-area .dark\:text-warning-200\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-200) / .05)
}

html .tailwind-area .dark\:text-warning-200\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-200) / .5)
}

html .tailwind-area .dark\:text-warning-200\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-200) / .55)
}

html .tailwind-area .dark\:text-warning-200\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-200) / .6)
}

html .tailwind-area .dark\:text-warning-200\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-200) / .65)
}

html .tailwind-area .dark\:text-warning-200\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-200) / .7)
}

html .tailwind-area .dark\:text-warning-200\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-200) / .75)
}

html .tailwind-area .dark\:text-warning-200\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-200) / .8)
}

html .tailwind-area .dark\:text-warning-200\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-200) / .85)
}

html .tailwind-area .dark\:text-warning-200\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-200) / .9)
}

html .tailwind-area .dark\:text-warning-200\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-200) / .95)
}

html .tailwind-area .dark\:text-warning-300:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-warning-300) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-warning-300\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-300) / 0)
}

html .tailwind-area .dark\:text-warning-300\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-300) / .1)
}

html .tailwind-area .dark\:text-warning-300\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-300) / 1)
}

html .tailwind-area .dark\:text-warning-300\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-300) / .15)
}

html .tailwind-area .dark\:text-warning-300\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-300) / .2)
}

html .tailwind-area .dark\:text-warning-300\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-300) / .25)
}

html .tailwind-area .dark\:text-warning-300\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-300) / .3)
}

html .tailwind-area .dark\:text-warning-300\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-300) / .35)
}

html .tailwind-area .dark\:text-warning-300\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-300) / .4)
}

html .tailwind-area .dark\:text-warning-300\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-300) / .45)
}

html .tailwind-area .dark\:text-warning-300\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-300) / .05)
}

html .tailwind-area .dark\:text-warning-300\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-300) / .5)
}

html .tailwind-area .dark\:text-warning-300\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-300) / .55)
}

html .tailwind-area .dark\:text-warning-300\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-300) / .6)
}

html .tailwind-area .dark\:text-warning-300\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-300) / .65)
}

html .tailwind-area .dark\:text-warning-300\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-300) / .7)
}

html .tailwind-area .dark\:text-warning-300\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-300) / .75)
}

html .tailwind-area .dark\:text-warning-300\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-300) / .8)
}

html .tailwind-area .dark\:text-warning-300\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-300) / .85)
}

html .tailwind-area .dark\:text-warning-300\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-300) / .9)
}

html .tailwind-area .dark\:text-warning-300\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-300) / .95)
}

html .tailwind-area .dark\:text-warning-400:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-warning-400) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-warning-400\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-400) / 0)
}

html .tailwind-area .dark\:text-warning-400\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-400) / .1)
}

html .tailwind-area .dark\:text-warning-400\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-400) / 1)
}

html .tailwind-area .dark\:text-warning-400\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-400) / .15)
}

html .tailwind-area .dark\:text-warning-400\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-400) / .2)
}

html .tailwind-area .dark\:text-warning-400\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-400) / .25)
}

html .tailwind-area .dark\:text-warning-400\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-400) / .3)
}

html .tailwind-area .dark\:text-warning-400\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-400) / .35)
}

html .tailwind-area .dark\:text-warning-400\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-400) / .4)
}

html .tailwind-area .dark\:text-warning-400\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-400) / .45)
}

html .tailwind-area .dark\:text-warning-400\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-400) / .05)
}

html .tailwind-area .dark\:text-warning-400\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-400) / .5)
}

html .tailwind-area .dark\:text-warning-400\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-400) / .55)
}

html .tailwind-area .dark\:text-warning-400\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-400) / .6)
}

html .tailwind-area .dark\:text-warning-400\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-400) / .65)
}

html .tailwind-area .dark\:text-warning-400\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-400) / .7)
}

html .tailwind-area .dark\:text-warning-400\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-400) / .75)
}

html .tailwind-area .dark\:text-warning-400\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-400) / .8)
}

html .tailwind-area .dark\:text-warning-400\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-400) / .85)
}

html .tailwind-area .dark\:text-warning-400\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-400) / .9)
}

html .tailwind-area .dark\:text-warning-400\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-400) / .95)
}

html .tailwind-area .dark\:text-warning-50:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-warning-50) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-warning-50\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-50) / 0)
}

html .tailwind-area .dark\:text-warning-50\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-50) / .1)
}

html .tailwind-area .dark\:text-warning-50\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-50) / 1)
}

html .tailwind-area .dark\:text-warning-50\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-50) / .15)
}

html .tailwind-area .dark\:text-warning-50\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-50) / .2)
}

html .tailwind-area .dark\:text-warning-50\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-50) / .25)
}

html .tailwind-area .dark\:text-warning-50\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-50) / .3)
}

html .tailwind-area .dark\:text-warning-50\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-50) / .35)
}

html .tailwind-area .dark\:text-warning-50\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-50) / .4)
}

html .tailwind-area .dark\:text-warning-50\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-50) / .45)
}

html .tailwind-area .dark\:text-warning-50\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-50) / .05)
}

html .tailwind-area .dark\:text-warning-50\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-50) / .5)
}

html .tailwind-area .dark\:text-warning-50\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-50) / .55)
}

html .tailwind-area .dark\:text-warning-50\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-50) / .6)
}

html .tailwind-area .dark\:text-warning-50\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-50) / .65)
}

html .tailwind-area .dark\:text-warning-50\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-50) / .7)
}

html .tailwind-area .dark\:text-warning-50\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-50) / .75)
}

html .tailwind-area .dark\:text-warning-50\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-50) / .8)
}

html .tailwind-area .dark\:text-warning-50\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-50) / .85)
}

html .tailwind-area .dark\:text-warning-50\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-50) / .9)
}

html .tailwind-area .dark\:text-warning-50\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-50) / .95)
}

html .tailwind-area .dark\:text-warning-500:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-warning-500) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-warning-500\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-500) / 0)
}

html .tailwind-area .dark\:text-warning-500\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-500) / .1)
}

html .tailwind-area .dark\:text-warning-500\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-500) / 1)
}

html .tailwind-area .dark\:text-warning-500\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-500) / .15)
}

html .tailwind-area .dark\:text-warning-500\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-500) / .2)
}

html .tailwind-area .dark\:text-warning-500\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-500) / .25)
}

html .tailwind-area .dark\:text-warning-500\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-500) / .3)
}

html .tailwind-area .dark\:text-warning-500\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-500) / .35)
}

html .tailwind-area .dark\:text-warning-500\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-500) / .4)
}

html .tailwind-area .dark\:text-warning-500\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-500) / .45)
}

html .tailwind-area .dark\:text-warning-500\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-500) / .05)
}

html .tailwind-area .dark\:text-warning-500\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-500) / .5)
}

html .tailwind-area .dark\:text-warning-500\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-500) / .55)
}

html .tailwind-area .dark\:text-warning-500\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-500) / .6)
}

html .tailwind-area .dark\:text-warning-500\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-500) / .65)
}

html .tailwind-area .dark\:text-warning-500\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-500) / .7)
}

html .tailwind-area .dark\:text-warning-500\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-500) / .75)
}

html .tailwind-area .dark\:text-warning-500\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-500) / .8)
}

html .tailwind-area .dark\:text-warning-500\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-500) / .85)
}

html .tailwind-area .dark\:text-warning-500\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-500) / .9)
}

html .tailwind-area .dark\:text-warning-500\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-500) / .95)
}

html .tailwind-area .dark\:text-warning-600:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-warning-600) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-warning-600\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-600) / 0)
}

html .tailwind-area .dark\:text-warning-600\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-600) / .1)
}

html .tailwind-area .dark\:text-warning-600\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-600) / 1)
}

html .tailwind-area .dark\:text-warning-600\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-600) / .15)
}

html .tailwind-area .dark\:text-warning-600\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-600) / .2)
}

html .tailwind-area .dark\:text-warning-600\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-600) / .25)
}

html .tailwind-area .dark\:text-warning-600\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-600) / .3)
}

html .tailwind-area .dark\:text-warning-600\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-600) / .35)
}

html .tailwind-area .dark\:text-warning-600\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-600) / .4)
}

html .tailwind-area .dark\:text-warning-600\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-600) / .45)
}

html .tailwind-area .dark\:text-warning-600\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-600) / .05)
}

html .tailwind-area .dark\:text-warning-600\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-600) / .5)
}

html .tailwind-area .dark\:text-warning-600\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-600) / .55)
}

html .tailwind-area .dark\:text-warning-600\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-600) / .6)
}

html .tailwind-area .dark\:text-warning-600\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-600) / .65)
}

html .tailwind-area .dark\:text-warning-600\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-600) / .7)
}

html .tailwind-area .dark\:text-warning-600\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-600) / .75)
}

html .tailwind-area .dark\:text-warning-600\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-600) / .8)
}

html .tailwind-area .dark\:text-warning-600\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-600) / .85)
}

html .tailwind-area .dark\:text-warning-600\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-600) / .9)
}

html .tailwind-area .dark\:text-warning-600\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-600) / .95)
}

html .tailwind-area .dark\:text-warning-700:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-warning-700) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-warning-700\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-700) / 0)
}

html .tailwind-area .dark\:text-warning-700\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-700) / .1)
}

html .tailwind-area .dark\:text-warning-700\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-700) / 1)
}

html .tailwind-area .dark\:text-warning-700\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-700) / .15)
}

html .tailwind-area .dark\:text-warning-700\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-700) / .2)
}

html .tailwind-area .dark\:text-warning-700\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-700) / .25)
}

html .tailwind-area .dark\:text-warning-700\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-700) / .3)
}

html .tailwind-area .dark\:text-warning-700\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-700) / .35)
}

html .tailwind-area .dark\:text-warning-700\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-700) / .4)
}

html .tailwind-area .dark\:text-warning-700\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-700) / .45)
}

html .tailwind-area .dark\:text-warning-700\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-700) / .05)
}

html .tailwind-area .dark\:text-warning-700\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-700) / .5)
}

html .tailwind-area .dark\:text-warning-700\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-700) / .55)
}

html .tailwind-area .dark\:text-warning-700\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-700) / .6)
}

html .tailwind-area .dark\:text-warning-700\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-700) / .65)
}

html .tailwind-area .dark\:text-warning-700\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-700) / .7)
}

html .tailwind-area .dark\:text-warning-700\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-700) / .75)
}

html .tailwind-area .dark\:text-warning-700\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-700) / .8)
}

html .tailwind-area .dark\:text-warning-700\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-700) / .85)
}

html .tailwind-area .dark\:text-warning-700\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-700) / .9)
}

html .tailwind-area .dark\:text-warning-700\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-700) / .95)
}

html .tailwind-area .dark\:text-warning-800:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-warning-800) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-warning-800\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-800) / 0)
}

html .tailwind-area .dark\:text-warning-800\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-800) / .1)
}

html .tailwind-area .dark\:text-warning-800\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-800) / 1)
}

html .tailwind-area .dark\:text-warning-800\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-800) / .15)
}

html .tailwind-area .dark\:text-warning-800\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-800) / .2)
}

html .tailwind-area .dark\:text-warning-800\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-800) / .25)
}

html .tailwind-area .dark\:text-warning-800\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-800) / .3)
}

html .tailwind-area .dark\:text-warning-800\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-800) / .35)
}

html .tailwind-area .dark\:text-warning-800\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-800) / .4)
}

html .tailwind-area .dark\:text-warning-800\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-800) / .45)
}

html .tailwind-area .dark\:text-warning-800\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-800) / .05)
}

html .tailwind-area .dark\:text-warning-800\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-800) / .5)
}

html .tailwind-area .dark\:text-warning-800\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-800) / .55)
}

html .tailwind-area .dark\:text-warning-800\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-800) / .6)
}

html .tailwind-area .dark\:text-warning-800\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-800) / .65)
}

html .tailwind-area .dark\:text-warning-800\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-800) / .7)
}

html .tailwind-area .dark\:text-warning-800\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-800) / .75)
}

html .tailwind-area .dark\:text-warning-800\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-800) / .8)
}

html .tailwind-area .dark\:text-warning-800\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-800) / .85)
}

html .tailwind-area .dark\:text-warning-800\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-800) / .9)
}

html .tailwind-area .dark\:text-warning-800\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-800) / .95)
}

html .tailwind-area .dark\:text-warning-900:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-warning-900) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-warning-900\/0:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-900) / 0)
}

html .tailwind-area .dark\:text-warning-900\/10:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-900) / .1)
}

html .tailwind-area .dark\:text-warning-900\/100:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-900) / 1)
}

html .tailwind-area .dark\:text-warning-900\/15:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-900) / .15)
}

html .tailwind-area .dark\:text-warning-900\/20:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-900) / .2)
}

html .tailwind-area .dark\:text-warning-900\/25:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-900) / .25)
}

html .tailwind-area .dark\:text-warning-900\/30:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-900) / .3)
}

html .tailwind-area .dark\:text-warning-900\/35:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-900) / .35)
}

html .tailwind-area .dark\:text-warning-900\/40:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-900) / .4)
}

html .tailwind-area .dark\:text-warning-900\/45:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-900) / .45)
}

html .tailwind-area .dark\:text-warning-900\/5:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-900) / .05)
}

html .tailwind-area .dark\:text-warning-900\/50:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-900) / .5)
}

html .tailwind-area .dark\:text-warning-900\/55:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-900) / .55)
}

html .tailwind-area .dark\:text-warning-900\/60:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-900) / .6)
}

html .tailwind-area .dark\:text-warning-900\/65:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-900) / .65)
}

html .tailwind-area .dark\:text-warning-900\/70:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-900) / .7)
}

html .tailwind-area .dark\:text-warning-900\/75:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-900) / .75)
}

html .tailwind-area .dark\:text-warning-900\/80:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-900) / .8)
}

html .tailwind-area .dark\:text-warning-900\/85:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-900) / .85)
}

html .tailwind-area .dark\:text-warning-900\/90:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-900) / .9)
}

html .tailwind-area .dark\:text-warning-900\/95:is([data-mode=dark] *) {
    color: rgb(var(--ui-warning-900) / .95)
}

html .tailwind-area .dark\:text-white:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-zinc-200:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(228 228 231 / var(--tw-text-opacity))
}

html .tailwind-area .dark\:text-zinc-300:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(212 212 216 / var(--tw-text-opacity))
}

html .tailwind-area .dark\:shadow-none:is([data-mode=dark] *) {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

html .tailwind-area .dark\:shadow-zinc-800:is([data-mode=dark] *) {
    --tw-shadow-color: #27272a;
    --tw-shadow: var(--tw-shadow-colored)
}

html .tailwind-area .dark\:shadow-zinc-900:is([data-mode=dark] *) {
    --tw-shadow-color: #18181b;
    --tw-shadow: var(--tw-shadow-colored)
}

html .tailwind-area .dark\:shadow-zinc-900\/50:is([data-mode=dark] *) {
    --tw-shadow-color: rgb(24 24 27 / .5);
    --tw-shadow: var(--tw-shadow-colored)
}

html .tailwind-area .dark\:ring-1:is([data-mode=dark] *) {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

html .tailwind-area .dark\:ring-inset:is([data-mode=dark] *) {
    --tw-ring-inset: inset
}

html .tailwind-area .dark\:ring-gray-600:is([data-mode=dark] *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity))
}

html .tailwind-area .dark\:ring-primary-800:is([data-mode=dark] *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--ui-primary-800) / var(--tw-ring-opacity))
}

html .tailwind-area .dark\:ring-white\/10:is([data-mode=dark] *) {
    --tw-ring-color: rgb(255 255 255 / .1)
}

html .tailwind-area .dark\:color-scheme-dark:is([data-mode=dark] *) {
    color-scheme: dark
}

html .tailwind-area .dark\:bg-logo-dark:is([data-mode=dark] *) {
    background-image: url(/api/session/skin-customization/evolution/images/logo2)
}

html .tailwind-area .dark\:even\:bg-gray-800:nth-child(2n):is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:hover\:\  !bg-gray-900:hover:is([data-mode=dark] *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity)) !important
}

html .tailwind-area .dark\:hover\:bg-danger-900:hover:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-danger-900) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:hover\:bg-gray-600:hover:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99 / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:hover\:bg-gray-700:hover:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:hover\:bg-gray-700\/50:hover:is([data-mode=dark] *) {
    background-color: #37415180
}

html .tailwind-area .dark\:hover\:bg-gray-800:hover:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:hover\:bg-gray-900:hover:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:hover\:bg-layout-color-600:hover:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-layout-color-600) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:hover\:bg-layout-color-700:hover:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-layout-color-700) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:hover\:bg-primary-700:hover:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-primary-700) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:hover\:bg-primary-700\/25:hover:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-700) / .25)
}

html .tailwind-area .dark\:hover\:bg-primary-900:hover:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-primary-900) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:hover\:bg-primary-900\/50:hover:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-900) / .5)
}

html .tailwind-area .hover\:dark\:\  !bg-danger-800\/70:is([data-mode=dark] *):hover {
    background-color: rgb(var(--ui-danger-800) / .7) !important
}

html .tailwind-area .hover\:dark\:bg-gray-600:is([data-mode=dark] *):hover {
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99 / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:dark\:bg-primary-900:is([data-mode=dark] *):hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-primary-900) / var(--tw-bg-opacity))
}

html .tailwind-area .hover\:dark\:bg-transparent:is([data-mode=dark] *):hover {
    background-color: transparent
}

html .tailwind-area .dark\:hover\:text-primary-300:hover:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-primary-300) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:hover\:text-white:hover:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

html .tailwind-area .hover\:dark\:text-primary-200:is([data-mode=dark] *):hover {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-primary-200) / var(--tw-text-opacity))
}

html .tailwind-area .dark\:focus\:bg-primary-700\/25:focus:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-700) / .25)
}

html .tailwind-area .dark\:focus\:bg-primary-700\/35:focus:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-700) / .35)
}

html .tailwind-area .dark\:focus\:bg-primary-800\/20:focus:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-800) / .2)
}

html .tailwind-area .dark\:focus\:text-white:focus:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

html .tailwind-area .dark\:focus-visible\:bg-layout-color-700:focus-visible:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-layout-color-700) / var(--tw-bg-opacity))
}

html .tailwind-area :is(.group:hover .dark\:group-hover\:bg-gray-900:is([data-mode=dark] *)) {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:aria-expanded\:bg-gray-600[aria-expanded=true]:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99 / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:aria-expanded\:bg-layout-color-700[aria-expanded=true]:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-layout-color-700) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:aria-expanded\:bg-layout-color-800[aria-expanded=true]:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-layout-color-800) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:data-\[state\=on\]\:border-layout-color-400[data-state=on]:is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--ui-layout-color-400) / var(--tw-border-opacity))
}

html .tailwind-area .dark\:data-\[highlighted\]\:bg-layout-color\/50[data-highlighted]:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-layout-color-500) / .5)
}

html .tailwind-area .dark\:data-\[highlighted\]\:bg-primary-900\/50[data-highlighted]:is([data-mode=dark] *) {
    background-color: rgb(var(--ui-primary-900) / .5)
}

html .tailwind-area .dark\:data-\[highlighted\]\:bg-zinc-600[data-highlighted]:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(82 82 91 / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:data-\[state\=on\]\:bg-layout-color-300[data-state=on]:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-layout-color-300) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:data-\[state\=on\]\:bg-layout-color-400[data-state=on]:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-layout-color-400) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:data-\[state\=on\]\:bg-layout-color-600[data-state=on]:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-layout-color-600) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:data-\[state\=on\]\:bg-layout-color-800[data-state=on]:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-layout-color-800) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:data-\[state\=on\]\:text-white[data-state=on]:is([data-mode=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

html .tailwind-area .dark\:data-\[state\=on\]\:shadow-none[data-state=on]:is([data-mode=dark] *) {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

html .tailwind-area :is(.group[data-highlighted] .dark\:group-data-\[highlighted\]\:text-white:is([data-mode=dark] *)) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

html .tailwind-area :is(.group[data-state=on] .dark\:group-data-\[state\=on\]\:text-layout-color-200:is([data-mode=dark] *)) {
    --tw-text-opacity: 1;
    color: rgb(var(--ui-layout-color-200) / var(--tw-text-opacity))
}

html .tailwind-area :is(.group[data-state=unchecked] .dark\:group-data-\[state\=unchecked\]\:text-gray-400:is([data-mode=dark] *)) {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity))
}

html .tailwind-area .dark\:current-page\:bg-layout-color-700[aria-current=page]:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-layout-color-700) / var(--tw-bg-opacity))
}

html .tailwind-area .dark\:current-page\:bg-layout-color-800[aria-current=page]:is([data-mode=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--ui-layout-color-800) / var(--tw-bg-opacity))
}

@media not all and (min-width: 1024px) {
    html .tailwind-area .max-md\:my-2 {
        margin-top: .5rem;
        margin-bottom: .5rem
    }

    html .tailwind-area .max-md\:me-2 {
        margin-inline-end: .5rem
    }

    html .tailwind-area .max-md\:hidden {
        display: none
    }

    html .tailwind-area .max-md\:size-8 {
        width: 2rem;
        height: 2rem
    }

    html .tailwind-area .max-md\:h-12 {
        height: 3rem
    }

    html .tailwind-area .max-md\:h-16 {
        height: 4rem
    }

    html .tailwind-area .max-md\:min-h-16 {
        min-height: 4rem
    }

    html .tailwind-area .max-md\:min-w-16 {
        min-width: 4rem
    }

    html .tailwind-area .max-md\:max-w-sm {
        max-width: 24rem
    }

    html .tailwind-area .max-md\:text-white {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
    }
}

@media not all and (min-width: 768px) {
    html .tailwind-area .max-sm\:sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }

    html .tailwind-area .max-sm\:hidden {
        display: none
    }

    html .tailwind-area .max-sm\:w-full {
        width: 100%
    }

    html .tailwind-area .max-sm\:place-self-end {
        place-self: end
    }

    html .tailwind-area .max-sm\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (min-width: 480px) {
    html .tailwind-area .xs\:block {
        display: block
    }

    html .tailwind-area .xs\:inline {
        display: inline
    }

    html .tailwind-area .xs\:w-auto {
        width: auto
    }

    html .tailwind-area .xs\:w-min {
        width: -moz-min-content;
        width: min-content
    }

    html .tailwind-area .xs\:flex-row {
        flex-direction: row
    }
}

@media (min-width: 768px) {
    html .tailwind-area .sm\:left-auto {
        left: auto
    }

    html .tailwind-area .sm\:z-auto {
        z-index: auto
    }

    html .tailwind-area .sm\:order-6 {
        order: 6
    }

    html .tailwind-area .sm\:col-span-1 {
        grid-column: span 1 / span 1
    }

    html .tailwind-area .sm\:col-span-2 {
        grid-column: span 2 / span 2
    }

    html .tailwind-area .sm\:col-span-3 {
        grid-column: span 3 / span 3
    }

    html .tailwind-area .sm\:col-start-1 {
        grid-column-start: 1
    }

    html .tailwind-area .sm\:col-start-2 {
        grid-column-start: 2
    }

    html .tailwind-area .sm\:row-start-1 {
        grid-row-start: 1
    }

    html .tailwind-area .sm\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    html .tailwind-area .sm\:mx-8 {
        margin-left: 2rem;
        margin-right: 2rem
    }

    html .tailwind-area .sm\:ml-4 {
        margin-left: 1rem
    }

    html .tailwind-area .sm\:mt-0 {
        margin-top: 0
    }

    html .tailwind-area .sm\:mt-14 {
        margin-top: 3.5rem
    }

    html .tailwind-area .sm\:mt-2 {
        margin-top: .5rem
    }

    html .tailwind-area .sm\:mt-5 {
        margin-top: 1.25rem
    }

    html .tailwind-area .sm\:block {
        display: block
    }

    html .tailwind-area .sm\:inline {
        display: inline
    }

    html .tailwind-area .sm\:flex {
        display: flex
    }

    html .tailwind-area .sm\:grid {
        display: grid
    }

    html .tailwind-area .sm\:hidden {
        display: none
    }

    html .tailwind-area .sm\:size-10 {
        width: 2.5rem;
        height: 2.5rem
    }

    html .tailwind-area .sm\:size-full {
        width: 100%;
        height: 100%
    }

    html .tailwind-area .sm\:h-20 {
        height: 5rem
    }

    html .tailwind-area .sm\:max-h-\[600px\] {
        max-height: 600px
    }

    html .tailwind-area .sm\:min-h-32 {
        min-height: 8rem
    }

    html .tailwind-area .sm\:min-h-\[200px\] {
        min-height: 200px
    }

    html .tailwind-area .sm\:w-20 {
        width: 5rem
    }

    html .tailwind-area .sm\:w-96 {
        width: 24rem
    }

    html .tailwind-area .sm\:w-\[38rem\] {
        width: 38rem
    }

    html .tailwind-area .sm\:w-\[600px\] {
        width: 600px
    }

    html .tailwind-area .sm\:w-auto {
        width: auto
    }

    html .tailwind-area .sm\:w-fit {
        width: -moz-fit-content;
        width: fit-content
    }

    html .tailwind-area .sm\:w-full {
        width: 100%
    }

    html .tailwind-area .sm\:min-w-96 {
        min-width: 24rem
    }

    html .tailwind-area .sm\:min-w-\[360px\] {
        min-width: 360px
    }

    html .tailwind-area .sm\:min-w-\[36rem\] {
        min-width: 36rem
    }

    html .tailwind-area .sm\:min-w-\[400px\] {
        min-width: 400px
    }

    html .tailwind-area .sm\:min-w-\[528px\] {
        min-width: 528px
    }

    html .tailwind-area .sm\:min-w-\[600px\] {
        min-width: 600px
    }

    html .tailwind-area .sm\:min-w-\[640px\] {
        min-width: 640px
    }

    html .tailwind-area .sm\:min-w-\[700px\] {
        min-width: 700px
    }

    html .tailwind-area .sm\:min-w-\[72rem\] {
        min-width: 72rem
    }

    html .tailwind-area .sm\:\  !max-w-full {
        max-width: 100% !important
    }

    html .tailwind-area .sm\:max-w-3xl {
        max-width: 48rem
    }

    html .tailwind-area .sm\:max-w-\[300px\] {
        max-width: 300px
    }

    html .tailwind-area .sm\:max-w-\[600px\] {
        max-width: 600px
    }

    html .tailwind-area .sm\:max-w-\[calc\(600px-10rem\)\] {
        max-width: calc(600px - 10rem)
    }

    html .tailwind-area .sm\:max-w-\[calc\(600px-22rem\)\] {
        max-width: calc(600px - 22rem)
    }

    html .tailwind-area .sm\:max-w-full {
        max-width: 100%
    }

    html .tailwind-area .sm\:max-w-max {
        max-width: -moz-max-content;
        max-width: max-content
    }

    html .tailwind-area .sm\:grow-0 {
        flex-grow: 0
    }

    html .tailwind-area .sm\:cursor-auto {
        cursor: auto
    }

    html .tailwind-area .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    html .tailwind-area .sm\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    html .tailwind-area .sm\:grid-cols-\[1fr_auto\] {
        grid-template-columns: 1fr auto
    }

    html .tailwind-area .sm\:grid-cols-\[1fr_repeat\(5\, _auto\)\] {
        grid-template-columns: 1fr repeat(5, auto)
    }

    html .tailwind-area .sm\:grid-cols-\[fit-content\(8ch\)_1fr\] {
        grid-template-columns: fit-content(8ch) 1fr
    }

    html .tailwind-area .sm\:grid-cols-\[minmax\(0\, _1fr\)_min-content\] {
        grid-template-columns: minmax(0, 1fr) min-content
    }

    html .tailwind-area .sm\:grid-rows-1 {
        grid-template-rows: repeat(1, minmax(0, 1fr))
    }

    html .tailwind-area .sm\:flex-row {
        flex-direction: row
    }

    html .tailwind-area .sm\:items-end {
        align-items: flex-end
    }

    html .tailwind-area .sm\:items-center {
        align-items: center
    }

    html .tailwind-area .sm\:justify-start {
        justify-content: flex-start
    }

    html .tailwind-area .sm\:justify-end {
        justify-content: flex-end
    }

    html .tailwind-area .sm\:justify-between {
        justify-content: space-between
    }

    html .tailwind-area .sm\:gap-0 {
        gap: 0px
    }

    html .tailwind-area .sm\:gap-4 {
        gap: 1rem
    }

    html .tailwind-area .sm\:gap-8 {
        gap: 2rem
    }

    html .tailwind-area :is(.sm\:space-y-2 > :not([hidden]) ~ :not([hidden])) {
        --tw-space-y-reverse: 0;
        margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(.5rem * var(--tw-space-y-reverse))
    }

    html .tailwind-area .sm\:self-end {
        align-self: flex-end
    }

    html .tailwind-area .sm\:rounded-none {
        border-radius: 0
    }

    html .tailwind-area .sm\:border-b {
        border-bottom-width: 1px
    }

    html .tailwind-area .sm\:border-b-0 {
        border-bottom-width: 0px
    }

    html .tailwind-area .sm\:border-r {
        border-right-width: 1px
    }

    html .tailwind-area .sm\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    html .tailwind-area .sm\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    html .tailwind-area .sm\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    html .tailwind-area .sm\:pe-0 {
        padding-inline-end: 0px
    }

    html .tailwind-area .sm\:pe-2 {
        padding-inline-end: .5rem
    }

    html .tailwind-area .sm\:pe-4 {
        padding-inline-end: 1rem
    }

    html .tailwind-area .sm\:ps-0 {
        padding-inline-start: 0px
    }

    html .tailwind-area .sm\:pt-12 {
        padding-top: 3rem
    }

    html .tailwind-area .sm\:text-left {
        text-align: left
    }

    html .tailwind-area .sm\:text-lg {
        font-size: 1.8rem
    }

    html .tailwind-area .sm\:text-md {
        font-size: 1.6rem
    }

    html .tailwind-area .sm\:text-sm {
        font-size: 1.4rem
    }

    html .tailwind-area .sm\:text-xl {
        font-size: 2rem
    }

    html .tailwind-area .sm\:text-xs {
        font-size: 1.2rem
    }

    html .tailwind-area .sm\:leading-6 {
        line-height: 1.5rem
    }
}

@media (min-width: 1024px) {
    html .tailwind-area .md\:col-span-2 {
        grid-column: span 2 / span 2
    }

    html .tailwind-area .md\:col-start-3 {
        grid-column-start: 3
    }

    html .tailwind-area .md\:row-start-1 {
        grid-row-start: 1
    }

    html .tailwind-area .md\:block {
        display: block
    }

    html .tailwind-area .md\:inline {
        display: inline
    }

    html .tailwind-area .md\:flex {
        display: flex
    }

    html .tailwind-area .md\:table-cell {
        display: table-cell
    }

    html .tailwind-area .md\:hidden {
        display: none
    }

    html .tailwind-area .md\:w-1\/2 {
        width: 50%
    }

    html .tailwind-area .md\:w-72 {
        width: 18rem
    }

    html .tailwind-area .md\:w-\[380px\] {
        width: 380px
    }

    html .tailwind-area .md\:w-\[700px\] {
        width: 700px
    }

    html .tailwind-area .md\:min-w-\[450px\] {
        min-width: 450px
    }

    html .tailwind-area .md\:min-w-\[480px\] {
        min-width: 480px
    }

    html .tailwind-area .md\:min-w-\[700px\] {
        min-width: 700px
    }

    html .tailwind-area .md\:max-w-3xl {
        max-width: 48rem
    }

    html .tailwind-area .md\:max-w-\[140px\] {
        max-width: 140px
    }

    html .tailwind-area .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    html .tailwind-area .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    html .tailwind-area .md\:grid-cols-\[35rem_minmax\(0\, _1fr\)\] {
        grid-template-columns: 35rem minmax(0, 1fr)
    }

    html .tailwind-area .md\:grid-cols-\[8rem_min-content_minmax\(0\, _1fr\)\] {
        grid-template-columns: 8rem min-content minmax(0, 1fr)
    }

    html .tailwind-area .md\:grid-cols-fluid {
        grid-template-columns: repeat(auto-fit, minmax(32rem, 1fr))
    }

    html .tailwind-area .md\:grid-rows-1 {
        grid-template-rows: repeat(1, minmax(0, 1fr))
    }

    html .tailwind-area .md\:flex-row {
        flex-direction: row
    }

    html .tailwind-area .md\:justify-start {
        justify-content: flex-start
    }

    html .tailwind-area .md\:gap-y-2 {
        row-gap: .5rem
    }

    html .tailwind-area .md\:bg-layout-color {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-layout-color-500) / var(--tw-bg-opacity))
    }

    html .tailwind-area .md\:bg-white {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity))
    }

    html .tailwind-area .md\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    html .tailwind-area .md\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    html .tailwind-area .md\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    html .tailwind-area .md\:pt-40 {
        padding-top: 10rem
    }

    html .tailwind-area .md\:text-2xl {
        font-size: 2.4rem
    }

    html .tailwind-area .md\:text-xs {
        font-size: 1.2rem
    }

    html .tailwind-area .md\:shadow-md {
        --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
        --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    html .tailwind-area .md\:shadow-layout-color-800\/25 {
        --tw-shadow-color: rgb(var(--ui-layout-color-800) / .25);
        --tw-shadow: var(--tw-shadow-colored)
    }

    html .tailwind-area .md\:bg-logo-dark {
        background-image: url(/api/session/skin-customization/evolution/images/logo2)
    }

    html .tailwind-area .md\:bg-logo-light {
        background-image: url(/api/session/skin-customization/evolution/images/logo)
    }

    html .tailwind-area .md\:data-\[state\=on\]\:bg-layout-color[data-state=on] {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--ui-layout-color-500) / var(--tw-bg-opacity))
    }

    html .tailwind-area .md\:dark\:bg-zinc-900:is([data-mode=dark] *) {
        --tw-bg-opacity: 1;
        background-color: rgb(24 24 27 / var(--tw-bg-opacity))
    }
}

@media (min-width: 1280px) {
    html .tailwind-area .lg\:row-span-1 {
        grid-row: span 1 / span 1
    }

    html .tailwind-area .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    html .tailwind-area .lg\:grid-cols-\[1fr_128rem_1fr\] {
        grid-template-columns: 1fr 128rem 1fr
    }
}

@media (min-width: 1536px) {
    html .tailwind-area .xl\:max-w-max {
        max-width: -moz-max-content;
        max-width: max-content
    }

    html .tailwind-area .xl\:flex-row {
        flex-direction: row
    }
}

@media (min-width: 1920px) {
    html .tailwind-area .\32xl\:col-end-1 {
        grid-column-end: 1
    }

    html .tailwind-area .\32xl\:mt-0 {
        margin-top: 0
    }

    html .tailwind-area .\32xl\:contents {
        display: contents
    }

    html .tailwind-area .\32xl\:w-full {
        width: 100%
    }

    html .tailwind-area .\32xl\:pr-4 {
        padding-right: 1rem
    }

    html .tailwind-area .\32xl\:pt-4 {
        padding-top: 1rem
    }
}

html .tailwind-area .ltr\:ml-4:where([dir=ltr], [dir=ltr] *) {
    margin-left: 1rem
}

html .tailwind-area .rtl\:me-8:where([dir=rtl], [dir=rtl] *) {
    margin-inline-end: 2rem
}

html .tailwind-area .rtl\:mr-4:where([dir=rtl], [dir=rtl] *) {
    margin-right: 1rem
}

html .tailwind-area .rtl\:rounded-l-none:where([dir=rtl], [dir=rtl] *) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

html .tailwind-area .rtl\:rounded-r-md:where([dir=rtl], [dir=rtl] *) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

html .tailwind-area .rtl\:rounded-r-none:where([dir=rtl], [dir=rtl] *) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

html .tailwind-area .rtl\:text-right:where([dir=rtl], [dir=rtl] *) {
    text-align: right
}

html .tailwind-area .\[\&\:not\(\:first-child\)\]\:mt-12:not(:first-child) {
    margin-top: 3rem
}

html .tailwind-area .\[\&\:not\(\:last-child\)\]\:border-b:not(:last-child) {
    border-bottom-width: 1px
}

html .tailwind-area .dark\:\[\&\:not\(\:last-child\)\]\:border-gray-500:not(:last-child):is([data-mode=dark] *) {
    --tw-border-opacity: 1;
    border-color: rgb(107 114 128 / var(--tw-border-opacity))
}

html .tailwind-area :is(.\[\&\ > \ * \]\:\  !min-w-full > *) {
    min-width: 100% !important
}

html .tailwind-area .\[\&\[data-highlighted\]\]\:border-0[data-highlighted] {
    border-width: 0px
}

html .tailwind-area .\[\&\[data-highlighted\]\]\:ring-2[data-highlighted] {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

html .tailwind-area .\[\&\[data-highlighted\]\]\:ring-primary[data-highlighted] {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--ui-primary-500) / var(--tw-ring-opacity))
}

.dp__input_wrap {
    position: relative;
    width: 100%;
    box-sizing: unset
}

.dp__input_wrap:focus {
    border-color: var(--dp-border-color-hover);
    outline: none
}

.dp__input {
    background-color: var(--dp-background-color);
    border-radius: var(--dp-border-radius);
    font-family: var(--dp-font-family);
    border: 1px solid var(--dp-border-color);
    outline: none;
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    width: 100%;
    font-size: var(--dp-font-size);
    line-height: calc(var(--dp-font-size) * 1.5);
    padding: var(--dp-input-padding);
    color: var(--dp-text-color);
    box-sizing: border-box
}

.dp__input::-moz-placeholder {
    opacity: .7
}

.dp__input::placeholder {
    opacity: .7
}

.dp__input:hover {
    border-color: var(--dp-border-color-hover)
}

.dp__input_reg {
    caret-color: #0000
}

.dp__input_focus {
    border-color: var(--dp-border-color-hover)
}

.dp__disabled {
    background: var(--dp-disabled-color)
}

.dp__disabled::-moz-placeholder {
    color: var(--dp-disabled-color-text)
}

.dp__disabled::placeholder {
    color: var(--dp-disabled-color-text)
}

.dp__input_icons {
    display: inline-block;
    width: var(--dp-font-size);
    height: var(--dp-font-size);
    stroke-width: 0;
    font-size: var(--dp-font-size);
    line-height: calc(var(--dp-font-size) * 1.5);
    padding: 6px 12px;
    color: var(--dp-icon-color);
    box-sizing: content-box
}

.dp__input_icon {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    color: var(--dp-icon-color)
}

.dp__clear_icon {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    cursor: pointer;
    color: var(--dp-icon-color)
}

.dp__input_icon_pad {
    padding-left: var(--dp-input-icon-padding)
}

.dp__input_valid {
    box-shadow: 0 0 var(--dp-border-radius) var(--dp-success-color);
    border-color: var(--dp-success-color)
}

.dp__input_valid:hover {
    border-color: var(--dp-success-color)
}

.dp__input_invalid {
    box-shadow: 0 0 var(--dp-border-radius) var(--dp-danger-color);
    border-color: var(--dp-danger-color)
}

.dp__input_invalid:hover {
    border-color: var(--dp-danger-color)
}

.dp__menu {
    position: absolute;
    background: var(--dp-background-color);
    border-radius: var(--dp-border-radius);
    min-width: var(--dp-menu-min-width);
    font-family: var(--dp-font-family);
    font-size: var(--dp-font-size);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 1px solid var(--dp-menu-border-color);
    box-sizing: border-box
}

.dp__menu:after {
    box-sizing: border-box
}

.dp__menu:before {
    box-sizing: border-box
}

.dp__menu:focus {
    border: 1px solid var(--dp-menu-border-color);
    outline: none
}

.dp__menu_inner {
    padding: var(--dp-menu-padding)
}

.dp__menu_index {
    z-index: 99999
}

.dp__menu_readonly,
.dp__menu_disabled {
    position: absolute;
    inset: 0;
    z-index: 1
}

.dp__menu_disabled {
    background: #ffffff80;
    cursor: not-allowed
}

.dp__menu_readonly {
    background: #0000;
    cursor: default
}

.dp__arrow_top {
    left: 50%;
    top: -1px;
    height: 12px;
    width: 12px;
    background-color: var(--dp-background-color);
    position: absolute;
    border-left: 1px solid var(--dp-menu-border-color);
    border-top: 1px solid var(--dp-menu-border-color);
    transform: translate(-50%, -50%) rotate(45deg)
}

.dp__arrow_bottom {
    left: 50%;
    bottom: -1px;
    height: 12px;
    width: 12px;
    background-color: var(--dp-background-color);
    position: absolute;
    border-right: 1px solid var(--dp-menu-border-color);
    border-bottom: 1px solid var(--dp-menu-border-color);
    transform: translate(-50%, 50%) rotate(45deg)
}

.dp__action_extra {
    text-align: center;
    padding: 2px 0
}

.dp__preset_ranges,
.dp__sidebar_left {
    padding: 5px;
    border-right: 1px solid var(--dp-border-color)
}

.dp__sidebar_right {
    padding: 5px;
    border-left: 1px solid var(--dp-border-color)
}

.dp__preset_range {
    padding: 5px;
    display: block;
    white-space: nowrap;
    color: var(--dp-text-color);
    border-radius: var(--dp-border-radius);
    transition: var(--dp-common-transition)
}

.dp__preset_range:hover {
    background-color: var(--dp-hover-color);
    cursor: pointer
}

.dp__menu_content_wrapper {
    display: flex
}

.dp__calendar_header {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--dp-text-color);
    white-space: nowrap;
    font-weight: 700
}

.dp__calendar_header_item {
    text-align: center;
    flex-grow: 1;
    height: var(--dp-cell-size);
    padding: var(--dp-cell-padding);
    width: var(--dp-cell-size);
    box-sizing: border-box
}

.dp__calendar_row {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: var(--dp-row-maring)
}

.dp__calendar_item {
    text-align: center;
    flex-grow: 1;
    box-sizing: border-box;
    color: var(--dp-text-color)
}

.dp__calendar {
    position: relative
}

.dp__calendar_header_cell {
    border-bottom: thin solid var(--dp-border-color);
    padding: var(--dp-calendar-header-cell-padding)
}

.dp__cell_inner {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    border-radius: var(--dp-cell-border-radius);
    height: var(--dp-cell-size);
    padding: var(--dp-cell-padding);
    width: var(--dp-cell-size);
    border: 1px solid rgba(0, 0, 0, 0);
    box-sizing: border-box;
    position: relative
}

.dp__cell_inner:hover {
    transition: all .2s
}

.dp__cell_auto_range_start,
.dp__date_hover_start:hover,
.dp__range_start {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.dp__cell_auto_range_end,
.dp__date_hover_end:hover,
.dp__range_end {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.dp__range_end,
.dp__range_start,
.dp__active_date {
    background: var(--dp-primary-color);
    color: var(--dp-primary-text-color)
}

.dp__cell_auto_range_end,
.dp__cell_auto_range_start {
    border-top: 1px dashed var(--dp-primary-color);
    border-bottom: 1px dashed var(--dp-primary-color)
}

.dp__date_hover_end:hover,
.dp__date_hover_start:hover,
.dp__date_hover:hover {
    background: var(--dp-hover-color);
    color: var(--dp-hover-text-color)
}

.dp__cell_offset {
    color: var(--dp-secondary-color)
}

.dp__cell_disabled {
    color: var(--dp-secondary-color);
    cursor: not-allowed
}

.dp__range_between {
    background: var(--dp-hover-color);
    border-radius: 0;
    border: 1px solid var(--dp-hover-color)
}

.dp__range_between_week {
    background: var(--dp-primary-color);
    color: var(--dp-primary-text-color);
    border-radius: 0;
    border-top: 1px solid var(--dp-primary-color);
    border-bottom: 1px solid var(--dp-primary-color)
}

.dp__today {
    border: 1px solid var(--dp-primary-color)
}

.dp__week_num {
    color: var(--dp-secondary-color);
    text-align: center
}

.dp__cell_auto_range {
    border-radius: 0;
    border-top: 1px dashed var(--dp-primary-color);
    border-bottom: 1px dashed var(--dp-primary-color)
}

.dp__cell_auto_range_start {
    border-left: 1px dashed var(--dp-primary-color)
}

.dp__cell_auto_range_end {
    border-right: 1px dashed var(--dp-primary-color)
}

.dp__calendar_header_separator {
    width: 100%;
    height: 1px;
    background: var(--dp-border-color)
}

.dp__calendar_next {
    margin-left: var(--dp-multi-calendars-spacing)
}

.dp__marker_line,
.dp__marker_dot {
    height: 5px;
    background-color: var(--dp-marker-color);
    position: absolute;
    bottom: 0
}

.dp__marker_dot {
    width: 5px;
    border-radius: 50%;
    left: 50%;
    transform: translate(-50%)
}

.dp__marker_line {
    width: 100%;
    left: 0
}

.dp__marker_tooltip {
    position: absolute;
    border-radius: var(--dp-border-radius);
    background-color: var(--dp-tooltip-color);
    padding: 5px;
    border: 1px solid var(--dp-border-color);
    z-index: 99999;
    box-sizing: border-box;
    cursor: default
}

.dp__tooltip_content {
    white-space: nowrap
}

.dp__tooltip_text {
    display: flex;
    align-items: center;
    flex-flow: row nowrap;
    color: var(--dp-text-color)
}

.dp__tooltip_mark {
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background-color: var(--dp-text-color);
    color: var(--dp-text-color);
    margin-right: 5px
}

.dp__arrow_bottom_tp {
    bottom: 0;
    height: 8px;
    width: 8px;
    background-color: var(--dp-tooltip-color);
    position: absolute;
    border-right: 1px solid var(--dp-border-color);
    border-bottom: 1px solid var(--dp-border-color);
    transform: translate(-50%, 50%) rotate(45deg)
}

.dp__instance_calendar {
    position: relative;
    width: 100%
}

@media only screen and (width <=600px) {
    .dp__flex_display {
        flex-direction: column
    }
}

.dp__cell_highlight {
    background-color: var(--dp-highlight-color)
}

.dp__month_year_row {
    display: flex;
    align-items: center;
    height: var(--dp-month-year-row-height);
    color: var(--dp-text-color);
    box-sizing: border-box
}

.dp__inner_nav {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    height: var(--dp-month-year-row-button-size);
    width: var(--dp-month-year-row-button-size);
    color: var(--dp-icon-color);
    text-align: center;
    border-radius: 50%
}

.dp__inner_nav svg {
    height: var(--dp-button-icon-height);
    width: var(--dp-button-icon-height)
}

.dp__inner_nav:hover {
    background: var(--dp-hover-color);
    color: var(--dp-hover-icon-color)
}

.dp__inner_nav_disabled:hover,
.dp__inner_nav_disabled {
    background: var(--dp-disabled-color);
    color: var(--dp-disabled-color-text);
    cursor: not-allowed
}

.dp__month_year_select {
    width: 50%;
    text-align: center;
    cursor: pointer;
    height: var(--dp-month-year-row-height);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--dp-border-radius);
    box-sizing: border-box;
    color: var(--dp-text-color)
}

.dp__month_year_select:hover {
    background: var(--dp-hover-color);
    color: var(--dp-hover-text-color)
}

.dp__month_year_wrap {
    display: flex;
    width: 100%
}

.dp__year_disable_select {
    justify-content: space-around
}

.dp__overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--dp-background-color);
    top: 0;
    left: 0;
    transition: opacity 1s ease-out;
    z-index: 99999;
    font-family: var(--dp-font-family);
    color: var(--dp-text-color);
    box-sizing: border-box
}

.dp__overlay_container::-webkit-scrollbar-track {
    box-shadow: var(--dp-scroll-bar-background);
    background-color: var(--dp-scroll-bar-background)
}

.dp__overlay_container::-webkit-scrollbar {
    width: 5px;
    background-color: var(--dp-scroll-bar-background)
}

.dp__overlay_container::-webkit-scrollbar-thumb {
    background-color: var(--dp-scroll-bar-color);
    border-radius: 10px
}

.dp__overlay:focus {
    border: none;
    outline: none
}

.dp__container_flex {
    display: flex
}

.dp__container_block {
    display: block
}

.dp__overlay_container {
    flex-direction: column;
    overflow-y: auto
}

.dp__time_picker_overlay_container {
    height: 100%
}

.dp__overlay_row {
    padding: 0;
    box-sizing: border-box;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    flex-wrap: wrap;
    max-width: 100%;
    width: 100%;
    align-items: center
}

.dp__flex_row {
    flex: 1
}

.dp__overlay_col {
    box-sizing: border-box;
    width: 33%;
    padding: var(--dp-overlay-col-padding);
    white-space: nowrap
}

.dp__overlay_cell_pad {
    padding: var(--dp-common-padding) 0
}

.dp__overlay_cell_active {
    cursor: pointer;
    border-radius: var(--dp-border-radius);
    text-align: center;
    background: var(--dp-primary-color);
    color: var(--dp-primary-text-color)
}

.dp__overlay_cell {
    cursor: pointer;
    border-radius: var(--dp-border-radius);
    text-align: center
}

.dp__overlay_cell:hover,
.dp__cell_in_between {
    background: var(--dp-hover-color);
    color: var(--dp-hover-text-color)
}

.dp__over_action_scroll {
    right: 5px;
    box-sizing: border-box
}

.dp__overlay_cell_disabled {
    cursor: not-allowed;
    background: var(--dp-disabled-color)
}

.dp__overlay_cell_disabled:hover {
    background: var(--dp-disabled-color)
}

.dp__overlay_cell_active_disabled {
    cursor: not-allowed;
    background: var(--dp-primary-disabled-color)
}

.dp__overlay_cell_active_disabled:hover {
    background: var(--dp-primary-disabled-color)
}

.dp__month_picker_header {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    height: var(--dp-cell-size)
}

.dp__time_input {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-family: var(--dp-font-family);
    color: var(--dp-text-color)
}

.dp__time_col_reg_block {
    padding: 0 20px
}

.dp__time_col_reg_inline {
    padding: 0 10px
}

.dp__time_col_reg_with_button {
    padding: 0 15px
}

.dp__time_col_sec {
    padding: 0 10px
}

.dp__time_col_sec_with_button {
    padding: 0 5px
}

.dp__time_col {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.dp__time_col_block {
    font-size: var(--dp-time-font-size)
}

.dp__time_display {
    cursor: pointer;
    color: var(--dp-text-color);
    border-radius: var(--dp-border-radius);
    display: flex;
    align-items: center;
    justify-content: center
}

.dp__time_display:hover {
    background: var(--dp-hover-color);
    color: var(--dp-hover-text-color)
}

.dp__time_display_block {
    padding: 0 3px
}

.dp__time_display_inline {
    padding: 5px
}

.dp__time_picker_inline_container {
    display: flex;
    width: 100%;
    justify-content: center
}

.dp__inc_dec_button {
    padding: 5px;
    margin: 0;
    height: var(--dp-time-inc-dec-button-size);
    width: var(--dp-time-inc-dec-button-size);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 50%;
    color: var(--dp-icon-color);
    box-sizing: border-box
}

.dp__inc_dec_button svg {
    height: var(--dp-time-inc-dec-button-size);
    width: var(--dp-time-inc-dec-button-size)
}

.dp__inc_dec_button:hover {
    background: var(--dp-hover-color);
    color: var(--dp-primary-color)
}

.dp__inc_dec_button_inline {
    width: 100%;
    padding: 0;
    height: 8px;
    cursor: pointer;
    display: flex;
    align-items: center
}

.dp__inc_dec_button_disabled:hover,
.dp__inc_dec_button_disabled {
    background: var(--dp-disabled-color);
    color: var(--dp-disabled-color-text);
    cursor: not-allowed
}

.dp__pm_am_button {
    background: var(--dp-primary-color);
    color: var(--dp-primary-text-color);
    border: none;
    padding: var(--dp-common-padding);
    border-radius: var(--dp-border-radius);
    cursor: pointer
}

.dp__tp_inline_btn_bar {
    width: 100%;
    height: 4px;
    background-color: var(--dp-secondary-color);
    transition: var(--dp-common-transition);
    border-collapse: collapse
}

.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r {
    background-color: var(--dp-primary-color);
    transform: rotate(12deg) scale(1.15) translateY(-2px)
}

.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l,
.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r {
    background-color: var(--dp-primary-color);
    transform: rotate(-12deg) scale(1.15) translateY(-2px)
}

.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l {
    background-color: var(--dp-primary-color);
    transform: rotate(12deg) scale(1.15) translateY(-2px)
}

.dp__action_row {
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--dp-common-padding);
    box-sizing: border-box;
    color: var(--dp-text-color);
    flex-flow: row nowrap
}

.dp__action_row svg {
    height: var(--dp-button-icon-height);
    width: auto
}

.dp__selection_preview {
    display: block;
    color: var(--dp-text-color);
    font-size: var(--dp-preview-font-size);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.dp__action_buttons {
    display: flex;
    flex: 0;
    align-items: center;
    justify-content: flex-end;
    margin-left: auto
}

.dp__action_button {
    background: #0000;
    border: 1px solid rgba(0, 0, 0, 0);
    padding: var(--dp-action-buttons-padding);
    line-height: initial;
    margin-left: 3px;
    height: var(--dp-action-button-height);
    cursor: pointer;
    border-radius: var(--dp-border-radius)
}

.dp__action_select {
    background: var(--dp-primary-color);
    color: var(--dp-primary-text-color)
}

.dp__action_select:hover {
    background: var(--dp-primary-color);
    transition: var(--dp-action-row-transtion)
}

.dp__action_select:disabled {
    background: var(--dp-primary-disabled-color);
    cursor: not-allowed
}

.dp__action_cancel {
    color: var(--dp-text-color);
    border: 1px solid var(--dp-border-color)
}

.dp__action_cancel:hover {
    border-color: var(--dp-primary-color);
    transition: var(--dp-action-row-transtion)
}

:root {
    --dp-common-transition: all .1s ease-in;
    --dp-menu-padding: 6px 8px;
    --dp-animation-duration: .1s;
    --dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);
    --dp-transition-timing: ease-out;
    --dp-action-row-transtion: all .2s ease-in;
    --dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    --dp-border-radius: 4px;
    --dp-cell-border-radius: 4px;
    --dp-transition-length: 22px;
    --dp-transition-timing-general: .1s;
    --dp-button-height: 35px;
    --dp-month-year-row-height: 35px;
    --dp-month-year-row-button-size: 25px;
    --dp-button-icon-height: 20px;
    --dp-calendar-wrap-padding: 0 5px;
    --dp-cell-size: 35px;
    --dp-cell-padding: 5px;
    --dp-common-padding: 10px;
    --dp-input-icon-padding: 35px;
    --dp-input-padding: 6px 30px 6px 12px;
    --dp-menu-min-width: 260px;
    --dp-action-buttons-padding: 1px 6px;
    --dp-row-maring: 5px 0;
    --dp-calendar-header-cell-padding: .5rem;
    --dp-multi-calendars-spacing: 10px;
    --dp-overlay-col-padding: 3px;
    --dp-time-inc-dec-button-size: 32px;
    --dp-font-size: 1rem;
    --dp-preview-font-size: .8rem;
    --dp-time-font-size: 2rem;
    --dp-action-button-height: 22px
}

.dp__theme_dark {
    --dp-background-color: #212121;
    --dp-text-color: #fff;
    --dp-hover-color: #484848;
    --dp-hover-text-color: #fff;
    --dp-hover-icon-color: #959595;
    --dp-primary-color: #005cb2;
    --dp-primary-disabled-color: #61a8ea;
    --dp-primary-text-color: #fff;
    --dp-secondary-color: #a9a9a9;
    --dp-border-color: #2d2d2d;
    --dp-menu-border-color: #2d2d2d;
    --dp-border-color-hover: #aaaeb7;
    --dp-disabled-color: #737373;
    --dp-disabled-color-text: #d0d0d0;
    --dp-scroll-bar-background: #212121;
    --dp-scroll-bar-color: #484848;
    --dp-success-color: #00701a;
    --dp-success-color-disabled: #428f59;
    --dp-icon-color: #959595;
    --dp-danger-color: #e53935;
    --dp-marker-color: #e53935;
    --dp-tooltip-color: #3e3e3e;
    --dp-highlight-color: rgb(0 92 178 / 20%)
}

.dp__theme_light {
    --dp-background-color: #fff;
    --dp-text-color: #212121;
    --dp-hover-color: #f3f3f3;
    --dp-hover-text-color: #212121;
    --dp-hover-icon-color: #959595;
    --dp-primary-color: #1976d2;
    --dp-primary-disabled-color: #6bacea;
    --dp-primary-text-color: #f8f5f5;
    --dp-secondary-color: #c0c4cc;
    --dp-border-color: #ddd;
    --dp-menu-border-color: #ddd;
    --dp-border-color-hover: #aaaeb7;
    --dp-disabled-color: #f6f6f6;
    --dp-scroll-bar-background: #f3f3f3;
    --dp-scroll-bar-color: #959595;
    --dp-success-color: #76d275;
    --dp-success-color-disabled: #a3d9b1;
    --dp-icon-color: #959595;
    --dp-danger-color: #ff6f60;
    --dp-marker-color: #ff6f60;
    --dp-tooltip-color: #fafafa;
    --dp-disabled-color-text: #8e8e8e;
    --dp-highlight-color: rgb(25 118 210 / 10%)
}

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

.dp__btn {
    background: none;
    border: none;
    font: inherit;
    cursor: pointer;
    transition: var(--dp-common-transition);
    line-height: normal
}

.dp__main {
    font-family: var(--dp-font-family);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    box-sizing: border-box;
    position: relative;
    width: 100%
}

.dp__pointer {
    cursor: pointer
}

.dp__icon {
    stroke: currentcolor;
    fill: currentcolor
}

.dp__button {
    width: 100%;
    text-align: center;
    color: var(--dp-icon-color);
    cursor: pointer;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    padding: var(--dp-common-padding);
    box-sizing: border-box;
    height: var(--dp-button-height)
}

.dp__button.dp__overlay_action {
    position: absolute;
    bottom: 0
}

.dp__button:hover {
    background: var(--dp-hover-color);
    color: var(--dp-hover-icon-color)
}

.dp__button svg {
    height: var(--dp-button-icon-height);
    width: auto
}

.dp__button_bottom {
    border-bottom-left-radius: var(--dp-border-radius);
    border-bottom-right-radius: var(--dp-border-radius)
}

.dp__flex_display {
    display: flex
}

.dp__flex_display_with_input {
    flex-direction: column;
    align-items: flex-start
}

.dp__relative {
    position: relative
}

.calendar-next-enter-active,
.calendar-next-leave-active,
.calendar-prev-enter-active,
.calendar-prev-leave-active {
    transition: all var(--dp-transition-timing-general) ease-out
}

.calendar-next-enter-from {
    opacity: 0;
    transform: translate(var(--dp-transition-length))
}

.calendar-next-leave-to,
.calendar-prev-enter-from {
    opacity: 0;
    transform: translate(calc(var(--dp-transition-length) * -1))
}

.calendar-prev-leave-to {
    opacity: 0;
    transform: translate(var(--dp-transition-length))
}

.dp-slide-up-enter-active,
.dp-slide-up-leave-active,
.dp-slide-down-enter-active,
.dp-slide-down-leave-active {
    transition: all var(--dp-animation-duration) var(--dp-transition-timing)
}

.dp-slide-down-leave-to,
.dp-slide-up-enter-from {
    opacity: 0;
    transform: translateY(var(--dp-transition-length))
}

.dp-slide-down-enter-from,
.dp-slide-up-leave-to {
    opacity: 0;
    transform: translateY(calc(var(--dp-transition-length) * -1))
}

.dp__menu_transitioned {
    transition: all var(--dp-animation-duration) var(--dp-menu-appear-transition-timing)
}

.vfm--fixed {
    position: fixed
}

.vfm--absolute {
    position: absolute
}

.vfm--inset {
    inset: 0
}

.vfm--overlay {
    z-index: -1;
    background-color: #00000080
}

.vfm--prevent-none {
    pointer-events: none
}

.vfm--prevent-auto {
    pointer-events: auto
}

.vfm--outline-none:focus {
    outline: none
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.vfm-fade-enter-active {
    animation: fade-in .3s ease
}

.vfm-fade-leave-active {
    animation: fade-out .3s ease
}

.vfm-bounce-back {
    transition-property: transform;
    transition-duration: .3s
}

.vfm-slide-up-enter-active,
.vfm-slide-up-leave-active,
.vfm-slide-down-enter-active,
.vfm-slide-down-leave-active {
    transition: transform .3s ease
}

.vfm-slide-down-enter-from,
.vfm-slide-down-leave-to {
    transform: translateY(100vh) !important
}

.vfm-slide-up-enter-from,
.vfm-slide-up-leave-to {
    transform: translateY(-100vh) !important
}

.vfm-slide-right-enter-active,
.vfm-slide-right-leave-active,
.vfm-slide-left-enter-active,
.vfm-slide-left-leave-active {
    transition: transform .3s ease
}

.vfm-slide-right-enter-from,
.vfm-slide-right-leave-to {
    transform: translate(100vw) !important
}

.vfm-slide-left-enter-from,
.vfm-slide-left-leave-to {
    transform: translate(-100vw) !important
}

.vfm-swipe-banner-back,
.vfm-swipe-banner-forward {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 27px;
    z-index: 10
}

.vfm-swipe-banner-back {
    left: 0
}

.vfm-swipe-banner-forward {
    right: 0
}