@import"https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap";
@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";
@import"https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap";

.flatpickr-calendar {
    background: transparent;
    opacity: 0;
    display: none;
    text-align: center;
    visibility: hidden;
    padding: 0;
    -webkit-animation: none;
    animation: none;
    direction: ltr;
    border: 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: 5px;
    position: absolute;
    width: 307.875px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background: #fff;
    -webkit-box-shadow: 1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,.08);
    box-shadow: 1px 0 #e6e6e6,-1px 0 #e6e6e6,0 1px #e6e6e6,0 -1px #e6e6e6,0 3px 13px #00000014
}

    .flatpickr-calendar.open, .flatpickr-calendar.inline {
        opacity: 1;
        max-height: 640px;
        visibility: visible
    }

    .flatpickr-calendar.open {
        display: inline-block;
        z-index: 99999
    }

    .flatpickr-calendar.animate.open {
        -webkit-animation: fpFadeInDown .3s cubic-bezier(.23,1,.32,1);
        animation: fpFadeInDown .3s cubic-bezier(.23,1,.32,1)
    }

    .flatpickr-calendar.inline {
        display: block;
        position: relative;
        top: 2px
    }

    .flatpickr-calendar.static {
        position: absolute;
        top: calc(100% + 2px)
    }

        .flatpickr-calendar.static.open {
            z-index: 999;
            display: block
        }

    .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
        -webkit-box-shadow: -2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
        box-shadow: -2px 0 #e6e6e6,5px 0 #e6e6e6
    }

    .flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer {
        border-bottom: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .flatpickr-calendar .hasWeeks .dayContainer {
        border-left: 0
    }

    .flatpickr-calendar.hasTime .flatpickr-time {
        height: 40px;
        border-top: 1px solid #e6e6e6
    }

    .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
        height: auto
    }

    .flatpickr-calendar:before, .flatpickr-calendar:after {
        position: absolute;
        display: block;
        pointer-events: none;
        border: solid transparent;
        content: "";
        height: 0;
        width: 0;
        left: 22px
    }

    .flatpickr-calendar.rightMost:before, .flatpickr-calendar.arrowRight:before, .flatpickr-calendar.rightMost:after, .flatpickr-calendar.arrowRight:after {
        left: auto;
        right: 22px
    }

    .flatpickr-calendar.arrowCenter:before, .flatpickr-calendar.arrowCenter:after {
        left: 50%;
        right: 50%
    }

    .flatpickr-calendar:before {
        border-width: 5px;
        margin: 0 -5px
    }

    .flatpickr-calendar:after {
        border-width: 4px;
        margin: 0 -4px
    }

    .flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
        bottom: 100%
    }

    .flatpickr-calendar.arrowTop:before {
        border-bottom-color: #e6e6e6
    }

    .flatpickr-calendar.arrowTop:after {
        border-bottom-color: #fff
    }

    .flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
        top: 100%
    }

    .flatpickr-calendar.arrowBottom:before {
        border-top-color: #e6e6e6
    }

    .flatpickr-calendar.arrowBottom:after {
        border-top-color: #fff
    }

    .flatpickr-calendar:focus {
        outline: 0
    }

.flatpickr-wrapper {
    position: relative;
    display: inline-block
}

.flatpickr-months {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    .flatpickr-months .flatpickr-month {
        background: transparent;
        color: #000000e6;
        fill: #000000e6;
        height: 34px;
        line-height: 1;
        text-align: center;
        position: relative;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        overflow: hidden;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        text-decoration: none;
        cursor: pointer;
        position: absolute;
        top: 0;
        height: 34px;
        padding: 10px;
        z-index: 3;
        color: #000000e6;
        fill: #000000e6
    }

        .flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
            display: none
        }

        .flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i {
            position: relative
        }

        .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
            left: 0
        }

        .flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
            right: 0
        }

        .flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover {
            color: #959ea9
        }

            .flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
                fill: #f64747
            }

        .flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
            width: 14px;
            height: 14px
        }

            .flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path {
                -webkit-transition: fill .1s;
                transition: fill .1s;
                fill: inherit
            }

.numInputWrapper {
    position: relative;
    height: auto
}

    .numInputWrapper input, .numInputWrapper span {
        display: inline-block
    }

    .numInputWrapper input {
        width: 100%
    }

        .numInputWrapper input::-ms-clear {
            display: none
        }

        .numInputWrapper input::-webkit-outer-spin-button, .numInputWrapper input::-webkit-inner-spin-button {
            margin: 0;
            -webkit-appearance: none
        }

    .numInputWrapper span {
        position: absolute;
        right: 0;
        width: 14px;
        padding: 0 4px 0 2px;
        height: 50%;
        line-height: 50%;
        opacity: 0;
        cursor: pointer;
        border: 1px solid rgba(57,57,57,.15);
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .numInputWrapper span:hover {
            background: #0000001a
        }

        .numInputWrapper span:active {
            background: #0003
        }

        .numInputWrapper span:after {
            display: block;
            content: "";
            position: absolute
        }

        .numInputWrapper span.arrowUp {
            top: 0;
            border-bottom: 0
        }

            .numInputWrapper span.arrowUp:after {
                border-left: 4px solid transparent;
                border-right: 4px solid transparent;
                border-bottom: 4px solid rgba(57,57,57,.6);
                top: 26%
            }

        .numInputWrapper span.arrowDown {
            top: 50%
        }

            .numInputWrapper span.arrowDown:after {
                border-left: 4px solid transparent;
                border-right: 4px solid transparent;
                border-top: 4px solid rgba(57,57,57,.6);
                top: 40%
            }

        .numInputWrapper span svg {
            width: inherit;
            height: auto
        }

            .numInputWrapper span svg path {
                fill: #00000080
            }

    .numInputWrapper:hover {
        background: #0000000d
    }

        .numInputWrapper:hover span {
            opacity: 1
        }

.flatpickr-current-month {
    font-size: 135%;
    line-height: inherit;
    font-weight: 300;
    color: inherit;
    position: absolute;
    width: 75%;
    left: 12.5%;
    padding: 7.48px 0 0;
    line-height: 1;
    height: 34px;
    display: inline-block;
    text-align: center;
    -webkit-transform: translate3d(0px,0px,0px);
    transform: translateZ(0)
}

    .flatpickr-current-month span.cur-month {
        font-family: inherit;
        font-weight: 700;
        color: inherit;
        display: inline-block;
        margin-left: .5ch;
        padding: 0
    }

        .flatpickr-current-month span.cur-month:hover {
            background: #0000000d
        }

    .flatpickr-current-month .numInputWrapper {
        width: 6ch;
        width: 7ch�;
        display: inline-block
    }

        .flatpickr-current-month .numInputWrapper span.arrowUp:after {
            border-bottom-color: #000000e6
        }

        .flatpickr-current-month .numInputWrapper span.arrowDown:after {
            border-top-color: #000000e6
        }

    .flatpickr-current-month input.cur-year {
        background: transparent;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: inherit;
        cursor: text;
        padding: 0 0 0 .5ch;
        margin: 0;
        display: inline-block;
        font-size: inherit;
        font-family: inherit;
        font-weight: 300;
        line-height: inherit;
        height: auto;
        border: 0;
        border-radius: 0;
        vertical-align: initial;
        -webkit-appearance: textfield;
        -moz-appearance: textfield;
        appearance: textfield
    }

        .flatpickr-current-month input.cur-year:focus {
            outline: 0
        }

        .flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
            font-size: 100%;
            color: #00000080;
            background: transparent;
            pointer-events: none
        }

    .flatpickr-current-month .flatpickr-monthDropdown-months {
        appearance: menulist;
        background: transparent;
        border: none;
        border-radius: 0;
        box-sizing: border-box;
        color: inherit;
        cursor: pointer;
        font-size: inherit;
        font-family: inherit;
        font-weight: 300;
        height: auto;
        line-height: inherit;
        margin: -1px 0 0;
        outline: none;
        padding: 0 0 0 .5ch;
        position: relative;
        vertical-align: initial;
        -webkit-box-sizing: border-box;
        -webkit-appearance: menulist;
        -moz-appearance: menulist;
        width: auto
    }

        .flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:active {
            outline: none
        }

        .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
            background: #0000000d
        }

        .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
            background-color: transparent;
            outline: none;
            padding: 0
        }

.flatpickr-weekdays {
    background: transparent;
    text-align: center;
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 28px
}

    .flatpickr-weekdays .flatpickr-weekdaycontainer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

span.flatpickr-weekday {
    cursor: default;
    font-size: 90%;
    background: transparent;
    color: #0000008a;
    line-height: 1;
    margin: 0;
    text-align: center;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: bolder
}

.dayContainer, .flatpickr-weeks {
    padding: 1px 0 0
}

.flatpickr-days {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 307.875px
}

    .flatpickr-days:focus {
        outline: 0
    }

.dayContainer {
    padding: 0;
    outline: 0;
    text-align: left;
    width: 307.875px;
    min-width: 307.875px;
    max-width: 307.875px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-transform: translate3d(0px,0px,0px);
    transform: translateZ(0);
    opacity: 1
}

    .dayContainer + .dayContainer {
        -webkit-box-shadow: -1px 0 0 #e6e6e6;
        box-shadow: -1px 0 #e6e6e6
    }

.flatpickr-day {
    background: none;
    border: 1px solid transparent;
    border-radius: 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #393939;
    cursor: pointer;
    font-weight: 400;
    width: 14.2857143%;
    -webkit-flex-basis: 14.2857143%;
    -ms-flex-preferred-size: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width: 39px;
    height: 39px;
    line-height: 39px;
    margin: 0;
    display: inline-block;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

    .flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
        cursor: pointer;
        outline: 0;
        background: #e6e6e6;
        border-color: #e6e6e6
    }

    .flatpickr-day.today {
        border-color: #959ea9
    }

        .flatpickr-day.today:hover, .flatpickr-day.today:focus {
            border-color: #959ea9;
            background: #959ea9;
            color: #fff
        }

    .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
        background: #569ff7;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #fff;
        border-color: #569ff7
    }

        .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange {
            border-radius: 50px 0 0 50px
        }

        .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
            border-radius: 0 50px 50px 0
        }

        .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
            -webkit-box-shadow: -10px 0 0 #569ff7;
            box-shadow: -10px 0 #569ff7
        }

        .flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange {
            border-radius: 50px
        }

    .flatpickr-day.inRange {
        border-radius: 0;
        -webkit-box-shadow: -5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
        box-shadow: -5px 0 #e6e6e6,5px 0 #e6e6e6
    }

    .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
        color: #3939394d;
        background: transparent;
        border-color: transparent;
        cursor: default
    }

        .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
            cursor: not-allowed;
            color: #3939391a
        }

    .flatpickr-day.week.selected {
        border-radius: 0;
        -webkit-box-shadow: -5px 0 0 #569ff7,5px 0 0 #569ff7;
        box-shadow: -5px 0 #569ff7,5px 0 #569ff7
    }

    .flatpickr-day.hidden {
        visibility: hidden
    }

.rangeMode .flatpickr-day {
    margin-top: 1px
}

.flatpickr-weekwrapper {
    float: left
}

    .flatpickr-weekwrapper .flatpickr-weeks {
        padding: 0 12px;
        -webkit-box-shadow: 1px 0 0 #e6e6e6;
        box-shadow: 1px 0 #e6e6e6
    }

    .flatpickr-weekwrapper .flatpickr-weekday {
        float: none;
        width: 100%;
        line-height: 28px
    }

    .flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover {
        display: block;
        width: 100%;
        max-width: none;
        color: #3939394d;
        background: transparent;
        cursor: default;
        border: none
    }

.flatpickr-innerContainer {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.flatpickr-rContainer {
    display: inline-block;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.flatpickr-time {
    text-align: center;
    outline: 0;
    display: block;
    height: 0;
    line-height: 40px;
    max-height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    .flatpickr-time:after {
        content: "";
        display: table;
        clear: both
    }

    .flatpickr-time .numInputWrapper {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: 40%;
        height: 40px;
        float: left
    }

        .flatpickr-time .numInputWrapper span.arrowUp:after {
            border-bottom-color: #393939
        }

        .flatpickr-time .numInputWrapper span.arrowDown:after {
            border-top-color: #393939
        }

    .flatpickr-time.hasSeconds .numInputWrapper {
        width: 26%
    }

    .flatpickr-time.time24hr .numInputWrapper {
        width: 49%
    }

    .flatpickr-time input {
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 0;
        border-radius: 0;
        text-align: center;
        margin: 0;
        padding: 0;
        height: inherit;
        line-height: inherit;
        color: #393939;
        font-size: 14px;
        position: relative;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-appearance: textfield;
        -moz-appearance: textfield;
        appearance: textfield
    }

        .flatpickr-time input.flatpickr-hour {
            font-weight: 700
        }

        .flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
            font-weight: 400
        }

        .flatpickr-time input:focus {
            outline: 0;
            border: 0
        }

    .flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {
        height: inherit;
        float: left;
        line-height: inherit;
        color: #393939;
        font-weight: 700;
        width: 2%;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }

    .flatpickr-time .flatpickr-am-pm {
        outline: 0;
        width: 18%;
        cursor: pointer;
        text-align: center;
        font-weight: 400
    }

        .flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus {
            background: #eee
        }

.flatpickr-input[readonly] {
    cursor: pointer
}

@-webkit-keyframes fpFadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@keyframes fpFadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@layer base {
    [data-simplebar] {
        flex-flow: column wrap;
        place-content: flex-start;
        align-items: flex-start;
        position: relative
    }

    .simplebar-wrapper {
        width: inherit;
        height: inherit;
        max-width: inherit;
        max-height: inherit;
        overflow: hidden
    }

    .simplebar-mask {
        direction: inherit;
        z-index: 0;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: hidden;
        width: auto !important;
        height: auto !important
    }

    .simplebar-offset {
        -webkit-overflow-scrolling: touch;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        direction: inherit !important;
        box-sizing: inherit !important;
        resize: none !important
    }

    .simplebar-content-wrapper {
        direction: inherit;
        scrollbar-width: none;
        -ms-overflow-style: none;
        width: auto;
        max-width: 100%;
        height: 100%;
        max-height: 100%;
        display: block;
        position: relative;
        overflow: auto;
        box-sizing: border-box !important
    }

        .simplebar-content-wrapper::-webkit-scrollbar {
            width: 0;
            height: 0;
            display: none
        }

    .simplebar-hide-scrollbar::-webkit-scrollbar {
        width: 0;
        height: 0;
        display: none
    }

    .simplebar-content:before, .simplebar-content:after {
        content: " ";
        display: table
    }

    .simplebar-placeholder {
        pointer-events: none;
        width: 100%;
        max-width: 100%;
        max-height: 100%
    }

    .simplebar-height-auto-observer-wrapper {
        float: left;
        z-index: -1;
        pointer-events: none;
        flex-grow: inherit;
        flex-shrink: 0;
        flex-basis: 0;
        width: 100%;
        max-width: 1px;
        height: 100%;
        max-height: 1px;
        margin: 0;
        padding: 0;
        position: relative;
        overflow: hidden;
        box-sizing: inherit !important
    }

    .simplebar-height-auto-observer {
        box-sizing: inherit;
        opacity: 0;
        pointer-events: none;
        z-index: -1;
        width: 1000%;
        min-width: 1px;
        height: 1000%;
        min-height: 1px;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden
    }

    .simplebar-track {
        z-index: 1;
        pointer-events: none;
        position: absolute;
        bottom: 0;
        right: 0;
        overflow: hidden
    }

    [data-simplebar].simplebar-dragging, [data-simplebar].simplebar-dragging .simplebar-content {
        pointer-events: none;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        user-select: none;
        -khtml-user-select: none
    }

        [data-simplebar].simplebar-dragging .simplebar-track {
            pointer-events: all
        }

    .simplebar-scrollbar {
        min-height: 10px;
        position: absolute;
        left: 0;
        right: 0
    }

        .simplebar-scrollbar:before {
            content: "";
            opacity: 0;
            background: #000;
            border-radius: 7px;
            transition: opacity .2s linear .5s;
            position: absolute;
            left: 2px;
            right: 2px
        }

        .simplebar-scrollbar.simplebar-visible:before {
            opacity: .5;
            transition-duration: 0s;
            transition-delay: 0s
        }

    .simplebar-track.simplebar-vertical {
        width: 11px;
        top: 0
    }

    .simplebar-scrollbar:before {
        top: 2px;
        right: 2px;
        bottom: 2px;
        left: 2px
    }

    .simplebar-track.simplebar-horizontal {
        height: 11px;
        left: 0
    }

        .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
            width: auto;
            min-width: 10px;
            min-height: 0;
            inset: 0 auto 0 0
        }

    [data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
        left: 0;
        right: auto
    }

    .simplebar-dummy-scrollbar-size {
        opacity: 0;
        visibility: hidden;
        direction: rtl;
        width: 500px;
        height: 500px;
        position: fixed;
        overflow: scroll hidden;
        -ms-overflow-style: scrollbar !important
    }

        .simplebar-dummy-scrollbar-size > div {
            width: 200%;
            height: 200%;
            margin: 10px 0
        }

    .simplebar-hide-scrollbar {
        visibility: hidden;
        scrollbar-width: none;
        -ms-overflow-style: none;
        position: fixed;
        left: 0;
        overflow-y: scroll
    }

    @font-face {
        font-family: swiper-icons;
        src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
        font-weight: 400;
        font-style: normal
    }

    :root {
        --swiper-theme-color: #007aff
    }

    :host {
        z-index: 1;
        margin-left: auto;
        margin-right: auto;
        display: block;
        position: relative
    }

    .swiper {
        z-index: 1;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        list-style: none;
        display: block;
        position: relative;
        overflow: hidden
    }

    .swiper-vertical > .swiper-wrapper {
        flex-direction: column
    }

    .swiper-wrapper {
        z-index: 1;
        width: 100%;
        height: 100%;
        transition-property: transform;
        transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
        box-sizing: content-box;
        display: flex;
        position: relative
    }

    .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
        transform: translate(0)
    }

    .swiper-horizontal {
        touch-action: pan-y
    }

    .swiper-vertical {
        touch-action: pan-x
    }

    .swiper-slide {
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        transition-property: transform;
        display: block;
        position: relative
    }

    .swiper-slide-invisible-blank {
        visibility: hidden
    }

    .swiper-autoheight, .swiper-autoheight .swiper-slide {
        height: auto
    }

        .swiper-autoheight .swiper-wrapper {
            align-items: flex-start;
            transition-property: transform,height
        }

    .swiper-backface-hidden .swiper-slide {
        backface-visibility: hidden;
        transform: translateZ(0)
    }

    .swiper-3d.swiper-css-mode .swiper-wrapper {
        perspective: 1200px
    }

    .swiper-3d .swiper-wrapper {
        transform-style: preserve-3d
    }

    .swiper-3d {
        perspective: 1200px
    }

        .swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow {
            transform-style: preserve-3d
        }

    .swiper-css-mode > .swiper-wrapper {
        scrollbar-width: none;
        -ms-overflow-style: none;
        overflow: auto
    }

        .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
            display: none
        }

        .swiper-css-mode > .swiper-wrapper > .swiper-slide {
            scroll-snap-align: start start
        }

    .swiper-css-mode.swiper-horizontal > .swiper-wrapper {
        scroll-snap-type: x mandatory
    }

    .swiper-css-mode.swiper-vertical > .swiper-wrapper {
        scroll-snap-type: y mandatory
    }

    .swiper-css-mode.swiper-free-mode > .swiper-wrapper {
        scroll-snap-type: none
    }

        .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
            scroll-snap-align: none
        }

    .swiper-css-mode.swiper-centered > .swiper-wrapper:before {
        content: "";
        flex-shrink: 0;
        order: 9999
    }

    .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
        scroll-snap-align: center center;
        scroll-snap-stop: always
    }

    .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
        margin-inline-start: var(--swiper-centered-offset-before)
    }

    .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
        height: 100%;
        min-height: 1px;
        width: var(--swiper-centered-offset-after)
    }

    .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
        margin-block-start: var(--swiper-centered-offset-before)
    }

    .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
        width: 100%;
        min-width: 1px;
        height: var(--swiper-centered-offset-after)
    }

    .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom {
        pointer-events: none;
        z-index: 10;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0
    }

    .swiper-3d .swiper-slide-shadow {
        background: #00000026
    }

    .swiper-3d .swiper-slide-shadow-left {
        background-image: linear-gradient(270deg,#00000080,#0000)
    }

    .swiper-3d .swiper-slide-shadow-right {
        background-image: linear-gradient(90deg,#00000080,#0000)
    }

    .swiper-3d .swiper-slide-shadow-top {
        background-image: linear-gradient(#0000,#00000080)
    }

    .swiper-3d .swiper-slide-shadow-bottom {
        background-image: linear-gradient(#00000080,#0000)
    }

    .swiper-lazy-preloader {
        z-index: 10;
        transform-origin: 50%;
        box-sizing: border-box;
        border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
        border-top-color: #0000;
        border-radius: 50%;
        width: 42px;
        height: 42px;
        margin-top: -21px;
        margin-left: -21px;
        position: absolute;
        top: 50%;
        left: 50%
    }

    .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
        animation: 1s linear infinite swiper-preloader-spin
    }

    .swiper-lazy-preloader-white {
        --swiper-preloader-color: #fff
    }

    .swiper-lazy-preloader-black {
        --swiper-preloader-color: #000
    }

    @keyframes swiper-preloader-spin {
        0% {
            transform: rotate(0)
        }

        to {
            transform: rotate(360deg)
        }
    }

    .swiper-virtual .swiper-slide {
        -webkit-backface-visibility: hidden;
        transform: translateZ(0)
    }

    .swiper-virtual.swiper-css-mode .swiper-wrapper:after {
        content: "";
        pointer-events: none;
        position: absolute;
        top: 0;
        left: 0
    }

    .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
        height: 1px;
        width: var(--swiper-virtual-size)
    }

    .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
        width: 1px;
        height: var(--swiper-virtual-size)
    }

    :root {
        --swiper-navigation-size: 44px
    }

    .swiper-button-prev, .swiper-button-next {
        top: var(--swiper-navigation-top-offset,50%);
        width: calc(var(--swiper-navigation-size)/44*27);
        height: var(--swiper-navigation-size);
        margin-top: calc(0px - (var(--swiper-navigation-size)/2));
        z-index: 10;
        cursor: pointer;
        color: var(--swiper-navigation-color,var(--swiper-theme-color));
        justify-content: center;
        align-items: center;
        display: flex;
        position: absolute
    }

        .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
            opacity: .35;
            cursor: auto;
            pointer-events: none
        }

        .swiper-button-prev.swiper-button-hidden, .swiper-button-next.swiper-button-hidden {
            opacity: 0;
            cursor: auto;
            pointer-events: none
        }

    .swiper-navigation-disabled .swiper-button-prev, .swiper-navigation-disabled .swiper-button-next {
        display: none !important
    }

    .swiper-button-prev svg, .swiper-button-next svg {
        object-fit: contain;
        transform-origin: 50%;
        width: 100%;
        height: 100%
    }

    .swiper-rtl .swiper-button-prev svg, .swiper-rtl .swiper-button-next svg {
        transform: rotate(180deg)
    }

    .swiper-button-prev, .swiper-rtl .swiper-button-next {
        left: var(--swiper-navigation-sides-offset,10px);
        right: auto
    }

    .swiper-button-lock {
        display: none
    }

    .swiper-button-prev:after, .swiper-button-next:after {
        font-family: swiper-icons;
        font-size: var(--swiper-navigation-size);
        letter-spacing: 0;
        font-variant: initial;
        line-height: 1;
        text-transform: none !important
    }

    .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
        content: "prev"
    }

    .swiper-button-next, .swiper-rtl .swiper-button-prev {
        right: var(--swiper-navigation-sides-offset,10px);
        left: auto
    }

        .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
            content: "next"
        }

    .swiper-pagination {
        text-align: center;
        z-index: 10;
        transition: opacity .3s;
        position: absolute;
        transform: translate(0)
    }

        .swiper-pagination.swiper-pagination-hidden {
            opacity: 0
        }

        .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
            display: none !important
        }

    .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: var(--swiper-pagination-bottom,8px);
        top: var(--swiper-pagination-top,auto);
        width: 100%;
        left: 0
    }

    .swiper-pagination-bullets-dynamic {
        font-size: 0;
        overflow: hidden
    }

        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            position: relative;
            transform: scale(.33)
        }

        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
            transform: scale(1)
        }

        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
            transform: scale(.66)
        }

        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
            transform: scale(.33)
        }

        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
            transform: scale(.66)
        }

        .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
            transform: scale(.33)
        }

    .swiper-pagination-bullet {
        width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
        height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
        border-radius: var(--swiper-pagination-bullet-border-radius,50%);
        background: var(--swiper-pagination-bullet-inactive-color,#000);
        opacity: var(--swiper-pagination-bullet-inactive-opacity,.2);
        display: inline-block
    }

    button.swiper-pagination-bullet {
        box-shadow: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: none;
        margin: 0;
        padding: 0
    }

    .swiper-pagination-clickable .swiper-pagination-bullet {
        cursor: pointer
    }

    .swiper-pagination-bullet:only-child {
        display: none !important
    }

    .swiper-pagination-bullet-active {
        opacity: var(--swiper-pagination-bullet-opacity,1);
        background: var(--swiper-pagination-color,var(--swiper-theme-color))
    }

    .swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets {
        right: var(--swiper-pagination-right,8px);
        left: var(--swiper-pagination-left,auto);
        top: 50%;
        transform: translateY(-50%)
    }

        .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
            margin: var(--swiper-pagination-bullet-vertical-gap,6px)0;
            display: block
        }

        .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
            width: 8px;
            top: 50%;
            transform: translateY(-50%)
        }

            .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
                transition: transform .2s,top .2s;
                display: inline-block
            }

    .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
    }

    .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        white-space: nowrap;
        left: 50%;
        transform: translate(-50%)
    }

        .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            transition: transform .2s,left .2s
        }

    .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transition: transform .2s,right .2s
    }

    .swiper-pagination-fraction {
        color: var(--swiper-pagination-fraction-color,inherit)
    }

    .swiper-pagination-progressbar {
        background: var(--swiper-pagination-progressbar-bg-color,#00000040);
        position: absolute
    }

        .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
            background: var(--swiper-pagination-color,var(--swiper-theme-color));
            transform-origin: 0 0;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            transform: scale(0)
        }

    .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        transform-origin: 100% 0
    }

    .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
        width: 100%;
        height: var(--swiper-pagination-progressbar-size,4px);
        top: 0;
        left: 0
    }

        .swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
            width: var(--swiper-pagination-progressbar-size,4px);
            height: 100%;
            top: 0;
            left: 0
        }

    .swiper-pagination-lock {
        display: none
    }

    .swiper-scrollbar {
        border-radius: var(--swiper-scrollbar-border-radius,10px);
        touch-action: none;
        background: var(--swiper-scrollbar-bg-color,#0000001a);
        position: relative
    }

        .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
            display: none !important
        }

        .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
            left: var(--swiper-scrollbar-sides-offset,1%);
            bottom: var(--swiper-scrollbar-bottom,4px);
            top: var(--swiper-scrollbar-top,auto);
            z-index: 50;
            height: var(--swiper-scrollbar-size,4px);
            width: calc(100% - 2*var(--swiper-scrollbar-sides-offset,1%));
            position: absolute
        }

        .swiper-vertical > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-vertical {
            left: var(--swiper-scrollbar-left,auto);
            right: var(--swiper-scrollbar-right,4px);
            top: var(--swiper-scrollbar-sides-offset,1%);
            z-index: 50;
            width: var(--swiper-scrollbar-size,4px);
            height: calc(100% - 2*var(--swiper-scrollbar-sides-offset,1%));
            position: absolute
        }

    .swiper-scrollbar-drag {
        background: var(--swiper-scrollbar-drag-bg-color,#00000080);
        border-radius: var(--swiper-scrollbar-border-radius,10px);
        width: 100%;
        height: 100%;
        position: relative;
        top: 0;
        left: 0
    }

    .swiper-scrollbar-cursor-drag {
        cursor: move
    }

    .swiper-scrollbar-lock {
        display: none
    }

    .swiper-zoom-container {
        text-align: center;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        display: flex
    }

        .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas {
            object-fit: contain;
            max-width: 100%;
            max-height: 100%
        }

    .swiper-slide-zoomed {
        cursor: move;
        touch-action: none
    }

    .swiper .swiper-notification {
        pointer-events: none;
        opacity: 0;
        z-index: -1000;
        position: absolute;
        top: 0;
        left: 0
    }

    .swiper-free-mode > .swiper-wrapper {
        margin: 0 auto;
        transition-timing-function: ease-out
    }

    .swiper-grid > .swiper-wrapper {
        flex-wrap: wrap
    }

    .swiper-grid-column > .swiper-wrapper {
        flex-flow: column wrap
    }

    .swiper-fade.swiper-free-mode .swiper-slide {
        transition-timing-function: ease-out
    }

    .swiper-fade .swiper-slide {
        pointer-events: none;
        transition-property: opacity
    }

        .swiper-fade .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper.swiper-cube {
        overflow: visible
    }

    .swiper-cube .swiper-slide {
        pointer-events: none;
        backface-visibility: hidden;
        z-index: 1;
        visibility: hidden;
        transform-origin: 0 0;
        width: 100%;
        height: 100%
    }

        .swiper-cube .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-cube.swiper-rtl .swiper-slide {
        transform-origin: 100% 0
    }

    .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev {
        pointer-events: auto;
        visibility: visible
    }

    .swiper-cube .swiper-cube-shadow {
        opacity: .6;
        z-index: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 0
    }

        .swiper-cube .swiper-cube-shadow:before {
            content: "";
            filter: blur(50px);
            background: #000;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0
        }

    .swiper-cube .swiper-slide-next + .swiper-slide {
        pointer-events: auto;
        visibility: visible
    }

    .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
        z-index: 0;
        backface-visibility: hidden
    }

    .swiper.swiper-flip {
        overflow: visible
    }

    .swiper-flip .swiper-slide {
        pointer-events: none;
        backface-visibility: hidden;
        z-index: 1
    }

        .swiper-flip .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
        z-index: 0;
        backface-visibility: hidden
    }

    .swiper-creative .swiper-slide {
        backface-visibility: hidden;
        transition-property: transform,opacity,height;
        overflow: hidden
    }

    .swiper.swiper-cards {
        overflow: visible
    }

    .swiper-cards .swiper-slide {
        transform-origin: bottom;
        backface-visibility: hidden;
        overflow: hidden
    }

    .tippy-box[data-animation=fade][data-state=hidden] {
        opacity: 0
    }

    [data-tippy-root] {
        max-width: calc(100vw - 10px)
    }

    .tippy-box {
        color: #fff;
        white-space: normal;
        background-color: #333;
        border-radius: 4px;
        outline: 0;
        font-size: 14px;
        line-height: 1.4;
        transition-property: transform,visibility,opacity;
        position: relative
    }

        .tippy-box[data-placement^=top] > .tippy-arrow {
            bottom: 0
        }

            .tippy-box[data-placement^=top] > .tippy-arrow:before {
                border-width: 8px 8px 0;
                border-top-color: initial;
                transform-origin: top;
                bottom: -7px;
                left: 0
            }

        .tippy-box[data-placement^=bottom] > .tippy-arrow {
            top: 0
        }

            .tippy-box[data-placement^=bottom] > .tippy-arrow:before {
                border-width: 0 8px 8px;
                border-bottom-color: initial;
                transform-origin: bottom;
                top: -7px;
                left: 0
            }

        .tippy-box[data-placement^=left] > .tippy-arrow {
            right: 0
        }

            .tippy-box[data-placement^=left] > .tippy-arrow:before {
                border-width: 8px 0 8px 8px;
                border-left-color: initial;
                transform-origin: 0;
                right: -7px
            }

        .tippy-box[data-placement^=right] > .tippy-arrow {
            left: 0
        }

            .tippy-box[data-placement^=right] > .tippy-arrow:before {
                border-width: 8px 8px 8px 0;
                border-right-color: initial;
                transform-origin: 100%;
                left: -7px
            }

        .tippy-box[data-inertia][data-state=visible] {
            transition-timing-function: cubic-bezier(.54,1.5,.38,1.11)
        }

    .tippy-arrow {
        color: #333;
        width: 16px;
        height: 16px
    }

        .tippy-arrow:before {
            content: "";
            border-style: solid;
            border-color: #0000;
            position: absolute
        }

    .tippy-content {
        z-index: 1;
        padding: 5px 9px;
        position: relative
    }

    @keyframes vscomp-animation-spin {
        to {
            transform: rotate(360deg)
        }
    }

    .vscomp-popup-active {
        overflow: hidden !important
    }

    .vscomp-ele {
        width: 100%;
        max-width: 250px;
        display: inline-block
    }

    .vscomp-wrapper {
        color: #333;
        text-align: left;
        flex-wrap: wrap;
        width: 100%;
        font-family: sans-serif;
        font-size: 14px;
        display: inline-flex;
        position: relative
    }

        .vscomp-wrapper *, .vscomp-wrapper :before, .vscomp-wrapper :after {
            box-sizing: border-box
        }

        .vscomp-wrapper:focus {
            outline: none
        }

    .vscomp-dropbox-wrapper {
        position: absolute;
        top: 0;
        left: 0
    }

    .vscomp-toggle-button {
        cursor: pointer;
        background-color: #fff;
        border: 1px solid #ddd;
        align-items: center;
        width: 100%;
        padding: 7px 30px 7px 10px;
        display: flex;
        position: relative
    }

    .vscomp-value {
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 100%;
        height: 20px;
        line-height: 20px;
        overflow: hidden
    }

    .vscomp-arrow {
        justify-content: center;
        align-items: center;
        width: 30px;
        height: 100%;
        display: flex;
        position: absolute;
        top: 0;
        right: 0
    }

        .vscomp-arrow:after {
            content: "";
            border: 1px solid #111;
            border-color: #0000 #111 #111 #0000;
            width: 8px;
            height: 8px;
            margin-top: -6px;
            transform: rotate(45deg)
        }

    .vscomp-clear-icon {
        width: 12px;
        height: 12px;
        position: relative
    }

        .vscomp-clear-icon:before, .vscomp-clear-icon:after {
            content: "";
            background-color: #999;
            width: 2px;
            height: 12px;
            position: absolute;
            top: 0;
            left: 5px
        }

        .vscomp-clear-icon:before {
            transform: rotate(45deg)
        }

        .vscomp-clear-icon:after {
            transform: rotate(-45deg)
        }

        .vscomp-clear-icon:hover:before, .vscomp-clear-icon:hover:after {
            background: #333
        }

    .vscomp-clear-button {
        border-radius: 50%;
        justify-content: center;
        align-items: center;
        width: 24px;
        height: 24px;
        margin-top: -12px;
        display: none;
        position: absolute;
        top: 50%;
        right: 30px
    }

        .vscomp-clear-button:hover {
            background: #ccc
        }

            .vscomp-clear-button:hover .vscomp-clear-icon:before, .vscomp-clear-button:hover .vscomp-clear-icon:after {
                background-color: #333
            }

    .vscomp-dropbox-close-button {
        cursor: pointer;
        background-color: #fff;
        border-radius: 50%;
        justify-content: center;
        align-items: center;
        width: 40px;
        height: 40px;
        margin-left: -20px;
        display: none;
        position: absolute;
        bottom: -48px;
        left: 50%
    }

    .vscomp-value-tag.more-value-count {
        white-space: nowrap
    }

    .vscomp-dropbox-container {
        z-index: 2;
        width: 100%
    }

    .vscomp-dropbox {
        background-color: #fff;
        width: 100%
    }

    .vscomp-options-container {
        max-height: 210px;
        position: relative;
        overflow: auto
    }

    .vscomp-options-bottom-freezer {
        height: 2px;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0
    }

    .vscomp-option {
        cursor: pointer;
        flex-wrap: wrap;
        align-items: center;
        height: 40px;
        padding: 0 15px;
        display: flex;
        position: relative
    }

        .vscomp-option.selected {
            background-color: #eee
        }

        .vscomp-option.focused {
            background-color: #ccc
        }

        .vscomp-option.disabled {
            cursor: default;
            opacity: .5
        }

        .vscomp-option.group-title .vscomp-option-text {
            cursor: default;
            opacity: .6
        }

        .vscomp-option.group-title.selected {
            background-color: #0000
        }

        .vscomp-option.group-option {
            padding-left: 30px
        }

    .vscomp-new-option-icon {
        width: 30px;
        height: 30px;
        position: absolute;
        top: 0;
        right: 0
    }

        .vscomp-new-option-icon:before {
            content: "";
            border: 15px solid #512da8;
            border-color: #512da8 #512da8 #0000 #0000;
            position: absolute;
            top: 0;
            right: 0
        }

        .vscomp-new-option-icon:after {
            color: #fff;
            content: "+";
            justify-content: center;
            align-items: center;
            width: 15px;
            height: 15px;
            font-size: 18px;
            display: flex;
            position: absolute;
            top: 0;
            right: 1px
        }

    .vscomp-option-text {
        text-overflow: ellipsis;
        white-space: nowrap;
        -webkit-user-select: none;
        user-select: none;
        width: 100%;
        overflow: hidden
    }

    .vscomp-option-description {
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #666;
        width: 100%;
        font-size: 13px;
        line-height: 15px;
        overflow: hidden
    }

    .vscomp-search-container {
        border-bottom: 1px solid #ddd;
        align-items: center;
        height: 40px;
        padding: 0 5px 0 15px;
        display: flex;
        position: relative
    }

    .vscomp-search-label, .vscomp-live-region, .vscomp-dropbox-container-top, .vscomp-dropbox-container-bottom {
        clip: rect(0 0 0 0);
        white-space: nowrap;
        border: 0;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        position: absolute;
        overflow: hidden
    }

    .vscomp-search-input {
        color: inherit;
        background-color: #0000;
        border: 0;
        width: calc(100% - 30px);
        height: 38px;
        padding: 10px 0;
        font-size: 15px
    }

        .vscomp-search-input:focus {
            outline: none
        }

    .vscomp-search-clear {
        color: #999;
        cursor: pointer;
        -webkit-user-select: none;
        user-select: none;
        visibility: hidden;
        justify-content: center;
        align-items: center;
        width: 30px;
        height: 30px;
        font-size: 25px;
        display: flex
    }

        .vscomp-search-clear:hover {
            color: inherit
        }

    .vscomp-no-options, .vscomp-no-search-results {
        justify-content: center;
        align-items: center;
        padding: 20px 10px;
        display: none
    }

    .vscomp-options-loader {
        text-align: center;
        padding: 20px 0;
        display: none
    }

        .vscomp-options-loader:before {
            content: "";
            opacity: .7;
            background-color: #fff;
            border-radius: 50%;
            width: 40px;
            height: 40px;
            animation: .8s linear infinite vscomp-animation-spin;
            display: inline-block;
            box-shadow: -4px -5px 3px -3px #0000004d
        }

    .vscomp-ele[disabled] {
        cursor: not-allowed;
        -webkit-user-select: none;
        user-select: none
    }

        .vscomp-ele[disabled] .vscomp-wrapper {
            opacity: .7;
            pointer-events: none
        }

    .vscomp-wrapper .checkbox-icon {
        width: 15px;
        height: 15px;
        margin-right: 10px;
        display: inline-flex;
        position: relative
    }

        .vscomp-wrapper .checkbox-icon:after {
            content: "";
            border: 2px solid #888;
            width: 100%;
            height: 100%;
            transition-duration: .2s;
            display: inline-block
        }

        .vscomp-wrapper .checkbox-icon.checked:after {
            border-color: #0000 #512da8 #512da8 #0000;
            width: 50%;
            transform: rotate(45deg)translate(1px,-4px)
        }

    .vscomp-wrapper.show-as-popup .vscomp-dropbox-container {
        opacity: 1;
        background-color: #00000080;
        justify-content: center;
        align-items: center;
        width: 100vw;
        height: 100vh;
        padding: 0 10px;
        display: flex;
        position: fixed;
        top: 0;
        left: 0;
        overflow: auto
    }

    .vscomp-wrapper.show-as-popup .vscomp-dropbox {
        width: 80%;
        max-width: 500px;
        max-height: calc(80% - 48px);
        margin-top: -24px;
        position: relative
    }

    .vscomp-wrapper.show-as-popup .vscomp-dropbox-close-button {
        display: flex
    }

    .vscomp-wrapper.popup-position-left .vscomp-dropbox-container {
        justify-content: flex-start
    }

    .vscomp-wrapper.popup-position-right .vscomp-dropbox-container {
        justify-content: flex-end
    }

    .vscomp-wrapper.has-select-all .vscomp-toggle-all-button {
        cursor: pointer;
        align-items: center;
        display: flex
    }

    .vscomp-wrapper.has-select-all .vscomp-search-input, .vscomp-wrapper.has-select-all .vscomp-toggle-all-label {
        width: calc(100% - 55px)
    }

    .vscomp-wrapper.has-select-all .vscomp-toggle-all-label {
        display: none
    }

    .vscomp-wrapper:not(.has-search-input) .vscomp-toggle-all-button {
        width: 100%
    }

    .vscomp-wrapper:not(.has-search-input) .vscomp-toggle-all-label {
        display: inline-block
    }

    .vscomp-wrapper.multiple .vscomp-option .vscomp-option-text {
        width: calc(100% - 25px)
    }

    .vscomp-wrapper.multiple .vscomp-option .vscomp-option-description {
        padding-left: 25px
    }

    .vscomp-wrapper.multiple .vscomp-option.selected .checkbox-icon:after {
        border-color: #0000 #512da8 #512da8 #0000;
        width: 50%;
        transform: rotate(45deg)translate(1px,-4px)
    }

    .vscomp-wrapper.focused .vscomp-toggle-button, .vscomp-wrapper:focus .vscomp-toggle-button {
        box-shadow: 0 2px 2px #00000024,0 3px 1px -2px #0000001f,0 1px 5px #0003
    }

    .vscomp-wrapper.closed .vscomp-dropbox-container, .vscomp-wrapper.closed.vscomp-dropbox-wrapper {
        display: none
    }

    .vscomp-wrapper:not(.has-value) .vscomp-value {
        opacity: .5
    }

    .vscomp-wrapper.has-clear-button.has-value .vscomp-clear-button {
        display: flex
    }

    .vscomp-wrapper.has-clear-button .vscomp-toggle-button {
        padding-right: 54px
    }

    .vscomp-wrapper.has-no-options .vscomp-options-container, .vscomp-wrapper.has-no-search-results .vscomp-options-container {
        display: none
    }

    .vscomp-wrapper.has-no-options .vscomp-no-options, .vscomp-wrapper.has-no-search-results .vscomp-no-search-results {
        display: flex
    }

    .vscomp-wrapper.has-search-value .vscomp-search-clear {
        visibility: visible
    }

    .vscomp-wrapper.has-no-options .vscomp-toggle-all-button {
        opacity: .5;
        pointer-events: none
    }

    .vscomp-wrapper.keep-always-open .vscomp-toggle-button {
        padding-right: 24px
    }

    .vscomp-wrapper.keep-always-open .vscomp-clear-button {
        right: 5px
    }

    .vscomp-wrapper.keep-always-open .vscomp-arrow {
        display: none
    }

    .vscomp-wrapper.keep-always-open .vscomp-dropbox-container {
        z-index: 1;
        position: relative
    }

    .vscomp-wrapper.keep-always-open .vscomp-dropbox {
        box-shadow: none;
        border: 1px solid #ddd;
        transition-duration: 0s
    }

    .vscomp-wrapper.keep-always-open.focused, .vscomp-wrapper.keep-always-open:focus, .vscomp-wrapper.keep-always-open:hover {
        box-shadow: 0 2px 2px #00000024,0 3px 1px -2px #0000001f,0 1px 5px #0003
    }

    .vscomp-wrapper.server-searching .vscomp-options-list {
        display: none
    }

    .vscomp-wrapper.server-searching .vscomp-options-loader {
        display: block
    }

    .vscomp-wrapper.has-error .vscomp-toggle-button {
        border-color: #b00020
    }

    .vscomp-wrapper.show-value-as-tags .vscomp-toggle-button {
        padding: 4px 22px 0 10px
    }

    .vscomp-wrapper.show-value-as-tags .vscomp-value {
        height: auto;
        min-height: 28px;
        text-overflow: unset;
        white-space: normal;
        flex-wrap: wrap;
        display: flex;
        overflow: auto
    }

    .vscomp-wrapper.show-value-as-tags .vscomp-value-tag {
        text-overflow: ellipsis;
        white-space: nowrap;
        border: 1px solid #ddd;
        border-radius: 20px;
        align-items: center;
        max-width: 100%;
        margin: 0 4px 4px 0;
        padding: 2px 3px 2px 8px;
        font-size: 12px;
        line-height: 16px;
        display: inline-flex;
        overflow: hidden
    }

        .vscomp-wrapper.show-value-as-tags .vscomp-value-tag.more-value-count {
            padding-right: 8px
        }

    .vscomp-wrapper.show-value-as-tags .vscomp-value-tag-content {
        text-overflow: ellipsis;
        white-space: nowrap;
        width: calc(100% - 20px);
        overflow: hidden
    }

    .vscomp-wrapper.show-value-as-tags .vscomp-value-tag-clear-button {
        justify-content: center;
        align-items: center;
        width: 20px;
        height: 20px;
        display: flex
    }

        .vscomp-wrapper.show-value-as-tags .vscomp-value-tag-clear-button .vscomp-clear-icon {
            transform: scale(.8)
        }

    .vscomp-wrapper.show-value-as-tags .vscomp-arrow {
        height: 34px
    }

    .vscomp-wrapper.show-value-as-tags .vscomp-clear-button {
        margin-top: 0;
        top: 5px
    }

    .vscomp-wrapper.show-value-as-tags.has-value .vscomp-arrow {
        display: none
    }

    .vscomp-wrapper.show-value-as-tags.has-value .vscomp-clear-button {
        right: 2px
    }

    .vscomp-wrapper.show-value-as-tags:not(.has-value) .vscomp-toggle-button {
        padding-bottom: 2px
    }

    .vscomp-wrapper.show-value-as-tags:not(.has-value) .vscomp-value {
        align-items: center;
        padding-bottom: 3px
    }

    .vscomp-wrapper.text-direction-rtl {
        direction: rtl
    }

        .vscomp-wrapper.text-direction-rtl .vscomp-toggle-button {
            padding: 7px 10px 7px 30px
        }

        .vscomp-wrapper.text-direction-rtl .vscomp-arrow {
            left: 0;
            right: auto
        }

        .vscomp-wrapper.text-direction-rtl .vscomp-clear-button {
            left: 30px;
            right: auto !important
        }

        .vscomp-wrapper.text-direction-rtl .checkbox-icon {
            margin-left: 10px;
            margin-right: 0
        }

            .vscomp-wrapper.text-direction-rtl .checkbox-icon.checked:after {
                transform: rotate(45deg)translate(-4px,1px)
            }

        .vscomp-wrapper.text-direction-rtl .vscomp-search-container {
            padding: 0 15px 0 5px
        }

        .vscomp-wrapper.text-direction-rtl .vscomp-toggle-all-label, .vscomp-wrapper.text-direction-rtl .vscomp-option {
            text-align: right
        }

            .vscomp-wrapper.text-direction-rtl .vscomp-option.group-option {
                padding-right: 30px
            }

        .vscomp-wrapper.text-direction-rtl .vscomp-new-option-icon {
            left: 0;
            right: auto
        }

            .vscomp-wrapper.text-direction-rtl .vscomp-new-option-icon:before {
                border-left-color: #512da8;
                border-right-color: #0000
            }

            .vscomp-wrapper.text-direction-rtl .vscomp-new-option-icon:after {
                left: 1px;
                right: auto
            }

        .vscomp-wrapper.text-direction-rtl.multiple .vscomp-option.selected .checkbox-icon:after {
            transform: rotate(45deg)translate(-4px,1px)
        }

        .vscomp-wrapper.text-direction-rtl.has-clear-button .vscomp-toggle-button {
            padding-left: 54px
        }

        .vscomp-wrapper.text-direction-rtl.keep-always-open .vscomp-toggle-button {
            padding-left: 24px
        }

        .vscomp-wrapper.text-direction-rtl.keep-always-open .vscomp-clear-button {
            left: 5px
        }

        .vscomp-wrapper.text-direction-rtl.show-value-as-tags .vscomp-toggle-button {
            padding: 4px 10px 0 22px
        }

        .vscomp-wrapper.text-direction-rtl.show-value-as-tags .vscomp-value-tag {
            margin: 0 0 4px 4px;
            padding: 2px 8px 2px 3px
        }

            .vscomp-wrapper.text-direction-rtl.show-value-as-tags .vscomp-value-tag.more-value-count {
                padding-left: 8px
            }

        .vscomp-wrapper.text-direction-rtl.show-value-as-tags.has-value .vscomp-clear-button {
            left: 2px
        }

    .pop-comp-wrapper {
        opacity: 0;
        color: #000;
        text-align: left;
        z-index: 1;
        background-color: #fff;
        flex-wrap: wrap;
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        box-shadow: 0 2px 2px #00000024,0 3px 1px -2px #0000001f,0 1px 5px #0003
    }

    .pop-comp-arrow {
        z-index: 1;
        pointer-events: none;
        width: 16px;
        height: 16px;
        position: absolute;
        overflow: hidden
    }

        .pop-comp-arrow:before {
            content: "";
            transform-origin: 0 0;
            background-color: #fff;
            width: 16px;
            height: 16px;
            position: absolute;
            top: 8px;
            left: 8px;
            transform: rotate(45deg);
            box-shadow: 0 2px 2px #00000024,0 3px 1px -2px #0000001f,0 1px 5px #0003
        }

    .pop-comp-content {
        z-index: 2;
        position: relative
    }

    .pop-comp-wrapper.position-bottom > .pop-comp-arrow {
        margin-left: -8px;
        top: -15px;
        left: 0
    }

        .pop-comp-wrapper.position-bottom > .pop-comp-arrow:before {
            box-shadow: 0 0 2px #00000024
        }

    .pop-comp-wrapper.position-top > .pop-comp-arrow {
        margin-left: -8px;
        bottom: -15px;
        left: 0
    }

    .pop-comp-wrapper.position-right > .pop-comp-arrow {
        margin-top: -8px;
        top: 0;
        left: -15px
    }

    .pop-comp-wrapper.position-left > .pop-comp-arrow {
        margin-top: -8px;
        top: 0;
        right: -15px
    }

    .pop-comp-disable-events {
        pointer-events: none
    }

    .noUi-target, .noUi-target * {
        -webkit-touch-callout: none;
        -webkit-tap-highlight-color: #0000;
        -webkit-user-select: none;
        user-select: none;
        -ms-touch-action: none;
        touch-action: none;
        box-sizing: border-box
    }

    .noUi-target {
        position: relative
    }

    .noUi-base, .noUi-connects {
        z-index: 1;
        width: 100%;
        height: 100%;
        position: relative
    }

    .noUi-connects {
        z-index: 0;
        overflow: hidden
    }

    .noUi-connect, .noUi-origin {
        will-change: transform;
        z-index: 1;
        transform-origin: 0 0;
        width: 100%;
        height: 100%;
        -webkit-transform-style: preserve-3d;
        transform-style: flat;
        position: absolute;
        top: 0;
        right: 0
    }

    .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
        left: 0;
        right: auto
    }

    .noUi-vertical .noUi-origin {
        width: 0;
        top: -100%
    }

    .noUi-horizontal .noUi-origin {
        height: 0
    }

    .noUi-handle {
        backface-visibility: hidden;
        position: absolute
    }

    .noUi-touch-area {
        width: 100%;
        height: 100%
    }

    .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {
        transition: transform .3s
    }

    .noUi-state-drag * {
        cursor: inherit !important
    }

    .noUi-horizontal {
        height: 18px
    }

        .noUi-horizontal .noUi-handle {
            width: 34px;
            height: 28px;
            top: -6px;
            right: -17px
        }

    .noUi-vertical {
        width: 18px
    }

        .noUi-vertical .noUi-handle {
            width: 28px;
            height: 34px;
            bottom: -17px;
            right: -6px
        }

    .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
        left: -17px;
        right: auto
    }

    .noUi-target {
        background: #fafafa;
        border: 1px solid #d3d3d3;
        border-radius: 4px;
        box-shadow: inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb
    }

    .noUi-connects {
        border-radius: 3px
    }

    .noUi-connect {
        background: #3fb8af
    }

    .noUi-draggable {
        cursor: ew-resize
    }

    .noUi-vertical .noUi-draggable {
        cursor: ns-resize
    }

    .noUi-handle {
        cursor: default;
        background: #fff;
        border: 1px solid #d9d9d9;
        border-radius: 3px;
        box-shadow: inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb
    }

    .noUi-active {
        box-shadow: inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb
    }

    .noUi-handle:before, .noUi-handle:after {
        content: "";
        background: #e8e7e6;
        width: 1px;
        height: 14px;
        display: block;
        position: absolute;
        top: 6px;
        left: 14px
    }

    .noUi-handle:after {
        left: 17px
    }

    .noUi-vertical .noUi-handle:before, .noUi-vertical .noUi-handle:after {
        width: 14px;
        height: 1px;
        top: 14px;
        left: 6px
    }

    .noUi-vertical .noUi-handle:after {
        top: 17px
    }

    [disabled] .noUi-connect {
        background: #b8b8b8
    }

    [disabled].noUi-target, [disabled].noUi-handle, [disabled] .noUi-handle {
        cursor: not-allowed
    }

    .noUi-pips, .noUi-pips * {
        box-sizing: border-box
    }

    .noUi-pips {
        color: #999;
        position: absolute
    }

    .noUi-value {
        white-space: nowrap;
        text-align: center;
        position: absolute
    }

    .noUi-value-sub {
        color: #ccc;
        font-size: 10px
    }

    .noUi-marker {
        background: #ccc;
        position: absolute
    }

    .noUi-marker-sub, .noUi-marker-large {
        background: #aaa
    }

    .noUi-pips-horizontal {
        width: 100%;
        height: 80px;
        padding: 10px 0;
        top: 100%;
        left: 0
    }

    .noUi-value-horizontal {
        transform: translate(-50%,50%)
    }

    .noUi-rtl .noUi-value-horizontal {
        transform: translate(50%,50%)
    }

    .noUi-marker-horizontal.noUi-marker {
        width: 2px;
        height: 5px;
        margin-left: -1px
    }

    .noUi-marker-horizontal.noUi-marker-sub {
        height: 10px
    }

    .noUi-marker-horizontal.noUi-marker-large {
        height: 15px
    }

    .noUi-pips-vertical {
        height: 100%;
        padding: 0 10px;
        top: 0;
        left: 100%
    }

    .noUi-value-vertical {
        padding-left: 25px;
        transform: translateY(-50%)
    }

    .noUi-rtl .noUi-value-vertical {
        transform: translateY(50%)
    }

    .noUi-marker-vertical.noUi-marker {
        width: 5px;
        height: 2px;
        margin-top: -1px
    }

    .noUi-marker-vertical.noUi-marker-sub {
        width: 10px
    }

    .noUi-marker-vertical.noUi-marker-large {
        width: 15px
    }

    .noUi-tooltip {
        color: #000;
        text-align: center;
        white-space: nowrap;
        background: #fff;
        border: 1px solid #d9d9d9;
        border-radius: 3px;
        padding: 5px;
        display: block;
        position: absolute
    }

    .noUi-horizontal .noUi-tooltip {
        bottom: 120%;
        left: 50%;
        transform: translate(-50%)
    }

    .noUi-vertical .noUi-tooltip {
        top: 50%;
        right: 120%;
        transform: translateY(-50%)
    }

    .noUi-horizontal .noUi-origin > .noUi-tooltip {
        bottom: 10px;
        left: auto;
        transform: translate(50%)
    }

    .noUi-vertical .noUi-origin > .noUi-tooltip {
        top: auto;
        right: 28px;
        transform: translateY(-18px)
    }

    .ql-container {
        box-sizing: border-box;
        height: 100%;
        margin: 0;
        font-family: Helvetica,Arial,sans-serif;
        font-size: 13px;
        position: relative
    }

        .ql-container.ql-disabled .ql-tooltip {
            visibility: hidden
        }

        .ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui, .ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui {
            cursor: pointer
        }

    .ql-clipboard {
        height: 1px;
        position: absolute;
        top: 50%;
        left: -100000px;
        overflow-y: hidden
    }

        .ql-clipboard p {
            margin: 0;
            padding: 0
        }

    .ql-editor {
        box-sizing: border-box;
        counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
        -moz-tab-size: 4;
        tab-size: 4;
        text-align: left;
        white-space: pre-wrap;
        word-wrap: break-word;
        outline: none;
        height: 100%;
        padding: 12px 15px;
        line-height: 1.42;
        overflow-y: auto
    }

        .ql-editor > * {
            cursor: text
        }

        .ql-editor p, .ql-editor ol, .ql-editor pre, .ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 {
            margin: 0;
            padding: 0
        }

    @supports (counter-set:none) {
        .ql-editor p, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 {
            counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
        }
    }

    @supports not (counter-set:none) {
        .ql-editor p, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 {
            counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
        }
    }

    .ql-editor table {
        border-collapse: collapse
    }

    .ql-editor td {
        border: 1px solid #000;
        padding: 2px 5px
    }

    .ql-editor ol {
        padding-left: 1.5em
    }

    .ql-editor li {
        padding-left: 1.5em;
        list-style-type: none;
        position: relative
    }

        .ql-editor li > .ql-ui:before {
            text-align: right;
            white-space: nowrap;
            width: 1.2em;
            margin-left: -1.5em;
            margin-right: .3em;
            display: inline-block
        }

        .ql-editor li[data-list=checked] > .ql-ui, .ql-editor li[data-list=unchecked] > .ql-ui {
            color: #777
        }

        .ql-editor li[data-list=bullet] > .ql-ui:before {
            content: "•"
        }

        .ql-editor li[data-list=checked] > .ql-ui:before {
            content: "☑"
        }

        .ql-editor li[data-list=unchecked] > .ql-ui:before {
            content: "☐"
        }

    @supports (counter-set:none) {
        .ql-editor li[data-list] {
            counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
        }
    }

    @supports not (counter-set:none) {
        .ql-editor li[data-list] {
            counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
        }
    }

    .ql-editor li[data-list=ordered] {
        counter-increment: list-0
    }

        .ql-editor li[data-list=ordered] > .ql-ui:before {
            content: counter(list-0,decimal)". "
        }

        .ql-editor li[data-list=ordered].ql-indent-1 {
            counter-increment: list-1
        }

            .ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before {
                content: counter(list-1,lower-alpha)". "
            }

    @supports (counter-set:none) {
        .ql-editor li[data-list].ql-indent-1 {
            counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
        }
    }

    @supports not (counter-set:none) {
        .ql-editor li[data-list].ql-indent-1 {
            counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
        }
    }

    .ql-editor li[data-list=ordered].ql-indent-2 {
        counter-increment: list-2
    }

        .ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before {
            content: counter(list-2,lower-roman)". "
        }

    @supports (counter-set:none) {
        .ql-editor li[data-list].ql-indent-2 {
            counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9
        }
    }

    @supports not (counter-set:none) {
        .ql-editor li[data-list].ql-indent-2 {
            counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9
        }
    }

    .ql-editor li[data-list=ordered].ql-indent-3 {
        counter-increment: list-3
    }

        .ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before {
            content: counter(list-3,decimal)". "
        }

    @supports (counter-set:none) {
        .ql-editor li[data-list].ql-indent-3 {
            counter-set: list-4 list-5 list-6 list-7 list-8 list-9
        }
    }

    @supports not (counter-set:none) {
        .ql-editor li[data-list].ql-indent-3 {
            counter-reset: list-4 list-5 list-6 list-7 list-8 list-9
        }
    }

    .ql-editor li[data-list=ordered].ql-indent-4 {
        counter-increment: list-4
    }

        .ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before {
            content: counter(list-4,lower-alpha)". "
        }

    @supports (counter-set:none) {
        .ql-editor li[data-list].ql-indent-4 {
            counter-set: list-5 list-6 list-7 list-8 list-9
        }
    }

    @supports not (counter-set:none) {
        .ql-editor li[data-list].ql-indent-4 {
            counter-reset: list-5 list-6 list-7 list-8 list-9
        }
    }

    .ql-editor li[data-list=ordered].ql-indent-5 {
        counter-increment: list-5
    }

        .ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before {
            content: counter(list-5,lower-roman)". "
        }

    @supports (counter-set:none) {
        .ql-editor li[data-list].ql-indent-5 {
            counter-set: list-6 list-7 list-8 list-9
        }
    }

    @supports not (counter-set:none) {
        .ql-editor li[data-list].ql-indent-5 {
            counter-reset: list-6 list-7 list-8 list-9
        }
    }

    .ql-editor li[data-list=ordered].ql-indent-6 {
        counter-increment: list-6
    }

        .ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before {
            content: counter(list-6,decimal)". "
        }

    @supports (counter-set:none) {
        .ql-editor li[data-list].ql-indent-6 {
            counter-set: list-7 list-8 list-9
        }
    }

    @supports not (counter-set:none) {
        .ql-editor li[data-list].ql-indent-6 {
            counter-reset: list-7 list-8 list-9
        }
    }

    .ql-editor li[data-list=ordered].ql-indent-7 {
        counter-increment: list-7
    }

        .ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before {
            content: counter(list-7,lower-alpha)". "
        }

    @supports (counter-set:none) {
        .ql-editor li[data-list].ql-indent-7 {
            counter-set: list-8 list-9
        }
    }

    @supports not (counter-set:none) {
        .ql-editor li[data-list].ql-indent-7 {
            counter-reset: list-8 list-9
        }
    }

    .ql-editor li[data-list=ordered].ql-indent-8 {
        counter-increment: list-8
    }

        .ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before {
            content: counter(list-8,lower-roman)". "
        }

    @supports (counter-set:none) {
        .ql-editor li[data-list].ql-indent-8 {
            counter-set: list-9
        }
    }

    @supports not (counter-set:none) {
        .ql-editor li[data-list].ql-indent-8 {
            counter-reset: list-9
        }
    }

    .ql-editor li[data-list=ordered].ql-indent-9 {
        counter-increment: list-9
    }

        .ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before {
            content: counter(list-9,decimal)". "
        }

    .ql-editor .ql-indent-1:not(.ql-direction-rtl) {
        padding-left: 3em
    }

    .ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
        padding-left: 4.5em
    }

    .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
        padding-right: 3em
    }

    .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
        padding-right: 4.5em
    }

    .ql-editor .ql-indent-2:not(.ql-direction-rtl) {
        padding-left: 6em
    }

    .ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
        padding-left: 7.5em
    }

    .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
        padding-right: 6em
    }

    .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
        padding-right: 7.5em
    }

    .ql-editor .ql-indent-3:not(.ql-direction-rtl) {
        padding-left: 9em
    }

    .ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
        padding-left: 10.5em
    }

    .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
        padding-right: 9em
    }

    .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
        padding-right: 10.5em
    }

    .ql-editor .ql-indent-4:not(.ql-direction-rtl) {
        padding-left: 12em
    }

    .ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
        padding-left: 13.5em
    }

    .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
        padding-right: 12em
    }

    .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
        padding-right: 13.5em
    }

    .ql-editor .ql-indent-5:not(.ql-direction-rtl) {
        padding-left: 15em
    }

    .ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
        padding-left: 16.5em
    }

    .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
        padding-right: 15em
    }

    .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
        padding-right: 16.5em
    }

    .ql-editor .ql-indent-6:not(.ql-direction-rtl) {
        padding-left: 18em
    }

    .ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
        padding-left: 19.5em
    }

    .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
        padding-right: 18em
    }

    .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
        padding-right: 19.5em
    }

    .ql-editor .ql-indent-7:not(.ql-direction-rtl) {
        padding-left: 21em
    }

    .ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
        padding-left: 22.5em
    }

    .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
        padding-right: 21em
    }

    .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
        padding-right: 22.5em
    }

    .ql-editor .ql-indent-8:not(.ql-direction-rtl) {
        padding-left: 24em
    }

    .ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
        padding-left: 25.5em
    }

    .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
        padding-right: 24em
    }

    .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
        padding-right: 25.5em
    }

    .ql-editor .ql-indent-9:not(.ql-direction-rtl) {
        padding-left: 27em
    }

    .ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
        padding-left: 28.5em
    }

    .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
        padding-right: 27em
    }

    .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
        padding-right: 28.5em
    }

    .ql-editor li.ql-direction-rtl {
        padding-right: 1.5em
    }

        .ql-editor li.ql-direction-rtl > .ql-ui:before {
            text-align: left;
            margin-left: .3em;
            margin-right: -1.5em
        }

    .ql-editor table {
        table-layout: fixed;
        width: 100%
    }

        .ql-editor table td {
            outline: none
        }

    .ql-editor .ql-code-block-container {
        font-family: monospace
    }

    .ql-editor .ql-video {
        max-width: 100%;
        display: block
    }

        .ql-editor .ql-video.ql-align-center {
            margin: 0 auto
        }

        .ql-editor .ql-video.ql-align-right {
            margin: 0 0 0 auto
        }

    .ql-editor .ql-bg-black {
        background-color: #000
    }

    .ql-editor .ql-bg-red {
        background-color: #e60000
    }

    .ql-editor .ql-bg-orange {
        background-color: #f90
    }

    .ql-editor .ql-bg-yellow {
        background-color: #ff0
    }

    .ql-editor .ql-bg-green {
        background-color: #008a00
    }

    .ql-editor .ql-bg-blue {
        background-color: #06c
    }

    .ql-editor .ql-bg-purple {
        background-color: #93f
    }

    .ql-editor .ql-color-white {
        color: #fff
    }

    .ql-editor .ql-color-red {
        color: #e60000
    }

    .ql-editor .ql-color-orange {
        color: #f90
    }

    .ql-editor .ql-color-yellow {
        color: #ff0
    }

    .ql-editor .ql-color-green {
        color: #008a00
    }

    .ql-editor .ql-color-blue {
        color: #06c
    }

    .ql-editor .ql-color-purple {
        color: #93f
    }

    .ql-editor .ql-font-serif {
        font-family: Georgia,Times New Roman,serif
    }

    .ql-editor .ql-font-monospace {
        font-family: Monaco,Courier New,monospace
    }

    .ql-editor .ql-size-small {
        font-size: .75em
    }

    .ql-editor .ql-size-large {
        font-size: 1.5em
    }

    .ql-editor .ql-size-huge {
        font-size: 2.5em
    }

    .ql-editor .ql-direction-rtl {
        text-align: inherit;
        direction: rtl
    }

    .ql-editor .ql-align-center {
        text-align: center
    }

    .ql-editor .ql-align-justify {
        text-align: justify
    }

    .ql-editor .ql-align-right {
        text-align: right
    }

    .ql-editor .ql-ui {
        position: absolute
    }

    .ql-editor.ql-blank:before {
        color: #0009;
        content: attr(data-placeholder);
        pointer-events: none;
        font-style: italic;
        position: absolute;
        left: 15px;
        right: 15px
    }

    .ql-snow.ql-toolbar:after, .ql-snow .ql-toolbar:after {
        clear: both;
        content: "";
        display: table
    }

    .ql-snow.ql-toolbar button, .ql-snow .ql-toolbar button {
        cursor: pointer;
        float: left;
        background: 0 0;
        border: none;
        width: 28px;
        height: 24px;
        padding: 3px 5px;
        display: inline-block
    }

        .ql-snow.ql-toolbar button svg, .ql-snow .ql-toolbar button svg {
            float: left;
            height: 100%
        }

        .ql-snow.ql-toolbar button:active:hover, .ql-snow .ql-toolbar button:active:hover {
            outline: none
        }

    .ql-snow.ql-toolbar input.ql-image[type=file], .ql-snow .ql-toolbar input.ql-image[type=file] {
        display: none
    }

    .ql-snow.ql-toolbar button:hover, .ql-snow .ql-toolbar button:hover, .ql-snow.ql-toolbar button:focus, .ql-snow .ql-toolbar button:focus, .ql-snow.ql-toolbar button.ql-active, .ql-snow .ql-toolbar button.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
        color: #06c
    }

        .ql-snow.ql-toolbar button:hover .ql-fill, .ql-snow .ql-toolbar button:hover .ql-fill, .ql-snow.ql-toolbar button:focus .ql-fill, .ql-snow .ql-toolbar button:focus .ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
            fill: #06c
        }

        .ql-snow.ql-toolbar button:hover .ql-stroke, .ql-snow .ql-toolbar button:hover .ql-stroke, .ql-snow.ql-toolbar button:focus .ql-stroke, .ql-snow .ql-toolbar button:focus .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar button:hover .ql-stroke-miter, .ql-snow .ql-toolbar button:hover .ql-stroke-miter, .ql-snow.ql-toolbar button:focus .ql-stroke-miter, .ql-snow .ql-toolbar button:focus .ql-stroke-miter, .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
            stroke: #06c
        }

    @media (pointer:coarse) {
        .ql-snow.ql-toolbar button:hover:not(.ql-active), .ql-snow .ql-toolbar button:hover:not(.ql-active) {
            color: #444
        }

            .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
                fill: #444
            }

            .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
                stroke: #444
            }
    }

    .ql-snow, .ql-snow * {
        box-sizing: border-box
    }

        .ql-snow .ql-hidden {
            display: none
        }

        .ql-snow .ql-out-bottom, .ql-snow .ql-out-top {
            visibility: hidden
        }

        .ql-snow .ql-tooltip {
            position: absolute;
            transform: translateY(10px)
        }

            .ql-snow .ql-tooltip a {
                cursor: pointer;
                text-decoration: none
            }

            .ql-snow .ql-tooltip.ql-flip {
                transform: translateY(-10px)
            }

        .ql-snow .ql-formats {
            vertical-align: middle;
            display: inline-block
        }

            .ql-snow .ql-formats:after {
                clear: both;
                content: "";
                display: table
            }

        .ql-snow .ql-stroke {
            fill: none;
            stroke: #444;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-width: 2px
        }

        .ql-snow .ql-stroke-miter {
            fill: none;
            stroke: #444;
            stroke-miterlimit: 10;
            stroke-width: 2px
        }

        .ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill {
            fill: #444
        }

        .ql-snow .ql-empty {
            fill: none
        }

        .ql-snow .ql-even {
            fill-rule: evenodd
        }

        .ql-snow .ql-thin, .ql-snow .ql-stroke.ql-thin {
            stroke-width: 1px
        }

        .ql-snow .ql-transparent {
            opacity: .4
        }

        .ql-snow .ql-direction svg:last-child {
            display: none
        }

        .ql-snow .ql-direction.ql-active svg:last-child {
            display: inline
        }

        .ql-snow .ql-direction.ql-active svg:first-child {
            display: none
        }

        .ql-snow .ql-editor h1 {
            font-size: 2em
        }

        .ql-snow .ql-editor h2 {
            font-size: 1.5em
        }

        .ql-snow .ql-editor h3 {
            font-size: 1.17em
        }

        .ql-snow .ql-editor h4 {
            font-size: 1em
        }

        .ql-snow .ql-editor h5 {
            font-size: .83em
        }

        .ql-snow .ql-editor h6 {
            font-size: .67em
        }

        .ql-snow .ql-editor a {
            text-decoration: underline
        }

        .ql-snow .ql-editor blockquote {
            border-left: 4px solid #ccc;
            margin-top: 5px;
            margin-bottom: 5px;
            padding-left: 16px
        }

        .ql-snow .ql-editor code, .ql-snow .ql-editor .ql-code-block-container {
            background-color: #f0f0f0;
            border-radius: 3px
        }

        .ql-snow .ql-editor .ql-code-block-container {
            margin-top: 5px;
            margin-bottom: 5px;
            padding: 5px 10px
        }

        .ql-snow .ql-editor code {
            padding: 2px 4px;
            font-size: 85%
        }

        .ql-snow .ql-editor .ql-code-block-container {
            color: #f8f8f2;
            background-color: #23241f;
            overflow: visible
        }

        .ql-snow .ql-editor img {
            max-width: 100%
        }

        .ql-snow .ql-picker {
            color: #444;
            float: left;
            vertical-align: middle;
            height: 24px;
            font-size: 14px;
            font-weight: 500;
            display: inline-block;
            position: relative
        }

        .ql-snow .ql-picker-label {
            cursor: pointer;
            width: 100%;
            height: 100%;
            padding-left: 8px;
            padding-right: 2px;
            display: inline-block;
            position: relative
        }

            .ql-snow .ql-picker-label:before {
                line-height: 22px;
                display: inline-block
            }

        .ql-snow .ql-picker-options {
            white-space: nowrap;
            background-color: #fff;
            min-width: 100%;
            padding: 4px 8px;
            display: none;
            position: absolute
        }

            .ql-snow .ql-picker-options .ql-picker-item {
                cursor: pointer;
                padding-top: 5px;
                padding-bottom: 5px;
                display: block
            }

        .ql-snow .ql-picker.ql-expanded .ql-picker-label {
            color: #ccc;
            z-index: 2
        }

            .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
                fill: #ccc
            }

            .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
                stroke: #ccc
            }

        .ql-snow .ql-picker.ql-expanded .ql-picker-options {
            z-index: 1;
            margin-top: -1px;
            display: block;
            top: 100%
        }

        .ql-snow .ql-color-picker, .ql-snow .ql-icon-picker {
            width: 28px
        }

            .ql-snow .ql-color-picker .ql-picker-label, .ql-snow .ql-icon-picker .ql-picker-label {
                padding: 2px 4px
            }

                .ql-snow .ql-color-picker .ql-picker-label svg, .ql-snow .ql-icon-picker .ql-picker-label svg {
                    right: 4px
                }

            .ql-snow .ql-icon-picker .ql-picker-options {
                padding: 4px 0
            }

            .ql-snow .ql-icon-picker .ql-picker-item {
                width: 24px;
                height: 24px;
                padding: 2px 4px
            }

            .ql-snow .ql-color-picker .ql-picker-options {
                width: 152px;
                padding: 3px 5px
            }

            .ql-snow .ql-color-picker .ql-picker-item {
                float: left;
                border: 1px solid #0000;
                width: 16px;
                height: 16px;
                margin: 2px;
                padding: 0
            }

        .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
            width: 18px;
            margin-top: -9px;
            position: absolute;
            top: 50%;
            right: 0
        }

        .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before, .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before {
            content: attr(data-label)
        }

        .ql-snow .ql-picker.ql-header {
            width: 98px
        }

            .ql-snow .ql-picker.ql-header .ql-picker-label:before, .ql-snow .ql-picker.ql-header .ql-picker-item:before {
                content: "Normal"
            }

            .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before {
                content: "Heading 1"
            }

            .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before {
                content: "Heading 2"
            }

            .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before {
                content: "Heading 3"
            }

            .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before {
                content: "Heading 4"
            }

            .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before {
                content: "Heading 5"
            }

            .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before {
                content: "Heading 6"
            }

            .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before {
                font-size: 2em
            }

            .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before {
                font-size: 1.5em
            }

            .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before {
                font-size: 1.17em
            }

            .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before {
                font-size: 1em
            }

            .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before {
                font-size: .83em
            }

            .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before {
                font-size: .67em
            }

        .ql-snow .ql-picker.ql-font {
            width: 108px
        }

            .ql-snow .ql-picker.ql-font .ql-picker-label:before, .ql-snow .ql-picker.ql-font .ql-picker-item:before {
                content: "Sans Serif"
            }

            .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before {
                content: "Serif"
            }

            .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before {
                content: "Monospace"
            }

            .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before {
                font-family: Georgia,Times New Roman,serif
            }

            .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before {
                font-family: Monaco,Courier New,monospace
            }

        .ql-snow .ql-picker.ql-size {
            width: 98px
        }

            .ql-snow .ql-picker.ql-size .ql-picker-label:before, .ql-snow .ql-picker.ql-size .ql-picker-item:before {
                content: "Normal"
            }

            .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before {
                content: "Small"
            }

            .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before {
                content: "Large"
            }

            .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before {
                content: "Huge"
            }

            .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before {
                font-size: 10px
            }

            .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before {
                font-size: 18px
            }

            .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before {
                font-size: 32px
            }

        .ql-snow .ql-color-picker.ql-background .ql-picker-item {
            background-color: #fff
        }

        .ql-snow .ql-color-picker.ql-color .ql-picker-item {
            background-color: #000
        }

    .ql-code-block-container {
        position: relative
    }

        .ql-code-block-container .ql-ui {
            top: 5px;
            right: 5px
        }

    .ql-toolbar.ql-snow {
        box-sizing: border-box;
        border: 1px solid #ccc;
        padding: 8px;
        font-family: Helvetica Neue,Helvetica,Arial,sans-serif
    }

        .ql-toolbar.ql-snow .ql-formats {
            margin-right: 15px
        }

        .ql-toolbar.ql-snow .ql-picker-label {
            border: 1px solid #0000
        }

        .ql-toolbar.ql-snow .ql-picker-options {
            border: 1px solid #0000;
            box-shadow: 0 2px 8px #0003
        }

        .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label, .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
            border-color: #ccc
        }

        .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected, .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
            border-color: #000
        }

        .ql-toolbar.ql-snow + .ql-container.ql-snow {
            border-top: 0
        }

    .ql-snow .ql-tooltip {
        color: #444;
        white-space: nowrap;
        background-color: #fff;
        border: 1px solid #ccc;
        padding: 5px 12px;
        box-shadow: 0 0 5px #ddd
    }

        .ql-snow .ql-tooltip:before {
            content: "Visit URL:";
            margin-right: 8px;
            line-height: 26px
        }

        .ql-snow .ql-tooltip input[type=text] {
            border: 1px solid #ccc;
            width: 170px;
            height: 26px;
            margin: 0;
            padding: 3px 5px;
            font-size: 13px;
            display: none
        }

        .ql-snow .ql-tooltip a.ql-preview {
            text-overflow: ellipsis;
            vertical-align: top;
            max-width: 200px;
            display: inline-block;
            overflow-x: hidden
        }

        .ql-snow .ql-tooltip a.ql-action:after {
            content: "Edit";
            border-right: 1px solid #ccc;
            margin-left: 16px;
            padding-right: 8px
        }

        .ql-snow .ql-tooltip a.ql-remove:before {
            content: "Remove";
            margin-left: 8px
        }

        .ql-snow .ql-tooltip a {
            line-height: 26px
        }

        .ql-snow .ql-tooltip.ql-editing a.ql-preview, .ql-snow .ql-tooltip.ql-editing a.ql-remove {
            display: none
        }

        .ql-snow .ql-tooltip.ql-editing input[type=text] {
            display: inline-block
        }

        .ql-snow .ql-tooltip.ql-editing a.ql-action:after {
            content: "Save";
            border-right: 0;
            padding-right: 0
        }

        .ql-snow .ql-tooltip[data-mode=link]:before {
            content: "Enter link:"
        }

        .ql-snow .ql-tooltip[data-mode=formula]:before {
            content: "Enter formula:"
        }

        .ql-snow .ql-tooltip[data-mode=video]:before {
            content: "Enter video:"
        }

    .ql-snow a {
        color: #06c
    }

    .ql-container.ql-snow {
        border: 1px solid #ccc
    }
}

@font-face {
    font-family: remixicon;
    src: url(./remixicon.eot?t=1734404658139);
    src: url(./remixicon.eot?t=1734404658139#iefix) format("embedded-opentype"),url(./remixicon.woff2?t=1734404658139) format("woff2"),url(./remixicon.woff?t=1734404658139) format("woff"),url(./remixicon.ttf?t=1734404658139) format("truetype"),url(../images/remixicon.svg?t=1734404658139#remixicon) format("svg");
    font-display: swap
}

[class^=ri-], [class*=" ri-"] {
    font-family: remixicon !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ri-lg {
    font-size: 1.3333em;
    line-height: .75em;
    vertical-align: -.0667em
}

.ri-xl {
    font-size: 1.5em;
    line-height: .6666em;
    vertical-align: -.075em
}

.ri-xxs {
    font-size: .5em
}

.ri-xs {
    font-size: .75em
}

.ri-sm {
    font-size: .875em
}

.ri-1x {
    font-size: 1em
}

.ri-2x {
    font-size: 2em
}

.ri-3x {
    font-size: 3em
}

.ri-4x {
    font-size: 4em
}

.ri-5x {
    font-size: 5em
}

.ri-6x {
    font-size: 6em
}

.ri-7x {
    font-size: 7em
}

.ri-8x {
    font-size: 8em
}

.ri-9x {
    font-size: 9em
}

.ri-10x {
    font-size: 10em
}

.ri-fw {
    text-align: center;
    width: 1.25em
}

.ri-24-hours-fill:before {
    content: ""
}

.ri-24-hours-line:before {
    content: ""
}

.ri-4k-fill:before {
    content: ""
}

.ri-4k-line:before {
    content: ""
}

.ri-a-b:before {
    content: ""
}

.ri-account-box-fill:before {
    content: ""
}

.ri-account-box-line:before {
    content: ""
}

.ri-account-circle-fill:before {
    content: ""
}

.ri-account-circle-line:before {
    content: ""
}

.ri-account-pin-box-fill:before {
    content: ""
}

.ri-account-pin-box-line:before {
    content: ""
}

.ri-account-pin-circle-fill:before {
    content: ""
}

.ri-account-pin-circle-line:before {
    content: ""
}

.ri-add-box-fill:before {
    content: ""
}

.ri-add-box-line:before {
    content: ""
}

.ri-add-circle-fill:before {
    content: ""
}

.ri-add-circle-line:before {
    content: ""
}

.ri-add-fill:before {
    content: ""
}

.ri-add-line:before {
    content: ""
}

.ri-admin-fill:before {
    content: ""
}

.ri-admin-line:before {
    content: ""
}

.ri-advertisement-fill:before {
    content: ""
}

.ri-advertisement-line:before {
    content: ""
}

.ri-airplay-fill:before {
    content: ""
}

.ri-airplay-line:before {
    content: ""
}

.ri-alarm-fill:before {
    content: ""
}

.ri-alarm-line:before {
    content: ""
}

.ri-alarm-warning-fill:before {
    content: ""
}

.ri-alarm-warning-line:before {
    content: ""
}

.ri-album-fill:before {
    content: ""
}

.ri-album-line:before {
    content: ""
}

.ri-alert-fill:before {
    content: ""
}

.ri-alert-line:before {
    content: ""
}

.ri-aliens-fill:before {
    content: ""
}

.ri-aliens-line:before {
    content: ""
}

.ri-align-bottom:before {
    content: ""
}

.ri-align-center:before {
    content: ""
}

.ri-align-justify:before {
    content: ""
}

.ri-align-left:before {
    content: ""
}

.ri-align-right:before {
    content: ""
}

.ri-align-top:before {
    content: ""
}

.ri-align-vertically:before {
    content: ""
}

.ri-alipay-fill:before {
    content: ""
}

.ri-alipay-line:before {
    content: ""
}

.ri-amazon-fill:before {
    content: ""
}

.ri-amazon-line:before {
    content: ""
}

.ri-anchor-fill:before {
    content: ""
}

.ri-anchor-line:before {
    content: ""
}

.ri-ancient-gate-fill:before {
    content: ""
}

.ri-ancient-gate-line:before {
    content: ""
}

.ri-ancient-pavilion-fill:before {
    content: ""
}

.ri-ancient-pavilion-line:before {
    content: ""
}

.ri-android-fill:before {
    content: ""
}

.ri-android-line:before {
    content: ""
}

.ri-angularjs-fill:before {
    content: ""
}

.ri-angularjs-line:before {
    content: ""
}

.ri-anticlockwise-2-fill:before {
    content: ""
}

.ri-anticlockwise-2-line:before {
    content: ""
}

.ri-anticlockwise-fill:before {
    content: ""
}

.ri-anticlockwise-line:before {
    content: ""
}

.ri-app-store-fill:before {
    content: ""
}

.ri-app-store-line:before {
    content: ""
}

.ri-apple-fill:before {
    content: ""
}

.ri-apple-line:before {
    content: ""
}

.ri-apps-2-fill:before {
    content: ""
}

.ri-apps-2-line:before {
    content: ""
}

.ri-apps-fill:before {
    content: ""
}

.ri-apps-line:before {
    content: ""
}

.ri-archive-drawer-fill:before {
    content: ""
}

.ri-archive-drawer-line:before {
    content: ""
}

.ri-archive-fill:before {
    content: ""
}

.ri-archive-line:before {
    content: ""
}

.ri-arrow-down-circle-fill:before {
    content: ""
}

.ri-arrow-down-circle-line:before {
    content: ""
}

.ri-arrow-down-fill:before {
    content: ""
}

.ri-arrow-down-line:before {
    content: ""
}

.ri-arrow-down-s-fill:before {
    content: ""
}

.ri-arrow-down-s-line:before {
    content: ""
}

.ri-arrow-drop-down-fill:before {
    content: ""
}

.ri-arrow-drop-down-line:before {
    content: ""
}

.ri-arrow-drop-left-fill:before {
    content: ""
}

.ri-arrow-drop-left-line:before {
    content: ""
}

.ri-arrow-drop-right-fill:before {
    content: ""
}

.ri-arrow-drop-right-line:before {
    content: ""
}

.ri-arrow-drop-up-fill:before {
    content: ""
}

.ri-arrow-drop-up-line:before {
    content: ""
}

.ri-arrow-go-back-fill:before {
    content: ""
}

.ri-arrow-go-back-line:before {
    content: ""
}

.ri-arrow-go-forward-fill:before {
    content: ""
}

.ri-arrow-go-forward-line:before {
    content: ""
}

.ri-arrow-left-circle-fill:before {
    content: ""
}

.ri-arrow-left-circle-line:before {
    content: ""
}

.ri-arrow-left-down-fill:before {
    content: ""
}

.ri-arrow-left-down-line:before {
    content: ""
}

.ri-arrow-left-fill:before {
    content: ""
}

.ri-arrow-left-line:before {
    content: ""
}

.ri-arrow-left-right-fill:before {
    content: ""
}

.ri-arrow-left-right-line:before {
    content: ""
}

.ri-arrow-left-s-fill:before {
    content: ""
}

.ri-arrow-left-s-line:before {
    content: ""
}

.ri-arrow-left-up-fill:before {
    content: ""
}

.ri-arrow-left-up-line:before {
    content: ""
}

.ri-arrow-right-circle-fill:before {
    content: ""
}

.ri-arrow-right-circle-line:before {
    content: ""
}

.ri-arrow-right-down-fill:before {
    content: ""
}

.ri-arrow-right-down-line:before {
    content: ""
}

.ri-arrow-right-fill:before {
    content: ""
}

.ri-arrow-right-line:before {
    content: ""
}

.ri-arrow-right-s-fill:before {
    content: ""
}

.ri-arrow-right-s-line:before {
    content: ""
}

.ri-arrow-right-up-fill:before {
    content: ""
}

.ri-arrow-right-up-line:before {
    content: ""
}

.ri-arrow-up-circle-fill:before {
    content: ""
}

.ri-arrow-up-circle-line:before {
    content: ""
}

.ri-arrow-up-down-fill:before {
    content: ""
}

.ri-arrow-up-down-line:before {
    content: ""
}

.ri-arrow-up-fill:before {
    content: ""
}

.ri-arrow-up-line:before {
    content: ""
}

.ri-arrow-up-s-fill:before {
    content: ""
}

.ri-arrow-up-s-line:before {
    content: ""
}

.ri-artboard-2-fill:before {
    content: ""
}

.ri-artboard-2-line:before {
    content: ""
}

.ri-artboard-fill:before {
    content: ""
}

.ri-artboard-line:before {
    content: ""
}

.ri-article-fill:before {
    content: ""
}

.ri-article-line:before {
    content: ""
}

.ri-aspect-ratio-fill:before {
    content: ""
}

.ri-aspect-ratio-line:before {
    content: ""
}

.ri-asterisk:before {
    content: ""
}

.ri-at-fill:before {
    content: ""
}

.ri-at-line:before {
    content: ""
}

.ri-attachment-2:before {
    content: ""
}

.ri-attachment-fill:before {
    content: ""
}

.ri-attachment-line:before {
    content: ""
}

.ri-auction-fill:before {
    content: ""
}

.ri-auction-line:before {
    content: ""
}

.ri-award-fill:before {
    content: ""
}

.ri-award-line:before {
    content: ""
}

.ri-baidu-fill:before {
    content: ""
}

.ri-baidu-line:before {
    content: ""
}

.ri-ball-pen-fill:before {
    content: ""
}

.ri-ball-pen-line:before {
    content: ""
}

.ri-bank-card-2-fill:before {
    content: ""
}

.ri-bank-card-2-line:before {
    content: ""
}

.ri-bank-card-fill:before {
    content: ""
}

.ri-bank-card-line:before {
    content: ""
}

.ri-bank-fill:before {
    content: ""
}

.ri-bank-line:before {
    content: ""
}

.ri-bar-chart-2-fill:before {
    content: ""
}

.ri-bar-chart-2-line:before {
    content: ""
}

.ri-bar-chart-box-fill:before {
    content: ""
}

.ri-bar-chart-box-line:before {
    content: ""
}

.ri-bar-chart-fill:before {
    content: ""
}

.ri-bar-chart-grouped-fill:before {
    content: ""
}

.ri-bar-chart-grouped-line:before {
    content: ""
}

.ri-bar-chart-horizontal-fill:before {
    content: ""
}

.ri-bar-chart-horizontal-line:before {
    content: ""
}

.ri-bar-chart-line:before {
    content: ""
}

.ri-barcode-box-fill:before {
    content: ""
}

.ri-barcode-box-line:before {
    content: ""
}

.ri-barcode-fill:before {
    content: ""
}

.ri-barcode-line:before {
    content: ""
}

.ri-barricade-fill:before {
    content: ""
}

.ri-barricade-line:before {
    content: ""
}

.ri-base-station-fill:before {
    content: ""
}

.ri-base-station-line:before {
    content: ""
}

.ri-basketball-fill:before {
    content: ""
}

.ri-basketball-line:before {
    content: ""
}

.ri-battery-2-charge-fill:before {
    content: ""
}

.ri-battery-2-charge-line:before {
    content: ""
}

.ri-battery-2-fill:before {
    content: ""
}

.ri-battery-2-line:before {
    content: ""
}

.ri-battery-charge-fill:before {
    content: ""
}

.ri-battery-charge-line:before {
    content: ""
}

.ri-battery-fill:before {
    content: ""
}

.ri-battery-line:before {
    content: ""
}

.ri-battery-low-fill:before {
    content: ""
}

.ri-battery-low-line:before {
    content: ""
}

.ri-battery-saver-fill:before {
    content: ""
}

.ri-battery-saver-line:before {
    content: ""
}

.ri-battery-share-fill:before {
    content: ""
}

.ri-battery-share-line:before {
    content: ""
}

.ri-bear-smile-fill:before {
    content: ""
}

.ri-bear-smile-line:before {
    content: ""
}

.ri-behance-fill:before {
    content: ""
}

.ri-behance-line:before {
    content: ""
}

.ri-bell-fill:before {
    content: ""
}

.ri-bell-line:before {
    content: ""
}

.ri-bike-fill:before {
    content: ""
}

.ri-bike-line:before {
    content: ""
}

.ri-bilibili-fill:before {
    content: ""
}

.ri-bilibili-line:before {
    content: ""
}

.ri-bill-fill:before {
    content: ""
}

.ri-bill-line:before {
    content: ""
}

.ri-billiards-fill:before {
    content: ""
}

.ri-billiards-line:before {
    content: ""
}

.ri-bit-coin-fill:before {
    content: ""
}

.ri-bit-coin-line:before {
    content: ""
}

.ri-blaze-fill:before {
    content: ""
}

.ri-blaze-line:before {
    content: ""
}

.ri-bluetooth-connect-fill:before {
    content: ""
}

.ri-bluetooth-connect-line:before {
    content: ""
}

.ri-bluetooth-fill:before {
    content: ""
}

.ri-bluetooth-line:before {
    content: ""
}

.ri-blur-off-fill:before {
    content: ""
}

.ri-blur-off-line:before {
    content: ""
}

.ri-body-scan-fill:before {
    content: ""
}

.ri-body-scan-line:before {
    content: ""
}

.ri-bold:before {
    content: ""
}

.ri-book-2-fill:before {
    content: ""
}

.ri-book-2-line:before {
    content: ""
}

.ri-book-3-fill:before {
    content: ""
}

.ri-book-3-line:before {
    content: ""
}

.ri-book-fill:before {
    content: ""
}

.ri-book-line:before {
    content: ""
}

.ri-book-marked-fill:before {
    content: ""
}

.ri-book-marked-line:before {
    content: ""
}

.ri-book-open-fill:before {
    content: ""
}

.ri-book-open-line:before {
    content: ""
}

.ri-book-read-fill:before {
    content: ""
}

.ri-book-read-line:before {
    content: ""
}

.ri-booklet-fill:before {
    content: ""
}

.ri-booklet-line:before {
    content: ""
}

.ri-bookmark-2-fill:before {
    content: ""
}

.ri-bookmark-2-line:before {
    content: ""
}

.ri-bookmark-3-fill:before {
    content: ""
}

.ri-bookmark-3-line:before {
    content: ""
}

.ri-bookmark-fill:before {
    content: ""
}

.ri-bookmark-line:before {
    content: ""
}

.ri-boxing-fill:before {
    content: ""
}

.ri-boxing-line:before {
    content: ""
}

.ri-braces-fill:before {
    content: ""
}

.ri-braces-line:before {
    content: ""
}

.ri-brackets-fill:before {
    content: ""
}

.ri-brackets-line:before {
    content: ""
}

.ri-briefcase-2-fill:before {
    content: ""
}

.ri-briefcase-2-line:before {
    content: ""
}

.ri-briefcase-3-fill:before {
    content: ""
}

.ri-briefcase-3-line:before {
    content: ""
}

.ri-briefcase-4-fill:before {
    content: ""
}

.ri-briefcase-4-line:before {
    content: ""
}

.ri-briefcase-5-fill:before {
    content: ""
}

.ri-briefcase-5-line:before {
    content: ""
}

.ri-briefcase-fill:before {
    content: ""
}

.ri-briefcase-line:before {
    content: ""
}

.ri-bring-forward:before {
    content: ""
}

.ri-bring-to-front:before {
    content: ""
}

.ri-broadcast-fill:before {
    content: ""
}

.ri-broadcast-line:before {
    content: ""
}

.ri-brush-2-fill:before {
    content: ""
}

.ri-brush-2-line:before {
    content: ""
}

.ri-brush-3-fill:before {
    content: ""
}

.ri-brush-3-line:before {
    content: ""
}

.ri-brush-4-fill:before {
    content: ""
}

.ri-brush-4-line:before {
    content: ""
}

.ri-brush-fill:before {
    content: ""
}

.ri-brush-line:before {
    content: ""
}

.ri-bubble-chart-fill:before {
    content: ""
}

.ri-bubble-chart-line:before {
    content: ""
}

.ri-bug-2-fill:before {
    content: ""
}

.ri-bug-2-line:before {
    content: ""
}

.ri-bug-fill:before {
    content: ""
}

.ri-bug-line:before {
    content: ""
}

.ri-building-2-fill:before {
    content: ""
}

.ri-building-2-line:before {
    content: ""
}

.ri-building-3-fill:before {
    content: ""
}

.ri-building-3-line:before {
    content: ""
}

.ri-building-4-fill:before {
    content: ""
}

.ri-building-4-line:before {
    content: ""
}

.ri-building-fill:before {
    content: ""
}

.ri-building-line:before {
    content: ""
}

.ri-bus-2-fill:before {
    content: ""
}

.ri-bus-2-line:before {
    content: ""
}

.ri-bus-fill:before {
    content: ""
}

.ri-bus-line:before {
    content: ""
}

.ri-bus-wifi-fill:before {
    content: ""
}

.ri-bus-wifi-line:before {
    content: ""
}

.ri-cactus-fill:before {
    content: ""
}

.ri-cactus-line:before {
    content: ""
}

.ri-cake-2-fill:before {
    content: ""
}

.ri-cake-2-line:before {
    content: ""
}

.ri-cake-3-fill:before {
    content: ""
}

.ri-cake-3-line:before {
    content: ""
}

.ri-cake-fill:before {
    content: ""
}

.ri-cake-line:before {
    content: ""
}

.ri-calculator-fill:before {
    content: ""
}

.ri-calculator-line:before {
    content: ""
}

.ri-calendar-2-fill:before {
    content: ""
}

.ri-calendar-2-line:before {
    content: ""
}

.ri-calendar-check-fill:before {
    content: ""
}

.ri-calendar-check-line:before {
    content: ""
}

.ri-calendar-event-fill:before {
    content: ""
}

.ri-calendar-event-line:before {
    content: ""
}

.ri-calendar-fill:before {
    content: ""
}

.ri-calendar-line:before {
    content: ""
}

.ri-calendar-todo-fill:before {
    content: ""
}

.ri-calendar-todo-line:before {
    content: ""
}

.ri-camera-2-fill:before {
    content: ""
}

.ri-camera-2-line:before {
    content: ""
}

.ri-camera-3-fill:before {
    content: ""
}

.ri-camera-3-line:before {
    content: ""
}

.ri-camera-fill:before {
    content: ""
}

.ri-camera-lens-fill:before {
    content: ""
}

.ri-camera-lens-line:before {
    content: ""
}

.ri-camera-line:before {
    content: ""
}

.ri-camera-off-fill:before {
    content: ""
}

.ri-camera-off-line:before {
    content: ""
}

.ri-camera-switch-fill:before {
    content: ""
}

.ri-camera-switch-line:before {
    content: ""
}

.ri-capsule-fill:before {
    content: ""
}

.ri-capsule-line:before {
    content: ""
}

.ri-car-fill:before {
    content: ""
}

.ri-car-line:before {
    content: ""
}

.ri-car-washing-fill:before {
    content: ""
}

.ri-car-washing-line:before {
    content: ""
}

.ri-caravan-fill:before {
    content: ""
}

.ri-caravan-line:before {
    content: ""
}

.ri-cast-fill:before {
    content: ""
}

.ri-cast-line:before {
    content: ""
}

.ri-cellphone-fill:before {
    content: ""
}

.ri-cellphone-line:before {
    content: ""
}

.ri-celsius-fill:before {
    content: ""
}

.ri-celsius-line:before {
    content: ""
}

.ri-centos-fill:before {
    content: ""
}

.ri-centos-line:before {
    content: ""
}

.ri-character-recognition-fill:before {
    content: ""
}

.ri-character-recognition-line:before {
    content: ""
}

.ri-charging-pile-2-fill:before {
    content: ""
}

.ri-charging-pile-2-line:before {
    content: ""
}

.ri-charging-pile-fill:before {
    content: ""
}

.ri-charging-pile-line:before {
    content: ""
}

.ri-chat-1-fill:before {
    content: ""
}

.ri-chat-1-line:before {
    content: ""
}

.ri-chat-2-fill:before {
    content: ""
}

.ri-chat-2-line:before {
    content: ""
}

.ri-chat-3-fill:before {
    content: ""
}

.ri-chat-3-line:before {
    content: ""
}

.ri-chat-4-fill:before {
    content: ""
}

.ri-chat-4-line:before {
    content: ""
}

.ri-chat-check-fill:before {
    content: ""
}

.ri-chat-check-line:before {
    content: ""
}

.ri-chat-delete-fill:before {
    content: ""
}

.ri-chat-delete-line:before {
    content: ""
}

.ri-chat-download-fill:before {
    content: ""
}

.ri-chat-download-line:before {
    content: ""
}

.ri-chat-follow-up-fill:before {
    content: ""
}

.ri-chat-follow-up-line:before {
    content: ""
}

.ri-chat-forward-fill:before {
    content: ""
}

.ri-chat-forward-line:before {
    content: ""
}

.ri-chat-heart-fill:before {
    content: ""
}

.ri-chat-heart-line:before {
    content: ""
}

.ri-chat-history-fill:before {
    content: ""
}

.ri-chat-history-line:before {
    content: ""
}

.ri-chat-new-fill:before {
    content: ""
}

.ri-chat-new-line:before {
    content: ""
}

.ri-chat-off-fill:before {
    content: ""
}

.ri-chat-off-line:before {
    content: ""
}

.ri-chat-poll-fill:before {
    content: ""
}

.ri-chat-poll-line:before {
    content: ""
}

.ri-chat-private-fill:before {
    content: ""
}

.ri-chat-private-line:before {
    content: ""
}

.ri-chat-quote-fill:before {
    content: ""
}

.ri-chat-quote-line:before {
    content: ""
}

.ri-chat-settings-fill:before {
    content: ""
}

.ri-chat-settings-line:before {
    content: ""
}

.ri-chat-smile-2-fill:before {
    content: ""
}

.ri-chat-smile-2-line:before {
    content: ""
}

.ri-chat-smile-3-fill:before {
    content: ""
}

.ri-chat-smile-3-line:before {
    content: ""
}

.ri-chat-smile-fill:before {
    content: ""
}

.ri-chat-smile-line:before {
    content: ""
}

.ri-chat-upload-fill:before {
    content: ""
}

.ri-chat-upload-line:before {
    content: ""
}

.ri-chat-voice-fill:before {
    content: ""
}

.ri-chat-voice-line:before {
    content: ""
}

.ri-check-double-fill:before {
    content: ""
}

.ri-check-double-line:before {
    content: ""
}

.ri-check-fill:before {
    content: ""
}

.ri-check-line:before {
    content: ""
}

.ri-checkbox-blank-circle-fill:before {
    content: ""
}

.ri-checkbox-blank-circle-line:before {
    content: ""
}

.ri-checkbox-blank-fill:before {
    content: ""
}

.ri-checkbox-blank-line:before {
    content: ""
}

.ri-checkbox-circle-fill:before {
    content: ""
}

.ri-checkbox-circle-line:before {
    content: ""
}

.ri-checkbox-fill:before {
    content: ""
}

.ri-checkbox-indeterminate-fill:before {
    content: ""
}

.ri-checkbox-indeterminate-line:before {
    content: ""
}

.ri-checkbox-line:before {
    content: ""
}

.ri-checkbox-multiple-blank-fill:before {
    content: ""
}

.ri-checkbox-multiple-blank-line:before {
    content: ""
}

.ri-checkbox-multiple-fill:before {
    content: ""
}

.ri-checkbox-multiple-line:before {
    content: ""
}

.ri-china-railway-fill:before {
    content: ""
}

.ri-china-railway-line:before {
    content: ""
}

.ri-chrome-fill:before {
    content: ""
}

.ri-chrome-line:before {
    content: ""
}

.ri-clapperboard-fill:before {
    content: ""
}

.ri-clapperboard-line:before {
    content: ""
}

.ri-clipboard-fill:before {
    content: ""
}

.ri-clipboard-line:before {
    content: ""
}

.ri-clockwise-2-fill:before {
    content: ""
}

.ri-clockwise-2-line:before {
    content: ""
}

.ri-clockwise-fill:before {
    content: ""
}

.ri-clockwise-line:before {
    content: ""
}

.ri-close-circle-fill:before {
    content: ""
}

.ri-close-circle-line:before {
    content: ""
}

.ri-close-fill:before {
    content: ""
}

.ri-close-line:before {
    content: ""
}

.ri-closed-captioning-fill:before {
    content: ""
}

.ri-closed-captioning-line:before {
    content: ""
}

.ri-cloud-fill:before {
    content: ""
}

.ri-cloud-line:before {
    content: ""
}

.ri-cloud-off-fill:before {
    content: ""
}

.ri-cloud-off-line:before {
    content: ""
}

.ri-cloud-windy-fill:before {
    content: ""
}

.ri-cloud-windy-line:before {
    content: ""
}

.ri-cloudy-2-fill:before {
    content: ""
}

.ri-cloudy-2-line:before {
    content: ""
}

.ri-cloudy-fill:before {
    content: ""
}

.ri-cloudy-line:before {
    content: ""
}

.ri-code-box-fill:before {
    content: ""
}

.ri-code-box-line:before {
    content: ""
}

.ri-code-fill:before {
    content: ""
}

.ri-code-line:before {
    content: ""
}

.ri-code-s-fill:before {
    content: ""
}

.ri-code-s-line:before {
    content: ""
}

.ri-code-s-slash-fill:before {
    content: ""
}

.ri-code-s-slash-line:before {
    content: ""
}

.ri-code-view:before {
    content: ""
}

.ri-codepen-fill:before {
    content: ""
}

.ri-codepen-line:before {
    content: ""
}

.ri-coin-fill:before {
    content: ""
}

.ri-coin-line:before {
    content: ""
}

.ri-coins-fill:before {
    content: ""
}

.ri-coins-line:before {
    content: ""
}

.ri-collage-fill:before {
    content: ""
}

.ri-collage-line:before {
    content: ""
}

.ri-command-fill:before {
    content: ""
}

.ri-command-line:before {
    content: ""
}

.ri-community-fill:before {
    content: ""
}

.ri-community-line:before {
    content: ""
}

.ri-compass-2-fill:before {
    content: ""
}

.ri-compass-2-line:before {
    content: ""
}

.ri-compass-3-fill:before {
    content: ""
}

.ri-compass-3-line:before {
    content: ""
}

.ri-compass-4-fill:before {
    content: ""
}

.ri-compass-4-line:before {
    content: ""
}

.ri-compass-discover-fill:before {
    content: ""
}

.ri-compass-discover-line:before {
    content: ""
}

.ri-compass-fill:before {
    content: ""
}

.ri-compass-line:before {
    content: ""
}

.ri-compasses-2-fill:before {
    content: ""
}

.ri-compasses-2-line:before {
    content: ""
}

.ri-compasses-fill:before {
    content: ""
}

.ri-compasses-line:before {
    content: ""
}

.ri-computer-fill:before {
    content: ""
}

.ri-computer-line:before {
    content: ""
}

.ri-contacts-book-2-fill:before {
    content: ""
}

.ri-contacts-book-2-line:before {
    content: ""
}

.ri-contacts-book-fill:before {
    content: ""
}

.ri-contacts-book-line:before {
    content: ""
}

.ri-contacts-book-upload-fill:before {
    content: ""
}

.ri-contacts-book-upload-line:before {
    content: ""
}

.ri-contacts-fill:before {
    content: ""
}

.ri-contacts-line:before {
    content: ""
}

.ri-contrast-2-fill:before {
    content: ""
}

.ri-contrast-2-line:before {
    content: ""
}

.ri-contrast-drop-2-fill:before {
    content: ""
}

.ri-contrast-drop-2-line:before {
    content: ""
}

.ri-contrast-drop-fill:before {
    content: ""
}

.ri-contrast-drop-line:before {
    content: ""
}

.ri-contrast-fill:before {
    content: ""
}

.ri-contrast-line:before {
    content: ""
}

.ri-copper-coin-fill:before {
    content: ""
}

.ri-copper-coin-line:before {
    content: ""
}

.ri-copper-diamond-fill:before {
    content: ""
}

.ri-copper-diamond-line:before {
    content: ""
}

.ri-copyleft-fill:before {
    content: ""
}

.ri-copyleft-line:before {
    content: ""
}

.ri-copyright-fill:before {
    content: ""
}

.ri-copyright-line:before {
    content: ""
}

.ri-coreos-fill:before {
    content: ""
}

.ri-coreos-line:before {
    content: ""
}

.ri-coupon-2-fill:before {
    content: ""
}

.ri-coupon-2-line:before {
    content: ""
}

.ri-coupon-3-fill:before {
    content: ""
}

.ri-coupon-3-line:before {
    content: ""
}

.ri-coupon-4-fill:before {
    content: ""
}

.ri-coupon-4-line:before {
    content: ""
}

.ri-coupon-5-fill:before {
    content: ""
}

.ri-coupon-5-line:before {
    content: ""
}

.ri-coupon-fill:before {
    content: ""
}

.ri-coupon-line:before {
    content: ""
}

.ri-cpu-fill:before {
    content: ""
}

.ri-cpu-line:before {
    content: ""
}

.ri-creative-commons-by-fill:before {
    content: ""
}

.ri-creative-commons-by-line:before {
    content: ""
}

.ri-creative-commons-fill:before {
    content: ""
}

.ri-creative-commons-line:before {
    content: ""
}

.ri-creative-commons-nc-fill:before {
    content: ""
}

.ri-creative-commons-nc-line:before {
    content: ""
}

.ri-creative-commons-nd-fill:before {
    content: ""
}

.ri-creative-commons-nd-line:before {
    content: ""
}

.ri-creative-commons-sa-fill:before {
    content: ""
}

.ri-creative-commons-sa-line:before {
    content: ""
}

.ri-creative-commons-zero-fill:before {
    content: ""
}

.ri-creative-commons-zero-line:before {
    content: ""
}

.ri-criminal-fill:before {
    content: ""
}

.ri-criminal-line:before {
    content: ""
}

.ri-crop-2-fill:before {
    content: ""
}

.ri-crop-2-line:before {
    content: ""
}

.ri-crop-fill:before {
    content: ""
}

.ri-crop-line:before {
    content: ""
}

.ri-css3-fill:before {
    content: ""
}

.ri-css3-line:before {
    content: ""
}

.ri-cup-fill:before {
    content: ""
}

.ri-cup-line:before {
    content: ""
}

.ri-currency-fill:before {
    content: ""
}

.ri-currency-line:before {
    content: ""
}

.ri-cursor-fill:before {
    content: ""
}

.ri-cursor-line:before {
    content: ""
}

.ri-customer-service-2-fill:before {
    content: ""
}

.ri-customer-service-2-line:before {
    content: ""
}

.ri-customer-service-fill:before {
    content: ""
}

.ri-customer-service-line:before {
    content: ""
}

.ri-dashboard-2-fill:before {
    content: ""
}

.ri-dashboard-2-line:before {
    content: ""
}

.ri-dashboard-3-fill:before {
    content: ""
}

.ri-dashboard-3-line:before {
    content: ""
}

.ri-dashboard-fill:before {
    content: ""
}

.ri-dashboard-line:before {
    content: ""
}

.ri-database-2-fill:before {
    content: ""
}

.ri-database-2-line:before {
    content: ""
}

.ri-database-fill:before {
    content: ""
}

.ri-database-line:before {
    content: ""
}

.ri-delete-back-2-fill:before {
    content: ""
}

.ri-delete-back-2-line:before {
    content: ""
}

.ri-delete-back-fill:before {
    content: ""
}

.ri-delete-back-line:before {
    content: ""
}

.ri-delete-bin-2-fill:before {
    content: ""
}

.ri-delete-bin-2-line:before {
    content: ""
}

.ri-delete-bin-3-fill:before {
    content: ""
}

.ri-delete-bin-3-line:before {
    content: ""
}

.ri-delete-bin-4-fill:before {
    content: ""
}

.ri-delete-bin-4-line:before {
    content: ""
}

.ri-delete-bin-5-fill:before {
    content: ""
}

.ri-delete-bin-5-line:before {
    content: ""
}

.ri-delete-bin-6-fill:before {
    content: ""
}

.ri-delete-bin-6-line:before {
    content: ""
}

.ri-delete-bin-7-fill:before {
    content: ""
}

.ri-delete-bin-7-line:before {
    content: ""
}

.ri-delete-bin-fill:before {
    content: ""
}

.ri-delete-bin-line:before {
    content: ""
}

.ri-delete-column:before {
    content: ""
}

.ri-delete-row:before {
    content: ""
}

.ri-device-fill:before {
    content: ""
}

.ri-device-line:before {
    content: ""
}

.ri-device-recover-fill:before {
    content: ""
}

.ri-device-recover-line:before {
    content: ""
}

.ri-dingding-fill:before {
    content: ""
}

.ri-dingding-line:before {
    content: ""
}

.ri-direction-fill:before {
    content: ""
}

.ri-direction-line:before {
    content: ""
}

.ri-disc-fill:before {
    content: ""
}

.ri-disc-line:before {
    content: ""
}

.ri-discord-fill:before {
    content: ""
}

.ri-discord-line:before {
    content: ""
}

.ri-discuss-fill:before {
    content: ""
}

.ri-discuss-line:before {
    content: ""
}

.ri-dislike-fill:before {
    content: ""
}

.ri-dislike-line:before {
    content: ""
}

.ri-disqus-fill:before {
    content: ""
}

.ri-disqus-line:before {
    content: ""
}

.ri-divide-fill:before {
    content: ""
}

.ri-divide-line:before {
    content: ""
}

.ri-donut-chart-fill:before {
    content: ""
}

.ri-donut-chart-line:before {
    content: ""
}

.ri-door-closed-fill:before {
    content: ""
}

.ri-door-closed-line:before {
    content: ""
}

.ri-door-fill:before {
    content: ""
}

.ri-door-line:before {
    content: ""
}

.ri-door-lock-box-fill:before {
    content: ""
}

.ri-door-lock-box-line:before {
    content: ""
}

.ri-door-lock-fill:before {
    content: ""
}

.ri-door-lock-line:before {
    content: ""
}

.ri-door-open-fill:before {
    content: ""
}

.ri-door-open-line:before {
    content: ""
}

.ri-dossier-fill:before {
    content: ""
}

.ri-dossier-line:before {
    content: ""
}

.ri-douban-fill:before {
    content: ""
}

.ri-douban-line:before {
    content: ""
}

.ri-double-quotes-l:before {
    content: ""
}

.ri-double-quotes-r:before {
    content: ""
}

.ri-download-2-fill:before {
    content: ""
}

.ri-download-2-line:before {
    content: ""
}

.ri-download-cloud-2-fill:before {
    content: ""
}

.ri-download-cloud-2-line:before {
    content: ""
}

.ri-download-cloud-fill:before {
    content: ""
}

.ri-download-cloud-line:before {
    content: ""
}

.ri-download-fill:before {
    content: ""
}

.ri-download-line:before {
    content: ""
}

.ri-draft-fill:before {
    content: ""
}

.ri-draft-line:before {
    content: ""
}

.ri-drag-drop-fill:before {
    content: ""
}

.ri-drag-drop-line:before {
    content: ""
}

.ri-drag-move-2-fill:before {
    content: ""
}

.ri-drag-move-2-line:before {
    content: ""
}

.ri-drag-move-fill:before {
    content: ""
}

.ri-drag-move-line:before {
    content: ""
}

.ri-dribbble-fill:before {
    content: ""
}

.ri-dribbble-line:before {
    content: ""
}

.ri-drive-fill:before {
    content: ""
}

.ri-drive-line:before {
    content: ""
}

.ri-drizzle-fill:before {
    content: ""
}

.ri-drizzle-line:before {
    content: ""
}

.ri-drop-fill:before {
    content: ""
}

.ri-drop-line:before {
    content: ""
}

.ri-dropbox-fill:before {
    content: ""
}

.ri-dropbox-line:before {
    content: ""
}

.ri-dual-sim-1-fill:before {
    content: ""
}

.ri-dual-sim-1-line:before {
    content: ""
}

.ri-dual-sim-2-fill:before {
    content: ""
}

.ri-dual-sim-2-line:before {
    content: ""
}

.ri-dv-fill:before {
    content: ""
}

.ri-dv-line:before {
    content: ""
}

.ri-dvd-fill:before {
    content: ""
}

.ri-dvd-line:before {
    content: ""
}

.ri-e-bike-2-fill:before {
    content: ""
}

.ri-e-bike-2-line:before {
    content: ""
}

.ri-e-bike-fill:before {
    content: ""
}

.ri-e-bike-line:before {
    content: ""
}

.ri-earth-fill:before {
    content: ""
}

.ri-earth-line:before {
    content: ""
}

.ri-earthquake-fill:before {
    content: ""
}

.ri-earthquake-line:before {
    content: ""
}

.ri-edge-fill:before {
    content: ""
}

.ri-edge-line:before {
    content: ""
}

.ri-edit-2-fill:before {
    content: ""
}

.ri-edit-2-line:before {
    content: ""
}

.ri-edit-box-fill:before {
    content: ""
}

.ri-edit-box-line:before {
    content: ""
}

.ri-edit-circle-fill:before {
    content: ""
}

.ri-edit-circle-line:before {
    content: ""
}

.ri-edit-fill:before {
    content: ""
}

.ri-edit-line:before {
    content: ""
}

.ri-eject-fill:before {
    content: ""
}

.ri-eject-line:before {
    content: ""
}

.ri-emotion-2-fill:before {
    content: ""
}

.ri-emotion-2-line:before {
    content: ""
}

.ri-emotion-fill:before {
    content: ""
}

.ri-emotion-happy-fill:before {
    content: ""
}

.ri-emotion-happy-line:before {
    content: ""
}

.ri-emotion-laugh-fill:before {
    content: ""
}

.ri-emotion-laugh-line:before {
    content: ""
}

.ri-emotion-line:before {
    content: ""
}

.ri-emotion-normal-fill:before {
    content: ""
}

.ri-emotion-normal-line:before {
    content: ""
}

.ri-emotion-sad-fill:before {
    content: ""
}

.ri-emotion-sad-line:before {
    content: ""
}

.ri-emotion-unhappy-fill:before {
    content: ""
}

.ri-emotion-unhappy-line:before {
    content: ""
}

.ri-empathize-fill:before {
    content: ""
}

.ri-empathize-line:before {
    content: ""
}

.ri-emphasis-cn:before {
    content: ""
}

.ri-emphasis:before {
    content: ""
}

.ri-english-input:before {
    content: ""
}

.ri-equalizer-fill:before {
    content: ""
}

.ri-equalizer-line:before {
    content: ""
}

.ri-eraser-fill:before {
    content: ""
}

.ri-eraser-line:before {
    content: ""
}

.ri-error-warning-fill:before {
    content: ""
}

.ri-error-warning-line:before {
    content: ""
}

.ri-evernote-fill:before {
    content: ""
}

.ri-evernote-line:before {
    content: ""
}

.ri-exchange-box-fill:before {
    content: ""
}

.ri-exchange-box-line:before {
    content: ""
}

.ri-exchange-cny-fill:before {
    content: ""
}

.ri-exchange-cny-line:before {
    content: ""
}

.ri-exchange-dollar-fill:before {
    content: ""
}

.ri-exchange-dollar-line:before {
    content: ""
}

.ri-exchange-fill:before {
    content: ""
}

.ri-exchange-funds-fill:before {
    content: ""
}

.ri-exchange-funds-line:before {
    content: ""
}

.ri-exchange-line:before {
    content: ""
}

.ri-external-link-fill:before {
    content: ""
}

.ri-external-link-line:before {
    content: ""
}

.ri-eye-2-fill:before {
    content: ""
}

.ri-eye-2-line:before {
    content: ""
}

.ri-eye-close-fill:before {
    content: ""
}

.ri-eye-close-line:before {
    content: ""
}

.ri-eye-fill:before {
    content: ""
}

.ri-eye-line:before {
    content: ""
}

.ri-eye-off-fill:before {
    content: ""
}

.ri-eye-off-line:before {
    content: ""
}

.ri-facebook-box-fill:before {
    content: ""
}

.ri-facebook-box-line:before {
    content: ""
}

.ri-facebook-circle-fill:before {
    content: ""
}

.ri-facebook-circle-line:before {
    content: ""
}

.ri-facebook-fill:before {
    content: ""
}

.ri-facebook-line:before {
    content: ""
}

.ri-fahrenheit-fill:before {
    content: ""
}

.ri-fahrenheit-line:before {
    content: ""
}

.ri-feedback-fill:before {
    content: ""
}

.ri-feedback-line:before {
    content: ""
}

.ri-file-2-fill:before {
    content: ""
}

.ri-file-2-line:before {
    content: ""
}

.ri-file-3-fill:before {
    content: ""
}

.ri-file-3-line:before {
    content: ""
}

.ri-file-4-fill:before {
    content: ""
}

.ri-file-4-line:before {
    content: ""
}

.ri-file-add-fill:before {
    content: ""
}

.ri-file-add-line:before {
    content: ""
}

.ri-file-chart-2-fill:before {
    content: ""
}

.ri-file-chart-2-line:before {
    content: ""
}

.ri-file-chart-fill:before {
    content: ""
}

.ri-file-chart-line:before {
    content: ""
}

.ri-file-cloud-fill:before {
    content: ""
}

.ri-file-cloud-line:before {
    content: ""
}

.ri-file-code-fill:before {
    content: ""
}

.ri-file-code-line:before {
    content: ""
}

.ri-file-copy-2-fill:before {
    content: ""
}

.ri-file-copy-2-line:before {
    content: ""
}

.ri-file-copy-fill:before {
    content: ""
}

.ri-file-copy-line:before {
    content: ""
}

.ri-file-damage-fill:before {
    content: ""
}

.ri-file-damage-line:before {
    content: ""
}

.ri-file-download-fill:before {
    content: ""
}

.ri-file-download-line:before {
    content: ""
}

.ri-file-edit-fill:before {
    content: ""
}

.ri-file-edit-line:before {
    content: ""
}

.ri-file-excel-2-fill:before {
    content: ""
}

.ri-file-excel-2-line:before {
    content: ""
}

.ri-file-excel-fill:before {
    content: ""
}

.ri-file-excel-line:before {
    content: ""
}

.ri-file-fill:before {
    content: ""
}

.ri-file-forbid-fill:before {
    content: ""
}

.ri-file-forbid-line:before {
    content: ""
}

.ri-file-gif-fill:before {
    content: ""
}

.ri-file-gif-line:before {
    content: ""
}

.ri-file-history-fill:before {
    content: ""
}

.ri-file-history-line:before {
    content: ""
}

.ri-file-hwp-fill:before {
    content: ""
}

.ri-file-hwp-line:before {
    content: ""
}

.ri-file-info-fill:before {
    content: ""
}

.ri-file-info-line:before {
    content: ""
}

.ri-file-line:before {
    content: ""
}

.ri-file-list-2-fill:before {
    content: ""
}

.ri-file-list-2-line:before {
    content: ""
}

.ri-file-list-3-fill:before {
    content: ""
}

.ri-file-list-3-line:before {
    content: ""
}

.ri-file-list-fill:before {
    content: ""
}

.ri-file-list-line:before {
    content: ""
}

.ri-file-lock-fill:before {
    content: ""
}

.ri-file-lock-line:before {
    content: ""
}

.ri-file-marked-fill:before {
    content: ""
}

.ri-file-marked-line:before {
    content: ""
}

.ri-file-music-fill:before {
    content: ""
}

.ri-file-music-line:before {
    content: ""
}

.ri-file-paper-2-fill:before {
    content: ""
}

.ri-file-paper-2-line:before {
    content: ""
}

.ri-file-paper-fill:before {
    content: ""
}

.ri-file-paper-line:before {
    content: ""
}

.ri-file-pdf-fill:before {
    content: ""
}

.ri-file-pdf-line:before {
    content: ""
}

.ri-file-ppt-2-fill:before {
    content: ""
}

.ri-file-ppt-2-line:before {
    content: ""
}

.ri-file-ppt-fill:before {
    content: ""
}

.ri-file-ppt-line:before {
    content: ""
}

.ri-file-reduce-fill:before {
    content: ""
}

.ri-file-reduce-line:before {
    content: ""
}

.ri-file-search-fill:before {
    content: ""
}

.ri-file-search-line:before {
    content: ""
}

.ri-file-settings-fill:before {
    content: ""
}

.ri-file-settings-line:before {
    content: ""
}

.ri-file-shield-2-fill:before {
    content: ""
}

.ri-file-shield-2-line:before {
    content: ""
}

.ri-file-shield-fill:before {
    content: ""
}

.ri-file-shield-line:before {
    content: ""
}

.ri-file-shred-fill:before {
    content: ""
}

.ri-file-shred-line:before {
    content: ""
}

.ri-file-text-fill:before {
    content: ""
}

.ri-file-text-line:before {
    content: ""
}

.ri-file-transfer-fill:before {
    content: ""
}

.ri-file-transfer-line:before {
    content: ""
}

.ri-file-unknow-fill:before {
    content: ""
}

.ri-file-unknow-line:before {
    content: ""
}

.ri-file-upload-fill:before {
    content: ""
}

.ri-file-upload-line:before {
    content: ""
}

.ri-file-user-fill:before {
    content: ""
}

.ri-file-user-line:before {
    content: ""
}

.ri-file-warning-fill:before {
    content: ""
}

.ri-file-warning-line:before {
    content: ""
}

.ri-file-word-2-fill:before {
    content: ""
}

.ri-file-word-2-line:before {
    content: ""
}

.ri-file-word-fill:before {
    content: ""
}

.ri-file-word-line:before {
    content: ""
}

.ri-file-zip-fill:before {
    content: ""
}

.ri-file-zip-line:before {
    content: ""
}

.ri-film-fill:before {
    content: ""
}

.ri-film-line:before {
    content: ""
}

.ri-filter-2-fill:before {
    content: ""
}

.ri-filter-2-line:before {
    content: ""
}

.ri-filter-3-fill:before {
    content: ""
}

.ri-filter-3-line:before {
    content: ""
}

.ri-filter-fill:before {
    content: ""
}

.ri-filter-line:before {
    content: ""
}

.ri-filter-off-fill:before {
    content: ""
}

.ri-filter-off-line:before {
    content: ""
}

.ri-find-replace-fill:before {
    content: ""
}

.ri-find-replace-line:before {
    content: ""
}

.ri-finder-fill:before {
    content: ""
}

.ri-finder-line:before {
    content: ""
}

.ri-fingerprint-2-fill:before {
    content: ""
}

.ri-fingerprint-2-line:before {
    content: ""
}

.ri-fingerprint-fill:before {
    content: ""
}

.ri-fingerprint-line:before {
    content: ""
}

.ri-fire-fill:before {
    content: ""
}

.ri-fire-line:before {
    content: ""
}

.ri-firefox-fill:before {
    content: ""
}

.ri-firefox-line:before {
    content: ""
}

.ri-first-aid-kit-fill:before {
    content: ""
}

.ri-first-aid-kit-line:before {
    content: ""
}

.ri-flag-2-fill:before {
    content: ""
}

.ri-flag-2-line:before {
    content: ""
}

.ri-flag-fill:before {
    content: ""
}

.ri-flag-line:before {
    content: ""
}

.ri-flashlight-fill:before {
    content: ""
}

.ri-flashlight-line:before {
    content: ""
}

.ri-flask-fill:before {
    content: ""
}

.ri-flask-line:before {
    content: ""
}

.ri-flight-land-fill:before {
    content: ""
}

.ri-flight-land-line:before {
    content: ""
}

.ri-flight-takeoff-fill:before {
    content: ""
}

.ri-flight-takeoff-line:before {
    content: ""
}

.ri-flood-fill:before {
    content: ""
}

.ri-flood-line:before {
    content: ""
}

.ri-flow-chart:before {
    content: ""
}

.ri-flutter-fill:before {
    content: ""
}

.ri-flutter-line:before {
    content: ""
}

.ri-focus-2-fill:before {
    content: ""
}

.ri-focus-2-line:before {
    content: ""
}

.ri-focus-3-fill:before {
    content: ""
}

.ri-focus-3-line:before {
    content: ""
}

.ri-focus-fill:before {
    content: ""
}

.ri-focus-line:before {
    content: ""
}

.ri-foggy-fill:before {
    content: ""
}

.ri-foggy-line:before {
    content: ""
}

.ri-folder-2-fill:before {
    content: ""
}

.ri-folder-2-line:before {
    content: ""
}

.ri-folder-3-fill:before {
    content: ""
}

.ri-folder-3-line:before {
    content: ""
}

.ri-folder-4-fill:before {
    content: ""
}

.ri-folder-4-line:before {
    content: ""
}

.ri-folder-5-fill:before {
    content: ""
}

.ri-folder-5-line:before {
    content: ""
}

.ri-folder-add-fill:before {
    content: ""
}

.ri-folder-add-line:before {
    content: ""
}

.ri-folder-chart-2-fill:before {
    content: ""
}

.ri-folder-chart-2-line:before {
    content: ""
}

.ri-folder-chart-fill:before {
    content: ""
}

.ri-folder-chart-line:before {
    content: ""
}

.ri-folder-download-fill:before {
    content: ""
}

.ri-folder-download-line:before {
    content: ""
}

.ri-folder-fill:before {
    content: ""
}

.ri-folder-forbid-fill:before {
    content: ""
}

.ri-folder-forbid-line:before {
    content: ""
}

.ri-folder-history-fill:before {
    content: ""
}

.ri-folder-history-line:before {
    content: ""
}

.ri-folder-info-fill:before {
    content: ""
}

.ri-folder-info-line:before {
    content: ""
}

.ri-folder-keyhole-fill:before {
    content: ""
}

.ri-folder-keyhole-line:before {
    content: ""
}

.ri-folder-line:before {
    content: ""
}

.ri-folder-lock-fill:before {
    content: ""
}

.ri-folder-lock-line:before {
    content: ""
}

.ri-folder-music-fill:before {
    content: ""
}

.ri-folder-music-line:before {
    content: ""
}

.ri-folder-open-fill:before {
    content: ""
}

.ri-folder-open-line:before {
    content: ""
}

.ri-folder-received-fill:before {
    content: ""
}

.ri-folder-received-line:before {
    content: ""
}

.ri-folder-reduce-fill:before {
    content: ""
}

.ri-folder-reduce-line:before {
    content: ""
}

.ri-folder-settings-fill:before {
    content: ""
}

.ri-folder-settings-line:before {
    content: ""
}

.ri-folder-shared-fill:before {
    content: ""
}

.ri-folder-shared-line:before {
    content: ""
}

.ri-folder-shield-2-fill:before {
    content: ""
}

.ri-folder-shield-2-line:before {
    content: ""
}

.ri-folder-shield-fill:before {
    content: ""
}

.ri-folder-shield-line:before {
    content: ""
}

.ri-folder-transfer-fill:before {
    content: ""
}

.ri-folder-transfer-line:before {
    content: ""
}

.ri-folder-unknow-fill:before {
    content: ""
}

.ri-folder-unknow-line:before {
    content: ""
}

.ri-folder-upload-fill:before {
    content: ""
}

.ri-folder-upload-line:before {
    content: ""
}

.ri-folder-user-fill:before {
    content: ""
}

.ri-folder-user-line:before {
    content: ""
}

.ri-folder-warning-fill:before {
    content: ""
}

.ri-folder-warning-line:before {
    content: ""
}

.ri-folder-zip-fill:before {
    content: ""
}

.ri-folder-zip-line:before {
    content: ""
}

.ri-folders-fill:before {
    content: ""
}

.ri-folders-line:before {
    content: ""
}

.ri-font-color:before {
    content: ""
}

.ri-font-size-2:before {
    content: ""
}

.ri-font-size:before {
    content: ""
}

.ri-football-fill:before {
    content: ""
}

.ri-football-line:before {
    content: ""
}

.ri-footprint-fill:before {
    content: ""
}

.ri-footprint-line:before {
    content: ""
}

.ri-forbid-2-fill:before {
    content: ""
}

.ri-forbid-2-line:before {
    content: ""
}

.ri-forbid-fill:before {
    content: ""
}

.ri-forbid-line:before {
    content: ""
}

.ri-format-clear:before {
    content: ""
}

.ri-fridge-fill:before {
    content: ""
}

.ri-fridge-line:before {
    content: ""
}

.ri-fullscreen-exit-fill:before {
    content: ""
}

.ri-fullscreen-exit-line:before {
    content: ""
}

.ri-fullscreen-fill:before {
    content: ""
}

.ri-fullscreen-line:before {
    content: ""
}

.ri-function-fill:before {
    content: ""
}

.ri-function-line:before {
    content: ""
}

.ri-functions:before {
    content: ""
}

.ri-funds-box-fill:before {
    content: ""
}

.ri-funds-box-line:before {
    content: ""
}

.ri-funds-fill:before {
    content: ""
}

.ri-funds-line:before {
    content: ""
}

.ri-gallery-fill:before {
    content: ""
}

.ri-gallery-line:before {
    content: ""
}

.ri-gallery-upload-fill:before {
    content: ""
}

.ri-gallery-upload-line:before {
    content: ""
}

.ri-game-fill:before {
    content: ""
}

.ri-game-line:before {
    content: ""
}

.ri-gamepad-fill:before {
    content: ""
}

.ri-gamepad-line:before {
    content: ""
}

.ri-gas-station-fill:before {
    content: ""
}

.ri-gas-station-line:before {
    content: ""
}

.ri-gatsby-fill:before {
    content: ""
}

.ri-gatsby-line:before {
    content: ""
}

.ri-genderless-fill:before {
    content: ""
}

.ri-genderless-line:before {
    content: ""
}

.ri-ghost-2-fill:before {
    content: ""
}

.ri-ghost-2-line:before {
    content: ""
}

.ri-ghost-fill:before {
    content: ""
}

.ri-ghost-line:before {
    content: ""
}

.ri-ghost-smile-fill:before {
    content: ""
}

.ri-ghost-smile-line:before {
    content: ""
}

.ri-gift-2-fill:before {
    content: ""
}

.ri-gift-2-line:before {
    content: ""
}

.ri-gift-fill:before {
    content: ""
}

.ri-gift-line:before {
    content: ""
}

.ri-git-branch-fill:before {
    content: ""
}

.ri-git-branch-line:before {
    content: ""
}

.ri-git-commit-fill:before {
    content: ""
}

.ri-git-commit-line:before {
    content: ""
}

.ri-git-merge-fill:before {
    content: ""
}

.ri-git-merge-line:before {
    content: ""
}

.ri-git-pull-request-fill:before {
    content: ""
}

.ri-git-pull-request-line:before {
    content: ""
}

.ri-git-repository-commits-fill:before {
    content: ""
}

.ri-git-repository-commits-line:before {
    content: ""
}

.ri-git-repository-fill:before {
    content: ""
}

.ri-git-repository-line:before {
    content: ""
}

.ri-git-repository-private-fill:before {
    content: ""
}

.ri-git-repository-private-line:before {
    content: ""
}

.ri-github-fill:before {
    content: ""
}

.ri-github-line:before {
    content: ""
}

.ri-gitlab-fill:before {
    content: ""
}

.ri-gitlab-line:before {
    content: ""
}

.ri-global-fill:before {
    content: ""
}

.ri-global-line:before {
    content: ""
}

.ri-globe-fill:before {
    content: ""
}

.ri-globe-line:before {
    content: ""
}

.ri-goblet-fill:before {
    content: ""
}

.ri-goblet-line:before {
    content: ""
}

.ri-google-fill:before {
    content: ""
}

.ri-google-line:before {
    content: ""
}

.ri-google-play-fill:before {
    content: ""
}

.ri-google-play-line:before {
    content: ""
}

.ri-government-fill:before {
    content: ""
}

.ri-government-line:before {
    content: ""
}

.ri-gps-fill:before {
    content: ""
}

.ri-gps-line:before {
    content: ""
}

.ri-gradienter-fill:before {
    content: ""
}

.ri-gradienter-line:before {
    content: ""
}

.ri-grid-fill:before {
    content: ""
}

.ri-grid-line:before {
    content: ""
}

.ri-group-2-fill:before {
    content: ""
}

.ri-group-2-line:before {
    content: ""
}

.ri-group-fill:before {
    content: ""
}

.ri-group-line:before {
    content: ""
}

.ri-guide-fill:before {
    content: ""
}

.ri-guide-line:before {
    content: ""
}

.ri-h-1:before {
    content: ""
}

.ri-h-2:before {
    content: ""
}

.ri-h-3:before {
    content: ""
}

.ri-h-4:before {
    content: ""
}

.ri-h-5:before {
    content: ""
}

.ri-h-6:before {
    content: ""
}

.ri-hail-fill:before {
    content: ""
}

.ri-hail-line:before {
    content: ""
}

.ri-hammer-fill:before {
    content: ""
}

.ri-hammer-line:before {
    content: ""
}

.ri-hand-coin-fill:before {
    content: ""
}

.ri-hand-coin-line:before {
    content: ""
}

.ri-hand-heart-fill:before {
    content: ""
}

.ri-hand-heart-line:before {
    content: ""
}

.ri-hand-sanitizer-fill:before {
    content: ""
}

.ri-hand-sanitizer-line:before {
    content: ""
}

.ri-handbag-fill:before {
    content: ""
}

.ri-handbag-line:before {
    content: ""
}

.ri-hard-drive-2-fill:before {
    content: ""
}

.ri-hard-drive-2-line:before {
    content: ""
}

.ri-hard-drive-fill:before {
    content: ""
}

.ri-hard-drive-line:before {
    content: ""
}

.ri-hashtag:before {
    content: ""
}

.ri-haze-2-fill:before {
    content: ""
}

.ri-haze-2-line:before {
    content: ""
}

.ri-haze-fill:before {
    content: ""
}

.ri-haze-line:before {
    content: ""
}

.ri-hd-fill:before {
    content: ""
}

.ri-hd-line:before {
    content: ""
}

.ri-heading:before {
    content: ""
}

.ri-headphone-fill:before {
    content: ""
}

.ri-headphone-line:before {
    content: ""
}

.ri-health-book-fill:before {
    content: ""
}

.ri-health-book-line:before {
    content: ""
}

.ri-heart-2-fill:before {
    content: ""
}

.ri-heart-2-line:before {
    content: ""
}

.ri-heart-3-fill:before {
    content: ""
}

.ri-heart-3-line:before {
    content: ""
}

.ri-heart-add-fill:before {
    content: ""
}

.ri-heart-add-line:before {
    content: ""
}

.ri-heart-fill:before {
    content: ""
}

.ri-heart-line:before {
    content: ""
}

.ri-heart-pulse-fill:before {
    content: ""
}

.ri-heart-pulse-line:before {
    content: ""
}

.ri-hearts-fill:before {
    content: ""
}

.ri-hearts-line:before {
    content: ""
}

.ri-heavy-showers-fill:before {
    content: ""
}

.ri-heavy-showers-line:before {
    content: ""
}

.ri-history-fill:before {
    content: ""
}

.ri-history-line:before {
    content: ""
}

.ri-home-2-fill:before {
    content: ""
}

.ri-home-2-line:before {
    content: ""
}

.ri-home-3-fill:before {
    content: ""
}

.ri-home-3-line:before {
    content: ""
}

.ri-home-4-fill:before {
    content: ""
}

.ri-home-4-line:before {
    content: ""
}

.ri-home-5-fill:before {
    content: ""
}

.ri-home-5-line:before {
    content: ""
}

.ri-home-6-fill:before {
    content: ""
}

.ri-home-6-line:before {
    content: ""
}

.ri-home-7-fill:before {
    content: ""
}

.ri-home-7-line:before {
    content: ""
}

.ri-home-8-fill:before {
    content: ""
}

.ri-home-8-line:before {
    content: ""
}

.ri-home-fill:before {
    content: ""
}

.ri-home-gear-fill:before {
    content: ""
}

.ri-home-gear-line:before {
    content: ""
}

.ri-home-heart-fill:before {
    content: ""
}

.ri-home-heart-line:before {
    content: ""
}

.ri-home-line:before {
    content: ""
}

.ri-home-smile-2-fill:before {
    content: ""
}

.ri-home-smile-2-line:before {
    content: ""
}

.ri-home-smile-fill:before {
    content: ""
}

.ri-home-smile-line:before {
    content: ""
}

.ri-home-wifi-fill:before {
    content: ""
}

.ri-home-wifi-line:before {
    content: ""
}

.ri-honor-of-kings-fill:before {
    content: ""
}

.ri-honor-of-kings-line:before {
    content: ""
}

.ri-honour-fill:before {
    content: ""
}

.ri-honour-line:before {
    content: ""
}

.ri-hospital-fill:before {
    content: ""
}

.ri-hospital-line:before {
    content: ""
}

.ri-hotel-bed-fill:before {
    content: ""
}

.ri-hotel-bed-line:before {
    content: ""
}

.ri-hotel-fill:before {
    content: ""
}

.ri-hotel-line:before {
    content: ""
}

.ri-hotspot-fill:before {
    content: ""
}

.ri-hotspot-line:before {
    content: ""
}

.ri-hq-fill:before {
    content: ""
}

.ri-hq-line:before {
    content: ""
}

.ri-html5-fill:before {
    content: ""
}

.ri-html5-line:before {
    content: ""
}

.ri-ie-fill:before {
    content: ""
}

.ri-ie-line:before {
    content: ""
}

.ri-image-2-fill:before {
    content: ""
}

.ri-image-2-line:before {
    content: ""
}

.ri-image-add-fill:before {
    content: ""
}

.ri-image-add-line:before {
    content: ""
}

.ri-image-edit-fill:before {
    content: ""
}

.ri-image-edit-line:before {
    content: ""
}

.ri-image-fill:before {
    content: ""
}

.ri-image-line:before {
    content: ""
}

.ri-inbox-archive-fill:before {
    content: ""
}

.ri-inbox-archive-line:before {
    content: ""
}

.ri-inbox-fill:before {
    content: ""
}

.ri-inbox-line:before {
    content: ""
}

.ri-inbox-unarchive-fill:before {
    content: ""
}

.ri-inbox-unarchive-line:before {
    content: ""
}

.ri-increase-decrease-fill:before {
    content: ""
}

.ri-increase-decrease-line:before {
    content: ""
}

.ri-indent-decrease:before {
    content: ""
}

.ri-indent-increase:before {
    content: ""
}

.ri-indeterminate-circle-fill:before {
    content: ""
}

.ri-indeterminate-circle-line:before {
    content: ""
}

.ri-information-fill:before {
    content: ""
}

.ri-information-line:before {
    content: ""
}

.ri-infrared-thermometer-fill:before {
    content: ""
}

.ri-infrared-thermometer-line:before {
    content: ""
}

.ri-ink-bottle-fill:before {
    content: ""
}

.ri-ink-bottle-line:before {
    content: ""
}

.ri-input-cursor-move:before {
    content: ""
}

.ri-input-method-fill:before {
    content: ""
}

.ri-input-method-line:before {
    content: ""
}

.ri-insert-column-left:before {
    content: ""
}

.ri-insert-column-right:before {
    content: ""
}

.ri-insert-row-bottom:before {
    content: ""
}

.ri-insert-row-top:before {
    content: ""
}

.ri-instagram-fill:before {
    content: ""
}

.ri-instagram-line:before {
    content: ""
}

.ri-install-fill:before {
    content: ""
}

.ri-install-line:before {
    content: ""
}

.ri-invision-fill:before {
    content: ""
}

.ri-invision-line:before {
    content: ""
}

.ri-italic:before {
    content: ""
}

.ri-kakao-talk-fill:before {
    content: ""
}

.ri-kakao-talk-line:before {
    content: ""
}

.ri-key-2-fill:before {
    content: ""
}

.ri-key-2-line:before {
    content: ""
}

.ri-key-fill:before {
    content: ""
}

.ri-key-line:before {
    content: ""
}

.ri-keyboard-box-fill:before {
    content: ""
}

.ri-keyboard-box-line:before {
    content: ""
}

.ri-keyboard-fill:before {
    content: ""
}

.ri-keyboard-line:before {
    content: ""
}

.ri-keynote-fill:before {
    content: ""
}

.ri-keynote-line:before {
    content: ""
}

.ri-knife-blood-fill:before {
    content: ""
}

.ri-knife-blood-line:before {
    content: ""
}

.ri-knife-fill:before {
    content: ""
}

.ri-knife-line:before {
    content: ""
}

.ri-landscape-fill:before {
    content: ""
}

.ri-landscape-line:before {
    content: ""
}

.ri-layout-2-fill:before {
    content: ""
}

.ri-layout-2-line:before {
    content: ""
}

.ri-layout-3-fill:before {
    content: ""
}

.ri-layout-3-line:before {
    content: ""
}

.ri-layout-4-fill:before {
    content: ""
}

.ri-layout-4-line:before {
    content: ""
}

.ri-layout-5-fill:before {
    content: ""
}

.ri-layout-5-line:before {
    content: ""
}

.ri-layout-6-fill:before {
    content: ""
}

.ri-layout-6-line:before {
    content: ""
}

.ri-layout-bottom-2-fill:before {
    content: ""
}

.ri-layout-bottom-2-line:before {
    content: ""
}

.ri-layout-bottom-fill:before {
    content: ""
}

.ri-layout-bottom-line:before {
    content: ""
}

.ri-layout-column-fill:before {
    content: ""
}

.ri-layout-column-line:before {
    content: ""
}

.ri-layout-fill:before {
    content: ""
}

.ri-layout-grid-fill:before {
    content: ""
}

.ri-layout-grid-line:before {
    content: ""
}

.ri-layout-left-2-fill:before {
    content: ""
}

.ri-layout-left-2-line:before {
    content: ""
}

.ri-layout-left-fill:before {
    content: ""
}

.ri-layout-left-line:before {
    content: ""
}

.ri-layout-line:before {
    content: ""
}

.ri-layout-masonry-fill:before {
    content: ""
}

.ri-layout-masonry-line:before {
    content: ""
}

.ri-layout-right-2-fill:before {
    content: ""
}

.ri-layout-right-2-line:before {
    content: ""
}

.ri-layout-right-fill:before {
    content: ""
}

.ri-layout-right-line:before {
    content: ""
}

.ri-layout-row-fill:before {
    content: ""
}

.ri-layout-row-line:before {
    content: ""
}

.ri-layout-top-2-fill:before {
    content: ""
}

.ri-layout-top-2-line:before {
    content: ""
}

.ri-layout-top-fill:before {
    content: ""
}

.ri-layout-top-line:before {
    content: ""
}

.ri-leaf-fill:before {
    content: ""
}

.ri-leaf-line:before {
    content: ""
}

.ri-lifebuoy-fill:before {
    content: ""
}

.ri-lifebuoy-line:before {
    content: ""
}

.ri-lightbulb-fill:before {
    content: ""
}

.ri-lightbulb-flash-fill:before {
    content: ""
}

.ri-lightbulb-flash-line:before {
    content: ""
}

.ri-lightbulb-line:before {
    content: ""
}

.ri-line-chart-fill:before {
    content: ""
}

.ri-line-chart-line:before {
    content: ""
}

.ri-line-fill:before {
    content: ""
}

.ri-line-height:before {
    content: ""
}

.ri-line-line:before {
    content: ""
}

.ri-link-m:before {
    content: ""
}

.ri-link-unlink-m:before {
    content: ""
}

.ri-link-unlink:before {
    content: ""
}

.ri-link:before {
    content: ""
}

.ri-linkedin-box-fill:before {
    content: ""
}

.ri-linkedin-box-line:before {
    content: ""
}

.ri-linkedin-fill:before {
    content: ""
}

.ri-linkedin-line:before {
    content: ""
}

.ri-links-fill:before {
    content: ""
}

.ri-links-line:before {
    content: ""
}

.ri-list-check-2:before {
    content: ""
}

.ri-list-check:before {
    content: ""
}

.ri-list-ordered:before {
    content: ""
}

.ri-list-settings-fill:before {
    content: ""
}

.ri-list-settings-line:before {
    content: ""
}

.ri-list-unordered:before {
    content: ""
}

.ri-live-fill:before {
    content: ""
}

.ri-live-line:before {
    content: ""
}

.ri-loader-2-fill:before {
    content: ""
}

.ri-loader-2-line:before {
    content: ""
}

.ri-loader-3-fill:before {
    content: ""
}

.ri-loader-3-line:before {
    content: ""
}

.ri-loader-4-fill:before {
    content: ""
}

.ri-loader-4-line:before {
    content: ""
}

.ri-loader-5-fill:before {
    content: ""
}

.ri-loader-5-line:before {
    content: ""
}

.ri-loader-fill:before {
    content: ""
}

.ri-loader-line:before {
    content: ""
}

.ri-lock-2-fill:before {
    content: ""
}

.ri-lock-2-line:before {
    content: ""
}

.ri-lock-fill:before {
    content: ""
}

.ri-lock-line:before {
    content: ""
}

.ri-lock-password-fill:before {
    content: ""
}

.ri-lock-password-line:before {
    content: ""
}

.ri-lock-unlock-fill:before {
    content: ""
}

.ri-lock-unlock-line:before {
    content: ""
}

.ri-login-box-fill:before {
    content: ""
}

.ri-login-box-line:before {
    content: ""
}

.ri-login-circle-fill:before {
    content: ""
}

.ri-login-circle-line:before {
    content: ""
}

.ri-logout-box-fill:before {
    content: ""
}

.ri-logout-box-line:before {
    content: ""
}

.ri-logout-box-r-fill:before {
    content: ""
}

.ri-logout-box-r-line:before {
    content: ""
}

.ri-logout-circle-fill:before {
    content: ""
}

.ri-logout-circle-line:before {
    content: ""
}

.ri-logout-circle-r-fill:before {
    content: ""
}

.ri-logout-circle-r-line:before {
    content: ""
}

.ri-luggage-cart-fill:before {
    content: ""
}

.ri-luggage-cart-line:before {
    content: ""
}

.ri-luggage-deposit-fill:before {
    content: ""
}

.ri-luggage-deposit-line:before {
    content: ""
}

.ri-lungs-fill:before {
    content: ""
}

.ri-lungs-line:before {
    content: ""
}

.ri-mac-fill:before {
    content: ""
}

.ri-mac-line:before {
    content: ""
}

.ri-macbook-fill:before {
    content: ""
}

.ri-macbook-line:before {
    content: ""
}

.ri-magic-fill:before {
    content: ""
}

.ri-magic-line:before {
    content: ""
}

.ri-mail-add-fill:before {
    content: ""
}

.ri-mail-add-line:before {
    content: ""
}

.ri-mail-check-fill:before {
    content: ""
}

.ri-mail-check-line:before {
    content: ""
}

.ri-mail-close-fill:before {
    content: ""
}

.ri-mail-close-line:before {
    content: ""
}

.ri-mail-download-fill:before {
    content: ""
}

.ri-mail-download-line:before {
    content: ""
}

.ri-mail-fill:before {
    content: ""
}

.ri-mail-forbid-fill:before {
    content: ""
}

.ri-mail-forbid-line:before {
    content: ""
}

.ri-mail-line:before {
    content: ""
}

.ri-mail-lock-fill:before {
    content: ""
}

.ri-mail-lock-line:before {
    content: ""
}

.ri-mail-open-fill:before {
    content: ""
}

.ri-mail-open-line:before {
    content: ""
}

.ri-mail-send-fill:before {
    content: ""
}

.ri-mail-send-line:before {
    content: ""
}

.ri-mail-settings-fill:before {
    content: ""
}

.ri-mail-settings-line:before {
    content: ""
}

.ri-mail-star-fill:before {
    content: ""
}

.ri-mail-star-line:before {
    content: ""
}

.ri-mail-unread-fill:before {
    content: ""
}

.ri-mail-unread-line:before {
    content: ""
}

.ri-mail-volume-fill:before {
    content: ""
}

.ri-mail-volume-line:before {
    content: ""
}

.ri-map-2-fill:before {
    content: ""
}

.ri-map-2-line:before {
    content: ""
}

.ri-map-fill:before {
    content: ""
}

.ri-map-line:before {
    content: ""
}

.ri-map-pin-2-fill:before {
    content: ""
}

.ri-map-pin-2-line:before {
    content: ""
}

.ri-map-pin-3-fill:before {
    content: ""
}

.ri-map-pin-3-line:before {
    content: ""
}

.ri-map-pin-4-fill:before {
    content: ""
}

.ri-map-pin-4-line:before {
    content: ""
}

.ri-map-pin-5-fill:before {
    content: ""
}

.ri-map-pin-5-line:before {
    content: ""
}

.ri-map-pin-add-fill:before {
    content: ""
}

.ri-map-pin-add-line:before {
    content: ""
}

.ri-map-pin-fill:before {
    content: ""
}

.ri-map-pin-line:before {
    content: ""
}

.ri-map-pin-range-fill:before {
    content: ""
}

.ri-map-pin-range-line:before {
    content: ""
}

.ri-map-pin-time-fill:before {
    content: ""
}

.ri-map-pin-time-line:before {
    content: ""
}

.ri-map-pin-user-fill:before {
    content: ""
}

.ri-map-pin-user-line:before {
    content: ""
}

.ri-mark-pen-fill:before {
    content: ""
}

.ri-mark-pen-line:before {
    content: ""
}

.ri-markdown-fill:before {
    content: ""
}

.ri-markdown-line:before {
    content: ""
}

.ri-markup-fill:before {
    content: ""
}

.ri-markup-line:before {
    content: ""
}

.ri-mastercard-fill:before {
    content: ""
}

.ri-mastercard-line:before {
    content: ""
}

.ri-mastodon-fill:before {
    content: ""
}

.ri-mastodon-line:before {
    content: ""
}

.ri-medal-2-fill:before {
    content: ""
}

.ri-medal-2-line:before {
    content: ""
}

.ri-medal-fill:before {
    content: ""
}

.ri-medal-line:before {
    content: ""
}

.ri-medicine-bottle-fill:before {
    content: ""
}

.ri-medicine-bottle-line:before {
    content: ""
}

.ri-medium-fill:before {
    content: ""
}

.ri-medium-line:before {
    content: ""
}

.ri-men-fill:before {
    content: ""
}

.ri-men-line:before {
    content: ""
}

.ri-mental-health-fill:before {
    content: ""
}

.ri-mental-health-line:before {
    content: ""
}

.ri-menu-2-fill:before {
    content: ""
}

.ri-menu-2-line:before {
    content: ""
}

.ri-menu-3-fill:before {
    content: ""
}

.ri-menu-3-line:before {
    content: ""
}

.ri-menu-4-fill:before {
    content: ""
}

.ri-menu-4-line:before {
    content: ""
}

.ri-menu-5-fill:before {
    content: ""
}

.ri-menu-5-line:before {
    content: ""
}

.ri-menu-add-fill:before {
    content: ""
}

.ri-menu-add-line:before {
    content: ""
}

.ri-menu-fill:before {
    content: ""
}

.ri-menu-fold-fill:before {
    content: ""
}

.ri-menu-fold-line:before {
    content: ""
}

.ri-menu-line:before {
    content: ""
}

.ri-menu-unfold-fill:before {
    content: ""
}

.ri-menu-unfold-line:before {
    content: ""
}

.ri-merge-cells-horizontal:before {
    content: ""
}

.ri-merge-cells-vertical:before {
    content: ""
}

.ri-message-2-fill:before {
    content: ""
}

.ri-message-2-line:before {
    content: ""
}

.ri-message-3-fill:before {
    content: ""
}

.ri-message-3-line:before {
    content: ""
}

.ri-message-fill:before {
    content: ""
}

.ri-message-line:before {
    content: ""
}

.ri-messenger-fill:before {
    content: ""
}

.ri-messenger-line:before {
    content: ""
}

.ri-meteor-fill:before {
    content: ""
}

.ri-meteor-line:before {
    content: ""
}

.ri-mic-2-fill:before {
    content: ""
}

.ri-mic-2-line:before {
    content: ""
}

.ri-mic-fill:before {
    content: ""
}

.ri-mic-line:before {
    content: ""
}

.ri-mic-off-fill:before {
    content: ""
}

.ri-mic-off-line:before {
    content: ""
}

.ri-mickey-fill:before {
    content: ""
}

.ri-mickey-line:before {
    content: ""
}

.ri-microscope-fill:before {
    content: ""
}

.ri-microscope-line:before {
    content: ""
}

.ri-microsoft-fill:before {
    content: ""
}

.ri-microsoft-line:before {
    content: ""
}

.ri-mind-map:before {
    content: ""
}

.ri-mini-program-fill:before {
    content: ""
}

.ri-mini-program-line:before {
    content: ""
}

.ri-mist-fill:before {
    content: ""
}

.ri-mist-line:before {
    content: ""
}

.ri-money-cny-box-fill:before {
    content: ""
}

.ri-money-cny-box-line:before {
    content: ""
}

.ri-money-cny-circle-fill:before {
    content: ""
}

.ri-money-cny-circle-line:before {
    content: ""
}

.ri-money-dollar-box-fill:before {
    content: ""
}

.ri-money-dollar-box-line:before {
    content: ""
}

.ri-money-dollar-circle-fill:before {
    content: ""
}

.ri-money-dollar-circle-line:before {
    content: ""
}

.ri-money-euro-box-fill:before {
    content: ""
}

.ri-money-euro-box-line:before {
    content: ""
}

.ri-money-euro-circle-fill:before {
    content: ""
}

.ri-money-euro-circle-line:before {
    content: ""
}

.ri-money-pound-box-fill:before {
    content: ""
}

.ri-money-pound-box-line:before {
    content: ""
}

.ri-money-pound-circle-fill:before {
    content: ""
}

.ri-money-pound-circle-line:before {
    content: ""
}

.ri-moon-clear-fill:before {
    content: ""
}

.ri-moon-clear-line:before {
    content: ""
}

.ri-moon-cloudy-fill:before {
    content: ""
}

.ri-moon-cloudy-line:before {
    content: ""
}

.ri-moon-fill:before {
    content: ""
}

.ri-moon-foggy-fill:before {
    content: ""
}

.ri-moon-foggy-line:before {
    content: ""
}

.ri-moon-line:before {
    content: ""
}

.ri-more-2-fill:before {
    content: ""
}

.ri-more-2-line:before {
    content: ""
}

.ri-more-fill:before {
    content: ""
}

.ri-more-line:before {
    content: ""
}

.ri-motorbike-fill:before {
    content: ""
}

.ri-motorbike-line:before {
    content: ""
}

.ri-mouse-fill:before {
    content: ""
}

.ri-mouse-line:before {
    content: ""
}

.ri-movie-2-fill:before {
    content: ""
}

.ri-movie-2-line:before {
    content: ""
}

.ri-movie-fill:before {
    content: ""
}

.ri-movie-line:before {
    content: ""
}

.ri-music-2-fill:before {
    content: ""
}

.ri-music-2-line:before {
    content: ""
}

.ri-music-fill:before {
    content: ""
}

.ri-music-line:before {
    content: ""
}

.ri-mv-fill:before {
    content: ""
}

.ri-mv-line:before {
    content: ""
}

.ri-navigation-fill:before {
    content: ""
}

.ri-navigation-line:before {
    content: ""
}

.ri-netease-cloud-music-fill:before {
    content: ""
}

.ri-netease-cloud-music-line:before {
    content: ""
}

.ri-netflix-fill:before {
    content: ""
}

.ri-netflix-line:before {
    content: ""
}

.ri-newspaper-fill:before {
    content: ""
}

.ri-newspaper-line:before {
    content: ""
}

.ri-node-tree:before {
    content: ""
}

.ri-notification-2-fill:before {
    content: ""
}

.ri-notification-2-line:before {
    content: ""
}

.ri-notification-3-fill:before {
    content: ""
}

.ri-notification-3-line:before {
    content: ""
}

.ri-notification-4-fill:before {
    content: ""
}

.ri-notification-4-line:before {
    content: ""
}

.ri-notification-badge-fill:before {
    content: ""
}

.ri-notification-badge-line:before {
    content: ""
}

.ri-notification-fill:before {
    content: ""
}

.ri-notification-line:before {
    content: ""
}

.ri-notification-off-fill:before {
    content: ""
}

.ri-notification-off-line:before {
    content: ""
}

.ri-npmjs-fill:before {
    content: ""
}

.ri-npmjs-line:before {
    content: ""
}

.ri-number-0:before {
    content: ""
}

.ri-number-1:before {
    content: ""
}

.ri-number-2:before {
    content: ""
}

.ri-number-3:before {
    content: ""
}

.ri-number-4:before {
    content: ""
}

.ri-number-5:before {
    content: ""
}

.ri-number-6:before {
    content: ""
}

.ri-number-7:before {
    content: ""
}

.ri-number-8:before {
    content: ""
}

.ri-number-9:before {
    content: ""
}

.ri-numbers-fill:before {
    content: ""
}

.ri-numbers-line:before {
    content: ""
}

.ri-nurse-fill:before {
    content: ""
}

.ri-nurse-line:before {
    content: ""
}

.ri-oil-fill:before {
    content: ""
}

.ri-oil-line:before {
    content: ""
}

.ri-omega:before {
    content: ""
}

.ri-open-arm-fill:before {
    content: ""
}

.ri-open-arm-line:before {
    content: ""
}

.ri-open-source-fill:before {
    content: ""
}

.ri-open-source-line:before {
    content: ""
}

.ri-opera-fill:before {
    content: ""
}

.ri-opera-line:before {
    content: ""
}

.ri-order-play-fill:before {
    content: ""
}

.ri-order-play-line:before {
    content: ""
}

.ri-organization-chart:before {
    content: ""
}

.ri-outlet-2-fill:before {
    content: ""
}

.ri-outlet-2-line:before {
    content: ""
}

.ri-outlet-fill:before {
    content: ""
}

.ri-outlet-line:before {
    content: ""
}

.ri-page-separator:before {
    content: ""
}

.ri-pages-fill:before {
    content: ""
}

.ri-pages-line:before {
    content: ""
}

.ri-paint-brush-fill:before {
    content: ""
}

.ri-paint-brush-line:before {
    content: ""
}

.ri-paint-fill:before {
    content: ""
}

.ri-paint-line:before {
    content: ""
}

.ri-palette-fill:before {
    content: ""
}

.ri-palette-line:before {
    content: ""
}

.ri-pantone-fill:before {
    content: ""
}

.ri-pantone-line:before {
    content: ""
}

.ri-paragraph:before {
    content: ""
}

.ri-parent-fill:before {
    content: ""
}

.ri-parent-line:before {
    content: ""
}

.ri-parentheses-fill:before {
    content: ""
}

.ri-parentheses-line:before {
    content: ""
}

.ri-parking-box-fill:before {
    content: ""
}

.ri-parking-box-line:before {
    content: ""
}

.ri-parking-fill:before {
    content: ""
}

.ri-parking-line:before {
    content: ""
}

.ri-passport-fill:before {
    content: ""
}

.ri-passport-line:before {
    content: ""
}

.ri-patreon-fill:before {
    content: ""
}

.ri-patreon-line:before {
    content: ""
}

.ri-pause-circle-fill:before {
    content: ""
}

.ri-pause-circle-line:before {
    content: ""
}

.ri-pause-fill:before {
    content: ""
}

.ri-pause-line:before {
    content: ""
}

.ri-pause-mini-fill:before {
    content: ""
}

.ri-pause-mini-line:before {
    content: ""
}

.ri-paypal-fill:before {
    content: ""
}

.ri-paypal-line:before {
    content: ""
}

.ri-pen-nib-fill:before {
    content: ""
}

.ri-pen-nib-line:before {
    content: ""
}

.ri-pencil-fill:before {
    content: ""
}

.ri-pencil-line:before {
    content: ""
}

.ri-pencil-ruler-2-fill:before {
    content: ""
}

.ri-pencil-ruler-2-line:before {
    content: ""
}

.ri-pencil-ruler-fill:before {
    content: ""
}

.ri-pencil-ruler-line:before {
    content: ""
}

.ri-percent-fill:before {
    content: ""
}

.ri-percent-line:before {
    content: ""
}

.ri-phone-camera-fill:before {
    content: ""
}

.ri-phone-camera-line:before {
    content: ""
}

.ri-phone-fill:before {
    content: ""
}

.ri-phone-find-fill:before {
    content: ""
}

.ri-phone-find-line:before {
    content: ""
}

.ri-phone-line:before {
    content: ""
}

.ri-phone-lock-fill:before {
    content: ""
}

.ri-phone-lock-line:before {
    content: ""
}

.ri-picture-in-picture-2-fill:before {
    content: ""
}

.ri-picture-in-picture-2-line:before {
    content: ""
}

.ri-picture-in-picture-exit-fill:before {
    content: ""
}

.ri-picture-in-picture-exit-line:before {
    content: ""
}

.ri-picture-in-picture-fill:before {
    content: ""
}

.ri-picture-in-picture-line:before {
    content: ""
}

.ri-pie-chart-2-fill:before {
    content: ""
}

.ri-pie-chart-2-line:before {
    content: ""
}

.ri-pie-chart-box-fill:before {
    content: ""
}

.ri-pie-chart-box-line:before {
    content: ""
}

.ri-pie-chart-fill:before {
    content: ""
}

.ri-pie-chart-line:before {
    content: ""
}

.ri-pin-distance-fill:before {
    content: ""
}

.ri-pin-distance-line:before {
    content: ""
}

.ri-ping-pong-fill:before {
    content: ""
}

.ri-ping-pong-line:before {
    content: ""
}

.ri-pinterest-fill:before {
    content: ""
}

.ri-pinterest-line:before {
    content: ""
}

.ri-pinyin-input:before {
    content: ""
}

.ri-pixelfed-fill:before {
    content: ""
}

.ri-pixelfed-line:before {
    content: ""
}

.ri-plane-fill:before {
    content: ""
}

.ri-plane-line:before {
    content: ""
}

.ri-plant-fill:before {
    content: ""
}

.ri-plant-line:before {
    content: ""
}

.ri-play-circle-fill:before {
    content: ""
}

.ri-play-circle-line:before {
    content: ""
}

.ri-play-fill:before {
    content: ""
}

.ri-play-line:before {
    content: ""
}

.ri-play-list-2-fill:before {
    content: ""
}

.ri-play-list-2-line:before {
    content: ""
}

.ri-play-list-add-fill:before {
    content: ""
}

.ri-play-list-add-line:before {
    content: ""
}

.ri-play-list-fill:before {
    content: ""
}

.ri-play-list-line:before {
    content: ""
}

.ri-play-mini-fill:before {
    content: ""
}

.ri-play-mini-line:before {
    content: ""
}

.ri-playstation-fill:before {
    content: ""
}

.ri-playstation-line:before {
    content: ""
}

.ri-plug-2-fill:before {
    content: ""
}

.ri-plug-2-line:before {
    content: ""
}

.ri-plug-fill:before {
    content: ""
}

.ri-plug-line:before {
    content: ""
}

.ri-polaroid-2-fill:before {
    content: ""
}

.ri-polaroid-2-line:before {
    content: ""
}

.ri-polaroid-fill:before {
    content: ""
}

.ri-polaroid-line:before {
    content: ""
}

.ri-police-car-fill:before {
    content: ""
}

.ri-police-car-line:before {
    content: ""
}

.ri-price-tag-2-fill:before {
    content: ""
}

.ri-price-tag-2-line:before {
    content: ""
}

.ri-price-tag-3-fill:before {
    content: ""
}

.ri-price-tag-3-line:before {
    content: ""
}

.ri-price-tag-fill:before {
    content: ""
}

.ri-price-tag-line:before {
    content: ""
}

.ri-printer-cloud-fill:before {
    content: ""
}

.ri-printer-cloud-line:before {
    content: ""
}

.ri-printer-fill:before {
    content: ""
}

.ri-printer-line:before {
    content: ""
}

.ri-product-hunt-fill:before {
    content: ""
}

.ri-product-hunt-line:before {
    content: ""
}

.ri-profile-fill:before {
    content: ""
}

.ri-profile-line:before {
    content: ""
}

.ri-projector-2-fill:before {
    content: ""
}

.ri-projector-2-line:before {
    content: ""
}

.ri-projector-fill:before {
    content: ""
}

.ri-projector-line:before {
    content: ""
}

.ri-psychotherapy-fill:before {
    content: ""
}

.ri-psychotherapy-line:before {
    content: ""
}

.ri-pulse-fill:before {
    content: ""
}

.ri-pulse-line:before {
    content: ""
}

.ri-pushpin-2-fill:before {
    content: ""
}

.ri-pushpin-2-line:before {
    content: ""
}

.ri-pushpin-fill:before {
    content: ""
}

.ri-pushpin-line:before {
    content: ""
}

.ri-qq-fill:before {
    content: ""
}

.ri-qq-line:before {
    content: ""
}

.ri-qr-code-fill:before {
    content: ""
}

.ri-qr-code-line:before {
    content: ""
}

.ri-qr-scan-2-fill:before {
    content: ""
}

.ri-qr-scan-2-line:before {
    content: ""
}

.ri-qr-scan-fill:before {
    content: ""
}

.ri-qr-scan-line:before {
    content: ""
}

.ri-question-answer-fill:before {
    content: ""
}

.ri-question-answer-line:before {
    content: ""
}

.ri-question-fill:before {
    content: ""
}

.ri-question-line:before {
    content: ""
}

.ri-question-mark:before {
    content: ""
}

.ri-questionnaire-fill:before {
    content: ""
}

.ri-questionnaire-line:before {
    content: ""
}

.ri-quill-pen-fill:before {
    content: ""
}

.ri-quill-pen-line:before {
    content: ""
}

.ri-radar-fill:before {
    content: ""
}

.ri-radar-line:before {
    content: ""
}

.ri-radio-2-fill:before {
    content: ""
}

.ri-radio-2-line:before {
    content: ""
}

.ri-radio-button-fill:before {
    content: ""
}

.ri-radio-button-line:before {
    content: ""
}

.ri-radio-fill:before {
    content: ""
}

.ri-radio-line:before {
    content: ""
}

.ri-rainbow-fill:before {
    content: ""
}

.ri-rainbow-line:before {
    content: ""
}

.ri-rainy-fill:before {
    content: ""
}

.ri-rainy-line:before {
    content: ""
}

.ri-reactjs-fill:before {
    content: ""
}

.ri-reactjs-line:before {
    content: ""
}

.ri-record-circle-fill:before {
    content: ""
}

.ri-record-circle-line:before {
    content: ""
}

.ri-record-mail-fill:before {
    content: ""
}

.ri-record-mail-line:before {
    content: ""
}

.ri-recycle-fill:before {
    content: ""
}

.ri-recycle-line:before {
    content: ""
}

.ri-red-packet-fill:before {
    content: ""
}

.ri-red-packet-line:before {
    content: ""
}

.ri-reddit-fill:before {
    content: ""
}

.ri-reddit-line:before {
    content: ""
}

.ri-refresh-fill:before {
    content: ""
}

.ri-refresh-line:before {
    content: ""
}

.ri-refund-2-fill:before {
    content: ""
}

.ri-refund-2-line:before {
    content: ""
}

.ri-refund-fill:before {
    content: ""
}

.ri-refund-line:before {
    content: ""
}

.ri-registered-fill:before {
    content: ""
}

.ri-registered-line:before {
    content: ""
}

.ri-remixicon-fill:before {
    content: ""
}

.ri-remixicon-line:before {
    content: ""
}

.ri-remote-control-2-fill:before {
    content: ""
}

.ri-remote-control-2-line:before {
    content: ""
}

.ri-remote-control-fill:before {
    content: ""
}

.ri-remote-control-line:before {
    content: ""
}

.ri-repeat-2-fill:before {
    content: ""
}

.ri-repeat-2-line:before {
    content: ""
}

.ri-repeat-fill:before {
    content: ""
}

.ri-repeat-line:before {
    content: ""
}

.ri-repeat-one-fill:before {
    content: ""
}

.ri-repeat-one-line:before {
    content: ""
}

.ri-reply-all-fill:before {
    content: ""
}

.ri-reply-all-line:before {
    content: ""
}

.ri-reply-fill:before {
    content: ""
}

.ri-reply-line:before {
    content: ""
}

.ri-reserved-fill:before {
    content: ""
}

.ri-reserved-line:before {
    content: ""
}

.ri-rest-time-fill:before {
    content: ""
}

.ri-rest-time-line:before {
    content: ""
}

.ri-restart-fill:before {
    content: ""
}

.ri-restart-line:before {
    content: ""
}

.ri-restaurant-2-fill:before {
    content: ""
}

.ri-restaurant-2-line:before {
    content: ""
}

.ri-restaurant-fill:before {
    content: ""
}

.ri-restaurant-line:before {
    content: ""
}

.ri-rewind-fill:before {
    content: ""
}

.ri-rewind-line:before {
    content: ""
}

.ri-rewind-mini-fill:before {
    content: ""
}

.ri-rewind-mini-line:before {
    content: ""
}

.ri-rhythm-fill:before {
    content: ""
}

.ri-rhythm-line:before {
    content: ""
}

.ri-riding-fill:before {
    content: ""
}

.ri-riding-line:before {
    content: ""
}

.ri-road-map-fill:before {
    content: ""
}

.ri-road-map-line:before {
    content: ""
}

.ri-roadster-fill:before {
    content: ""
}

.ri-roadster-line:before {
    content: ""
}

.ri-robot-fill:before {
    content: ""
}

.ri-robot-line:before {
    content: ""
}

.ri-rocket-2-fill:before {
    content: ""
}

.ri-rocket-2-line:before {
    content: ""
}

.ri-rocket-fill:before {
    content: ""
}

.ri-rocket-line:before {
    content: ""
}

.ri-rotate-lock-fill:before {
    content: ""
}

.ri-rotate-lock-line:before {
    content: ""
}

.ri-rounded-corner:before {
    content: ""
}

.ri-route-fill:before {
    content: ""
}

.ri-route-line:before {
    content: ""
}

.ri-router-fill:before {
    content: ""
}

.ri-router-line:before {
    content: ""
}

.ri-rss-fill:before {
    content: ""
}

.ri-rss-line:before {
    content: ""
}

.ri-ruler-2-fill:before {
    content: ""
}

.ri-ruler-2-line:before {
    content: ""
}

.ri-ruler-fill:before {
    content: ""
}

.ri-ruler-line:before {
    content: ""
}

.ri-run-fill:before {
    content: ""
}

.ri-run-line:before {
    content: ""
}

.ri-safari-fill:before {
    content: ""
}

.ri-safari-line:before {
    content: ""
}

.ri-safe-2-fill:before {
    content: ""
}

.ri-safe-2-line:before {
    content: ""
}

.ri-safe-fill:before {
    content: ""
}

.ri-safe-line:before {
    content: ""
}

.ri-sailboat-fill:before {
    content: ""
}

.ri-sailboat-line:before {
    content: ""
}

.ri-save-2-fill:before {
    content: ""
}

.ri-save-2-line:before {
    content: ""
}

.ri-save-3-fill:before {
    content: ""
}

.ri-save-3-line:before {
    content: ""
}

.ri-save-fill:before {
    content: ""
}

.ri-save-line:before {
    content: ""
}

.ri-scales-2-fill:before {
    content: ""
}

.ri-scales-2-line:before {
    content: ""
}

.ri-scales-3-fill:before {
    content: ""
}

.ri-scales-3-line:before {
    content: ""
}

.ri-scales-fill:before {
    content: ""
}

.ri-scales-line:before {
    content: ""
}

.ri-scan-2-fill:before {
    content: ""
}

.ri-scan-2-line:before {
    content: ""
}

.ri-scan-fill:before {
    content: ""
}

.ri-scan-line:before {
    content: ""
}

.ri-scissors-2-fill:before {
    content: ""
}

.ri-scissors-2-line:before {
    content: ""
}

.ri-scissors-cut-fill:before {
    content: ""
}

.ri-scissors-cut-line:before {
    content: ""
}

.ri-scissors-fill:before {
    content: ""
}

.ri-scissors-line:before {
    content: ""
}

.ri-screenshot-2-fill:before {
    content: ""
}

.ri-screenshot-2-line:before {
    content: ""
}

.ri-screenshot-fill:before {
    content: ""
}

.ri-screenshot-line:before {
    content: ""
}

.ri-sd-card-fill:before {
    content: ""
}

.ri-sd-card-line:before {
    content: ""
}

.ri-sd-card-mini-fill:before {
    content: ""
}

.ri-sd-card-mini-line:before {
    content: ""
}

.ri-search-2-fill:before {
    content: ""
}

.ri-search-2-line:before {
    content: ""
}

.ri-search-eye-fill:before {
    content: ""
}

.ri-search-eye-line:before {
    content: ""
}

.ri-search-fill:before {
    content: ""
}

.ri-search-line:before {
    content: ""
}

.ri-secure-payment-fill:before {
    content: ""
}

.ri-secure-payment-line:before {
    content: ""
}

.ri-seedling-fill:before {
    content: ""
}

.ri-seedling-line:before {
    content: ""
}

.ri-send-backward:before {
    content: ""
}

.ri-send-plane-2-fill:before {
    content: ""
}

.ri-send-plane-2-line:before {
    content: ""
}

.ri-send-plane-fill:before {
    content: ""
}

.ri-send-plane-line:before {
    content: ""
}

.ri-send-to-back:before {
    content: ""
}

.ri-sensor-fill:before {
    content: ""
}

.ri-sensor-line:before {
    content: ""
}

.ri-separator:before {
    content: ""
}

.ri-server-fill:before {
    content: ""
}

.ri-server-line:before {
    content: ""
}

.ri-service-fill:before {
    content: ""
}

.ri-service-line:before {
    content: ""
}

.ri-settings-2-fill:before {
    content: ""
}

.ri-settings-2-line:before {
    content: ""
}

.ri-settings-3-fill:before {
    content: ""
}

.ri-settings-3-line:before {
    content: ""
}

.ri-settings-4-fill:before {
    content: ""
}

.ri-settings-4-line:before {
    content: ""
}

.ri-settings-5-fill:before {
    content: ""
}

.ri-settings-5-line:before {
    content: ""
}

.ri-settings-6-fill:before {
    content: ""
}

.ri-settings-6-line:before {
    content: ""
}

.ri-settings-fill:before {
    content: ""
}

.ri-settings-line:before {
    content: ""
}

.ri-shape-2-fill:before {
    content: ""
}

.ri-shape-2-line:before {
    content: ""
}

.ri-shape-fill:before {
    content: ""
}

.ri-shape-line:before {
    content: ""
}

.ri-share-box-fill:before {
    content: ""
}

.ri-share-box-line:before {
    content: ""
}

.ri-share-circle-fill:before {
    content: ""
}

.ri-share-circle-line:before {
    content: ""
}

.ri-share-fill:before {
    content: ""
}

.ri-share-forward-2-fill:before {
    content: ""
}

.ri-share-forward-2-line:before {
    content: ""
}

.ri-share-forward-box-fill:before {
    content: ""
}

.ri-share-forward-box-line:before {
    content: ""
}

.ri-share-forward-fill:before {
    content: ""
}

.ri-share-forward-line:before {
    content: ""
}

.ri-share-line:before {
    content: ""
}

.ri-shield-check-fill:before {
    content: ""
}

.ri-shield-check-line:before {
    content: ""
}

.ri-shield-cross-fill:before {
    content: ""
}

.ri-shield-cross-line:before {
    content: ""
}

.ri-shield-fill:before {
    content: ""
}

.ri-shield-flash-fill:before {
    content: ""
}

.ri-shield-flash-line:before {
    content: ""
}

.ri-shield-keyhole-fill:before {
    content: ""
}

.ri-shield-keyhole-line:before {
    content: ""
}

.ri-shield-line:before {
    content: ""
}

.ri-shield-star-fill:before {
    content: ""
}

.ri-shield-star-line:before {
    content: ""
}

.ri-shield-user-fill:before {
    content: ""
}

.ri-shield-user-line:before {
    content: ""
}

.ri-ship-2-fill:before {
    content: ""
}

.ri-ship-2-line:before {
    content: ""
}

.ri-ship-fill:before {
    content: ""
}

.ri-ship-line:before {
    content: ""
}

.ri-shirt-fill:before {
    content: ""
}

.ri-shirt-line:before {
    content: ""
}

.ri-shopping-bag-2-fill:before {
    content: ""
}

.ri-shopping-bag-2-line:before {
    content: ""
}

.ri-shopping-bag-3-fill:before {
    content: ""
}

.ri-shopping-bag-3-line:before {
    content: ""
}

.ri-shopping-bag-fill:before {
    content: ""
}

.ri-shopping-bag-line:before {
    content: ""
}

.ri-shopping-basket-2-fill:before {
    content: ""
}

.ri-shopping-basket-2-line:before {
    content: ""
}

.ri-shopping-basket-fill:before {
    content: ""
}

.ri-shopping-basket-line:before {
    content: ""
}

.ri-shopping-cart-2-fill:before {
    content: ""
}

.ri-shopping-cart-2-line:before {
    content: ""
}

.ri-shopping-cart-fill:before {
    content: ""
}

.ri-shopping-cart-line:before {
    content: ""
}

.ri-showers-fill:before {
    content: ""
}

.ri-showers-line:before {
    content: ""
}

.ri-shuffle-fill:before {
    content: ""
}

.ri-shuffle-line:before {
    content: ""
}

.ri-shut-down-fill:before {
    content: ""
}

.ri-shut-down-line:before {
    content: ""
}

.ri-side-bar-fill:before {
    content: ""
}

.ri-side-bar-line:before {
    content: ""
}

.ri-signal-tower-fill:before {
    content: ""
}

.ri-signal-tower-line:before {
    content: ""
}

.ri-signal-wifi-1-fill:before {
    content: ""
}

.ri-signal-wifi-1-line:before {
    content: ""
}

.ri-signal-wifi-2-fill:before {
    content: ""
}

.ri-signal-wifi-2-line:before {
    content: ""
}

.ri-signal-wifi-3-fill:before {
    content: ""
}

.ri-signal-wifi-3-line:before {
    content: ""
}

.ri-signal-wifi-error-fill:before {
    content: ""
}

.ri-signal-wifi-error-line:before {
    content: ""
}

.ri-signal-wifi-fill:before {
    content: ""
}

.ri-signal-wifi-line:before {
    content: ""
}

.ri-signal-wifi-off-fill:before {
    content: ""
}

.ri-signal-wifi-off-line:before {
    content: ""
}

.ri-sim-card-2-fill:before {
    content: ""
}

.ri-sim-card-2-line:before {
    content: ""
}

.ri-sim-card-fill:before {
    content: ""
}

.ri-sim-card-line:before {
    content: ""
}

.ri-single-quotes-l:before {
    content: ""
}

.ri-single-quotes-r:before {
    content: ""
}

.ri-sip-fill:before {
    content: ""
}

.ri-sip-line:before {
    content: ""
}

.ri-skip-back-fill:before {
    content: ""
}

.ri-skip-back-line:before {
    content: ""
}

.ri-skip-back-mini-fill:before {
    content: ""
}

.ri-skip-back-mini-line:before {
    content: ""
}

.ri-skip-forward-fill:before {
    content: ""
}

.ri-skip-forward-line:before {
    content: ""
}

.ri-skip-forward-mini-fill:before {
    content: ""
}

.ri-skip-forward-mini-line:before {
    content: ""
}

.ri-skull-2-fill:before {
    content: ""
}

.ri-skull-2-line:before {
    content: ""
}

.ri-skull-fill:before {
    content: ""
}

.ri-skull-line:before {
    content: ""
}

.ri-skype-fill:before {
    content: ""
}

.ri-skype-line:before {
    content: ""
}

.ri-slack-fill:before {
    content: ""
}

.ri-slack-line:before {
    content: ""
}

.ri-slice-fill:before {
    content: ""
}

.ri-slice-line:before {
    content: ""
}

.ri-slideshow-2-fill:before {
    content: ""
}

.ri-slideshow-2-line:before {
    content: ""
}

.ri-slideshow-3-fill:before {
    content: ""
}

.ri-slideshow-3-line:before {
    content: ""
}

.ri-slideshow-4-fill:before {
    content: ""
}

.ri-slideshow-4-line:before {
    content: ""
}

.ri-slideshow-fill:before {
    content: ""
}

.ri-slideshow-line:before {
    content: ""
}

.ri-smartphone-fill:before {
    content: ""
}

.ri-smartphone-line:before {
    content: ""
}

.ri-snapchat-fill:before {
    content: ""
}

.ri-snapchat-line:before {
    content: ""
}

.ri-snowy-fill:before {
    content: ""
}

.ri-snowy-line:before {
    content: ""
}

.ri-sort-asc:before {
    content: ""
}

.ri-sort-desc:before {
    content: ""
}

.ri-sound-module-fill:before {
    content: ""
}

.ri-sound-module-line:before {
    content: ""
}

.ri-soundcloud-fill:before {
    content: ""
}

.ri-soundcloud-line:before {
    content: ""
}

.ri-space-ship-fill:before {
    content: ""
}

.ri-space-ship-line:before {
    content: ""
}

.ri-space:before {
    content: ""
}

.ri-spam-2-fill:before {
    content: ""
}

.ri-spam-2-line:before {
    content: ""
}

.ri-spam-3-fill:before {
    content: ""
}

.ri-spam-3-line:before {
    content: ""
}

.ri-spam-fill:before {
    content: ""
}

.ri-spam-line:before {
    content: ""
}

.ri-speaker-2-fill:before {
    content: ""
}

.ri-speaker-2-line:before {
    content: ""
}

.ri-speaker-3-fill:before {
    content: ""
}

.ri-speaker-3-line:before {
    content: ""
}

.ri-speaker-fill:before {
    content: ""
}

.ri-speaker-line:before {
    content: ""
}

.ri-spectrum-fill:before {
    content: ""
}

.ri-spectrum-line:before {
    content: ""
}

.ri-speed-fill:before {
    content: ""
}

.ri-speed-line:before {
    content: ""
}

.ri-speed-mini-fill:before {
    content: ""
}

.ri-speed-mini-line:before {
    content: ""
}

.ri-split-cells-horizontal:before {
    content: ""
}

.ri-split-cells-vertical:before {
    content: ""
}

.ri-spotify-fill:before {
    content: ""
}

.ri-spotify-line:before {
    content: ""
}

.ri-spy-fill:before {
    content: ""
}

.ri-spy-line:before {
    content: ""
}

.ri-stack-fill:before {
    content: ""
}

.ri-stack-line:before {
    content: ""
}

.ri-stack-overflow-fill:before {
    content: ""
}

.ri-stack-overflow-line:before {
    content: ""
}

.ri-stackshare-fill:before {
    content: ""
}

.ri-stackshare-line:before {
    content: ""
}

.ri-star-fill:before {
    content: ""
}

.ri-star-half-fill:before {
    content: ""
}

.ri-star-half-line:before {
    content: ""
}

.ri-star-half-s-fill:before {
    content: ""
}

.ri-star-half-s-line:before {
    content: ""
}

.ri-star-line:before {
    content: ""
}

.ri-star-s-fill:before {
    content: ""
}

.ri-star-s-line:before {
    content: ""
}

.ri-star-smile-fill:before {
    content: ""
}

.ri-star-smile-line:before {
    content: ""
}

.ri-steam-fill:before {
    content: ""
}

.ri-steam-line:before {
    content: ""
}

.ri-steering-2-fill:before {
    content: ""
}

.ri-steering-2-line:before {
    content: ""
}

.ri-steering-fill:before {
    content: ""
}

.ri-steering-line:before {
    content: ""
}

.ri-stethoscope-fill:before {
    content: ""
}

.ri-stethoscope-line:before {
    content: ""
}

.ri-sticky-note-2-fill:before {
    content: ""
}

.ri-sticky-note-2-line:before {
    content: ""
}

.ri-sticky-note-fill:before {
    content: ""
}

.ri-sticky-note-line:before {
    content: ""
}

.ri-stock-fill:before {
    content: ""
}

.ri-stock-line:before {
    content: ""
}

.ri-stop-circle-fill:before {
    content: ""
}

.ri-stop-circle-line:before {
    content: ""
}

.ri-stop-fill:before {
    content: ""
}

.ri-stop-line:before {
    content: ""
}

.ri-stop-mini-fill:before {
    content: ""
}

.ri-stop-mini-line:before {
    content: ""
}

.ri-store-2-fill:before {
    content: ""
}

.ri-store-2-line:before {
    content: ""
}

.ri-store-3-fill:before {
    content: ""
}

.ri-store-3-line:before {
    content: ""
}

.ri-store-fill:before {
    content: ""
}

.ri-store-line:before {
    content: ""
}

.ri-strikethrough-2:before {
    content: ""
}

.ri-strikethrough:before {
    content: ""
}

.ri-subscript-2:before {
    content: ""
}

.ri-subscript:before {
    content: ""
}

.ri-subtract-fill:before {
    content: ""
}

.ri-subtract-line:before {
    content: ""
}

.ri-subway-fill:before {
    content: ""
}

.ri-subway-line:before {
    content: ""
}

.ri-subway-wifi-fill:before {
    content: ""
}

.ri-subway-wifi-line:before {
    content: ""
}

.ri-suitcase-2-fill:before {
    content: ""
}

.ri-suitcase-2-line:before {
    content: ""
}

.ri-suitcase-3-fill:before {
    content: ""
}

.ri-suitcase-3-line:before {
    content: ""
}

.ri-suitcase-fill:before {
    content: ""
}

.ri-suitcase-line:before {
    content: ""
}

.ri-sun-cloudy-fill:before {
    content: ""
}

.ri-sun-cloudy-line:before {
    content: ""
}

.ri-sun-fill:before {
    content: ""
}

.ri-sun-foggy-fill:before {
    content: ""
}

.ri-sun-foggy-line:before {
    content: ""
}

.ri-sun-line:before {
    content: ""
}

.ri-superscript-2:before {
    content: ""
}

.ri-superscript:before {
    content: ""
}

.ri-surgical-mask-fill:before {
    content: ""
}

.ri-surgical-mask-line:before {
    content: ""
}

.ri-surround-sound-fill:before {
    content: ""
}

.ri-surround-sound-line:before {
    content: ""
}

.ri-survey-fill:before {
    content: ""
}

.ri-survey-line:before {
    content: ""
}

.ri-swap-box-fill:before {
    content: ""
}

.ri-swap-box-line:before {
    content: ""
}

.ri-swap-fill:before {
    content: ""
}

.ri-swap-line:before {
    content: ""
}

.ri-switch-fill:before {
    content: ""
}

.ri-switch-line:before {
    content: ""
}

.ri-sword-fill:before {
    content: ""
}

.ri-sword-line:before {
    content: ""
}

.ri-syringe-fill:before {
    content: ""
}

.ri-syringe-line:before {
    content: ""
}

.ri-t-box-fill:before {
    content: ""
}

.ri-t-box-line:before {
    content: ""
}

.ri-t-shirt-2-fill:before {
    content: ""
}

.ri-t-shirt-2-line:before {
    content: ""
}

.ri-t-shirt-air-fill:before {
    content: ""
}

.ri-t-shirt-air-line:before {
    content: ""
}

.ri-t-shirt-fill:before {
    content: ""
}

.ri-t-shirt-line:before {
    content: ""
}

.ri-table-2:before {
    content: ""
}

.ri-table-alt-fill:before {
    content: ""
}

.ri-table-alt-line:before {
    content: ""
}

.ri-table-fill:before {
    content: ""
}

.ri-table-line:before {
    content: ""
}

.ri-tablet-fill:before {
    content: ""
}

.ri-tablet-line:before {
    content: ""
}

.ri-takeaway-fill:before {
    content: ""
}

.ri-takeaway-line:before {
    content: ""
}

.ri-taobao-fill:before {
    content: ""
}

.ri-taobao-line:before {
    content: ""
}

.ri-tape-fill:before {
    content: ""
}

.ri-tape-line:before {
    content: ""
}

.ri-task-fill:before {
    content: ""
}

.ri-task-line:before {
    content: ""
}

.ri-taxi-fill:before {
    content: ""
}

.ri-taxi-line:before {
    content: ""
}

.ri-taxi-wifi-fill:before {
    content: ""
}

.ri-taxi-wifi-line:before {
    content: ""
}

.ri-team-fill:before {
    content: ""
}

.ri-team-line:before {
    content: ""
}

.ri-telegram-fill:before {
    content: ""
}

.ri-telegram-line:before {
    content: ""
}

.ri-temp-cold-fill:before {
    content: ""
}

.ri-temp-cold-line:before {
    content: ""
}

.ri-temp-hot-fill:before {
    content: ""
}

.ri-temp-hot-line:before {
    content: ""
}

.ri-terminal-box-fill:before {
    content: ""
}

.ri-terminal-box-line:before {
    content: ""
}

.ri-terminal-fill:before {
    content: ""
}

.ri-terminal-line:before {
    content: ""
}

.ri-terminal-window-fill:before {
    content: ""
}

.ri-terminal-window-line:before {
    content: ""
}

.ri-test-tube-fill:before {
    content: ""
}

.ri-test-tube-line:before {
    content: ""
}

.ri-text-direction-l:before {
    content: ""
}

.ri-text-direction-r:before {
    content: ""
}

.ri-text-spacing:before {
    content: ""
}

.ri-text-wrap:before {
    content: ""
}

.ri-text:before {
    content: ""
}

.ri-thermometer-fill:before {
    content: ""
}

.ri-thermometer-line:before {
    content: ""
}

.ri-thumb-down-fill:before {
    content: ""
}

.ri-thumb-down-line:before {
    content: ""
}

.ri-thumb-up-fill:before {
    content: ""
}

.ri-thumb-up-line:before {
    content: ""
}

.ri-thunderstorms-fill:before {
    content: ""
}

.ri-thunderstorms-line:before {
    content: ""
}

.ri-ticket-2-fill:before {
    content: ""
}

.ri-ticket-2-line:before {
    content: ""
}

.ri-ticket-fill:before {
    content: ""
}

.ri-ticket-line:before {
    content: ""
}

.ri-time-fill:before {
    content: ""
}

.ri-time-line:before {
    content: ""
}

.ri-timer-2-fill:before {
    content: ""
}

.ri-timer-2-line:before {
    content: ""
}

.ri-timer-fill:before {
    content: ""
}

.ri-timer-flash-fill:before {
    content: ""
}

.ri-timer-flash-line:before {
    content: ""
}

.ri-timer-line:before {
    content: ""
}

.ri-todo-fill:before {
    content: ""
}

.ri-todo-line:before {
    content: ""
}

.ri-toggle-fill:before {
    content: ""
}

.ri-toggle-line:before {
    content: ""
}

.ri-tools-fill:before {
    content: ""
}

.ri-tools-line:before {
    content: ""
}

.ri-tornado-fill:before {
    content: ""
}

.ri-tornado-line:before {
    content: ""
}

.ri-trademark-fill:before {
    content: ""
}

.ri-trademark-line:before {
    content: ""
}

.ri-traffic-light-fill:before {
    content: ""
}

.ri-traffic-light-line:before {
    content: ""
}

.ri-train-fill:before {
    content: ""
}

.ri-train-line:before {
    content: ""
}

.ri-train-wifi-fill:before {
    content: ""
}

.ri-train-wifi-line:before {
    content: ""
}

.ri-translate-2:before {
    content: ""
}

.ri-translate:before {
    content: ""
}

.ri-travesti-fill:before {
    content: ""
}

.ri-travesti-line:before {
    content: ""
}

.ri-treasure-map-fill:before {
    content: ""
}

.ri-treasure-map-line:before {
    content: ""
}

.ri-trello-fill:before {
    content: ""
}

.ri-trello-line:before {
    content: ""
}

.ri-trophy-fill:before {
    content: ""
}

.ri-trophy-line:before {
    content: ""
}

.ri-truck-fill:before {
    content: ""
}

.ri-truck-line:before {
    content: ""
}

.ri-tumblr-fill:before {
    content: ""
}

.ri-tumblr-line:before {
    content: ""
}

.ri-tv-2-fill:before {
    content: ""
}

.ri-tv-2-line:before {
    content: ""
}

.ri-tv-fill:before {
    content: ""
}

.ri-tv-line:before {
    content: ""
}

.ri-twitch-fill:before {
    content: ""
}

.ri-twitch-line:before {
    content: ""
}

.ri-twitter-fill:before {
    content: ""
}

.ri-twitter-line:before {
    content: ""
}

.ri-typhoon-fill:before {
    content: ""
}

.ri-typhoon-line:before {
    content: ""
}

.ri-u-disk-fill:before {
    content: ""
}

.ri-u-disk-line:before {
    content: ""
}

.ri-ubuntu-fill:before {
    content: ""
}

.ri-ubuntu-line:before {
    content: ""
}

.ri-umbrella-fill:before {
    content: ""
}

.ri-umbrella-line:before {
    content: ""
}

.ri-underline:before {
    content: ""
}

.ri-uninstall-fill:before {
    content: ""
}

.ri-uninstall-line:before {
    content: ""
}

.ri-unsplash-fill:before {
    content: ""
}

.ri-unsplash-line:before {
    content: ""
}

.ri-upload-2-fill:before {
    content: ""
}

.ri-upload-2-line:before {
    content: ""
}

.ri-upload-cloud-2-fill:before {
    content: ""
}

.ri-upload-cloud-2-line:before {
    content: ""
}

.ri-upload-cloud-fill:before {
    content: ""
}

.ri-upload-cloud-line:before {
    content: ""
}

.ri-upload-fill:before {
    content: ""
}

.ri-upload-line:before {
    content: ""
}

.ri-usb-fill:before {
    content: ""
}

.ri-usb-line:before {
    content: ""
}

.ri-user-2-fill:before {
    content: ""
}

.ri-user-2-line:before {
    content: ""
}

.ri-user-3-fill:before {
    content: ""
}

.ri-user-3-line:before {
    content: ""
}

.ri-user-4-fill:before {
    content: ""
}

.ri-user-4-line:before {
    content: ""
}

.ri-user-5-fill:before {
    content: ""
}

.ri-user-5-line:before {
    content: ""
}

.ri-user-6-fill:before {
    content: ""
}

.ri-user-6-line:before {
    content: ""
}

.ri-user-add-fill:before {
    content: ""
}

.ri-user-add-line:before {
    content: ""
}

.ri-user-fill:before {
    content: ""
}

.ri-user-follow-fill:before {
    content: ""
}

.ri-user-follow-line:before {
    content: ""
}

.ri-user-heart-fill:before {
    content: ""
}

.ri-user-heart-line:before {
    content: ""
}

.ri-user-line:before {
    content: ""
}

.ri-user-location-fill:before {
    content: ""
}

.ri-user-location-line:before {
    content: ""
}

.ri-user-received-2-fill:before {
    content: ""
}

.ri-user-received-2-line:before {
    content: ""
}

.ri-user-received-fill:before {
    content: ""
}

.ri-user-received-line:before {
    content: ""
}

.ri-user-search-fill:before {
    content: ""
}

.ri-user-search-line:before {
    content: ""
}

.ri-user-settings-fill:before {
    content: ""
}

.ri-user-settings-line:before {
    content: ""
}

.ri-user-shared-2-fill:before {
    content: ""
}

.ri-user-shared-2-line:before {
    content: ""
}

.ri-user-shared-fill:before {
    content: ""
}

.ri-user-shared-line:before {
    content: ""
}

.ri-user-smile-fill:before {
    content: ""
}

.ri-user-smile-line:before {
    content: ""
}

.ri-user-star-fill:before {
    content: ""
}

.ri-user-star-line:before {
    content: ""
}

.ri-user-unfollow-fill:before {
    content: ""
}

.ri-user-unfollow-line:before {
    content: ""
}

.ri-user-voice-fill:before {
    content: ""
}

.ri-user-voice-line:before {
    content: ""
}

.ri-video-add-fill:before {
    content: ""
}

.ri-video-add-line:before {
    content: ""
}

.ri-video-chat-fill:before {
    content: ""
}

.ri-video-chat-line:before {
    content: ""
}

.ri-video-download-fill:before {
    content: ""
}

.ri-video-download-line:before {
    content: ""
}

.ri-video-fill:before {
    content: ""
}

.ri-video-line:before {
    content: ""
}

.ri-video-upload-fill:before {
    content: ""
}

.ri-video-upload-line:before {
    content: ""
}

.ri-vidicon-2-fill:before {
    content: ""
}

.ri-vidicon-2-line:before {
    content: ""
}

.ri-vidicon-fill:before {
    content: ""
}

.ri-vidicon-line:before {
    content: ""
}

.ri-vimeo-fill:before {
    content: ""
}

.ri-vimeo-line:before {
    content: ""
}

.ri-vip-crown-2-fill:before {
    content: ""
}

.ri-vip-crown-2-line:before {
    content: ""
}

.ri-vip-crown-fill:before {
    content: ""
}

.ri-vip-crown-line:before {
    content: ""
}

.ri-vip-diamond-fill:before {
    content: ""
}

.ri-vip-diamond-line:before {
    content: ""
}

.ri-vip-fill:before {
    content: ""
}

.ri-vip-line:before {
    content: ""
}

.ri-virus-fill:before {
    content: ""
}

.ri-virus-line:before {
    content: ""
}

.ri-visa-fill:before {
    content: ""
}

.ri-visa-line:before {
    content: ""
}

.ri-voice-recognition-fill:before {
    content: ""
}

.ri-voice-recognition-line:before {
    content: ""
}

.ri-voiceprint-fill:before {
    content: ""
}

.ri-voiceprint-line:before {
    content: ""
}

.ri-volume-down-fill:before {
    content: ""
}

.ri-volume-down-line:before {
    content: ""
}

.ri-volume-mute-fill:before {
    content: ""
}

.ri-volume-mute-line:before {
    content: ""
}

.ri-volume-off-vibrate-fill:before {
    content: ""
}

.ri-volume-off-vibrate-line:before {
    content: ""
}

.ri-volume-up-fill:before {
    content: ""
}

.ri-volume-up-line:before {
    content: ""
}

.ri-volume-vibrate-fill:before {
    content: ""
}

.ri-volume-vibrate-line:before {
    content: ""
}

.ri-vuejs-fill:before {
    content: ""
}

.ri-vuejs-line:before {
    content: ""
}

.ri-walk-fill:before {
    content: ""
}

.ri-walk-line:before {
    content: ""
}

.ri-wallet-2-fill:before {
    content: ""
}

.ri-wallet-2-line:before {
    content: ""
}

.ri-wallet-3-fill:before {
    content: ""
}

.ri-wallet-3-line:before {
    content: ""
}

.ri-wallet-fill:before {
    content: ""
}

.ri-wallet-line:before {
    content: ""
}

.ri-water-flash-fill:before {
    content: ""
}

.ri-water-flash-line:before {
    content: ""
}

.ri-webcam-fill:before {
    content: ""
}

.ri-webcam-line:before {
    content: ""
}

.ri-wechat-2-fill:before {
    content: ""
}

.ri-wechat-2-line:before {
    content: ""
}

.ri-wechat-fill:before {
    content: ""
}

.ri-wechat-line:before {
    content: ""
}

.ri-wechat-pay-fill:before {
    content: ""
}

.ri-wechat-pay-line:before {
    content: ""
}

.ri-weibo-fill:before {
    content: ""
}

.ri-weibo-line:before {
    content: ""
}

.ri-whatsapp-fill:before {
    content: ""
}

.ri-whatsapp-line:before {
    content: ""
}

.ri-wheelchair-fill:before {
    content: ""
}

.ri-wheelchair-line:before {
    content: ""
}

.ri-wifi-fill:before {
    content: ""
}

.ri-wifi-line:before {
    content: ""
}

.ri-wifi-off-fill:before {
    content: ""
}

.ri-wifi-off-line:before {
    content: ""
}

.ri-window-2-fill:before {
    content: ""
}

.ri-window-2-line:before {
    content: ""
}

.ri-window-fill:before {
    content: ""
}

.ri-window-line:before {
    content: ""
}

.ri-windows-fill:before {
    content: ""
}

.ri-windows-line:before {
    content: ""
}

.ri-windy-fill:before {
    content: ""
}

.ri-windy-line:before {
    content: ""
}

.ri-wireless-charging-fill:before {
    content: ""
}

.ri-wireless-charging-line:before {
    content: ""
}

.ri-women-fill:before {
    content: ""
}

.ri-women-line:before {
    content: ""
}

.ri-wubi-input:before {
    content: ""
}

.ri-xbox-fill:before {
    content: ""
}

.ri-xbox-line:before {
    content: ""
}

.ri-xing-fill:before {
    content: ""
}

.ri-xing-line:before {
    content: ""
}

.ri-youtube-fill:before {
    content: ""
}

.ri-youtube-line:before {
    content: ""
}

.ri-zcool-fill:before {
    content: ""
}

.ri-zcool-line:before {
    content: ""
}

.ri-zhihu-fill:before {
    content: ""
}

.ri-zhihu-line:before {
    content: ""
}

.ri-zoom-in-fill:before {
    content: ""
}

.ri-zoom-in-line:before {
    content: ""
}

.ri-zoom-out-fill:before {
    content: ""
}

.ri-zoom-out-line:before {
    content: ""
}

.ri-zzz-fill:before {
    content: ""
}

.ri-zzz-line:before {
    content: ""
}

.ri-arrow-down-double-fill:before {
    content: ""
}

.ri-arrow-down-double-line:before {
    content: ""
}

.ri-arrow-left-double-fill:before {
    content: ""
}

.ri-arrow-left-double-line:before {
    content: ""
}

.ri-arrow-right-double-fill:before {
    content: ""
}

.ri-arrow-right-double-line:before {
    content: ""
}

.ri-arrow-turn-back-fill:before {
    content: ""
}

.ri-arrow-turn-back-line:before {
    content: ""
}

.ri-arrow-turn-forward-fill:before {
    content: ""
}

.ri-arrow-turn-forward-line:before {
    content: ""
}

.ri-arrow-up-double-fill:before {
    content: ""
}

.ri-arrow-up-double-line:before {
    content: ""
}

.ri-bard-fill:before {
    content: ""
}

.ri-bard-line:before {
    content: ""
}

.ri-bootstrap-fill:before {
    content: ""
}

.ri-bootstrap-line:before {
    content: ""
}

.ri-box-1-fill:before {
    content: ""
}

.ri-box-1-line:before {
    content: ""
}

.ri-box-2-fill:before {
    content: ""
}

.ri-box-2-line:before {
    content: ""
}

.ri-box-3-fill:before {
    content: ""
}

.ri-box-3-line:before {
    content: ""
}

.ri-brain-fill:before {
    content: ""
}

.ri-brain-line:before {
    content: ""
}

.ri-candle-fill:before {
    content: ""
}

.ri-candle-line:before {
    content: ""
}

.ri-cash-fill:before {
    content: ""
}

.ri-cash-line:before {
    content: ""
}

.ri-contract-left-fill:before {
    content: ""
}

.ri-contract-left-line:before {
    content: ""
}

.ri-contract-left-right-fill:before {
    content: ""
}

.ri-contract-left-right-line:before {
    content: ""
}

.ri-contract-right-fill:before {
    content: ""
}

.ri-contract-right-line:before {
    content: ""
}

.ri-contract-up-down-fill:before {
    content: ""
}

.ri-contract-up-down-line:before {
    content: ""
}

.ri-copilot-fill:before {
    content: ""
}

.ri-copilot-line:before {
    content: ""
}

.ri-corner-down-left-fill:before {
    content: ""
}

.ri-corner-down-left-line:before {
    content: ""
}

.ri-corner-down-right-fill:before {
    content: ""
}

.ri-corner-down-right-line:before {
    content: ""
}

.ri-corner-left-down-fill:before {
    content: ""
}

.ri-corner-left-down-line:before {
    content: ""
}

.ri-corner-left-up-fill:before {
    content: ""
}

.ri-corner-left-up-line:before {
    content: ""
}

.ri-corner-right-down-fill:before {
    content: ""
}

.ri-corner-right-down-line:before {
    content: ""
}

.ri-corner-right-up-fill:before {
    content: ""
}

.ri-corner-right-up-line:before {
    content: ""
}

.ri-corner-up-left-double-fill:before {
    content: ""
}

.ri-corner-up-left-double-line:before {
    content: ""
}

.ri-corner-up-left-fill:before {
    content: ""
}

.ri-corner-up-left-line:before {
    content: ""
}

.ri-corner-up-right-double-fill:before {
    content: ""
}

.ri-corner-up-right-double-line:before {
    content: ""
}

.ri-corner-up-right-fill:before {
    content: ""
}

.ri-corner-up-right-line:before {
    content: ""
}

.ri-cross-fill:before {
    content: ""
}

.ri-cross-line:before {
    content: ""
}

.ri-edge-new-fill:before {
    content: ""
}

.ri-edge-new-line:before {
    content: ""
}

.ri-equal-fill:before {
    content: ""
}

.ri-equal-line:before {
    content: ""
}

.ri-expand-left-fill:before {
    content: ""
}

.ri-expand-left-line:before {
    content: ""
}

.ri-expand-left-right-fill:before {
    content: ""
}

.ri-expand-left-right-line:before {
    content: ""
}

.ri-expand-right-fill:before {
    content: ""
}

.ri-expand-right-line:before {
    content: ""
}

.ri-expand-up-down-fill:before {
    content: ""
}

.ri-expand-up-down-line:before {
    content: ""
}

.ri-flickr-fill:before {
    content: ""
}

.ri-flickr-line:before {
    content: ""
}

.ri-forward-10-fill:before {
    content: ""
}

.ri-forward-10-line:before {
    content: ""
}

.ri-forward-15-fill:before {
    content: ""
}

.ri-forward-15-line:before {
    content: ""
}

.ri-forward-30-fill:before {
    content: ""
}

.ri-forward-30-line:before {
    content: ""
}

.ri-forward-5-fill:before {
    content: ""
}

.ri-forward-5-line:before {
    content: ""
}

.ri-graduation-cap-fill:before {
    content: ""
}

.ri-graduation-cap-line:before {
    content: ""
}

.ri-home-office-fill:before {
    content: ""
}

.ri-home-office-line:before {
    content: ""
}

.ri-hourglass-2-fill:before {
    content: ""
}

.ri-hourglass-2-line:before {
    content: ""
}

.ri-hourglass-fill:before {
    content: ""
}

.ri-hourglass-line:before {
    content: ""
}

.ri-javascript-fill:before {
    content: ""
}

.ri-javascript-line:before {
    content: ""
}

.ri-loop-left-fill:before {
    content: ""
}

.ri-loop-left-line:before {
    content: ""
}

.ri-loop-right-fill:before {
    content: ""
}

.ri-loop-right-line:before {
    content: ""
}

.ri-memories-fill:before {
    content: ""
}

.ri-memories-line:before {
    content: ""
}

.ri-meta-fill:before {
    content: ""
}

.ri-meta-line:before {
    content: ""
}

.ri-microsoft-loop-fill:before {
    content: ""
}

.ri-microsoft-loop-line:before {
    content: ""
}

.ri-nft-fill:before {
    content: ""
}

.ri-nft-line:before {
    content: ""
}

.ri-notion-fill:before {
    content: ""
}

.ri-notion-line:before {
    content: ""
}

.ri-openai-fill:before {
    content: ""
}

.ri-openai-line:before {
    content: ""
}

.ri-overline:before {
    content: ""
}

.ri-p2p-fill:before {
    content: ""
}

.ri-p2p-line:before {
    content: ""
}

.ri-presentation-fill:before {
    content: ""
}

.ri-presentation-line:before {
    content: ""
}

.ri-replay-10-fill:before {
    content: ""
}

.ri-replay-10-line:before {
    content: ""
}

.ri-replay-15-fill:before {
    content: ""
}

.ri-replay-15-line:before {
    content: ""
}

.ri-replay-30-fill:before {
    content: ""
}

.ri-replay-30-line:before {
    content: ""
}

.ri-replay-5-fill:before {
    content: ""
}

.ri-replay-5-line:before {
    content: ""
}

.ri-school-fill:before {
    content: ""
}

.ri-school-line:before {
    content: ""
}

.ri-shining-2-fill:before {
    content: ""
}

.ri-shining-2-line:before {
    content: ""
}

.ri-shining-fill:before {
    content: ""
}

.ri-shining-line:before {
    content: ""
}

.ri-sketching:before {
    content: ""
}

.ri-skip-down-fill:before {
    content: ""
}

.ri-skip-down-line:before {
    content: ""
}

.ri-skip-left-fill:before {
    content: ""
}

.ri-skip-left-line:before {
    content: ""
}

.ri-skip-right-fill:before {
    content: ""
}

.ri-skip-right-line:before {
    content: ""
}

.ri-skip-up-fill:before {
    content: ""
}

.ri-skip-up-line:before {
    content: ""
}

.ri-slow-down-fill:before {
    content: ""
}

.ri-slow-down-line:before {
    content: ""
}

.ri-sparkling-2-fill:before {
    content: ""
}

.ri-sparkling-2-line:before {
    content: ""
}

.ri-sparkling-fill:before {
    content: ""
}

.ri-sparkling-line:before {
    content: ""
}

.ri-speak-fill:before {
    content: ""
}

.ri-speak-line:before {
    content: ""
}

.ri-speed-up-fill:before {
    content: ""
}

.ri-speed-up-line:before {
    content: ""
}

.ri-tiktok-fill:before {
    content: ""
}

.ri-tiktok-line:before {
    content: ""
}

.ri-token-swap-fill:before {
    content: ""
}

.ri-token-swap-line:before {
    content: ""
}

.ri-unpin-fill:before {
    content: ""
}

.ri-unpin-line:before {
    content: ""
}

.ri-wechat-channels-fill:before {
    content: ""
}

.ri-wechat-channels-line:before {
    content: ""
}

.ri-wordpress-fill:before {
    content: ""
}

.ri-wordpress-line:before {
    content: ""
}

.ri-blender-fill:before {
    content: ""
}

.ri-blender-line:before {
    content: ""
}

.ri-emoji-sticker-fill:before {
    content: ""
}

.ri-emoji-sticker-line:before {
    content: ""
}

.ri-git-close-pull-request-fill:before {
    content: ""
}

.ri-git-close-pull-request-line:before {
    content: ""
}

.ri-instance-fill:before {
    content: ""
}

.ri-instance-line:before {
    content: ""
}

.ri-megaphone-fill:before {
    content: ""
}

.ri-megaphone-line:before {
    content: ""
}

.ri-pass-expired-fill:before {
    content: ""
}

.ri-pass-expired-line:before {
    content: ""
}

.ri-pass-pending-fill:before {
    content: ""
}

.ri-pass-pending-line:before {
    content: ""
}

.ri-pass-valid-fill:before {
    content: ""
}

.ri-pass-valid-line:before {
    content: ""
}

.ri-ai-generate:before {
    content: ""
}

.ri-calendar-close-fill:before {
    content: ""
}

.ri-calendar-close-line:before {
    content: ""
}

.ri-draggable:before {
    content: ""
}

.ri-font-family:before {
    content: ""
}

.ri-font-mono:before {
    content: ""
}

.ri-font-sans-serif:before {
    content: ""
}

.ri-font-sans:before {
    content: ""
}

.ri-hard-drive-3-fill:before {
    content: ""
}

.ri-hard-drive-3-line:before {
    content: ""
}

.ri-kick-fill:before {
    content: ""
}

.ri-kick-line:before {
    content: ""
}

.ri-list-check-3:before {
    content: ""
}

.ri-list-indefinite:before {
    content: ""
}

.ri-list-ordered-2:before {
    content: ""
}

.ri-list-radio:before {
    content: ""
}

.ri-openbase-fill:before {
    content: ""
}

.ri-openbase-line:before {
    content: ""
}

.ri-planet-fill:before {
    content: ""
}

.ri-planet-line:before {
    content: ""
}

.ri-prohibited-fill:before {
    content: ""
}

.ri-prohibited-line:before {
    content: ""
}

.ri-quote-text:before {
    content: ""
}

.ri-seo-fill:before {
    content: ""
}

.ri-seo-line:before {
    content: ""
}

.ri-slash-commands:before {
    content: ""
}

.ri-archive-2-fill:before {
    content: ""
}

.ri-archive-2-line:before {
    content: ""
}

.ri-inbox-2-fill:before {
    content: ""
}

.ri-inbox-2-line:before {
    content: ""
}

.ri-shake-hands-fill:before {
    content: ""
}

.ri-shake-hands-line:before {
    content: ""
}

.ri-supabase-fill:before {
    content: ""
}

.ri-supabase-line:before {
    content: ""
}

.ri-water-percent-fill:before {
    content: ""
}

.ri-water-percent-line:before {
    content: ""
}

.ri-yuque-fill:before {
    content: ""
}

.ri-yuque-line:before {
    content: ""
}

.ri-crosshair-2-fill:before {
    content: ""
}

.ri-crosshair-2-line:before {
    content: ""
}

.ri-crosshair-fill:before {
    content: ""
}

.ri-crosshair-line:before {
    content: ""
}

.ri-file-close-fill:before {
    content: ""
}

.ri-file-close-line:before {
    content: ""
}

.ri-infinity-fill:before {
    content: ""
}

.ri-infinity-line:before {
    content: ""
}

.ri-rfid-fill:before {
    content: ""
}

.ri-rfid-line:before {
    content: ""
}

.ri-slash-commands-2:before {
    content: ""
}

.ri-user-forbid-fill:before {
    content: ""
}

.ri-user-forbid-line:before {
    content: ""
}

.ri-beer-fill:before {
    content: ""
}

.ri-beer-line:before {
    content: ""
}

.ri-circle-fill:before {
    content: ""
}

.ri-circle-line:before {
    content: ""
}

.ri-dropdown-list:before {
    content: ""
}

.ri-file-image-fill:before {
    content: ""
}

.ri-file-image-line:before {
    content: ""
}

.ri-file-pdf-2-fill:before {
    content: ""
}

.ri-file-pdf-2-line:before {
    content: ""
}

.ri-file-video-fill:before {
    content: ""
}

.ri-file-video-line:before {
    content: ""
}

.ri-folder-image-fill:before {
    content: ""
}

.ri-folder-image-line:before {
    content: ""
}

.ri-folder-video-fill:before {
    content: ""
}

.ri-folder-video-line:before {
    content: ""
}

.ri-hexagon-fill:before {
    content: ""
}

.ri-hexagon-line:before {
    content: ""
}

.ri-menu-search-fill:before {
    content: ""
}

.ri-menu-search-line:before {
    content: ""
}

.ri-octagon-fill:before {
    content: ""
}

.ri-octagon-line:before {
    content: ""
}

.ri-pentagon-fill:before {
    content: ""
}

.ri-pentagon-line:before {
    content: ""
}

.ri-rectangle-fill:before {
    content: ""
}

.ri-rectangle-line:before {
    content: ""
}

.ri-robot-2-fill:before {
    content: ""
}

.ri-robot-2-line:before {
    content: ""
}

.ri-shapes-fill:before {
    content: ""
}

.ri-shapes-line:before {
    content: ""
}

.ri-square-fill:before {
    content: ""
}

.ri-square-line:before {
    content: ""
}

.ri-tent-fill:before {
    content: ""
}

.ri-tent-line:before {
    content: ""
}

.ri-threads-fill:before {
    content: ""
}

.ri-threads-line:before {
    content: ""
}

.ri-tree-fill:before {
    content: ""
}

.ri-tree-line:before {
    content: ""
}

.ri-triangle-fill:before {
    content: ""
}

.ri-triangle-line:before {
    content: ""
}

.ri-twitter-x-fill:before {
    content: ""
}

.ri-twitter-x-line:before {
    content: ""
}

.ri-verified-badge-fill:before {
    content: ""
}

.ri-verified-badge-line:before {
    content: ""
}

.ri-armchair-fill:before {
    content: ""
}

.ri-armchair-line:before {
    content: ""
}

.ri-bnb-fill:before {
    content: ""
}

.ri-bnb-line:before {
    content: ""
}

.ri-bread-fill:before {
    content: ""
}

.ri-bread-line:before {
    content: ""
}

.ri-btc-fill:before {
    content: ""
}

.ri-btc-line:before {
    content: ""
}

.ri-calendar-schedule-fill:before {
    content: ""
}

.ri-calendar-schedule-line:before {
    content: ""
}

.ri-dice-1-fill:before {
    content: ""
}

.ri-dice-1-line:before {
    content: ""
}

.ri-dice-2-fill:before {
    content: ""
}

.ri-dice-2-line:before {
    content: ""
}

.ri-dice-3-fill:before {
    content: ""
}

.ri-dice-3-line:before {
    content: ""
}

.ri-dice-4-fill:before {
    content: ""
}

.ri-dice-4-line:before {
    content: ""
}

.ri-dice-5-fill:before {
    content: ""
}

.ri-dice-5-line:before {
    content: ""
}

.ri-dice-6-fill:before {
    content: ""
}

.ri-dice-6-line:before {
    content: ""
}

.ri-dice-fill:before {
    content: ""
}

.ri-dice-line:before {
    content: ""
}

.ri-drinks-fill:before {
    content: ""
}

.ri-drinks-line:before {
    content: ""
}

.ri-equalizer-2-fill:before {
    content: ""
}

.ri-equalizer-2-line:before {
    content: ""
}

.ri-equalizer-3-fill:before {
    content: ""
}

.ri-equalizer-3-line:before {
    content: ""
}

.ri-eth-fill:before {
    content: ""
}

.ri-eth-line:before {
    content: ""
}

.ri-flower-fill:before {
    content: ""
}

.ri-flower-line:before {
    content: ""
}

.ri-glasses-2-fill:before {
    content: ""
}

.ri-glasses-2-line:before {
    content: ""
}

.ri-glasses-fill:before {
    content: ""
}

.ri-glasses-line:before {
    content: ""
}

.ri-goggles-fill:before {
    content: ""
}

.ri-goggles-line:before {
    content: ""
}

.ri-image-circle-fill:before {
    content: ""
}

.ri-image-circle-line:before {
    content: ""
}

.ri-info-i:before {
    content: ""
}

.ri-money-rupee-circle-fill:before {
    content: ""
}

.ri-money-rupee-circle-line:before {
    content: ""
}

.ri-news-fill:before {
    content: ""
}

.ri-news-line:before {
    content: ""
}

.ri-robot-3-fill:before {
    content: ""
}

.ri-robot-3-line:before {
    content: ""
}

.ri-share-2-fill:before {
    content: ""
}

.ri-share-2-line:before {
    content: ""
}

.ri-sofa-fill:before {
    content: ""
}

.ri-sofa-line:before {
    content: ""
}

.ri-svelte-fill:before {
    content: ""
}

.ri-svelte-line:before {
    content: ""
}

.ri-vk-fill:before {
    content: ""
}

.ri-vk-line:before {
    content: ""
}

.ri-xrp-fill:before {
    content: ""
}

.ri-xrp-line:before {
    content: ""
}

.ri-xtz-fill:before {
    content: ""
}

.ri-xtz-line:before {
    content: ""
}

.ri-archive-stack-fill:before {
    content: ""
}

.ri-archive-stack-line:before {
    content: ""
}

.ri-bowl-fill:before {
    content: ""
}

.ri-bowl-line:before {
    content: ""
}

.ri-calendar-view:before {
    content: ""
}

.ri-carousel-view:before {
    content: ""
}

.ri-code-block:before {
    content: ""
}

.ri-color-filter-fill:before {
    content: ""
}

.ri-color-filter-line:before {
    content: ""
}

.ri-contacts-book-3-fill:before {
    content: ""
}

.ri-contacts-book-3-line:before {
    content: ""
}

.ri-contract-fill:before {
    content: ""
}

.ri-contract-line:before {
    content: ""
}

.ri-drinks-2-fill:before {
    content: ""
}

.ri-drinks-2-line:before {
    content: ""
}

.ri-export-fill:before {
    content: ""
}

.ri-export-line:before {
    content: ""
}

.ri-file-check-fill:before {
    content: ""
}

.ri-file-check-line:before {
    content: ""
}

.ri-focus-mode:before {
    content: ""
}

.ri-folder-6-fill:before {
    content: ""
}

.ri-folder-6-line:before {
    content: ""
}

.ri-folder-check-fill:before {
    content: ""
}

.ri-folder-check-line:before {
    content: ""
}

.ri-folder-close-fill:before {
    content: ""
}

.ri-folder-close-line:before {
    content: ""
}

.ri-folder-cloud-fill:before {
    content: ""
}

.ri-folder-cloud-line:before {
    content: ""
}

.ri-gallery-view-2:before {
    content: ""
}

.ri-gallery-view:before {
    content: ""
}

.ri-hand:before {
    content: ""
}

.ri-import-fill:before {
    content: ""
}

.ri-import-line:before {
    content: ""
}

.ri-information-2-fill:before {
    content: ""
}

.ri-information-2-line:before {
    content: ""
}

.ri-kanban-view-2:before {
    content: ""
}

.ri-kanban-view:before {
    content: ""
}

.ri-list-view:before {
    content: ""
}

.ri-lock-star-fill:before {
    content: ""
}

.ri-lock-star-line:before {
    content: ""
}

.ri-puzzle-2-fill:before {
    content: ""
}

.ri-puzzle-2-line:before {
    content: ""
}

.ri-puzzle-fill:before {
    content: ""
}

.ri-puzzle-line:before {
    content: ""
}

.ri-ram-2-fill:before {
    content: ""
}

.ri-ram-2-line:before {
    content: ""
}

.ri-ram-fill:before {
    content: ""
}

.ri-ram-line:before {
    content: ""
}

.ri-receipt-fill:before {
    content: ""
}

.ri-receipt-line:before {
    content: ""
}

.ri-shadow-fill:before {
    content: ""
}

.ri-shadow-line:before {
    content: ""
}

.ri-sidebar-fold-fill:before {
    content: ""
}

.ri-sidebar-fold-line:before {
    content: ""
}

.ri-sidebar-unfold-fill:before {
    content: ""
}

.ri-sidebar-unfold-line:before {
    content: ""
}

.ri-slideshow-view:before {
    content: ""
}

.ri-sort-alphabet-asc:before {
    content: ""
}

.ri-sort-alphabet-desc:before {
    content: ""
}

.ri-sort-number-asc:before {
    content: ""
}

.ri-sort-number-desc:before {
    content: ""
}

.ri-stacked-view:before {
    content: ""
}

.ri-sticky-note-add-fill:before {
    content: ""
}

.ri-sticky-note-add-line:before {
    content: ""
}

.ri-swap-2-fill:before {
    content: ""
}

.ri-swap-2-line:before {
    content: ""
}

.ri-swap-3-fill:before {
    content: ""
}

.ri-swap-3-line:before {
    content: ""
}

.ri-table-3:before {
    content: ""
}

.ri-table-view:before {
    content: ""
}

.ri-text-block:before {
    content: ""
}

.ri-text-snippet:before {
    content: ""
}

.ri-timeline-view:before {
    content: ""
}

.ri-blogger-fill:before {
    content: ""
}

.ri-blogger-line:before {
    content: ""
}

.ri-chat-thread-fill:before {
    content: ""
}

.ri-chat-thread-line:before {
    content: ""
}

.ri-discount-percent-fill:before {
    content: ""
}

.ri-discount-percent-line:before {
    content: ""
}

.ri-exchange-2-fill:before {
    content: ""
}

.ri-exchange-2-line:before {
    content: ""
}

.ri-git-fork-fill:before {
    content: ""
}

.ri-git-fork-line:before {
    content: ""
}

.ri-input-field:before {
    content: ""
}

.ri-progress-1-fill:before {
    content: ""
}

.ri-progress-1-line:before {
    content: ""
}

.ri-progress-2-fill:before {
    content: ""
}

.ri-progress-2-line:before {
    content: ""
}

.ri-progress-3-fill:before {
    content: ""
}

.ri-progress-3-line:before {
    content: ""
}

.ri-progress-4-fill:before {
    content: ""
}

.ri-progress-4-line:before {
    content: ""
}

.ri-progress-5-fill:before {
    content: ""
}

.ri-progress-5-line:before {
    content: ""
}

.ri-progress-6-fill:before {
    content: ""
}

.ri-progress-6-line:before {
    content: ""
}

.ri-progress-7-fill:before {
    content: ""
}

.ri-progress-7-line:before {
    content: ""
}

.ri-progress-8-fill:before {
    content: ""
}

.ri-progress-8-line:before {
    content: ""
}

.ri-remix-run-fill:before {
    content: ""
}

.ri-remix-run-line:before {
    content: ""
}

.ri-signpost-fill:before {
    content: ""
}

.ri-signpost-line:before {
    content: ""
}

.ri-time-zone-fill:before {
    content: ""
}

.ri-time-zone-line:before {
    content: ""
}

.ri-arrow-down-wide-fill:before {
    content: ""
}

.ri-arrow-down-wide-line:before {
    content: ""
}

.ri-arrow-left-wide-fill:before {
    content: ""
}

.ri-arrow-left-wide-line:before {
    content: ""
}

.ri-arrow-right-wide-fill:before {
    content: ""
}

.ri-arrow-right-wide-line:before {
    content: ""
}

.ri-arrow-up-wide-fill:before {
    content: ""
}

.ri-arrow-up-wide-line:before {
    content: ""
}

.ri-bluesky-fill:before {
    content: ""
}

.ri-bluesky-line:before {
    content: ""
}

.ri-expand-height-fill:before {
    content: ""
}

.ri-expand-height-line:before {
    content: ""
}

.ri-expand-width-fill:before {
    content: ""
}

.ri-expand-width-line:before {
    content: ""
}

.ri-forward-end-fill:before {
    content: ""
}

.ri-forward-end-line:before {
    content: ""
}

.ri-forward-end-mini-fill:before {
    content: ""
}

.ri-forward-end-mini-line:before {
    content: ""
}

.ri-friendica-fill:before {
    content: ""
}

.ri-friendica-line:before {
    content: ""
}

.ri-git-pr-draft-fill:before {
    content: ""
}

.ri-git-pr-draft-line:before {
    content: ""
}

.ri-play-reverse-fill:before {
    content: ""
}

.ri-play-reverse-line:before {
    content: ""
}

.ri-play-reverse-mini-fill:before {
    content: ""
}

.ri-play-reverse-mini-line:before {
    content: ""
}

.ri-rewind-start-fill:before {
    content: ""
}

.ri-rewind-start-line:before {
    content: ""
}

.ri-rewind-start-mini-fill:before {
    content: ""
}

.ri-rewind-start-mini-line:before {
    content: ""
}

.ri-scroll-to-bottom-fill:before {
    content: ""
}

.ri-scroll-to-bottom-line:before {
    content: ""
}

.ri-add-large-fill:before {
    content: ""
}

.ri-add-large-line:before {
    content: ""
}

.ri-aed-electrodes-fill:before {
    content: ""
}

.ri-aed-electrodes-line:before {
    content: ""
}

.ri-aed-fill:before {
    content: ""
}

.ri-aed-line:before {
    content: ""
}

.ri-alibaba-cloud-fill:before {
    content: ""
}

.ri-alibaba-cloud-line:before {
    content: ""
}

.ri-align-item-bottom-fill:before {
    content: ""
}

.ri-align-item-bottom-line:before {
    content: ""
}

.ri-align-item-horizontal-center-fill:before {
    content: ""
}

.ri-align-item-horizontal-center-line:before {
    content: ""
}

.ri-align-item-left-fill:before {
    content: ""
}

.ri-align-item-left-line:before {
    content: ""
}

.ri-align-item-right-fill:before {
    content: ""
}

.ri-align-item-right-line:before {
    content: ""
}

.ri-align-item-top-fill:before {
    content: ""
}

.ri-align-item-top-line:before {
    content: ""
}

.ri-align-item-vertical-center-fill:before {
    content: ""
}

.ri-align-item-vertical-center-line:before {
    content: ""
}

.ri-apps-2-add-fill:before {
    content: ""
}

.ri-apps-2-add-line:before {
    content: ""
}

.ri-close-large-fill:before {
    content: ""
}

.ri-close-large-line:before {
    content: ""
}

.ri-collapse-diagonal-2-fill:before {
    content: ""
}

.ri-collapse-diagonal-2-line:before {
    content: ""
}

.ri-collapse-diagonal-fill:before {
    content: ""
}

.ri-collapse-diagonal-line:before {
    content: ""
}

.ri-dashboard-horizontal-fill:before {
    content: ""
}

.ri-dashboard-horizontal-line:before {
    content: ""
}

.ri-expand-diagonal-2-fill:before {
    content: ""
}

.ri-expand-diagonal-2-line:before {
    content: ""
}

.ri-expand-diagonal-fill:before {
    content: ""
}

.ri-expand-diagonal-line:before {
    content: ""
}

.ri-firebase-fill:before {
    content: ""
}

.ri-firebase-line:before {
    content: ""
}

.ri-flip-horizontal-2-fill:before {
    content: ""
}

.ri-flip-horizontal-2-line:before {
    content: ""
}

.ri-flip-horizontal-fill:before {
    content: ""
}

.ri-flip-horizontal-line:before {
    content: ""
}

.ri-flip-vertical-2-fill:before {
    content: ""
}

.ri-flip-vertical-2-line:before {
    content: ""
}

.ri-flip-vertical-fill:before {
    content: ""
}

.ri-flip-vertical-line:before {
    content: ""
}

.ri-formula:before {
    content: ""
}

.ri-function-add-fill:before {
    content: ""
}

.ri-function-add-line:before {
    content: ""
}

.ri-goblet-2-fill:before {
    content: ""
}

.ri-goblet-2-line:before {
    content: ""
}

.ri-golf-ball-fill:before {
    content: ""
}

.ri-golf-ball-line:before {
    content: ""
}

.ri-group-3-fill:before {
    content: ""
}

.ri-group-3-line:before {
    content: ""
}

.ri-heart-add-2-fill:before {
    content: ""
}

.ri-heart-add-2-line:before {
    content: ""
}

.ri-id-card-fill:before {
    content: ""
}

.ri-id-card-line:before {
    content: ""
}

.ri-information-off-fill:before {
    content: ""
}

.ri-information-off-line:before {
    content: ""
}

.ri-java-fill:before {
    content: ""
}

.ri-java-line:before {
    content: ""
}

.ri-layout-grid-2-fill:before {
    content: ""
}

.ri-layout-grid-2-line:before {
    content: ""
}

.ri-layout-horizontal-fill:before {
    content: ""
}

.ri-layout-horizontal-line:before {
    content: ""
}

.ri-layout-vertical-fill:before {
    content: ""
}

.ri-layout-vertical-line:before {
    content: ""
}

.ri-menu-fold-2-fill:before {
    content: ""
}

.ri-menu-fold-2-line:before {
    content: ""
}

.ri-menu-fold-3-fill:before {
    content: ""
}

.ri-menu-fold-3-line:before {
    content: ""
}

.ri-menu-fold-4-fill:before {
    content: ""
}

.ri-menu-fold-4-line:before {
    content: ""
}

.ri-menu-unfold-2-fill:before {
    content: ""
}

.ri-menu-unfold-2-line:before {
    content: ""
}

.ri-menu-unfold-3-fill:before {
    content: ""
}

.ri-menu-unfold-3-line:before {
    content: ""
}

.ri-menu-unfold-4-fill:before {
    content: ""
}

.ri-menu-unfold-4-line:before {
    content: ""
}

.ri-mobile-download-fill:before {
    content: ""
}

.ri-mobile-download-line:before {
    content: ""
}

.ri-nextjs-fill:before {
    content: ""
}

.ri-nextjs-line:before {
    content: ""
}

.ri-nodejs-fill:before {
    content: ""
}

.ri-nodejs-line:before {
    content: ""
}

.ri-pause-large-fill:before {
    content: ""
}

.ri-pause-large-line:before {
    content: ""
}

.ri-play-large-fill:before {
    content: ""
}

.ri-play-large-line:before {
    content: ""
}

.ri-play-reverse-large-fill:before {
    content: ""
}

.ri-play-reverse-large-line:before {
    content: ""
}

.ri-police-badge-fill:before {
    content: ""
}

.ri-police-badge-line:before {
    content: ""
}

.ri-prohibited-2-fill:before {
    content: ""
}

.ri-prohibited-2-line:before {
    content: ""
}

.ri-shopping-bag-4-fill:before {
    content: ""
}

.ri-shopping-bag-4-line:before {
    content: ""
}

.ri-snowflake-fill:before {
    content: ""
}

.ri-snowflake-line:before {
    content: ""
}

.ri-square-root:before {
    content: ""
}

.ri-stop-large-fill:before {
    content: ""
}

.ri-stop-large-line:before {
    content: ""
}

.ri-tailwind-css-fill:before {
    content: ""
}

.ri-tailwind-css-line:before {
    content: ""
}

.ri-tooth-fill:before {
    content: ""
}

.ri-tooth-line:before {
    content: ""
}

.ri-video-off-fill:before {
    content: ""
}

.ri-video-off-line:before {
    content: ""
}

.ri-video-on-fill:before {
    content: ""
}

.ri-video-on-line:before {
    content: ""
}

.ri-webhook-fill:before {
    content: ""
}

.ri-webhook-line:before {
    content: ""
}

.ri-weight-fill:before {
    content: ""
}

.ri-weight-line:before {
    content: ""
}

.ri-book-shelf-fill:before {
    content: ""
}

.ri-book-shelf-line:before {
    content: ""
}

.ri-brain-2-fill:before {
    content: ""
}

.ri-brain-2-line:before {
    content: ""
}

.ri-chat-search-fill:before {
    content: ""
}

.ri-chat-search-line:before {
    content: ""
}

.ri-chat-unread-fill:before {
    content: ""
}

.ri-chat-unread-line:before {
    content: ""
}

.ri-collapse-horizontal-fill:before {
    content: ""
}

.ri-collapse-horizontal-line:before {
    content: ""
}

.ri-collapse-vertical-fill:before {
    content: ""
}

.ri-collapse-vertical-line:before {
    content: ""
}

.ri-dna-fill:before {
    content: ""
}

.ri-dna-line:before {
    content: ""
}

.ri-dropper-fill:before {
    content: ""
}

.ri-dropper-line:before {
    content: ""
}

.ri-expand-diagonal-s-2-fill:before {
    content: ""
}

.ri-expand-diagonal-s-2-line:before {
    content: ""
}

.ri-expand-diagonal-s-fill:before {
    content: ""
}

.ri-expand-diagonal-s-line:before {
    content: ""
}

.ri-expand-horizontal-fill:before {
    content: ""
}

.ri-expand-horizontal-line:before {
    content: ""
}

.ri-expand-horizontal-s-fill:before {
    content: ""
}

.ri-expand-horizontal-s-line:before {
    content: ""
}

.ri-expand-vertical-fill:before {
    content: ""
}

.ri-expand-vertical-line:before {
    content: ""
}

.ri-expand-vertical-s-fill:before {
    content: ""
}

.ri-expand-vertical-s-line:before {
    content: ""
}

.ri-gemini-fill:before {
    content: ""
}

.ri-gemini-line:before {
    content: ""
}

.ri-reset-left-fill:before {
    content: ""
}

.ri-reset-left-line:before {
    content: ""
}

.ri-reset-right-fill:before {
    content: ""
}

.ri-reset-right-line:before {
    content: ""
}

.ri-stairs-fill:before {
    content: ""
}

.ri-stairs-line:before {
    content: ""
}

.ri-telegram-2-fill:before {
    content: ""
}

.ri-telegram-2-line:before {
    content: ""
}

.ri-triangular-flag-fill:before {
    content: ""
}

.ri-triangular-flag-line:before {
    content: ""
}

.ri-user-minus-fill:before {
    content: ""
}

.ri-user-minus-line:before {
    content: ""
}

.ri-account-box-2-fill:before {
    content: ""
}

.ri-account-box-2-line:before {
    content: ""
}

.ri-account-circle-2-fill:before {
    content: ""
}

.ri-account-circle-2-line:before {
    content: ""
}

.ri-alarm-snooze-fill:before {
    content: ""
}

.ri-alarm-snooze-line:before {
    content: ""
}

.ri-arrow-down-box-fill:before {
    content: ""
}

.ri-arrow-down-box-line:before {
    content: ""
}

.ri-arrow-left-box-fill:before {
    content: ""
}

.ri-arrow-left-box-line:before {
    content: ""
}

.ri-arrow-left-down-box-fill:before {
    content: ""
}

.ri-arrow-left-down-box-line:before {
    content: ""
}

.ri-arrow-left-up-box-fill:before {
    content: ""
}

.ri-arrow-left-up-box-line:before {
    content: ""
}

.ri-arrow-right-box-fill:before {
    content: ""
}

.ri-arrow-right-box-line:before {
    content: ""
}

.ri-arrow-right-down-box-fill:before {
    content: ""
}

.ri-arrow-right-down-box-line:before {
    content: ""
}

.ri-arrow-right-up-box-fill:before {
    content: ""
}

.ri-arrow-right-up-box-line:before {
    content: ""
}

.ri-arrow-up-box-fill:before {
    content: ""
}

.ri-arrow-up-box-line:before {
    content: ""
}

.ri-bar-chart-box-ai-fill:before {
    content: ""
}

.ri-bar-chart-box-ai-line:before {
    content: ""
}

.ri-brush-ai-fill:before {
    content: ""
}

.ri-brush-ai-line:before {
    content: ""
}

.ri-camera-ai-fill:before {
    content: ""
}

.ri-camera-ai-line:before {
    content: ""
}

.ri-chat-ai-fill:before {
    content: ""
}

.ri-chat-ai-line:before {
    content: ""
}

.ri-chat-smile-ai-fill:before {
    content: ""
}

.ri-chat-smile-ai-line:before {
    content: ""
}

.ri-chat-voice-ai-fill:before {
    content: ""
}

.ri-chat-voice-ai-line:before {
    content: ""
}

.ri-code-ai-fill:before {
    content: ""
}

.ri-code-ai-line:before {
    content: ""
}

.ri-color-filter-ai-fill:before {
    content: ""
}

.ri-color-filter-ai-line:before {
    content: ""
}

.ri-custom-size:before {
    content: ""
}

.ri-fediverse-fill:before {
    content: ""
}

.ri-fediverse-line:before {
    content: ""
}

.ri-flag-off-fill:before {
    content: ""
}

.ri-flag-off-line:before {
    content: ""
}

.ri-home-9-fill:before {
    content: ""
}

.ri-home-9-line:before {
    content: ""
}

.ri-image-ai-fill:before {
    content: ""
}

.ri-image-ai-line:before {
    content: ""
}

.ri-image-circle-ai-fill:before {
    content: ""
}

.ri-image-circle-ai-line:before {
    content: ""
}

.ri-info-card-fill:before {
    content: ""
}

.ri-info-card-line:before {
    content: ""
}

.ri-landscape-ai-fill:before {
    content: ""
}

.ri-landscape-ai-line:before {
    content: ""
}

.ri-letter-spacing-2:before {
    content: ""
}

.ri-line-height-2:before {
    content: ""
}

.ri-mail-ai-fill:before {
    content: ""
}

.ri-mail-ai-line:before {
    content: ""
}

.ri-mic-2-ai-fill:before {
    content: ""
}

.ri-mic-2-ai-line:before {
    content: ""
}

.ri-mic-ai-fill:before {
    content: ""
}

.ri-mic-ai-line:before {
    content: ""
}

.ri-movie-ai-fill:before {
    content: ""
}

.ri-movie-ai-line:before {
    content: ""
}

.ri-music-ai-fill:before {
    content: ""
}

.ri-music-ai-line:before {
    content: ""
}

.ri-notification-snooze-fill:before {
    content: ""
}

.ri-notification-snooze-line:before {
    content: ""
}

.ri-php-fill:before {
    content: ""
}

.ri-php-line:before {
    content: ""
}

.ri-pix-fill:before {
    content: ""
}

.ri-pix-line:before {
    content: ""
}

.ri-pulse-ai-fill:before {
    content: ""
}

.ri-pulse-ai-line:before {
    content: ""
}

.ri-quill-pen-ai-fill:before {
    content: ""
}

.ri-quill-pen-ai-line:before {
    content: ""
}

.ri-speak-ai-fill:before {
    content: ""
}

.ri-speak-ai-line:before {
    content: ""
}

.ri-star-off-fill:before {
    content: ""
}

.ri-star-off-line:before {
    content: ""
}

.ri-translate-ai-2:before {
    content: ""
}

.ri-translate-ai:before {
    content: ""
}

.ri-user-community-fill:before {
    content: ""
}

.ri-user-community-line:before {
    content: ""
}

.ri-vercel-fill:before {
    content: ""
}

.ri-vercel-line:before {
    content: ""
}

.ri-video-ai-fill:before {
    content: ""
}

.ri-video-ai-line:before {
    content: ""
}

.ri-video-on-ai-fill:before {
    content: ""
}

.ri-video-on-ai-line:before {
    content: ""
}

.ri-voice-ai-fill:before {
    content: ""
}

.ri-voice-ai-line:before {
    content: ""
}

.ri-ai-generate-2:before {
    content: ""
}

.ri-ai-generate-text:before {
    content: ""
}

.ri-anthropic-fill:before {
    content: ""
}

.ri-anthropic-line:before {
    content: ""
}

.ri-apps-2-ai-fill:before {
    content: ""
}

.ri-apps-2-ai-line:before {
    content: ""
}

.ri-camera-lens-ai-fill:before {
    content: ""
}

.ri-camera-lens-ai-line:before {
    content: ""
}

.ri-clapperboard-ai-fill:before {
    content: ""
}

.ri-clapperboard-ai-line:before {
    content: ""
}

.ri-claude-fill:before {
    content: ""
}

.ri-claude-line:before {
    content: ""
}

.ri-closed-captioning-ai-fill:before {
    content: ""
}

.ri-closed-captioning-ai-line:before {
    content: ""
}

.ri-dvd-ai-fill:before {
    content: ""
}

.ri-dvd-ai-line:before {
    content: ""
}

.ri-film-ai-fill:before {
    content: ""
}

.ri-film-ai-line:before {
    content: ""
}

.ri-font-size-ai:before {
    content: ""
}

.ri-mixtral-fill:before {
    content: ""
}

.ri-mixtral-line:before {
    content: ""
}

.ri-movie-2-ai-fill:before {
    content: ""
}

.ri-movie-2-ai-line:before {
    content: ""
}

.ri-mv-ai-fill:before {
    content: ""
}

.ri-mv-ai-line:before {
    content: ""
}

.ri-perplexity-fill:before {
    content: ""
}

.ri-perplexity-line:before {
    content: ""
}

.ri-poker-clubs-fill:before {
    content: ""
}

.ri-poker-clubs-line:before {
    content: ""
}

.ri-poker-diamonds-fill:before {
    content: ""
}

.ri-poker-diamonds-line:before {
    content: ""
}

.ri-poker-hearts-fill:before {
    content: ""
}

.ri-poker-hearts-line:before {
    content: ""
}

.ri-poker-spades-fill:before {
    content: ""
}

.ri-poker-spades-line:before {
    content: ""
}

.ri-safe-3-fill:before {
    content: ""
}

.ri-safe-3-line:before {
    content: ""
}

.ri-accessibility-fill:before {
    content: ""
}

.ri-accessibility-line:before {
    content: ""
}

.ri-alarm-add-fill:before {
    content: ""
}

.ri-alarm-add-line:before {
    content: ""
}

.ri-arrow-down-long-fill:before {
    content: ""
}

.ri-arrow-down-long-line:before {
    content: ""
}

.ri-arrow-left-down-long-fill:before {
    content: ""
}

.ri-arrow-left-down-long-line:before {
    content: ""
}

.ri-arrow-left-long-fill:before {
    content: ""
}

.ri-arrow-left-long-line:before {
    content: ""
}

.ri-arrow-left-up-long-fill:before {
    content: ""
}

.ri-arrow-left-up-long-line:before {
    content: ""
}

.ri-arrow-right-down-long-fill:before {
    content: ""
}

.ri-arrow-right-down-long-line:before {
    content: ""
}

.ri-arrow-right-long-fill:before {
    content: ""
}

.ri-arrow-right-long-line:before {
    content: ""
}

.ri-arrow-right-up-long-fill:before {
    content: ""
}

.ri-arrow-right-up-long-line:before {
    content: ""
}

.ri-arrow-up-long-fill:before {
    content: ""
}

.ri-arrow-up-long-line:before {
    content: ""
}

.ri-chess-fill:before {
    content: ""
}

.ri-chess-line:before {
    content: ""
}

.ri-diamond-fill:before {
    content: ""
}

.ri-diamond-line:before {
    content: ""
}

.ri-diamond-ring-fill:before {
    content: ""
}

.ri-diamond-ring-line:before {
    content: ""
}

.ri-figma-fill:before {
    content: ""
}

.ri-figma-line:before {
    content: ""
}

.ri-firefox-browser-fill:before {
    content: ""
}

.ri-firefox-browser-line:before {
    content: ""
}

.ri-jewelry-fill:before {
    content: ""
}

.ri-jewelry-line:before {
    content: ""
}

.ri-multi-image-fill:before {
    content: ""
}

.ri-multi-image-line:before {
    content: ""
}

.ri-no-credit-card-fill:before {
    content: ""
}

.ri-no-credit-card-line:before {
    content: ""
}

.ri-service-bell-fill:before {
    content: ""
}

.ri-service-bell-line:before {
    content: ""
}

.la, .las, .lar, .lal, .lad, .lab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

.la-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -.0667em
}

.la-xs {
    font-size: .75em
}

.la-sm {
    font-size: .875em
}

.la-1x {
    font-size: 1em
}

.la-2x {
    font-size: 2em
}

.la-3x {
    font-size: 3em
}

.la-4x {
    font-size: 4em
}

.la-5x {
    font-size: 5em
}

.la-6x {
    font-size: 6em
}

.la-7x {
    font-size: 7em
}

.la-8x {
    font-size: 8em
}

.la-9x {
    font-size: 9em
}

.la-10x {
    font-size: 10em
}

.la-fw {
    text-align: center;
    width: 1.25em
}

.la-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0
}

    .la-ul > li {
        position: relative
    }

.la-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit
}

.la-border {
    border: solid .08em #eee;
    border-radius: .1em;
    padding: .2em .25em .15em
}

.la-pull-left {
    float: left
}

.la-pull-right {
    float: right
}

.la.la-pull-left, .las.la-pull-left, .lar.la-pull-left, .lal.la-pull-left, .lab.la-pull-left {
    margin-right: .3em
}

.la.la-pull-right, .las.la-pull-right, .lar.la-pull-right, .lal.la-pull-right, .lab.la-pull-right {
    margin-left: .3em
}

.la-spin {
    -webkit-animation: la-spin 2s infinite linear;
    animation: la-spin 2s infinite linear
}

.la-pulse {
    -webkit-animation: la-spin 1s infinite steps(8);
    animation: la-spin 1s infinite steps(8)
}

@-webkit-keyframes la-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes la-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.la-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.la-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.la-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.la-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1,1);
    transform: scaleX(-1)
}

.la-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(1,-1);
    transform: scaleY(-1)
}

.la-flip-both, .la-flip-horizontal.la-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(-1,-1);
    transform: scale(-1)
}

:root .la-rotate-90, :root .la-rotate-180, :root .la-rotate-270, :root .la-flip-horizontal, :root .la-flip-vertical, :root .la-flip-both {
    -webkit-filter: none;
    filter: none
}

.la-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em
}

.la-stack-1x, .la-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.la-stack-1x {
    line-height: inherit
}

.la-stack-2x {
    font-size: 2em
}

.la-inverse {
    color: #fff
}

.la-500px:before {
    content: ""
}

.la-accessible-icon:before {
    content: ""
}

.la-accusoft:before {
    content: ""
}

.la-acquisitions-incorporated:before {
    content: ""
}

.la-ad:before {
    content: ""
}

.la-address-book:before {
    content: ""
}

.la-address-card:before {
    content: ""
}

.la-adjust:before {
    content: ""
}

.la-adn:before {
    content: ""
}

.la-adobe:before {
    content: ""
}

.la-adversal:before {
    content: ""
}

.la-affiliatetheme:before {
    content: ""
}

.la-air-freshener:before {
    content: ""
}

.la-airbnb:before {
    content: ""
}

.la-algolia:before {
    content: ""
}

.la-align-center:before {
    content: ""
}

.la-align-justify:before {
    content: ""
}

.la-align-left:before {
    content: ""
}

.la-align-right:before {
    content: ""
}

.la-alipay:before {
    content: ""
}

.la-allergies:before {
    content: ""
}

.la-amazon:before {
    content: ""
}

.la-amazon-pay:before {
    content: ""
}

.la-ambulance:before {
    content: ""
}

.la-american-sign-language-interpreting:before {
    content: ""
}

.la-amilia:before {
    content: ""
}

.la-anchor:before {
    content: ""
}

.la-android:before {
    content: ""
}

.la-angellist:before {
    content: ""
}

.la-angle-double-down:before {
    content: ""
}

.la-angle-double-left:before {
    content: ""
}

.la-angle-double-right:before {
    content: ""
}

.la-angle-double-up:before {
    content: ""
}

.la-angle-down:before {
    content: ""
}

.la-angle-left:before {
    content: ""
}

.la-angle-right:before {
    content: ""
}

.la-angle-up:before {
    content: ""
}

.la-angry:before {
    content: ""
}

.la-angrycreative:before {
    content: ""
}

.la-angular:before {
    content: ""
}

.la-ankh:before {
    content: ""
}

.la-app-store:before {
    content: ""
}

.la-app-store-ios:before {
    content: ""
}

.la-apper:before {
    content: ""
}

.la-apple:before {
    content: ""
}

.la-apple-alt:before {
    content: ""
}

.la-apple-pay:before {
    content: ""
}

.la-archive:before {
    content: ""
}

.la-archway:before {
    content: ""
}

.la-arrow-alt-circle-down:before {
    content: ""
}

.la-arrow-alt-circle-left:before {
    content: ""
}

.la-arrow-alt-circle-right:before {
    content: ""
}

.la-arrow-alt-circle-up:before {
    content: ""
}

.la-arrow-circle-down:before {
    content: ""
}

.la-arrow-circle-left:before {
    content: ""
}

.la-arrow-circle-right:before {
    content: ""
}

.la-arrow-circle-up:before {
    content: ""
}

.la-arrow-down:before {
    content: ""
}

.la-arrow-left:before {
    content: ""
}

.la-arrow-right:before {
    content: ""
}

.la-arrow-up:before {
    content: ""
}

.la-arrows-alt:before {
    content: ""
}

.la-arrows-alt-h:before {
    content: ""
}

.la-arrows-alt-v:before {
    content: ""
}

.la-artstation:before {
    content: ""
}

.la-assistive-listening-systems:before {
    content: ""
}

.la-asterisk:before {
    content: ""
}

.la-asymmetrik:before {
    content: ""
}

.la-at:before {
    content: ""
}

.la-atlas:before {
    content: ""
}

.la-atlassian:before {
    content: ""
}

.la-atom:before {
    content: ""
}

.la-audible:before {
    content: ""
}

.la-audio-description:before {
    content: ""
}

.la-autoprefixer:before {
    content: ""
}

.la-avianex:before {
    content: ""
}

.la-aviato:before {
    content: ""
}

.la-award:before {
    content: ""
}

.la-aws:before {
    content: ""
}

.la-baby:before {
    content: ""
}

.la-baby-carriage:before {
    content: ""
}

.la-backspace:before {
    content: ""
}

.la-backward:before {
    content: ""
}

.la-bacon:before {
    content: ""
}

.la-balance-scale:before {
    content: ""
}

.la-balance-scale-left:before {
    content: ""
}

.la-balance-scale-right:before {
    content: ""
}

.la-ban:before {
    content: ""
}

.la-band-aid:before {
    content: ""
}

.la-bandcamp:before {
    content: ""
}

.la-barcode:before {
    content: ""
}

.la-bars:before {
    content: ""
}

.la-baseball-ball:before {
    content: ""
}

.la-basketball-ball:before {
    content: ""
}

.la-bath:before {
    content: ""
}

.la-battery-empty:before {
    content: ""
}

.la-battery-full:before {
    content: ""
}

.la-battery-half:before {
    content: ""
}

.la-battery-quarter:before {
    content: ""
}

.la-battery-three-quarters:before {
    content: ""
}

.la-battle-net:before {
    content: ""
}

.la-bed:before {
    content: ""
}

.la-beer:before {
    content: ""
}

.la-behance:before {
    content: ""
}

.la-behance-square:before {
    content: ""
}

.la-bell:before {
    content: ""
}

.la-bell-slash:before {
    content: ""
}

.la-bezier-curve:before {
    content: ""
}

.la-bible:before {
    content: ""
}

.la-bicycle:before {
    content: ""
}

.la-biking:before {
    content: ""
}

.la-bimobject:before {
    content: ""
}

.la-binoculars:before {
    content: ""
}

.la-biohazard:before {
    content: ""
}

.la-birthday-cake:before {
    content: ""
}

.la-bitbucket:before {
    content: ""
}

.la-bitcoin:before {
    content: ""
}

.la-bity:before {
    content: ""
}

.la-black-tie:before {
    content: ""
}

.la-blackberry:before {
    content: ""
}

.la-blender:before {
    content: ""
}

.la-blender-phone:before {
    content: ""
}

.la-blind:before {
    content: ""
}

.la-blog:before {
    content: ""
}

.la-blogger:before {
    content: ""
}

.la-blogger-b:before {
    content: ""
}

.la-bluetooth:before {
    content: ""
}

.la-bluetooth-b:before {
    content: ""
}

.la-bold:before {
    content: ""
}

.la-bolt:before {
    content: ""
}

.la-bomb:before {
    content: ""
}

.la-bone:before {
    content: ""
}

.la-bong:before {
    content: ""
}

.la-book:before {
    content: ""
}

.la-book-dead:before {
    content: ""
}

.la-book-medical:before {
    content: ""
}

.la-book-open:before {
    content: ""
}

.la-book-reader:before {
    content: ""
}

.la-bookmark:before {
    content: ""
}

.la-bootstrap:before {
    content: ""
}

.la-border-all:before {
    content: ""
}

.la-border-none:before {
    content: ""
}

.la-border-style:before {
    content: ""
}

.la-bowling-ball:before {
    content: ""
}

.la-box:before {
    content: ""
}

.la-box-open:before {
    content: ""
}

.la-boxes:before {
    content: ""
}

.la-braille:before {
    content: ""
}

.la-brain:before {
    content: ""
}

.la-bread-slice:before {
    content: ""
}

.la-briefcase:before {
    content: ""
}

.la-briefcase-medical:before {
    content: ""
}

.la-broadcast-tower:before {
    content: ""
}

.la-broom:before {
    content: ""
}

.la-brush:before {
    content: ""
}

.la-btc:before {
    content: ""
}

.la-buffer:before {
    content: ""
}

.la-bug:before {
    content: ""
}

.la-building:before {
    content: ""
}

.la-bullhorn:before {
    content: ""
}

.la-bullseye:before {
    content: ""
}

.la-burn:before {
    content: ""
}

.la-buromobelexperte:before {
    content: ""
}

.la-bus:before {
    content: ""
}

.la-bus-alt:before {
    content: ""
}

.la-business-time:before {
    content: ""
}

.la-buy-n-large:before {
    content: ""
}

.la-buysellads:before {
    content: ""
}

.la-calculator:before {
    content: ""
}

.la-calendar:before {
    content: ""
}

.la-calendar-alt:before {
    content: ""
}

.la-calendar-check:before {
    content: ""
}

.la-calendar-day:before {
    content: ""
}

.la-calendar-minus:before {
    content: ""
}

.la-calendar-plus:before {
    content: ""
}

.la-calendar-times:before {
    content: ""
}

.la-calendar-week:before {
    content: ""
}

.la-camera:before {
    content: ""
}

.la-camera-retro:before {
    content: ""
}

.la-campground:before {
    content: ""
}

.la-canadian-maple-leaf:before {
    content: ""
}

.la-candy-cane:before {
    content: ""
}

.la-cannabis:before {
    content: ""
}

.la-capsules:before {
    content: ""
}

.la-car:before {
    content: ""
}

.la-car-alt:before {
    content: ""
}

.la-car-battery:before {
    content: ""
}

.la-car-crash:before {
    content: ""
}

.la-car-side:before {
    content: ""
}

.la-caret-down:before {
    content: ""
}

.la-caret-left:before {
    content: ""
}

.la-caret-right:before {
    content: ""
}

.la-caret-square-down:before {
    content: ""
}

.la-caret-square-left:before {
    content: ""
}

.la-caret-square-right:before {
    content: ""
}

.la-caret-square-up:before {
    content: ""
}

.la-caret-up:before {
    content: ""
}

.la-carrot:before {
    content: ""
}

.la-cart-arrow-down:before {
    content: ""
}

.la-cart-plus:before {
    content: ""
}

.la-cash-register:before {
    content: ""
}

.la-cat:before {
    content: ""
}

.la-cc-amazon-pay:before {
    content: ""
}

.la-cc-amex:before {
    content: ""
}

.la-cc-apple-pay:before {
    content: ""
}

.la-cc-diners-club:before {
    content: ""
}

.la-cc-discover:before {
    content: ""
}

.la-cc-jcb:before {
    content: ""
}

.la-cc-mastercard:before {
    content: ""
}

.la-cc-paypal:before {
    content: ""
}

.la-cc-stripe:before {
    content: ""
}

.la-cc-visa:before {
    content: ""
}

.la-centercode:before {
    content: ""
}

.la-centos:before {
    content: ""
}

.la-certificate:before {
    content: ""
}

.la-chair:before {
    content: ""
}

.la-chalkboard:before {
    content: ""
}

.la-chalkboard-teacher:before {
    content: ""
}

.la-charging-station:before {
    content: ""
}

.la-chart-area:before {
    content: ""
}

.la-chart-bar:before {
    content: ""
}

.la-chart-line:before {
    content: ""
}

.la-chart-pie:before {
    content: ""
}

.la-check:before {
    content: ""
}

.la-check-circle:before {
    content: ""
}

.la-check-double:before {
    content: ""
}

.la-check-square:before {
    content: ""
}

.la-cheese:before {
    content: ""
}

.la-chess:before {
    content: ""
}

.la-chess-bishop:before {
    content: ""
}

.la-chess-board:before {
    content: ""
}

.la-chess-king:before {
    content: ""
}

.la-chess-knight:before {
    content: ""
}

.la-chess-pawn:before {
    content: ""
}

.la-chess-queen:before {
    content: ""
}

.la-chess-rook:before {
    content: ""
}

.la-chevron-circle-down:before {
    content: ""
}

.la-chevron-circle-left:before {
    content: ""
}

.la-chevron-circle-right:before {
    content: ""
}

.la-chevron-circle-up:before {
    content: ""
}

.la-chevron-down:before {
    content: ""
}

.la-chevron-left:before {
    content: ""
}

.la-chevron-right:before {
    content: ""
}

.la-chevron-up:before {
    content: ""
}

.la-child:before {
    content: ""
}

.la-chrome:before {
    content: ""
}

.la-chromecast:before {
    content: ""
}

.la-church:before {
    content: ""
}

.la-circle:before {
    content: ""
}

.la-circle-notch:before {
    content: ""
}

.la-city:before {
    content: ""
}

.la-clinic-medical:before {
    content: ""
}

.la-clipboard:before {
    content: ""
}

.la-clipboard-check:before {
    content: ""
}

.la-clipboard-list:before {
    content: ""
}

.la-clock:before {
    content: ""
}

.la-clone:before {
    content: ""
}

.la-closed-captioning:before {
    content: ""
}

.la-cloud:before {
    content: ""
}

.la-cloud-download-alt:before {
    content: ""
}

.la-cloud-meatball:before {
    content: ""
}

.la-cloud-moon:before {
    content: ""
}

.la-cloud-moon-rain:before {
    content: ""
}

.la-cloud-rain:before {
    content: ""
}

.la-cloud-showers-heavy:before {
    content: ""
}

.la-cloud-sun:before {
    content: ""
}

.la-cloud-sun-rain:before {
    content: ""
}

.la-cloud-upload-alt:before {
    content: ""
}

.la-cloudscale:before {
    content: ""
}

.la-cloudsmith:before {
    content: ""
}

.la-cloudversify:before {
    content: ""
}

.la-cocktail:before {
    content: ""
}

.la-code:before {
    content: ""
}

.la-code-branch:before {
    content: ""
}

.la-codepen:before {
    content: ""
}

.la-codiepie:before {
    content: ""
}

.la-coffee:before {
    content: ""
}

.la-cog:before {
    content: ""
}

.la-cogs:before {
    content: ""
}

.la-coins:before {
    content: ""
}

.la-columns:before {
    content: ""
}

.la-comment:before {
    content: ""
}

.la-comment-alt:before {
    content: ""
}

.la-comment-dollar:before {
    content: ""
}

.la-comment-dots:before {
    content: ""
}

.la-comment-medical:before {
    content: ""
}

.la-comment-slash:before {
    content: ""
}

.la-comments:before {
    content: ""
}

.la-comments-dollar:before {
    content: ""
}

.la-compact-disc:before {
    content: ""
}

.la-compass:before {
    content: ""
}

.la-compress:before {
    content: ""
}

.la-compress-arrows-alt:before {
    content: ""
}

.la-concierge-bell:before {
    content: ""
}

.la-confluence:before {
    content: ""
}

.la-connectdevelop:before {
    content: ""
}

.la-contao:before {
    content: ""
}

.la-cookie:before {
    content: ""
}

.la-cookie-bite:before {
    content: ""
}

.la-copy:before {
    content: ""
}

.la-copyright:before {
    content: ""
}

.la-cotton-bureau:before {
    content: ""
}

.la-couch:before {
    content: ""
}

.la-cpanel:before {
    content: ""
}

.la-creative-commons:before {
    content: ""
}

.la-creative-commons-by:before {
    content: ""
}

.la-creative-commons-nc:before {
    content: ""
}

.la-creative-commons-nc-eu:before {
    content: ""
}

.la-creative-commons-nc-jp:before {
    content: ""
}

.la-creative-commons-nd:before {
    content: ""
}

.la-creative-commons-pd:before {
    content: ""
}

.la-creative-commons-pd-alt:before {
    content: ""
}

.la-creative-commons-remix:before {
    content: ""
}

.la-creative-commons-sa:before {
    content: ""
}

.la-creative-commons-sampling:before {
    content: ""
}

.la-creative-commons-sampling-plus:before {
    content: ""
}

.la-creative-commons-share:before {
    content: ""
}

.la-creative-commons-zero:before {
    content: ""
}

.la-credit-card:before {
    content: ""
}

.la-critical-role:before {
    content: ""
}

.la-crop:before {
    content: ""
}

.la-crop-alt:before {
    content: ""
}

.la-cross:before {
    content: ""
}

.la-crosshairs:before {
    content: ""
}

.la-crow:before {
    content: ""
}

.la-crown:before {
    content: ""
}

.la-crutch:before {
    content: ""
}

.la-css3:before {
    content: ""
}

.la-css3-alt:before {
    content: ""
}

.la-cube:before {
    content: ""
}

.la-cubes:before {
    content: ""
}

.la-cut:before {
    content: ""
}

.la-cuttlefish:before {
    content: ""
}

.la-d-and-d:before {
    content: ""
}

.la-d-and-d-beyond:before {
    content: ""
}

.la-dashcube:before {
    content: ""
}

.la-database:before {
    content: ""
}

.la-deaf:before {
    content: ""
}

.la-delicious:before {
    content: ""
}

.la-democrat:before {
    content: ""
}

.la-deploydog:before {
    content: ""
}

.la-deskpro:before {
    content: ""
}

.la-desktop:before {
    content: ""
}

.la-dev:before {
    content: ""
}

.la-deviantart:before {
    content: ""
}

.la-dharmachakra:before {
    content: ""
}

.la-dhl:before {
    content: ""
}

.la-diagnoses:before {
    content: ""
}

.la-diaspora:before {
    content: ""
}

.la-dice:before {
    content: ""
}

.la-dice-d20:before {
    content: ""
}

.la-dice-d6:before {
    content: ""
}

.la-dice-five:before {
    content: ""
}

.la-dice-four:before {
    content: ""
}

.la-dice-one:before {
    content: ""
}

.la-dice-six:before {
    content: ""
}

.la-dice-three:before {
    content: ""
}

.la-dice-two:before {
    content: ""
}

.la-digg:before {
    content: ""
}

.la-digital-ocean:before {
    content: ""
}

.la-digital-tachograph:before {
    content: ""
}

.la-directions:before {
    content: ""
}

.la-discord:before {
    content: ""
}

.la-discourse:before {
    content: ""
}

.la-divide:before {
    content: ""
}

.la-dizzy:before {
    content: ""
}

.la-dna:before {
    content: ""
}

.la-dochub:before {
    content: ""
}

.la-docker:before {
    content: ""
}

.la-dog:before {
    content: ""
}

.la-dollar-sign:before {
    content: ""
}

.la-dolly:before {
    content: ""
}

.la-dolly-flatbed:before {
    content: ""
}

.la-donate:before {
    content: ""
}

.la-door-closed:before {
    content: ""
}

.la-door-open:before {
    content: ""
}

.la-dot-circle:before {
    content: ""
}

.la-dove:before {
    content: ""
}

.la-download:before {
    content: ""
}

.la-draft2digital:before {
    content: ""
}

.la-drafting-compass:before {
    content: ""
}

.la-dragon:before {
    content: ""
}

.la-draw-polygon:before {
    content: ""
}

.la-dribbble:before {
    content: ""
}

.la-dribbble-square:before {
    content: ""
}

.la-dropbox:before {
    content: ""
}

.la-drum:before {
    content: ""
}

.la-drum-steelpan:before {
    content: ""
}

.la-drumstick-bite:before {
    content: ""
}

.la-drupal:before {
    content: ""
}

.la-dumbbell:before {
    content: ""
}

.la-dumpster:before {
    content: ""
}

.la-dumpster-fire:before {
    content: ""
}

.la-dungeon:before {
    content: ""
}

.la-dyalog:before {
    content: ""
}

.la-earlybirds:before {
    content: ""
}

.la-ebay:before {
    content: ""
}

.la-edge:before {
    content: ""
}

.la-edit:before {
    content: ""
}

.la-egg:before {
    content: ""
}

.la-eject:before {
    content: ""
}

.la-elementor:before {
    content: ""
}

.la-ellipsis-h:before {
    content: ""
}

.la-ellipsis-v:before {
    content: ""
}

.la-ello:before {
    content: ""
}

.la-ember:before {
    content: ""
}

.la-empire:before {
    content: ""
}

.la-envelope:before {
    content: ""
}

.la-envelope-open:before {
    content: ""
}

.la-envelope-open-text:before {
    content: ""
}

.la-envelope-square:before {
    content: ""
}

.la-envira:before {
    content: ""
}

.la-equals:before {
    content: ""
}

.la-eraser:before {
    content: ""
}

.la-erlang:before {
    content: ""
}

.la-ethereum:before {
    content: ""
}

.la-ethernet:before {
    content: ""
}

.la-etsy:before {
    content: ""
}

.la-euro-sign:before {
    content: ""
}

.la-evernote:before {
    content: ""
}

.la-exchange-alt:before {
    content: ""
}

.la-exclamation:before {
    content: ""
}

.la-exclamation-circle:before {
    content: ""
}

.la-exclamation-triangle:before {
    content: ""
}

.la-expand:before {
    content: ""
}

.la-expand-arrows-alt:before {
    content: ""
}

.la-expeditedssl:before {
    content: ""
}

.la-external-link-alt:before {
    content: ""
}

.la-external-link-square-alt:before {
    content: ""
}

.la-eye:before {
    content: ""
}

.la-eye-dropper:before {
    content: ""
}

.la-eye-slash:before {
    content: ""
}

.la-facebook:before {
    content: ""
}

.la-facebook-f:before {
    content: ""
}

.la-facebook-messenger:before {
    content: ""
}

.la-facebook-square:before {
    content: ""
}

.la-fan:before {
    content: ""
}

.la-fantasy-flight-games:before {
    content: ""
}

.la-fast-backward:before {
    content: ""
}

.la-fast-forward:before {
    content: ""
}

.la-fax:before {
    content: ""
}

.la-feather:before {
    content: ""
}

.la-feather-alt:before {
    content: ""
}

.la-fedex:before {
    content: ""
}

.la-fedora:before {
    content: ""
}

.la-female:before {
    content: ""
}

.la-fighter-jet:before {
    content: ""
}

.la-figma:before {
    content: ""
}

.la-file:before {
    content: ""
}

.la-file-alt:before {
    content: ""
}

.la-file-archive:before {
    content: ""
}

.la-file-audio:before {
    content: ""
}

.la-file-code:before {
    content: ""
}

.la-file-contract:before {
    content: ""
}

.la-file-csv:before {
    content: ""
}

.la-file-download:before {
    content: ""
}

.la-file-excel:before {
    content: ""
}

.la-file-export:before {
    content: ""
}

.la-file-image:before {
    content: ""
}

.la-file-import:before {
    content: ""
}

.la-file-invoice:before {
    content: ""
}

.la-file-invoice-dollar:before {
    content: ""
}

.la-file-medical:before {
    content: ""
}

.la-file-medical-alt:before {
    content: ""
}

.la-file-pdf:before {
    content: ""
}

.la-file-powerpoint:before {
    content: ""
}

.la-file-prescription:before {
    content: ""
}

.la-file-signature:before {
    content: ""
}

.la-file-upload:before {
    content: ""
}

.la-file-video:before {
    content: ""
}

.la-file-word:before {
    content: ""
}

.la-fill:before {
    content: ""
}

.la-fill-drip:before {
    content: ""
}

.la-film:before {
    content: ""
}

.la-filter:before {
    content: ""
}

.la-fingerprint:before {
    content: ""
}

.la-fire:before {
    content: ""
}

.la-fire-alt:before {
    content: ""
}

.la-fire-extinguisher:before {
    content: ""
}

.la-firefox:before {
    content: ""
}

.la-first-aid:before {
    content: ""
}

.la-first-order:before {
    content: ""
}

.la-first-order-alt:before {
    content: ""
}

.la-firstdraft:before {
    content: ""
}

.la-fish:before {
    content: ""
}

.la-fist-raised:before {
    content: ""
}

.la-flag:before {
    content: ""
}

.la-flag-checkered:before {
    content: ""
}

.la-flag-usa:before {
    content: ""
}

.la-flask:before {
    content: ""
}

.la-flickr:before {
    content: ""
}

.la-flipboard:before {
    content: ""
}

.la-flushed:before {
    content: ""
}

.la-fly:before {
    content: ""
}

.la-folder:before {
    content: ""
}

.la-folder-minus:before {
    content: ""
}

.la-folder-open:before {
    content: ""
}

.la-folder-plus:before {
    content: ""
}

.la-font:before {
    content: ""
}

.la-font-awesome:before {
    content: ""
}

.la-font-awesome-alt:before {
    content: ""
}

.la-font-awesome-flag:before {
    content: ""
}

.la-font-awesome-logo-full:before {
    content: ""
}

.la-fonticons:before {
    content: ""
}

.la-fonticons-fi:before {
    content: ""
}

.la-football-ball:before {
    content: ""
}

.la-fort-awesome:before {
    content: ""
}

.la-fort-awesome-alt:before {
    content: ""
}

.la-forumbee:before {
    content: ""
}

.la-forward:before {
    content: ""
}

.la-foursquare:before {
    content: ""
}

.la-free-code-camp:before {
    content: ""
}

.la-freebsd:before {
    content: ""
}

.la-frog:before {
    content: ""
}

.la-frown:before {
    content: ""
}

.la-frown-open:before {
    content: ""
}

.la-fulcrum:before {
    content: ""
}

.la-funnel-dollar:before {
    content: ""
}

.la-futbol:before {
    content: ""
}

.la-galactic-republic:before {
    content: ""
}

.la-galactic-senate:before {
    content: ""
}

.la-gamepad:before {
    content: ""
}

.la-gas-pump:before {
    content: ""
}

.la-gavel:before {
    content: ""
}

.la-gem:before {
    content: ""
}

.la-genderless:before {
    content: ""
}

.la-get-pocket:before {
    content: ""
}

.la-gg:before {
    content: ""
}

.la-gg-circle:before {
    content: ""
}

.la-ghost:before {
    content: ""
}

.la-gift:before {
    content: ""
}

.la-gifts:before {
    content: ""
}

.la-git:before {
    content: ""
}

.la-git-alt:before {
    content: ""
}

.la-git-square:before {
    content: ""
}

.la-github:before {
    content: ""
}

.la-github-alt:before {
    content: ""
}

.la-github-square:before {
    content: ""
}

.la-gitkraken:before {
    content: ""
}

.la-gitlab:before {
    content: ""
}

.la-gitter:before {
    content: ""
}

.la-glass-cheers:before {
    content: ""
}

.la-glass-martini:before {
    content: ""
}

.la-glass-martini-alt:before {
    content: ""
}

.la-glass-whiskey:before {
    content: ""
}

.la-glasses:before {
    content: ""
}

.la-glide:before {
    content: ""
}

.la-glide-g:before {
    content: ""
}

.la-globe:before {
    content: ""
}

.la-globe-africa:before {
    content: ""
}

.la-globe-americas:before {
    content: ""
}

.la-globe-asia:before {
    content: ""
}

.la-globe-europe:before {
    content: ""
}

.la-gofore:before {
    content: ""
}

.la-golf-ball:before {
    content: ""
}

.la-goodreads:before {
    content: ""
}

.la-goodreads-g:before {
    content: ""
}

.la-google:before {
    content: ""
}

.la-google-drive:before {
    content: ""
}

.la-google-play:before {
    content: ""
}

.la-google-plus:before {
    content: ""
}

.la-google-plus-g:before {
    content: ""
}

.la-google-plus-square:before {
    content: ""
}

.la-google-wallet:before {
    content: ""
}

.la-gopuram:before {
    content: ""
}

.la-graduation-cap:before {
    content: ""
}

.la-gratipay:before {
    content: ""
}

.la-grav:before {
    content: ""
}

.la-greater-than:before {
    content: ""
}

.la-greater-than-equal:before {
    content: ""
}

.la-grimace:before {
    content: ""
}

.la-grin:before {
    content: ""
}

.la-grin-alt:before {
    content: ""
}

.la-grin-beam:before {
    content: ""
}

.la-grin-beam-sweat:before {
    content: ""
}

.la-grin-hearts:before {
    content: ""
}

.la-grin-squint:before {
    content: ""
}

.la-grin-squint-tears:before {
    content: ""
}

.la-grin-stars:before {
    content: ""
}

.la-grin-tears:before {
    content: ""
}

.la-grin-tongue:before {
    content: ""
}

.la-grin-tongue-squint:before {
    content: ""
}

.la-grin-tongue-wink:before {
    content: ""
}

.la-grin-wink:before {
    content: ""
}

.la-grip-horizontal:before {
    content: ""
}

.la-grip-lines:before {
    content: ""
}

.la-grip-lines-vertical:before {
    content: ""
}

.la-grip-vertical:before {
    content: ""
}

.la-gripfire:before {
    content: ""
}

.la-grunt:before {
    content: ""
}

.la-guitar:before {
    content: ""
}

.la-gulp:before {
    content: ""
}

.la-h-square:before {
    content: ""
}

.la-hacker-news:before {
    content: ""
}

.la-hacker-news-square:before {
    content: ""
}

.la-hackerrank:before {
    content: ""
}

.la-hamburger:before {
    content: ""
}

.la-hammer:before {
    content: ""
}

.la-hamsa:before {
    content: ""
}

.la-hand-holding:before {
    content: ""
}

.la-hand-holding-heart:before {
    content: ""
}

.la-hand-holding-usd:before {
    content: ""
}

.la-hand-lizard:before {
    content: ""
}

.la-hand-middle-finger:before {
    content: ""
}

.la-hand-paper:before {
    content: ""
}

.la-hand-peace:before {
    content: ""
}

.la-hand-point-down:before {
    content: ""
}

.la-hand-point-left:before {
    content: ""
}

.la-hand-point-right:before {
    content: ""
}

.la-hand-point-up:before {
    content: ""
}

.la-hand-pointer:before {
    content: ""
}

.la-hand-rock:before {
    content: ""
}

.la-hand-scissors:before {
    content: ""
}

.la-hand-spock:before {
    content: ""
}

.la-hands:before {
    content: ""
}

.la-hands-helping:before {
    content: ""
}

.la-handshake:before {
    content: ""
}

.la-hanukiah:before {
    content: ""
}

.la-hard-hat:before {
    content: ""
}

.la-hashtag:before {
    content: ""
}

.la-hat-cowboy:before {
    content: ""
}

.la-hat-cowboy-side:before {
    content: ""
}

.la-hat-wizard:before {
    content: ""
}

.la-haykal:before {
    content: ""
}

.la-hdd:before {
    content: ""
}

.la-heading:before {
    content: ""
}

.la-headphones:before {
    content: ""
}

.la-headphones-alt:before {
    content: ""
}

.la-headset:before {
    content: ""
}

.la-heart:before {
    content: ""
}

.la-heart-broken:before {
    content: ""
}

.la-heartbeat:before {
    content: ""
}

.la-helicopter:before {
    content: ""
}

.la-highlighter:before {
    content: ""
}

.la-hiking:before {
    content: ""
}

.la-hippo:before {
    content: ""
}

.la-hips:before {
    content: ""
}

.la-hire-a-helper:before {
    content: ""
}

.la-history:before {
    content: ""
}

.la-hockey-puck:before {
    content: ""
}

.la-holly-berry:before {
    content: ""
}

.la-home:before {
    content: ""
}

.la-hooli:before {
    content: ""
}

.la-hornbill:before {
    content: ""
}

.la-horse:before {
    content: ""
}

.la-horse-head:before {
    content: ""
}

.la-hospital:before {
    content: ""
}

.la-hospital-alt:before {
    content: ""
}

.la-hospital-symbol:before {
    content: ""
}

.la-hot-tub:before {
    content: ""
}

.la-hotdog:before {
    content: ""
}

.la-hotel:before {
    content: ""
}

.la-hotjar:before {
    content: ""
}

.la-hourglass:before {
    content: ""
}

.la-hourglass-end:before {
    content: ""
}

.la-hourglass-half:before {
    content: ""
}

.la-hourglass-start:before {
    content: ""
}

.la-house-damage:before {
    content: ""
}

.la-houzz:before {
    content: ""
}

.la-hryvnia:before {
    content: ""
}

.la-html5:before {
    content: ""
}

.la-hubspot:before {
    content: ""
}

.la-i-cursor:before {
    content: ""
}

.la-ice-cream:before {
    content: ""
}

.la-icicles:before {
    content: ""
}

.la-icons:before {
    content: ""
}

.la-id-badge:before {
    content: ""
}

.la-id-card:before {
    content: ""
}

.la-id-card-alt:before {
    content: ""
}

.la-igloo:before {
    content: ""
}

.la-image:before {
    content: ""
}

.la-images:before {
    content: ""
}

.la-imdb:before {
    content: ""
}

.la-inbox:before {
    content: ""
}

.la-indent:before {
    content: ""
}

.la-industry:before {
    content: ""
}

.la-infinity:before {
    content: ""
}

.la-info:before {
    content: ""
}

.la-info-circle:before {
    content: ""
}

.la-instagram:before {
    content: ""
}

.la-intercom:before {
    content: ""
}

.la-internet-explorer:before {
    content: ""
}

.la-invision:before {
    content: ""
}

.la-ioxhost:before {
    content: ""
}

.la-italic:before {
    content: ""
}

.la-itch-io:before {
    content: ""
}

.la-itunes:before {
    content: ""
}

.la-itunes-note:before {
    content: ""
}

.la-java:before {
    content: ""
}

.la-jedi:before {
    content: ""
}

.la-jedi-order:before {
    content: ""
}

.la-jenkins:before {
    content: ""
}

.la-jira:before {
    content: ""
}

.la-joget:before {
    content: ""
}

.la-joint:before {
    content: ""
}

.la-joomla:before {
    content: ""
}

.la-journal-whills:before {
    content: ""
}

.la-js:before {
    content: ""
}

.la-js-square:before {
    content: ""
}

.la-jsfiddle:before {
    content: ""
}

.la-kaaba:before {
    content: ""
}

.la-kaggle:before {
    content: ""
}

.la-key:before {
    content: ""
}

.la-keybase:before {
    content: ""
}

.la-keyboard:before {
    content: ""
}

.la-keycdn:before {
    content: ""
}

.la-khanda:before {
    content: ""
}

.la-kickstarter:before {
    content: ""
}

.la-kickstarter-k:before {
    content: ""
}

.la-kiss:before {
    content: ""
}

.la-kiss-beam:before {
    content: ""
}

.la-kiss-wink-heart:before {
    content: ""
}

.la-kiwi-bird:before {
    content: ""
}

.la-korvue:before {
    content: ""
}

.la-landmark:before {
    content: ""
}

.la-language:before {
    content: ""
}

.la-laptop:before {
    content: ""
}

.la-laptop-code:before {
    content: ""
}

.la-laptop-medical:before {
    content: ""
}

.la-laravel:before {
    content: ""
}

.la-lastfm:before {
    content: ""
}

.la-lastfm-square:before {
    content: ""
}

.la-laugh:before {
    content: ""
}

.la-laugh-beam:before {
    content: ""
}

.la-laugh-squint:before {
    content: ""
}

.la-laugh-wink:before {
    content: ""
}

.la-layer-group:before {
    content: ""
}

.la-leaf:before {
    content: ""
}

.la-leanpub:before {
    content: ""
}

.la-lemon:before {
    content: ""
}

.la-less:before {
    content: ""
}

.la-less-than:before {
    content: ""
}

.la-less-than-equal:before {
    content: ""
}

.la-level-down-alt:before {
    content: ""
}

.la-level-up-alt:before {
    content: ""
}

.la-life-ring:before {
    content: ""
}

.la-lightbulb:before {
    content: ""
}

.la-line:before {
    content: ""
}

.la-link:before {
    content: ""
}

.la-linkedin:before {
    content: ""
}

.la-linkedin-in:before {
    content: ""
}

.la-linode:before {
    content: ""
}

.la-linux:before {
    content: ""
}

.la-lira-sign:before {
    content: ""
}

.la-list:before {
    content: ""
}

.la-list-alt:before {
    content: ""
}

.la-list-ol:before {
    content: ""
}

.la-list-ul:before {
    content: ""
}

.la-location-arrow:before {
    content: ""
}

.la-lock:before {
    content: ""
}

.la-lock-open:before {
    content: ""
}

.la-long-arrow-alt-down:before {
    content: ""
}

.la-long-arrow-alt-left:before {
    content: ""
}

.la-long-arrow-alt-right:before {
    content: ""
}

.la-long-arrow-alt-up:before {
    content: ""
}

.la-low-vision:before {
    content: ""
}

.la-luggage-cart:before {
    content: ""
}

.la-lyft:before {
    content: ""
}

.la-magento:before {
    content: ""
}

.la-magic:before {
    content: ""
}

.la-magnet:before {
    content: ""
}

.la-mail-bulk:before {
    content: ""
}

.la-mailchimp:before {
    content: ""
}

.la-male:before {
    content: ""
}

.la-mandalorian:before {
    content: ""
}

.la-map:before {
    content: ""
}

.la-map-marked:before {
    content: ""
}

.la-map-marked-alt:before {
    content: ""
}

.la-map-marker:before {
    content: ""
}

.la-map-marker-alt:before {
    content: ""
}

.la-map-pin:before {
    content: ""
}

.la-map-signs:before {
    content: ""
}

.la-markdown:before {
    content: ""
}

.la-marker:before {
    content: ""
}

.la-mars:before {
    content: ""
}

.la-mars-double:before {
    content: ""
}

.la-mars-stroke:before {
    content: ""
}

.la-mars-stroke-h:before {
    content: ""
}

.la-mars-stroke-v:before {
    content: ""
}

.la-mask:before {
    content: ""
}

.la-mastodon:before {
    content: ""
}

.la-maxcdn:before {
    content: ""
}

.la-mdb:before {
    content: ""
}

.la-medal:before {
    content: ""
}

.la-medapps:before {
    content: ""
}

.la-medium:before {
    content: ""
}

.la-medium-m:before {
    content: ""
}

.la-medkit:before {
    content: ""
}

.la-medrt:before {
    content: ""
}

.la-meetup:before {
    content: ""
}

.la-megaport:before {
    content: ""
}

.la-meh:before {
    content: ""
}

.la-meh-blank:before {
    content: ""
}

.la-meh-rolling-eyes:before {
    content: ""
}

.la-memory:before {
    content: ""
}

.la-mendeley:before {
    content: ""
}

.la-menorah:before {
    content: ""
}

.la-mercury:before {
    content: ""
}

.la-meteor:before {
    content: ""
}

.la-microchip:before {
    content: ""
}

.la-microphone:before {
    content: ""
}

.la-microphone-alt:before {
    content: ""
}

.la-microphone-alt-slash:before {
    content: ""
}

.la-microphone-slash:before {
    content: ""
}

.la-microscope:before {
    content: ""
}

.la-microsoft:before {
    content: ""
}

.la-minus:before {
    content: ""
}

.la-minus-circle:before {
    content: ""
}

.la-minus-square:before {
    content: ""
}

.la-mitten:before {
    content: ""
}

.la-mix:before {
    content: ""
}

.la-mixcloud:before {
    content: ""
}

.la-mizuni:before {
    content: ""
}

.la-mobile:before {
    content: ""
}

.la-mobile-alt:before {
    content: ""
}

.la-modx:before {
    content: ""
}

.la-monero:before {
    content: ""
}

.la-money-bill:before {
    content: ""
}

.la-money-bill-alt:before {
    content: ""
}

.la-money-bill-wave:before {
    content: ""
}

.la-money-bill-wave-alt:before {
    content: ""
}

.la-money-check:before {
    content: ""
}

.la-money-check-alt:before {
    content: ""
}

.la-monument:before {
    content: ""
}

.la-moon:before {
    content: ""
}

.la-mortar-pestle:before {
    content: ""
}

.la-mosque:before {
    content: ""
}

.la-motorcycle:before {
    content: ""
}

.la-mountain:before {
    content: ""
}

.la-mouse:before {
    content: ""
}

.la-mouse-pointer:before {
    content: ""
}

.la-mug-hot:before {
    content: ""
}

.la-music:before {
    content: ""
}

.la-napster:before {
    content: ""
}

.la-neos:before {
    content: ""
}

.la-network-wired:before {
    content: ""
}

.la-neuter:before {
    content: ""
}

.la-newspaper:before {
    content: ""
}

.la-nimblr:before {
    content: ""
}

.la-node:before {
    content: ""
}

.la-node-js:before {
    content: ""
}

.la-not-equal:before {
    content: ""
}

.la-notes-medical:before {
    content: ""
}

.la-npm:before {
    content: ""
}

.la-ns8:before {
    content: ""
}

.la-nutritionix:before {
    content: ""
}

.la-object-group:before {
    content: ""
}

.la-object-ungroup:before {
    content: ""
}

.la-odnoklassniki:before {
    content: ""
}

.la-odnoklassniki-square:before {
    content: ""
}

.la-oil-can:before {
    content: ""
}

.la-old-republic:before {
    content: ""
}

.la-om:before {
    content: ""
}

.la-opencart:before {
    content: ""
}

.la-openid:before {
    content: ""
}

.la-opera:before {
    content: ""
}

.la-optin-monster:before {
    content: ""
}

.la-orcid:before {
    content: ""
}

.la-osi:before {
    content: ""
}

.la-otter:before {
    content: ""
}

.la-outdent:before {
    content: ""
}

.la-page4:before {
    content: ""
}

.la-pagelines:before {
    content: ""
}

.la-pager:before {
    content: ""
}

.la-paint-brush:before {
    content: ""
}

.la-paint-roller:before {
    content: ""
}

.la-palette:before {
    content: ""
}

.la-palfed:before {
    content: ""
}

.la-pallet:before {
    content: ""
}

.la-paper-plane:before {
    content: ""
}

.la-paperclip:before {
    content: ""
}

.la-parachute-box:before {
    content: ""
}

.la-paragraph:before {
    content: ""
}

.la-parking:before {
    content: ""
}

.la-passport:before {
    content: ""
}

.la-pastafarianism:before {
    content: ""
}

.la-paste:before {
    content: ""
}

.la-patreon:before {
    content: ""
}

.la-pause:before {
    content: ""
}

.la-pause-circle:before {
    content: ""
}

.la-paw:before {
    content: ""
}

.la-paypal:before {
    content: ""
}

.la-peace:before {
    content: ""
}

.la-pen:before {
    content: ""
}

.la-pen-alt:before {
    content: ""
}

.la-pen-fancy:before {
    content: ""
}

.la-pen-nib:before {
    content: ""
}

.la-pen-square:before {
    content: ""
}

.la-pencil-alt:before {
    content: ""
}

.la-pencil-ruler:before {
    content: ""
}

.la-penny-arcade:before {
    content: ""
}

.la-people-carry:before {
    content: ""
}

.la-pepper-hot:before {
    content: ""
}

.la-percent:before {
    content: ""
}

.la-percentage:before {
    content: ""
}

.la-periscope:before {
    content: ""
}

.la-person-booth:before {
    content: ""
}

.la-phabricator:before {
    content: ""
}

.la-phoenix-framework:before {
    content: ""
}

.la-phoenix-squadron:before {
    content: ""
}

.la-phone:before {
    content: ""
}

.la-phone-alt:before {
    content: ""
}

.la-phone-slash:before {
    content: ""
}

.la-phone-square:before {
    content: ""
}

.la-phone-square-alt:before {
    content: ""
}

.la-phone-volume:before {
    content: ""
}

.la-photo-video:before {
    content: ""
}

.la-php:before {
    content: ""
}

.la-pied-piper:before {
    content: ""
}

.la-pied-piper-alt:before {
    content: ""
}

.la-pied-piper-hat:before {
    content: ""
}

.la-pied-piper-pp:before {
    content: ""
}

.la-piggy-bank:before {
    content: ""
}

.la-pills:before {
    content: ""
}

.la-pinterest:before {
    content: ""
}

.la-pinterest-p:before {
    content: ""
}

.la-pinterest-square:before {
    content: ""
}

.la-pizza-slice:before {
    content: ""
}

.la-place-of-worship:before {
    content: ""
}

.la-plane:before {
    content: ""
}

.la-plane-arrival:before {
    content: ""
}

.la-plane-departure:before {
    content: ""
}

.la-play:before {
    content: ""
}

.la-play-circle:before {
    content: ""
}

.la-playstation:before {
    content: ""
}

.la-plug:before {
    content: ""
}

.la-plus:before {
    content: ""
}

.la-plus-circle:before {
    content: ""
}

.la-plus-square:before {
    content: ""
}

.la-podcast:before {
    content: ""
}

.la-poll:before {
    content: ""
}

.la-poll-h:before {
    content: ""
}

.la-poo:before {
    content: ""
}

.la-poo-storm:before {
    content: ""
}

.la-poop:before {
    content: ""
}

.la-portrait:before {
    content: ""
}

.la-pound-sign:before {
    content: ""
}

.la-power-off:before {
    content: ""
}

.la-pray:before {
    content: ""
}

.la-praying-hands:before {
    content: ""
}

.la-prescription:before {
    content: ""
}

.la-prescription-bottle:before {
    content: ""
}

.la-prescription-bottle-alt:before {
    content: ""
}

.la-print:before {
    content: ""
}

.la-procedures:before {
    content: ""
}

.la-product-hunt:before {
    content: ""
}

.la-project-diagram:before {
    content: ""
}

.la-pushed:before {
    content: ""
}

.la-puzzle-piece:before {
    content: ""
}

.la-python:before {
    content: ""
}

.la-qq:before {
    content: ""
}

.la-qrcode:before {
    content: ""
}

.la-question:before {
    content: ""
}

.la-question-circle:before {
    content: ""
}

.la-quidditch:before {
    content: ""
}

.la-quinscape:before {
    content: ""
}

.la-quora:before {
    content: ""
}

.la-quote-left:before {
    content: ""
}

.la-quote-right:before {
    content: ""
}

.la-quran:before {
    content: ""
}

.la-r-project:before {
    content: ""
}

.la-radiation:before {
    content: ""
}

.la-radiation-alt:before {
    content: ""
}

.la-rainbow:before {
    content: ""
}

.la-random:before {
    content: ""
}

.la-raspberry-pi:before {
    content: ""
}

.la-ravelry:before {
    content: ""
}

.la-react:before {
    content: ""
}

.la-reacteurope:before {
    content: ""
}

.la-readme:before {
    content: ""
}

.la-rebel:before {
    content: ""
}

.la-receipt:before {
    content: ""
}

.la-record-vinyl:before {
    content: ""
}

.la-recycle:before {
    content: ""
}

.la-red-river:before {
    content: ""
}

.la-reddit:before {
    content: ""
}

.la-reddit-alien:before {
    content: ""
}

.la-reddit-square:before {
    content: ""
}

.la-redhat:before {
    content: ""
}

.la-redo:before {
    content: ""
}

.la-redo-alt:before {
    content: ""
}

.la-registered:before {
    content: ""
}

.la-remove-format:before {
    content: ""
}

.la-renren:before {
    content: ""
}

.la-reply:before {
    content: ""
}

.la-reply-all:before {
    content: ""
}

.la-replyd:before {
    content: ""
}

.la-republican:before {
    content: ""
}

.la-researchgate:before {
    content: ""
}

.la-resolving:before {
    content: ""
}

.la-restroom:before {
    content: ""
}

.la-retweet:before {
    content: ""
}

.la-rev:before {
    content: ""
}

.la-ribbon:before {
    content: ""
}

.la-ring:before {
    content: ""
}

.la-road:before {
    content: ""
}

.la-robot:before {
    content: ""
}

.la-rocket:before {
    content: ""
}

.la-rocketchat:before {
    content: ""
}

.la-rockrms:before {
    content: ""
}

.la-route:before {
    content: ""
}

.la-rss:before {
    content: ""
}

.la-rss-square:before {
    content: ""
}

.la-ruble-sign:before {
    content: ""
}

.la-ruler:before {
    content: ""
}

.la-ruler-combined:before {
    content: ""
}

.la-ruler-horizontal:before {
    content: ""
}

.la-ruler-vertical:before {
    content: ""
}

.la-running:before {
    content: ""
}

.la-rupee-sign:before {
    content: ""
}

.la-sad-cry:before {
    content: ""
}

.la-sad-tear:before {
    content: ""
}

.la-safari:before {
    content: ""
}

.la-salesforce:before {
    content: ""
}

.la-sass:before {
    content: ""
}

.la-satellite:before {
    content: ""
}

.la-satellite-dish:before {
    content: ""
}

.la-save:before {
    content: ""
}

.la-schlix:before {
    content: ""
}

.la-school:before {
    content: ""
}

.la-screwdriver:before {
    content: ""
}

.la-scribd:before {
    content: ""
}

.la-scroll:before {
    content: ""
}

.la-sd-card:before {
    content: ""
}

.la-search:before {
    content: ""
}

.la-search-dollar:before {
    content: ""
}

.la-search-location:before {
    content: ""
}

.la-search-minus:before {
    content: ""
}

.la-search-plus:before {
    content: ""
}

.la-searchengin:before {
    content: ""
}

.la-seedling:before {
    content: ""
}

.la-sellcast:before {
    content: ""
}

.la-sellsy:before {
    content: ""
}

.la-server:before {
    content: ""
}

.la-servicestack:before {
    content: ""
}

.la-shapes:before {
    content: ""
}

.la-share:before {
    content: ""
}

.la-share-alt:before {
    content: ""
}

.la-share-alt-square:before {
    content: ""
}

.la-share-square:before {
    content: ""
}

.la-shekel-sign:before {
    content: ""
}

.la-shield-alt:before {
    content: ""
}

.la-ship:before {
    content: ""
}

.la-shipping-fast:before {
    content: ""
}

.la-shirtsinbulk:before {
    content: ""
}

.la-shoe-prints:before {
    content: ""
}

.la-shopping-bag:before {
    content: ""
}

.la-shopping-basket:before {
    content: ""
}

.la-shopping-cart:before {
    content: ""
}

.la-shopware:before {
    content: ""
}

.la-shower:before {
    content: ""
}

.la-shuttle-van:before {
    content: ""
}

.la-sign:before {
    content: ""
}

.la-sign-in-alt:before {
    content: ""
}

.la-sign-language:before {
    content: ""
}

.la-sign-out-alt:before {
    content: ""
}

.la-signal:before {
    content: ""
}

.la-signature:before {
    content: ""
}

.la-sim-card:before {
    content: ""
}

.la-simplybuilt:before {
    content: ""
}

.la-sistrix:before {
    content: ""
}

.la-sitemap:before {
    content: ""
}

.la-sith:before {
    content: ""
}

.la-skating:before {
    content: ""
}

.la-sketch:before {
    content: ""
}

.la-skiing:before {
    content: ""
}

.la-skiing-nordic:before {
    content: ""
}

.la-skull:before {
    content: ""
}

.la-skull-crossbones:before {
    content: ""
}

.la-skyatlas:before {
    content: ""
}

.la-skype:before {
    content: ""
}

.la-slack:before {
    content: ""
}

.la-slack-hash:before {
    content: ""
}

.la-slash:before {
    content: ""
}

.la-sleigh:before {
    content: ""
}

.la-sliders-h:before {
    content: ""
}

.la-slideshare:before {
    content: ""
}

.la-smile:before {
    content: ""
}

.la-smile-beam:before {
    content: ""
}

.la-smile-wink:before {
    content: ""
}

.la-smog:before {
    content: ""
}

.la-smoking:before {
    content: ""
}

.la-smoking-ban:before {
    content: ""
}

.la-sms:before {
    content: ""
}

.la-snapchat:before {
    content: ""
}

.la-snapchat-ghost:before {
    content: ""
}

.la-snapchat-square:before {
    content: ""
}

.la-snowboarding:before {
    content: ""
}

.la-snowflake:before {
    content: ""
}

.la-snowman:before {
    content: ""
}

.la-snowplow:before {
    content: ""
}

.la-socks:before {
    content: ""
}

.la-solar-panel:before {
    content: ""
}

.la-sort:before {
    content: ""
}

.la-sort-alpha-down:before {
    content: ""
}

.la-sort-alpha-down-alt:before {
    content: ""
}

.la-sort-alpha-up:before {
    content: ""
}

.la-sort-alpha-up-alt:before {
    content: ""
}

.la-sort-amount-down:before {
    content: ""
}

.la-sort-amount-down-alt:before {
    content: ""
}

.la-sort-amount-up:before {
    content: ""
}

.la-sort-amount-up-alt:before {
    content: ""
}

.la-sort-down:before {
    content: ""
}

.la-sort-numeric-down:before {
    content: ""
}

.la-sort-numeric-down-alt:before {
    content: ""
}

.la-sort-numeric-up:before {
    content: ""
}

.la-sort-numeric-up-alt:before {
    content: ""
}

.la-sort-up:before {
    content: ""
}

.la-soundcloud:before {
    content: ""
}

.la-sourcetree:before {
    content: ""
}

.la-spa:before {
    content: ""
}

.la-space-shuttle:before {
    content: ""
}

.la-speakap:before {
    content: ""
}

.la-speaker-deck:before {
    content: ""
}

.la-spell-check:before {
    content: ""
}

.la-spider:before {
    content: ""
}

.la-spinner:before {
    content: ""
}

.la-splotch:before {
    content: ""
}

.la-spotify:before {
    content: ""
}

.la-spray-can:before {
    content: ""
}

.la-square:before {
    content: ""
}

.la-square-full:before {
    content: ""
}

.la-square-root-alt:before {
    content: ""
}

.la-squarespace:before {
    content: ""
}

.la-stack-exchange:before {
    content: ""
}

.la-stack-overflow:before {
    content: ""
}

.la-stackpath:before {
    content: ""
}

.la-stamp:before {
    content: ""
}

.la-star:before {
    content: ""
}

.la-star-and-crescent:before {
    content: ""
}

.la-star-half:before {
    content: ""
}

.la-star-half-alt:before {
    content: ""
}

.la-star-of-david:before {
    content: ""
}

.la-star-of-life:before {
    content: ""
}

.la-staylinked:before {
    content: ""
}

.la-steam:before {
    content: ""
}

.la-steam-square:before {
    content: ""
}

.la-steam-symbol:before {
    content: ""
}

.la-step-backward:before {
    content: ""
}

.la-step-forward:before {
    content: ""
}

.la-stethoscope:before {
    content: ""
}

.la-sticker-mule:before {
    content: ""
}

.la-sticky-note:before {
    content: ""
}

.la-stop:before {
    content: ""
}

.la-stop-circle:before {
    content: ""
}

.la-stopwatch:before {
    content: ""
}

.la-store:before {
    content: ""
}

.la-store-alt:before {
    content: ""
}

.la-strava:before {
    content: ""
}

.la-stream:before {
    content: ""
}

.la-street-view:before {
    content: ""
}

.la-strikethrough:before {
    content: ""
}

.la-stripe:before {
    content: ""
}

.la-stripe-s:before {
    content: ""
}

.la-stroopwafel:before {
    content: ""
}

.la-studiovinari:before {
    content: ""
}

.la-stumbleupon:before {
    content: ""
}

.la-stumbleupon-circle:before {
    content: ""
}

.la-subscript:before {
    content: ""
}

.la-subway:before {
    content: ""
}

.la-suitcase:before {
    content: ""
}

.la-suitcase-rolling:before {
    content: ""
}

.la-sun:before {
    content: ""
}

.la-superpowers:before {
    content: ""
}

.la-superscript:before {
    content: ""
}

.la-supple:before {
    content: ""
}

.la-surprise:before {
    content: ""
}

.la-suse:before {
    content: ""
}

.la-swatchbook:before {
    content: ""
}

.la-swift:before {
    content: ""
}

.la-swimmer:before {
    content: ""
}

.la-swimming-pool:before {
    content: ""
}

.la-symfony:before {
    content: ""
}

.la-synagogue:before {
    content: ""
}

.la-sync:before {
    content: ""
}

.la-sync-alt:before {
    content: ""
}

.la-syringe:before {
    content: ""
}

.la-table:before {
    content: ""
}

.la-table-tennis:before {
    content: ""
}

.la-tablet:before {
    content: ""
}

.la-tablet-alt:before {
    content: ""
}

.la-tablets:before {
    content: ""
}

.la-tachometer-alt:before {
    content: ""
}

.la-tag:before {
    content: ""
}

.la-tags:before {
    content: ""
}

.la-tape:before {
    content: ""
}

.la-tasks:before {
    content: ""
}

.la-taxi:before {
    content: ""
}

.la-teamspeak:before {
    content: ""
}

.la-teeth:before {
    content: ""
}

.la-teeth-open:before {
    content: ""
}

.la-telegram:before {
    content: ""
}

.la-telegram-plane:before {
    content: ""
}

.la-temperature-high:before {
    content: ""
}

.la-temperature-low:before {
    content: ""
}

.la-tencent-weibo:before {
    content: ""
}

.la-tenge:before {
    content: ""
}

.la-terminal:before {
    content: ""
}

.la-text-height:before {
    content: ""
}

.la-text-width:before {
    content: ""
}

.la-th:before {
    content: ""
}

.la-th-large:before {
    content: ""
}

.la-th-list:before {
    content: ""
}

.la-the-red-yeti:before {
    content: ""
}

.la-theater-masks:before {
    content: ""
}

.la-themeco:before {
    content: ""
}

.la-themeisle:before {
    content: ""
}

.la-thermometer:before {
    content: ""
}

.la-thermometer-empty:before {
    content: ""
}

.la-thermometer-full:before {
    content: ""
}

.la-thermometer-half:before {
    content: ""
}

.la-thermometer-quarter:before {
    content: ""
}

.la-thermometer-three-quarters:before {
    content: ""
}

.la-think-peaks:before {
    content: ""
}

.la-thumbs-down:before {
    content: ""
}

.la-thumbs-up:before {
    content: ""
}

.la-thumbtack:before {
    content: ""
}

.la-ticket-alt:before {
    content: ""
}

.la-times:before {
    content: ""
}

.la-times-circle:before {
    content: ""
}

.la-tint:before {
    content: ""
}

.la-tint-slash:before {
    content: ""
}

.la-tired:before {
    content: ""
}

.la-toggle-off:before {
    content: ""
}

.la-toggle-on:before {
    content: ""
}

.la-toilet:before {
    content: ""
}

.la-toilet-paper:before {
    content: ""
}

.la-toolbox:before {
    content: ""
}

.la-tools:before {
    content: ""
}

.la-tooth:before {
    content: ""
}

.la-torah:before {
    content: ""
}

.la-torii-gate:before {
    content: ""
}

.la-tractor:before {
    content: ""
}

.la-trade-federation:before {
    content: ""
}

.la-trademark:before {
    content: ""
}

.la-traffic-light:before {
    content: ""
}

.la-train:before {
    content: ""
}

.la-tram:before {
    content: ""
}

.la-transgender:before {
    content: ""
}

.la-transgender-alt:before {
    content: ""
}

.la-trash:before {
    content: ""
}

.la-trash-alt:before {
    content: ""
}

.la-trash-restore:before {
    content: ""
}

.la-trash-restore-alt:before {
    content: ""
}

.la-tree:before {
    content: ""
}

.la-trello:before {
    content: ""
}

.la-tripadvisor:before {
    content: ""
}

.la-trophy:before {
    content: ""
}

.la-truck:before {
    content: ""
}

.la-truck-loading:before {
    content: ""
}

.la-truck-monster:before {
    content: ""
}

.la-truck-moving:before {
    content: ""
}

.la-truck-pickup:before {
    content: ""
}

.la-tshirt:before {
    content: ""
}

.la-tty:before {
    content: ""
}

.la-tumblr:before {
    content: ""
}

.la-tumblr-square:before {
    content: ""
}

.la-tv:before {
    content: ""
}

.la-twitch:before {
    content: ""
}

.la-twitter:before {
    content: ""
}

.la-twitter-square:before {
    content: ""
}

.la-typo3:before {
    content: ""
}

.la-uber:before {
    content: ""
}

.la-ubuntu:before {
    content: ""
}

.la-uikit:before {
    content: ""
}

.la-umbraco:before {
    content: ""
}

.la-umbrella:before {
    content: ""
}

.la-umbrella-beach:before {
    content: ""
}

.la-underline:before {
    content: ""
}

.la-undo:before {
    content: ""
}

.la-undo-alt:before {
    content: ""
}

.la-uniregistry:before {
    content: ""
}

.la-universal-access:before {
    content: ""
}

.la-university:before {
    content: ""
}

.la-unlink:before {
    content: ""
}

.la-unlock:before {
    content: ""
}

.la-unlock-alt:before {
    content: ""
}

.la-untappd:before {
    content: ""
}

.la-upload:before {
    content: ""
}

.la-ups:before {
    content: ""
}

.la-usb:before {
    content: ""
}

.la-user:before {
    content: ""
}

.la-user-alt:before {
    content: ""
}

.la-user-alt-slash:before {
    content: ""
}

.la-user-astronaut:before {
    content: ""
}

.la-user-check:before {
    content: ""
}

.la-user-circle:before {
    content: ""
}

.la-user-clock:before {
    content: ""
}

.la-user-cog:before {
    content: ""
}

.la-user-edit:before {
    content: ""
}

.la-user-friends:before {
    content: ""
}

.la-user-graduate:before {
    content: ""
}

.la-user-injured:before {
    content: ""
}

.la-user-lock:before {
    content: ""
}

.la-user-md:before {
    content: ""
}

.la-user-minus:before {
    content: ""
}

.la-user-ninja:before {
    content: ""
}

.la-user-nurse:before {
    content: ""
}

.la-user-plus:before {
    content: ""
}

.la-user-secret:before {
    content: ""
}

.la-user-shield:before {
    content: ""
}

.la-user-slash:before {
    content: ""
}

.la-user-tag:before {
    content: ""
}

.la-user-tie:before {
    content: ""
}

.la-user-times:before {
    content: ""
}

.la-users:before {
    content: ""
}

.la-users-cog:before {
    content: ""
}

.la-usps:before {
    content: ""
}

.la-ussunnah:before {
    content: ""
}

.la-utensil-spoon:before {
    content: ""
}

.la-utensils:before {
    content: ""
}

.la-vaadin:before {
    content: ""
}

.la-vector-square:before {
    content: ""
}

.la-venus:before {
    content: ""
}

.la-venus-double:before {
    content: ""
}

.la-venus-mars:before {
    content: ""
}

.la-viacoin:before {
    content: ""
}

.la-viadeo:before {
    content: ""
}

.la-viadeo-square:before {
    content: ""
}

.la-vial:before {
    content: ""
}

.la-vials:before {
    content: ""
}

.la-viber:before {
    content: ""
}

.la-video:before {
    content: ""
}

.la-video-slash:before {
    content: ""
}

.la-vihara:before {
    content: ""
}

.la-vimeo:before {
    content: ""
}

.la-vimeo-square:before {
    content: ""
}

.la-vimeo-v:before {
    content: ""
}

.la-vine:before {
    content: ""
}

.la-vk:before {
    content: ""
}

.la-vnv:before {
    content: ""
}

.la-voicemail:before {
    content: ""
}

.la-volleyball-ball:before {
    content: ""
}

.la-volume-down:before {
    content: ""
}

.la-volume-mute:before {
    content: ""
}

.la-volume-off:before {
    content: ""
}

.la-volume-up:before {
    content: ""
}

.la-vote-yea:before {
    content: ""
}

.la-vr-cardboard:before {
    content: ""
}

.la-vuejs:before {
    content: ""
}

.la-walking:before {
    content: ""
}

.la-wallet:before {
    content: ""
}

.la-warehouse:before {
    content: ""
}

.la-water:before {
    content: ""
}

.la-wave-square:before {
    content: ""
}

.la-waze:before {
    content: ""
}

.la-weebly:before {
    content: ""
}

.la-weibo:before {
    content: ""
}

.la-weight:before {
    content: ""
}

.la-weight-hanging:before {
    content: ""
}

.la-weixin:before {
    content: ""
}

.la-whatsapp:before {
    content: ""
}

.la-whatsapp-square:before {
    content: ""
}

.la-wheelchair:before {
    content: ""
}

.la-whmcs:before {
    content: ""
}

.la-wifi:before {
    content: ""
}

.la-wikipedia-w:before {
    content: ""
}

.la-wind:before {
    content: ""
}

.la-window-close:before {
    content: ""
}

.la-window-maximize:before {
    content: ""
}

.la-window-minimize:before {
    content: ""
}

.la-window-restore:before {
    content: ""
}

.la-windows:before {
    content: ""
}

.la-wine-bottle:before {
    content: ""
}

.la-wine-glass:before {
    content: ""
}

.la-wine-glass-alt:before {
    content: ""
}

.la-wix:before {
    content: ""
}

.la-wizards-of-the-coast:before {
    content: ""
}

.la-wolf-pack-battalion:before {
    content: ""
}

.la-won-sign:before {
    content: ""
}

.la-wordpress:before {
    content: ""
}

.la-wordpress-simple:before {
    content: ""
}

.la-wpbeginner:before {
    content: ""
}

.la-wpexplorer:before {
    content: ""
}

.la-wpforms:before {
    content: ""
}

.la-wpressr:before {
    content: ""
}

.la-wrench:before {
    content: ""
}

.la-x-ray:before {
    content: ""
}

.la-xbox:before {
    content: ""
}

.la-xing:before {
    content: ""
}

.la-xing-square:before {
    content: ""
}

.la-y-combinator:before {
    content: ""
}

.la-yahoo:before {
    content: ""
}

.la-yammer:before {
    content: ""
}

.la-yandex:before {
    content: ""
}

.la-yandex-international:before {
    content: ""
}

.la-yarn:before {
    content: ""
}

.la-yelp:before {
    content: ""
}

.la-yen-sign:before {
    content: ""
}

.la-yin-yang:before {
    content: ""
}

.la-yoast:before {
    content: ""
}

.la-youtube:before {
    content: ""
}

.la-youtube-square:before {
    content: ""
}

.la-zhihu:before {
    content: ""
}

.sr-only {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

@font-face {
    font-family: Line Awesome Brands;
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url(./la-brands-400.eot);
    src: url(./la-brands-400.eot?#iefix) format("embedded-opentype"),url(./la-brands-400.woff2) format("woff2"),url(./la-brands-400.woff) format("woff"),url(./la-brands-400.ttf) format("truetype"),url(../images/la-brands-400.svg#lineawesome) format("svg")
}

.lab {
    font-family: Line Awesome Brands
}

@font-face {
    font-family: Line Awesome Free;
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url(./la-regular-400.eot);
    src: url(./la-regular-400.eot?#iefix) format("embedded-opentype"),url(./la-regular-400.woff2) format("woff2"),url(./la-regular-400.woff) format("woff"),url(./la-regular-400.ttf) format("truetype"),url(../images/la-regular-400.svg#lineawesome) format("svg")
}

.lar {
    font-family: Line Awesome Free;
    font-weight: 400
}

@font-face {
    font-family: Line Awesome Free;
    font-style: normal;
    font-weight: 900;
    font-display: auto;
    src: url(./la-solid-900.eot);
    src: url(./la-solid-900.eot?#iefix) format("embedded-opentype"),url(./la-solid-900.woff2) format("woff2"),url(./la-solid-900.woff) format("woff"),url(./la-solid-900.ttf) format("truetype"),url(../images/la-solid-900.svg#lineawesome) format("svg")
}

.la, .las {
    font-family: Line Awesome Free;
    font-weight: 900
}

    .la.la-glass:before {
        content: ""
    }

    .la.la-meetup {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

    .la.la-star-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-star-o:before {
            content: ""
        }

    .la.la-remove:before {
        content: ""
    }

    .la.la-close:before {
        content: ""
    }

    .la.la-gear:before {
        content: ""
    }

    .la.la-trash-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-trash-o:before {
            content: ""
        }

    .la.la-file-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-file-o:before {
            content: ""
        }

    .la.la-clock-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-clock-o:before {
            content: ""
        }

    .la.la-arrow-circle-o-down {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-arrow-circle-o-down:before {
            content: ""
        }

    .la.la-arrow-circle-o-up {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-arrow-circle-o-up:before {
            content: ""
        }

    .la.la-play-circle-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-play-circle-o:before {
            content: ""
        }

    .la.la-repeat:before {
        content: ""
    }

    .la.la-rotate-right:before {
        content: ""
    }

    .la.la-refresh:before {
        content: ""
    }

    .la.la-list-alt {
        font-family: Line Awesome Free;
        font-weight: 400
    }

    .la.la-dedent:before {
        content: ""
    }

    .la.la-video-camera:before {
        content: ""
    }

    .la.la-picture-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-picture-o:before {
            content: ""
        }

    .la.la-photo {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-photo:before {
            content: ""
        }

    .la.la-image {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-image:before {
            content: ""
        }

    .la.la-pencil:before {
        content: ""
    }

    .la.la-map-marker:before {
        content: ""
    }

    .la.la-pencil-square-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-pencil-square-o:before {
            content: ""
        }

    .la.la-share-square-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-share-square-o:before {
            content: ""
        }

    .la.la-check-square-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-check-square-o:before {
            content: ""
        }

    .la.la-arrows:before {
        content: ""
    }

    .la.la-times-circle-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-times-circle-o:before {
            content: ""
        }

    .la.la-check-circle-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-check-circle-o:before {
            content: ""
        }

    .la.la-mail-forward:before {
        content: ""
    }

    .la.la-eye, .la.la-eye-slash {
        font-family: Line Awesome Free;
        font-weight: 400
    }

    .la.la-warning:before {
        content: ""
    }

    .la.la-calendar:before {
        content: ""
    }

    .la.la-arrows-v:before {
        content: ""
    }

    .la.la-arrows-h:before {
        content: ""
    }

    .la.la-bar-chart {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-bar-chart:before {
            content: ""
        }

    .la.la-bar-chart-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-bar-chart-o:before {
            content: ""
        }

    .la.la-twitter-square, .la.la-facebook-square {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

    .la.la-gears:before {
        content: ""
    }

    .la.la-thumbs-o-up {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-thumbs-o-up:before {
            content: ""
        }

    .la.la-thumbs-o-down {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-thumbs-o-down:before {
            content: ""
        }

    .la.la-heart-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-heart-o:before {
            content: ""
        }

    .la.la-sign-out:before {
        content: ""
    }

    .la.la-linkedin-square {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

        .la.la-linkedin-square:before {
            content: ""
        }

    .la.la-thumb-tack:before {
        content: ""
    }

    .la.la-external-link:before {
        content: ""
    }

    .la.la-sign-in:before {
        content: ""
    }

    .la.la-github-square {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

    .la.la-lemon-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-lemon-o:before {
            content: ""
        }

    .la.la-square-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-square-o:before {
            content: ""
        }

    .la.la-bookmark-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-bookmark-o:before {
            content: ""
        }

    .la.la-twitter, .la.la-facebook {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

        .la.la-facebook:before {
            content: ""
        }

    .la.la-facebook-f {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

        .la.la-facebook-f:before {
            content: ""
        }

    .la.la-github {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

    .la.la-credit-card {
        font-family: Line Awesome Free;
        font-weight: 400
    }

    .la.la-feed:before {
        content: ""
    }

    .la.la-hdd-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-hdd-o:before {
            content: ""
        }

    .la.la-hand-o-right {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-hand-o-right:before {
            content: ""
        }

    .la.la-hand-o-left {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-hand-o-left:before {
            content: ""
        }

    .la.la-hand-o-up {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-hand-o-up:before {
            content: ""
        }

    .la.la-hand-o-down {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-hand-o-down:before {
            content: ""
        }

    .la.la-arrows-alt:before {
        content: ""
    }

    .la.la-group:before {
        content: ""
    }

    .la.la-chain:before {
        content: ""
    }

    .la.la-scissors:before {
        content: ""
    }

    .la.la-files-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-files-o:before {
            content: ""
        }

    .la.la-floppy-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-floppy-o:before {
            content: ""
        }

    .la.la-navicon:before {
        content: ""
    }

    .la.la-reorder:before {
        content: ""
    }

    .la.la-pinterest, .la.la-pinterest-square, .la.la-google-plus-square, .la.la-google-plus {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

        .la.la-google-plus:before {
            content: ""
        }

    .la.la-money {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-money:before {
            content: ""
        }

    .la.la-unsorted:before {
        content: ""
    }

    .la.la-sort-desc:before {
        content: ""
    }

    .la.la-sort-asc:before {
        content: ""
    }

    .la.la-linkedin {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

        .la.la-linkedin:before {
            content: ""
        }

    .la.la-rotate-left:before {
        content: ""
    }

    .la.la-legal:before {
        content: ""
    }

    .la.la-tachometer:before {
        content: ""
    }

    .la.la-dashboard:before {
        content: ""
    }

    .la.la-comment-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-comment-o:before {
            content: ""
        }

    .la.la-comments-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-comments-o:before {
            content: ""
        }

    .la.la-flash:before {
        content: ""
    }

    .la.la-clipboard, .la.la-paste {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-paste:before {
            content: ""
        }

    .la.la-lightbulb-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-lightbulb-o:before {
            content: ""
        }

    .la.la-exchange:before {
        content: ""
    }

    .la.la-cloud-download:before {
        content: ""
    }

    .la.la-cloud-upload:before {
        content: ""
    }

    .la.la-bell-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-bell-o:before {
            content: ""
        }

    .la.la-cutlery:before {
        content: ""
    }

    .la.la-file-text-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-file-text-o:before {
            content: ""
        }

    .la.la-building-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-building-o:before {
            content: ""
        }

    .la.la-hospital-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-hospital-o:before {
            content: ""
        }

    .la.la-tablet:before {
        content: ""
    }

    .la.la-mobile:before {
        content: ""
    }

    .la.la-mobile-phone:before {
        content: ""
    }

    .la.la-circle-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-circle-o:before {
            content: ""
        }

    .la.la-mail-reply:before {
        content: ""
    }

    .la.la-github-alt {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

    .la.la-folder-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-folder-o:before {
            content: ""
        }

    .la.la-folder-open-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-folder-open-o:before {
            content: ""
        }

    .la.la-smile-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-smile-o:before {
            content: ""
        }

    .la.la-frown-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-frown-o:before {
            content: ""
        }

    .la.la-meh-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-meh-o:before {
            content: ""
        }

    .la.la-keyboard-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-keyboard-o:before {
            content: ""
        }

    .la.la-flag-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-flag-o:before {
            content: ""
        }

    .la.la-mail-reply-all:before {
        content: ""
    }

    .la.la-star-half-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-star-half-o:before {
            content: ""
        }

    .la.la-star-half-empty {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-star-half-empty:before {
            content: ""
        }

    .la.la-star-half-full {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-star-half-full:before {
            content: ""
        }

    .la.la-code-fork:before {
        content: ""
    }

    .la.la-chain-broken:before {
        content: ""
    }

    .la.la-shield:before {
        content: ""
    }

    .la.la-calendar-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-calendar-o:before {
            content: ""
        }

    .la.la-maxcdn, .la.la-html5, .la.la-css3 {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

    .la.la-ticket:before {
        content: ""
    }

    .la.la-minus-square-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-minus-square-o:before {
            content: ""
        }

    .la.la-level-up:before {
        content: ""
    }

    .la.la-level-down:before {
        content: ""
    }

    .la.la-pencil-square:before {
        content: ""
    }

    .la.la-external-link-square:before {
        content: ""
    }

    .la.la-compass, .la.la-caret-square-o-down {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-caret-square-o-down:before {
            content: ""
        }

    .la.la-toggle-down {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-toggle-down:before {
            content: ""
        }

    .la.la-caret-square-o-up {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-caret-square-o-up:before {
            content: ""
        }

    .la.la-toggle-up {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-toggle-up:before {
            content: ""
        }

    .la.la-caret-square-o-right {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-caret-square-o-right:before {
            content: ""
        }

    .la.la-toggle-right {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-toggle-right:before {
            content: ""
        }

    .la.la-eur:before {
        content: ""
    }

    .la.la-euro:before {
        content: ""
    }

    .la.la-gbp:before {
        content: ""
    }

    .la.la-usd:before {
        content: ""
    }

    .la.la-dollar:before {
        content: ""
    }

    .la.la-inr:before {
        content: ""
    }

    .la.la-rupee:before {
        content: ""
    }

    .la.la-jpy:before {
        content: ""
    }

    .la.la-cny:before {
        content: ""
    }

    .la.la-rmb:before {
        content: ""
    }

    .la.la-yen:before {
        content: ""
    }

    .la.la-rub:before {
        content: ""
    }

    .la.la-ruble:before {
        content: ""
    }

    .la.la-rouble:before {
        content: ""
    }

    .la.la-krw:before {
        content: ""
    }

    .la.la-won:before {
        content: ""
    }

    .la.la-btc, .la.la-bitcoin {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

        .la.la-bitcoin:before {
            content: ""
        }

    .la.la-file-text:before {
        content: ""
    }

    .la.la-sort-alpha-asc:before {
        content: ""
    }

    .la.la-sort-alpha-desc:before {
        content: ""
    }

    .la.la-sort-amount-asc:before {
        content: ""
    }

    .la.la-sort-amount-desc:before {
        content: ""
    }

    .la.la-sort-numeric-asc:before {
        content: ""
    }

    .la.la-sort-numeric-desc:before {
        content: ""
    }

    .la.la-youtube-square, .la.la-youtube, .la.la-xing, .la.la-xing-square, .la.la-youtube-play {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

        .la.la-youtube-play:before {
            content: ""
        }

    .la.la-dropbox, .la.la-stack-overflow, .la.la-instagram, .la.la-flickr, .la.la-adn, .la.la-bitbucket, .la.la-bitbucket-square {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

        .la.la-bitbucket-square:before {
            content: ""
        }

    .la.la-tumblr, .la.la-tumblr-square {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

    .la.la-long-arrow-down:before {
        content: ""
    }

    .la.la-long-arrow-up:before {
        content: ""
    }

    .la.la-long-arrow-left:before {
        content: ""
    }

    .la.la-long-arrow-right:before {
        content: ""
    }

    .la.la-apple, .la.la-windows, .la.la-android, .la.la-linux, .la.la-dribbble, .la.la-skype, .la.la-foursquare, .la.la-trello, .la.la-gratipay, .la.la-gittip {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

        .la.la-gittip:before {
            content: ""
        }

    .la.la-sun-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-sun-o:before {
            content: ""
        }

    .la.la-moon-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-moon-o:before {
            content: ""
        }

    .la.la-vk, .la.la-weibo, .la.la-renren, .la.la-pagelines, .la.la-stack-exchange {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

    .la.la-arrow-circle-o-right {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-arrow-circle-o-right:before {
            content: ""
        }

    .la.la-arrow-circle-o-left {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-arrow-circle-o-left:before {
            content: ""
        }

    .la.la-caret-square-o-left {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-caret-square-o-left:before {
            content: ""
        }

    .la.la-toggle-left {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-toggle-left:before {
            content: ""
        }

    .la.la-dot-circle-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-dot-circle-o:before {
            content: ""
        }

    .la.la-vimeo-square {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

    .la.la-try:before {
        content: ""
    }

    .la.la-turkish-lira:before {
        content: ""
    }

    .la.la-plus-square-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-plus-square-o:before {
            content: ""
        }

    .la.la-slack, .la.la-wordpress, .la.la-openid {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

    .la.la-institution:before {
        content: ""
    }

    .la.la-bank:before {
        content: ""
    }

    .la.la-mortar-board:before {
        content: ""
    }

    .la.la-yahoo, .la.la-google, .la.la-reddit, .la.la-reddit-square, .la.la-stumbleupon-circle, .la.la-stumbleupon, .la.la-delicious, .la.la-digg, .la.la-pied-piper-pp, .la.la-pied-piper-alt, .la.la-drupal, .la.la-joomla {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

    .la.la-spoon:before {
        content: ""
    }

    .la.la-behance, .la.la-behance-square, .la.la-steam, .la.la-steam-square {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

    .la.la-automobile:before {
        content: ""
    }

    .la.la-cab:before {
        content: ""
    }

    .la.la-envelope-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-envelope-o:before {
            content: ""
        }

    .la.la-deviantart, .la.la-soundcloud {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

    .la.la-file-pdf-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-file-pdf-o:before {
            content: ""
        }

    .la.la-file-word-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-file-word-o:before {
            content: ""
        }

    .la.la-file-excel-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-file-excel-o:before {
            content: ""
        }

    .la.la-file-powerpoint-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-file-powerpoint-o:before {
            content: ""
        }

    .la.la-file-image-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-file-image-o:before {
            content: ""
        }

    .la.la-file-photo-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-file-photo-o:before {
            content: ""
        }

    .la.la-file-picture-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-file-picture-o:before {
            content: ""
        }

    .la.la-file-archive-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-file-archive-o:before {
            content: ""
        }

    .la.la-file-zip-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-file-zip-o:before {
            content: ""
        }

    .la.la-file-audio-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-file-audio-o:before {
            content: ""
        }

    .la.la-file-sound-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-file-sound-o:before {
            content: ""
        }

    .la.la-file-video-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-file-video-o:before {
            content: ""
        }

    .la.la-file-movie-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-file-movie-o:before {
            content: ""
        }

    .la.la-file-code-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-file-code-o:before {
            content: ""
        }

    .la.la-vine, .la.la-codepen, .la.la-jsfiddle {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

    .la.la-life-ring, .la.la-life-bouy {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-life-bouy:before {
            content: ""
        }

    .la.la-life-buoy {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-life-buoy:before {
            content: ""
        }

    .la.la-life-saver {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-life-saver:before {
            content: ""
        }

    .la.la-support {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-support:before {
            content: ""
        }

    .la.la-circle-o-notch:before {
        content: ""
    }

    .la.la-rebel, .la.la-ra {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

        .la.la-ra:before {
            content: ""
        }

    .la.la-resistance {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

        .la.la-resistance:before {
            content: ""
        }

    .la.la-empire, .la.la-ge {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

        .la.la-ge:before {
            content: ""
        }

    .la.la-git-square, .la.la-git, .la.la-hacker-news, .la.la-y-combinator-square {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

        .la.la-y-combinator-square:before {
            content: ""
        }

    .la.la-yc-square {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

        .la.la-yc-square:before {
            content: ""
        }

    .la.la-tencent-weibo, .la.la-qq, .la.la-weixin, .la.la-wechat {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

        .la.la-wechat:before {
            content: ""
        }

    .la.la-send:before {
        content: ""
    }

    .la.la-paper-plane-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-paper-plane-o:before {
            content: ""
        }

    .la.la-send-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-send-o:before {
            content: ""
        }

    .la.la-circle-thin {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-circle-thin:before {
            content: ""
        }

    .la.la-header:before {
        content: ""
    }

    .la.la-sliders:before {
        content: ""
    }

    .la.la-futbol-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-futbol-o:before {
            content: ""
        }

    .la.la-soccer-ball-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-soccer-ball-o:before {
            content: ""
        }

    .la.la-slideshare, .la.la-twitch, .la.la-yelp {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

    .la.la-newspaper-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-newspaper-o:before {
            content: ""
        }

    .la.la-paypal, .la.la-google-wallet, .la.la-cc-visa, .la.la-cc-mastercard, .la.la-cc-discover, .la.la-cc-amex, .la.la-cc-paypal, .la.la-cc-stripe {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

    .la.la-bell-slash-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-bell-slash-o:before {
            content: ""
        }

    .la.la-trash:before {
        content: ""
    }

    .la.la-copyright {
        font-family: Line Awesome Free;
        font-weight: 400
    }

    .la.la-eyedropper:before {
        content: ""
    }

    .la.la-area-chart:before {
        content: ""
    }

    .la.la-pie-chart:before {
        content: ""
    }

    .la.la-line-chart:before {
        content: ""
    }

    .la.la-lastfm, .la.la-lastfm-square, .la.la-ioxhost, .la.la-angellist {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

    .la.la-cc {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-cc:before {
            content: ""
        }

    .la.la-ils:before {
        content: ""
    }

    .la.la-shekel:before {
        content: ""
    }

    .la.la-sheqel:before {
        content: ""
    }

    .la.la-meanpath {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

        .la.la-meanpath:before {
            content: ""
        }

    .la.la-buysellads, .la.la-connectdevelop, .la.la-dashcube, .la.la-forumbee, .la.la-leanpub, .la.la-sellsy, .la.la-shirtsinbulk, .la.la-simplybuilt, .la.la-skyatlas {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

    .la.la-diamond {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-diamond:before {
            content: ""
        }

    .la.la-intersex:before {
        content: ""
    }

    .la.la-facebook-official {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

        .la.la-facebook-official:before {
            content: ""
        }

    .la.la-pinterest-p, .la.la-whatsapp {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

    .la.la-hotel:before {
        content: ""
    }

    .la.la-viacoin, .la.la-medium, .la.la-y-combinator, .la.la-yc {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

        .la.la-yc:before {
            content: ""
        }

    .la.la-optin-monster, .la.la-opencart, .la.la-expeditedssl {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

    .la.la-battery-4:before {
        content: ""
    }

    .la.la-battery:before {
        content: ""
    }

    .la.la-battery-3:before {
        content: ""
    }

    .la.la-battery-2:before {
        content: ""
    }

    .la.la-battery-1:before {
        content: ""
    }

    .la.la-battery-0:before {
        content: ""
    }

    .la.la-object-group, .la.la-object-ungroup, .la.la-sticky-note-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-sticky-note-o:before {
            content: ""
        }

    .la.la-cc-jcb, .la.la-cc-diners-club {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

    .la.la-clone, .la.la-hourglass-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-hourglass-o:before {
            content: ""
        }

    .la.la-hourglass-1:before {
        content: ""
    }

    .la.la-hourglass-2:before {
        content: ""
    }

    .la.la-hourglass-3:before {
        content: ""
    }

    .la.la-hand-rock-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-hand-rock-o:before {
            content: ""
        }

    .la.la-hand-grab-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-hand-grab-o:before {
            content: ""
        }

    .la.la-hand-paper-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-hand-paper-o:before {
            content: ""
        }

    .la.la-hand-stop-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-hand-stop-o:before {
            content: ""
        }

    .la.la-hand-scissors-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-hand-scissors-o:before {
            content: ""
        }

    .la.la-hand-lizard-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-hand-lizard-o:before {
            content: ""
        }

    .la.la-hand-spock-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-hand-spock-o:before {
            content: ""
        }

    .la.la-hand-pointer-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-hand-pointer-o:before {
            content: ""
        }

    .la.la-hand-peace-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-hand-peace-o:before {
            content: ""
        }

    .la.la-registered {
        font-family: Line Awesome Free;
        font-weight: 400
    }

    .la.la-creative-commons, .la.la-gg, .la.la-gg-circle, .la.la-tripadvisor, .la.la-odnoklassniki, .la.la-odnoklassniki-square, .la.la-get-pocket, .la.la-wikipedia-w, .la.la-safari, .la.la-chrome, .la.la-firefox, .la.la-opera, .la.la-internet-explorer {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

    .la.la-television:before {
        content: ""
    }

    .la.la-contao, .la.la-500px, .la.la-amazon {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

    .la.la-calendar-plus-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-calendar-plus-o:before {
            content: ""
        }

    .la.la-calendar-minus-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-calendar-minus-o:before {
            content: ""
        }

    .la.la-calendar-times-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-calendar-times-o:before {
            content: ""
        }

    .la.la-calendar-check-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-calendar-check-o:before {
            content: ""
        }

    .la.la-map-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-map-o:before {
            content: ""
        }

    .la.la-commenting:before {
        content: ""
    }

    .la.la-commenting-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-commenting-o:before {
            content: ""
        }

    .la.la-houzz, .la.la-vimeo {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

        .la.la-vimeo:before {
            content: ""
        }

    .la.la-black-tie, .la.la-fonticons, .la.la-reddit-alien, .la.la-edge {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

    .la.la-credit-card-alt:before {
        content: ""
    }

    .la.la-codiepie, .la.la-modx, .la.la-fort-awesome, .la.la-usb, .la.la-product-hunt, .la.la-mixcloud, .la.la-scribd {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

    .la.la-pause-circle-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-pause-circle-o:before {
            content: ""
        }

    .la.la-stop-circle-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-stop-circle-o:before {
            content: ""
        }

    .la.la-bluetooth, .la.la-bluetooth-b, .la.la-gitlab, .la.la-wpbeginner, .la.la-wpforms, .la.la-envira, .la.la-wheelchair-alt {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

        .la.la-wheelchair-alt:before {
            content: ""
        }

    .la.la-question-circle-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-question-circle-o:before {
            content: ""
        }

    .la.la-volume-control-phone:before {
        content: ""
    }

    .la.la-asl-interpreting:before {
        content: ""
    }

    .la.la-deafness:before {
        content: ""
    }

    .la.la-hard-of-hearing:before {
        content: ""
    }

    .la.la-glide, .la.la-glide-g {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

    .la.la-signing:before {
        content: ""
    }

    .la.la-viadeo, .la.la-viadeo-square, .la.la-snapchat, .la.la-snapchat-ghost, .la.la-snapchat-square, .la.la-pied-piper, .la.la-first-order, .la.la-yoast, .la.la-themeisle, .la.la-google-plus-official {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

        .la.la-google-plus-official:before {
            content: ""
        }

    .la.la-google-plus-circle {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

        .la.la-google-plus-circle:before {
            content: ""
        }

    .la.la-font-awesome, .la.la-fa {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

        .la.la-fa:before {
            content: ""
        }

    .la.la-handshake-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-handshake-o:before {
            content: ""
        }

    .la.la-envelope-open-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-envelope-open-o:before {
            content: ""
        }

    .la.la-linode {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

    .la.la-address-book-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-address-book-o:before {
            content: ""
        }

    .la.la-vcard:before {
        content: ""
    }

    .la.la-address-card-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-address-card-o:before {
            content: ""
        }

    .la.la-vcard-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-vcard-o:before {
            content: ""
        }

    .la.la-user-circle-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-user-circle-o:before {
            content: ""
        }

    .la.la-user-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-user-o:before {
            content: ""
        }

    .la.la-id-badge {
        font-family: Line Awesome Free;
        font-weight: 400
    }

    .la.la-drivers-license:before {
        content: ""
    }

    .la.la-id-card-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-id-card-o:before {
            content: ""
        }

    .la.la-drivers-license-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-drivers-license-o:before {
            content: ""
        }

    .la.la-quora, .la.la-free-code-camp, .la.la-telegram {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

    .la.la-thermometer-4:before {
        content: ""
    }

    .la.la-thermometer:before {
        content: ""
    }

    .la.la-thermometer-3:before {
        content: ""
    }

    .la.la-thermometer-2:before {
        content: ""
    }

    .la.la-thermometer-1:before {
        content: ""
    }

    .la.la-thermometer-0:before {
        content: ""
    }

    .la.la-bathtub:before {
        content: ""
    }

    .la.la-s15:before {
        content: ""
    }

    .la.la-window-maximize, .la.la-window-restore {
        font-family: Line Awesome Free;
        font-weight: 400
    }

    .la.la-times-rectangle:before {
        content: ""
    }

    .la.la-window-close-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-window-close-o:before {
            content: ""
        }

    .la.la-times-rectangle-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-times-rectangle-o:before {
            content: ""
        }

    .la.la-bandcamp, .la.la-grav, .la.la-etsy, .la.la-imdb, .la.la-ravelry, .la.la-eercast {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

        .la.la-eercast:before {
            content: ""
        }

    .la.la-snowflake-o {
        font-family: Line Awesome Free;
        font-weight: 400
    }

        .la.la-snowflake-o:before {
            content: ""
        }

    .la.la-superpowers, .la.la-wpexplorer, .la.la-spotify {
        font-family: Line Awesome Brands;
        font-weight: 400
    }

@font-face {
    font-family: boxicons;
    font-weight: 400;
    font-style: normal;
    src: url(./boxicons.eot);
    src: url(./boxicons.eot) format("embedded-opentype"),url(./boxicons.woff2) format("woff2"),url(./boxicons.woff) format("woff"),url(./boxicons.ttf) format("truetype"),url(../images/boxicons.svg?#boxicons) format("svg")
}

.bx {
    font-family: boxicons !important;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    display: inline-block;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.bx-ul {
    margin-left: 2em;
    padding-left: 0;
    list-style: none
}

    .bx-ul > li {
        position: relative
    }

    .bx-ul .bx {
        font-size: inherit;
        line-height: inherit;
        position: absolute;
        left: -2em;
        width: 2em;
        text-align: center
    }

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-webkit-keyframes burst {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    90% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0
    }
}

@keyframes burst {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    90% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0
    }
}

@-webkit-keyframes flashing {
    0% {
        opacity: 1
    }

    45% {
        opacity: 0
    }

    90% {
        opacity: 1
    }
}

@keyframes flashing {
    0% {
        opacity: 1
    }

    45% {
        opacity: 0
    }

    90% {
        opacity: 1
    }
}

@-webkit-keyframes fade-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translate(0);
        opacity: 1
    }

    75% {
        -webkit-transform: translateX(-20px);
        transform: translate(-20px);
        opacity: 0
    }
}

@keyframes fade-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translate(0);
        opacity: 1
    }

    75% {
        -webkit-transform: translateX(-20px);
        transform: translate(-20px);
        opacity: 0
    }
}

@-webkit-keyframes fade-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translate(0);
        opacity: 1
    }

    75% {
        -webkit-transform: translateX(20px);
        transform: translate(20px);
        opacity: 0
    }
}

@keyframes fade-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translate(0);
        opacity: 1
    }

    75% {
        -webkit-transform: translateX(20px);
        transform: translate(20px);
        opacity: 0
    }
}

@-webkit-keyframes fade-up {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    75% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
        opacity: 0
    }
}

@keyframes fade-up {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    75% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
        opacity: 0
    }
}

@-webkit-keyframes fade-down {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    75% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0
    }
}

@keyframes fade-down {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    75% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0
    }
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scaleZ(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg);
        transform: scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1,1,1) rotate3d(0,0,1,10deg);
        transform: scaleZ(1) rotate3d(0,0,1,10deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1,1,1) rotate3d(0,0,1,-10deg);
        transform: scaleZ(1) rotate3d(0,0,1,-10deg)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scaleZ(1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scaleZ(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg);
        transform: scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1,1,1) rotate3d(0,0,1,10deg);
        transform: scaleZ(1) rotate3d(0,0,1,10deg)
    }

    40%,60%,80% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scaleZ(1)
    }
}

.bx-spin, .bx-spin-hover:hover {
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite
}

.bx-tada, .bx-tada-hover:hover {
    -webkit-animation: tada 1.5s ease infinite;
    animation: tada 1.5s ease infinite
}

.bx-flashing, .bx-flashing-hover:hover {
    -webkit-animation: flashing 1.5s infinite linear;
    animation: flashing 1.5s infinite linear
}

.bx-burst, .bx-burst-hover:hover {
    -webkit-animation: burst 1.5s infinite linear;
    animation: burst 1.5s infinite linear
}

.bx-fade-up, .bx-fade-up-hover:hover {
    -webkit-animation: fade-up 1.5s infinite linear;
    animation: fade-up 1.5s infinite linear
}

.bx-fade-down, .bx-fade-down-hover:hover {
    -webkit-animation: fade-down 1.5s infinite linear;
    animation: fade-down 1.5s infinite linear
}

.bx-fade-left, .bx-fade-left-hover:hover {
    -webkit-animation: fade-left 1.5s infinite linear;
    animation: fade-left 1.5s infinite linear
}

.bx-fade-right, .bx-fade-right-hover:hover {
    -webkit-animation: fade-right 1.5s infinite linear;
    animation: fade-right 1.5s infinite linear
}

.bx-xs {
    font-size: 1rem !important
}

.bx-sm {
    font-size: 1.55rem !important
}

.bx-md {
    font-size: 2.25rem !important
}

.bx-lg {
    font-size: 3rem !important
}

.bx-fw {
    font-size: 1.2857142857em;
    line-height: .8em;
    width: 1.2857142857em;
    height: .8em;
    margin-top: -.2em !important;
    vertical-align: middle
}

.bx-pull-left {
    float: left;
    margin-right: .3em !important
}

.bx-pull-right {
    float: right;
    margin-left: .3em !important
}

.bx-rotate-90 {
    transform: rotate(90deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"
}

.bx-rotate-180 {
    transform: rotate(180deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"
}

.bx-rotate-270 {
    transform: rotate(270deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"
}

.bx-flip-horizontal {
    transform: scaleX(-1);
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"
}

.bx-flip-vertical {
    transform: scaleY(-1);
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"
}

.bx-border {
    padding: .25em;
    border: .07em solid rgba(0,0,0,.1);
    border-radius: .25em
}

.bx-border-circle {
    padding: .25em;
    border: .07em solid rgba(0,0,0,.1);
    border-radius: 50%
}

.bxs-balloon:before {
    content: ""
}

.bxs-castle:before {
    content: ""
}

.bxs-coffee-bean:before {
    content: ""
}

.bxs-objects-horizontal-center:before {
    content: ""
}

.bxs-objects-horizontal-left:before {
    content: ""
}

.bxs-objects-horizontal-right:before {
    content: ""
}

.bxs-objects-vertical-bottom:before {
    content: ""
}

.bxs-objects-vertical-center:before {
    content: ""
}

.bxs-objects-vertical-top:before {
    content: ""
}

.bxs-pear:before {
    content: ""
}

.bxs-shield-minus:before {
    content: ""
}

.bxs-shield-plus:before {
    content: ""
}

.bxs-shower:before {
    content: ""
}

.bxs-sushi:before {
    content: ""
}

.bxs-universal-access:before {
    content: ""
}

.bx-child:before {
    content: ""
}

.bx-horizontal-left:before {
    content: ""
}

.bx-horizontal-right:before {
    content: ""
}

.bx-objects-horizontal-center:before {
    content: ""
}

.bx-objects-horizontal-left:before {
    content: ""
}

.bx-objects-horizontal-right:before {
    content: ""
}

.bx-objects-vertical-bottom:before {
    content: ""
}

.bx-objects-vertical-center:before {
    content: ""
}

.bx-objects-vertical-top:before {
    content: ""
}

.bx-rfid:before {
    content: ""
}

.bx-shield-minus:before {
    content: ""
}

.bx-shield-plus:before {
    content: ""
}

.bx-shower:before {
    content: ""
}

.bx-sushi:before {
    content: ""
}

.bx-universal-access:before {
    content: ""
}

.bx-vertical-bottom:before {
    content: ""
}

.bx-vertical-top:before {
    content: ""
}

.bxl-graphql:before {
    content: ""
}

.bxl-typescript:before {
    content: ""
}

.bxs-color:before {
    content: ""
}

.bx-reflect-horizontal:before {
    content: ""
}

.bx-reflect-vertical:before {
    content: ""
}

.bx-color:before {
    content: ""
}

.bxl-mongodb:before {
    content: ""
}

.bxl-postgresql:before {
    content: ""
}

.bxl-deezer:before {
    content: ""
}

.bxs-hard-hat:before {
    content: ""
}

.bxs-home-alt-2:before {
    content: ""
}

.bxs-cheese:before {
    content: ""
}

.bx-home-alt-2:before {
    content: ""
}

.bx-hard-hat:before {
    content: ""
}

.bx-cheese:before {
    content: ""
}

.bx-cart-add:before {
    content: ""
}

.bx-cart-download:before {
    content: ""
}

.bx-no-signal:before {
    content: ""
}

.bx-signal-1:before {
    content: ""
}

.bx-signal-2:before {
    content: ""
}

.bx-signal-3:before {
    content: ""
}

.bx-signal-4:before {
    content: ""
}

.bx-signal-5:before {
    content: ""
}

.bxl-xing:before {
    content: ""
}

.bxl-meta:before {
    content: ""
}

.bx-lemon:before {
    content: ""
}

.bxs-lemon:before {
    content: ""
}

.bx-cricket-ball:before {
    content: ""
}

.bx-baguette:before {
    content: ""
}

.bx-bowl-hot:before {
    content: ""
}

.bx-bowl-rice:before {
    content: ""
}

.bx-cable-car:before {
    content: ""
}

.bx-candles:before {
    content: ""
}

.bx-circle-half:before {
    content: ""
}

.bx-circle-quarter:before {
    content: ""
}

.bx-circle-three-quarter:before {
    content: ""
}

.bx-cross:before {
    content: ""
}

.bx-fork:before {
    content: ""
}

.bx-knife:before {
    content: ""
}

.bx-money-withdraw:before {
    content: ""
}

.bx-popsicle:before {
    content: ""
}

.bx-scatter-chart:before {
    content: ""
}

.bxs-baguette:before {
    content: ""
}

.bxs-bowl-hot:before {
    content: ""
}

.bxs-bowl-rice:before {
    content: ""
}

.bxs-cable-car:before {
    content: ""
}

.bxs-circle-half:before {
    content: ""
}

.bxs-circle-quarter:before {
    content: ""
}

.bxs-circle-three-quarter:before {
    content: ""
}

.bxs-cricket-ball:before {
    content: ""
}

.bxs-invader:before {
    content: ""
}

.bx-male-female:before {
    content: ""
}

.bxs-popsicle:before {
    content: ""
}

.bxs-tree-alt:before {
    content: ""
}

.bxl-venmo:before {
    content: ""
}

.bxl-upwork:before {
    content: ""
}

.bxl-netlify:before {
    content: ""
}

.bxl-java:before {
    content: ""
}

.bxl-heroku:before {
    content: ""
}

.bxl-go-lang:before {
    content: ""
}

.bxl-gmail:before {
    content: ""
}

.bxl-flask:before {
    content: ""
}

.bxl-99designs:before {
    content: ""
}

.bxl-500px:before {
    content: ""
}

.bxl-adobe:before {
    content: ""
}

.bxl-airbnb:before {
    content: ""
}

.bxl-algolia:before {
    content: ""
}

.bxl-amazon:before {
    content: ""
}

.bxl-android:before {
    content: ""
}

.bxl-angular:before {
    content: ""
}

.bxl-apple:before {
    content: ""
}

.bxl-audible:before {
    content: ""
}

.bxl-aws:before {
    content: ""
}

.bxl-baidu:before {
    content: ""
}

.bxl-behance:before {
    content: ""
}

.bxl-bing:before {
    content: ""
}

.bxl-bitcoin:before {
    content: ""
}

.bxl-blender:before {
    content: ""
}

.bxl-blogger:before {
    content: ""
}

.bxl-bootstrap:before {
    content: ""
}

.bxl-chrome:before {
    content: ""
}

.bxl-codepen:before {
    content: ""
}

.bxl-c-plus-plus:before {
    content: ""
}

.bxl-creative-commons:before {
    content: ""
}

.bxl-css3:before {
    content: ""
}

.bxl-dailymotion:before {
    content: ""
}

.bxl-deviantart:before {
    content: ""
}

.bxl-dev-to:before {
    content: ""
}

.bxl-digg:before {
    content: ""
}

.bxl-digitalocean:before {
    content: ""
}

.bxl-discord:before {
    content: ""
}

.bxl-discord-alt:before {
    content: ""
}

.bxl-discourse:before {
    content: ""
}

.bxl-django:before {
    content: ""
}

.bxl-docker:before {
    content: ""
}

.bxl-dribbble:before {
    content: ""
}

.bxl-dropbox:before {
    content: ""
}

.bxl-drupal:before {
    content: ""
}

.bxl-ebay:before {
    content: ""
}

.bxl-edge:before {
    content: ""
}

.bxl-etsy:before {
    content: ""
}

.bxl-facebook:before {
    content: ""
}

.bxl-facebook-circle:before {
    content: ""
}

.bxl-facebook-square:before {
    content: ""
}

.bxl-figma:before {
    content: ""
}

.bxl-firebase:before {
    content: ""
}

.bxl-firefox:before {
    content: ""
}

.bxl-flickr:before {
    content: ""
}

.bxl-flickr-square:before {
    content: ""
}

.bxl-flutter:before {
    content: ""
}

.bxl-foursquare:before {
    content: ""
}

.bxl-git:before {
    content: ""
}

.bxl-github:before {
    content: ""
}

.bxl-gitlab:before {
    content: ""
}

.bxl-google:before {
    content: ""
}

.bxl-google-cloud:before {
    content: ""
}

.bxl-google-plus:before {
    content: ""
}

.bxl-google-plus-circle:before {
    content: ""
}

.bxl-html5:before {
    content: ""
}

.bxl-imdb:before {
    content: ""
}

.bxl-instagram:before {
    content: ""
}

.bxl-instagram-alt:before {
    content: ""
}

.bxl-internet-explorer:before {
    content: ""
}

.bxl-invision:before {
    content: ""
}

.bxl-javascript:before {
    content: ""
}

.bxl-joomla:before {
    content: ""
}

.bxl-jquery:before {
    content: ""
}

.bxl-jsfiddle:before {
    content: ""
}

.bxl-kickstarter:before {
    content: ""
}

.bxl-kubernetes:before {
    content: ""
}

.bxl-less:before {
    content: ""
}

.bxl-linkedin:before {
    content: ""
}

.bxl-linkedin-square:before {
    content: ""
}

.bxl-magento:before {
    content: ""
}

.bxl-mailchimp:before {
    content: ""
}

.bxl-markdown:before {
    content: ""
}

.bxl-mastercard:before {
    content: ""
}

.bxl-mastodon:before {
    content: ""
}

.bxl-medium:before {
    content: ""
}

.bxl-medium-old:before {
    content: ""
}

.bxl-medium-square:before {
    content: ""
}

.bxl-messenger:before {
    content: ""
}

.bxl-microsoft:before {
    content: ""
}

.bxl-microsoft-teams:before {
    content: ""
}

.bxl-nodejs:before {
    content: ""
}

.bxl-ok-ru:before {
    content: ""
}

.bxl-opera:before {
    content: ""
}

.bxl-patreon:before {
    content: ""
}

.bxl-paypal:before {
    content: ""
}

.bxl-periscope:before {
    content: ""
}

.bxl-php:before {
    content: ""
}

.bxl-pinterest:before {
    content: ""
}

.bxl-pinterest-alt:before {
    content: ""
}

.bxl-play-store:before {
    content: ""
}

.bxl-pocket:before {
    content: ""
}

.bxl-product-hunt:before {
    content: ""
}

.bxl-python:before {
    content: ""
}

.bxl-quora:before {
    content: ""
}

.bxl-react:before {
    content: ""
}

.bxl-redbubble:before {
    content: ""
}

.bxl-reddit:before {
    content: ""
}

.bxl-redux:before {
    content: ""
}

.bxl-sass:before {
    content: ""
}

.bxl-shopify:before {
    content: ""
}

.bxl-sketch:before {
    content: ""
}

.bxl-skype:before {
    content: ""
}

.bxl-slack:before {
    content: ""
}

.bxl-slack-old:before {
    content: ""
}

.bxl-snapchat:before {
    content: ""
}

.bxl-soundcloud:before {
    content: ""
}

.bxl-spotify:before {
    content: ""
}

.bxl-spring-boot:before {
    content: ""
}

.bxl-squarespace:before {
    content: ""
}

.bxl-stack-overflow:before {
    content: ""
}

.bxl-steam:before {
    content: ""
}

.bxl-stripe:before {
    content: ""
}

.bxl-tailwind-css:before {
    content: ""
}

.bxl-telegram:before {
    content: ""
}

.bxl-tiktok:before {
    content: ""
}

.bxl-trello:before {
    content: ""
}

.bxl-trip-advisor:before {
    content: ""
}

.bxl-tumblr:before {
    content: ""
}

.bxl-tux:before {
    content: ""
}

.bxl-twitch:before {
    content: ""
}

.bxl-twitter:before {
    content: ""
}

.bxl-unity:before {
    content: ""
}

.bxl-unsplash:before {
    content: ""
}

.bxl-vimeo:before {
    content: ""
}

.bxl-visa:before {
    content: ""
}

.bxl-visual-studio:before {
    content: ""
}

.bxl-vk:before {
    content: ""
}

.bxl-vuejs:before {
    content: ""
}

.bxl-whatsapp:before {
    content: ""
}

.bxl-whatsapp-square:before {
    content: ""
}

.bxl-wikipedia:before {
    content: ""
}

.bxl-windows:before {
    content: ""
}

.bxl-wix:before {
    content: ""
}

.bxl-wordpress:before {
    content: ""
}

.bxl-yahoo:before {
    content: ""
}

.bxl-yelp:before {
    content: ""
}

.bxl-youtube:before {
    content: ""
}

.bxl-zoom:before {
    content: ""
}

.bx-collapse-alt:before {
    content: ""
}

.bx-collapse-horizontal:before {
    content: ""
}

.bx-collapse-vertical:before {
    content: ""
}

.bx-expand-horizontal:before {
    content: ""
}

.bx-expand-vertical:before {
    content: ""
}

.bx-injection:before {
    content: ""
}

.bx-leaf:before {
    content: ""
}

.bx-math:before {
    content: ""
}

.bx-party:before {
    content: ""
}

.bx-abacus:before {
    content: ""
}

.bx-accessibility:before {
    content: ""
}

.bx-add-to-queue:before {
    content: ""
}

.bx-adjust:before {
    content: ""
}

.bx-alarm:before {
    content: ""
}

.bx-alarm-add:before {
    content: ""
}

.bx-alarm-exclamation:before {
    content: ""
}

.bx-alarm-off:before {
    content: ""
}

.bx-alarm-snooze:before {
    content: ""
}

.bx-album:before {
    content: ""
}

.bx-align-justify:before {
    content: ""
}

.bx-align-left:before {
    content: ""
}

.bx-align-middle:before {
    content: ""
}

.bx-align-right:before {
    content: ""
}

.bx-analyse:before {
    content: ""
}

.bx-anchor:before {
    content: ""
}

.bx-angry:before {
    content: ""
}

.bx-aperture:before {
    content: ""
}

.bx-arch:before {
    content: ""
}

.bx-archive:before {
    content: ""
}

.bx-archive-in:before {
    content: ""
}

.bx-archive-out:before {
    content: ""
}

.bx-area:before {
    content: ""
}

.bx-arrow-back:before {
    content: ""
}

.bx-arrow-from-bottom:before {
    content: ""
}

.bx-arrow-from-left:before {
    content: ""
}

.bx-arrow-from-right:before {
    content: ""
}

.bx-arrow-from-top:before {
    content: ""
}

.bx-arrow-to-bottom:before {
    content: ""
}

.bx-arrow-to-left:before {
    content: ""
}

.bx-arrow-to-right:before {
    content: ""
}

.bx-arrow-to-top:before {
    content: ""
}

.bx-at:before {
    content: ""
}

.bx-atom:before {
    content: ""
}

.bx-award:before {
    content: ""
}

.bx-badge:before {
    content: ""
}

.bx-badge-check:before {
    content: ""
}

.bx-ball:before {
    content: ""
}

.bx-band-aid:before {
    content: ""
}

.bx-bar-chart:before {
    content: ""
}

.bx-bar-chart-alt:before {
    content: ""
}

.bx-bar-chart-alt-2:before {
    content: ""
}

.bx-bar-chart-square:before {
    content: ""
}

.bx-barcode:before {
    content: ""
}

.bx-barcode-reader:before {
    content: ""
}

.bx-baseball:before {
    content: ""
}

.bx-basket:before {
    content: ""
}

.bx-basketball:before {
    content: ""
}

.bx-bath:before {
    content: ""
}

.bx-battery:before {
    content: ""
}

.bx-bed:before {
    content: ""
}

.bx-been-here:before {
    content: ""
}

.bx-beer:before {
    content: ""
}

.bx-bell:before {
    content: ""
}

.bx-bell-minus:before {
    content: ""
}

.bx-bell-off:before {
    content: ""
}

.bx-bell-plus:before {
    content: ""
}

.bx-bible:before {
    content: ""
}

.bx-bitcoin:before {
    content: ""
}

.bx-blanket:before {
    content: ""
}

.bx-block:before {
    content: ""
}

.bx-bluetooth:before {
    content: ""
}

.bx-body:before {
    content: ""
}

.bx-bold:before {
    content: ""
}

.bx-bolt-circle:before {
    content: ""
}

.bx-bomb:before {
    content: ""
}

.bx-bone:before {
    content: ""
}

.bx-bong:before {
    content: ""
}

.bx-book:before {
    content: ""
}

.bx-book-add:before {
    content: ""
}

.bx-book-alt:before {
    content: ""
}

.bx-book-bookmark:before {
    content: ""
}

.bx-book-content:before {
    content: ""
}

.bx-book-heart:before {
    content: ""
}

.bx-bookmark:before {
    content: ""
}

.bx-bookmark-alt:before {
    content: ""
}

.bx-bookmark-alt-minus:before {
    content: ""
}

.bx-bookmark-alt-plus:before {
    content: ""
}

.bx-bookmark-heart:before {
    content: ""
}

.bx-bookmark-minus:before {
    content: ""
}

.bx-bookmark-plus:before {
    content: ""
}

.bx-bookmarks:before {
    content: ""
}

.bx-book-open:before {
    content: ""
}

.bx-book-reader:before {
    content: ""
}

.bx-border-all:before {
    content: ""
}

.bx-border-bottom:before {
    content: ""
}

.bx-border-inner:before {
    content: ""
}

.bx-border-left:before {
    content: ""
}

.bx-border-none:before {
    content: ""
}

.bx-border-outer:before {
    content: ""
}

.bx-border-radius:before {
    content: ""
}

.bx-border-right:before {
    content: ""
}

.bx-border-top:before {
    content: ""
}

.bx-bot:before {
    content: ""
}

.bx-bowling-ball:before {
    content: ""
}

.bx-box:before {
    content: ""
}

.bx-bracket:before {
    content: ""
}

.bx-braille:before {
    content: ""
}

.bx-brain:before {
    content: ""
}

.bx-briefcase:before {
    content: ""
}

.bx-briefcase-alt:before {
    content: ""
}

.bx-briefcase-alt-2:before {
    content: ""
}

.bx-brightness:before {
    content: ""
}

.bx-brightness-half:before {
    content: ""
}

.bx-broadcast:before {
    content: ""
}

.bx-brush:before {
    content: ""
}

.bx-brush-alt:before {
    content: ""
}

.bx-bug:before {
    content: ""
}

.bx-bug-alt:before {
    content: ""
}

.bx-building:before {
    content: ""
}

.bx-building-house:before {
    content: ""
}

.bx-buildings:before {
    content: ""
}

.bx-bulb:before {
    content: ""
}

.bx-bullseye:before {
    content: ""
}

.bx-buoy:before {
    content: ""
}

.bx-bus:before {
    content: ""
}

.bx-bus-school:before {
    content: ""
}

.bx-cabinet:before {
    content: ""
}

.bx-cake:before {
    content: ""
}

.bx-calculator:before {
    content: ""
}

.bx-calendar:before {
    content: ""
}

.bx-calendar-alt:before {
    content: ""
}

.bx-calendar-check:before {
    content: ""
}

.bx-calendar-edit:before {
    content: ""
}

.bx-calendar-event:before {
    content: ""
}

.bx-calendar-exclamation:before {
    content: ""
}

.bx-calendar-heart:before {
    content: ""
}

.bx-calendar-minus:before {
    content: ""
}

.bx-calendar-plus:before {
    content: ""
}

.bx-calendar-star:before {
    content: ""
}

.bx-calendar-week:before {
    content: ""
}

.bx-calendar-x:before {
    content: ""
}

.bx-camera:before {
    content: ""
}

.bx-camera-home:before {
    content: ""
}

.bx-camera-movie:before {
    content: ""
}

.bx-camera-off:before {
    content: ""
}

.bx-capsule:before {
    content: ""
}

.bx-captions:before {
    content: ""
}

.bx-car:before {
    content: ""
}

.bx-card:before {
    content: ""
}

.bx-caret-down:before {
    content: ""
}

.bx-caret-down-circle:before {
    content: ""
}

.bx-caret-down-square:before {
    content: ""
}

.bx-caret-left:before {
    content: ""
}

.bx-caret-left-circle:before {
    content: ""
}

.bx-caret-left-square:before {
    content: ""
}

.bx-caret-right:before {
    content: ""
}

.bx-caret-right-circle:before {
    content: ""
}

.bx-caret-right-square:before {
    content: ""
}

.bx-caret-up:before {
    content: ""
}

.bx-caret-up-circle:before {
    content: ""
}

.bx-caret-up-square:before {
    content: ""
}

.bx-carousel:before {
    content: ""
}

.bx-cart:before {
    content: ""
}

.bx-cart-alt:before {
    content: ""
}

.bx-cast:before {
    content: ""
}

.bx-category:before {
    content: ""
}

.bx-category-alt:before {
    content: ""
}

.bx-cctv:before {
    content: ""
}

.bx-certification:before {
    content: ""
}

.bx-chair:before {
    content: ""
}

.bx-chalkboard:before {
    content: ""
}

.bx-chart:before {
    content: ""
}

.bx-chat:before {
    content: ""
}

.bx-check:before {
    content: ""
}

.bx-checkbox:before {
    content: ""
}

.bx-checkbox-checked:before {
    content: ""
}

.bx-checkbox-minus:before {
    content: ""
}

.bx-checkbox-square:before {
    content: ""
}

.bx-check-circle:before {
    content: ""
}

.bx-check-double:before {
    content: ""
}

.bx-check-shield:before {
    content: ""
}

.bx-check-square:before {
    content: ""
}

.bx-chevron-down:before {
    content: ""
}

.bx-chevron-down-circle:before {
    content: ""
}

.bx-chevron-down-square:before {
    content: ""
}

.bx-chevron-left:before {
    content: ""
}

.bx-chevron-left-circle:before {
    content: ""
}

.bx-chevron-left-square:before {
    content: ""
}

.bx-chevron-right:before {
    content: ""
}

.bx-chevron-right-circle:before {
    content: ""
}

.bx-chevron-right-square:before {
    content: ""
}

.bx-chevrons-down:before {
    content: ""
}

.bx-chevrons-left:before {
    content: ""
}

.bx-chevrons-right:before {
    content: ""
}

.bx-chevrons-up:before {
    content: ""
}

.bx-chevron-up:before {
    content: ""
}

.bx-chevron-up-circle:before {
    content: ""
}

.bx-chevron-up-square:before {
    content: ""
}

.bx-chip:before {
    content: ""
}

.bx-church:before {
    content: ""
}

.bx-circle:before {
    content: ""
}

.bx-clinic:before {
    content: ""
}

.bx-clipboard:before {
    content: ""
}

.bx-closet:before {
    content: ""
}

.bx-cloud:before {
    content: ""
}

.bx-cloud-download:before {
    content: ""
}

.bx-cloud-drizzle:before {
    content: ""
}

.bx-cloud-lightning:before {
    content: ""
}

.bx-cloud-light-rain:before {
    content: ""
}

.bx-cloud-rain:before {
    content: ""
}

.bx-cloud-snow:before {
    content: ""
}

.bx-cloud-upload:before {
    content: ""
}

.bx-code:before {
    content: ""
}

.bx-code-alt:before {
    content: ""
}

.bx-code-block:before {
    content: ""
}

.bx-code-curly:before {
    content: ""
}

.bx-coffee:before {
    content: ""
}

.bx-coffee-togo:before {
    content: ""
}

.bx-cog:before {
    content: ""
}

.bx-coin:before {
    content: ""
}

.bx-coin-stack:before {
    content: ""
}

.bx-collapse:before {
    content: ""
}

.bx-collection:before {
    content: ""
}

.bx-color-fill:before {
    content: ""
}

.bx-columns:before {
    content: ""
}

.bx-command:before {
    content: ""
}

.bx-comment:before {
    content: ""
}

.bx-comment-add:before {
    content: ""
}

.bx-comment-check:before {
    content: ""
}

.bx-comment-detail:before {
    content: ""
}

.bx-comment-dots:before {
    content: ""
}

.bx-comment-edit:before {
    content: ""
}

.bx-comment-error:before {
    content: ""
}

.bx-comment-minus:before {
    content: ""
}

.bx-comment-x:before {
    content: ""
}

.bx-compass:before {
    content: ""
}

.bx-confused:before {
    content: ""
}

.bx-conversation:before {
    content: ""
}

.bx-cookie:before {
    content: ""
}

.bx-cool:before {
    content: ""
}

.bx-copy:before {
    content: ""
}

.bx-copy-alt:before {
    content: ""
}

.bx-copyright:before {
    content: ""
}

.bx-credit-card:before {
    content: ""
}

.bx-credit-card-alt:before {
    content: ""
}

.bx-credit-card-front:before {
    content: ""
}

.bx-crop:before {
    content: ""
}

.bx-crosshair:before {
    content: ""
}

.bx-crown:before {
    content: ""
}

.bx-cube:before {
    content: ""
}

.bx-cube-alt:before {
    content: ""
}

.bx-cuboid:before {
    content: ""
}

.bx-current-location:before {
    content: ""
}

.bx-customize:before {
    content: ""
}

.bx-cut:before {
    content: ""
}

.bx-cycling:before {
    content: ""
}

.bx-cylinder:before {
    content: ""
}

.bx-data:before {
    content: ""
}

.bx-desktop:before {
    content: ""
}

.bx-detail:before {
    content: ""
}

.bx-devices:before {
    content: ""
}

.bx-dialpad:before {
    content: ""
}

.bx-dialpad-alt:before {
    content: ""
}

.bx-diamond:before {
    content: ""
}

.bx-dice-1:before {
    content: ""
}

.bx-dice-2:before {
    content: ""
}

.bx-dice-3:before {
    content: ""
}

.bx-dice-4:before {
    content: ""
}

.bx-dice-5:before {
    content: ""
}

.bx-dice-6:before {
    content: ""
}

.bx-directions:before {
    content: ""
}

.bx-disc:before {
    content: ""
}

.bx-dish:before {
    content: ""
}

.bx-dislike:before {
    content: ""
}

.bx-dizzy:before {
    content: ""
}

.bx-dna:before {
    content: ""
}

.bx-dock-bottom:before {
    content: ""
}

.bx-dock-left:before {
    content: ""
}

.bx-dock-right:before {
    content: ""
}

.bx-dock-top:before {
    content: ""
}

.bx-dollar:before {
    content: ""
}

.bx-dollar-circle:before {
    content: ""
}

.bx-donate-blood:before {
    content: ""
}

.bx-donate-heart:before {
    content: ""
}

.bx-door-open:before {
    content: ""
}

.bx-dots-horizontal:before {
    content: ""
}

.bx-dots-horizontal-rounded:before {
    content: ""
}

.bx-dots-vertical:before {
    content: ""
}

.bx-dots-vertical-rounded:before {
    content: ""
}

.bx-doughnut-chart:before {
    content: ""
}

.bx-down-arrow:before {
    content: ""
}

.bx-down-arrow-alt:before {
    content: ""
}

.bx-down-arrow-circle:before {
    content: ""
}

.bx-download:before {
    content: ""
}

.bx-downvote:before {
    content: ""
}

.bx-drink:before {
    content: ""
}

.bx-droplet:before {
    content: ""
}

.bx-dumbbell:before {
    content: ""
}

.bx-duplicate:before {
    content: ""
}

.bx-edit:before {
    content: ""
}

.bx-edit-alt:before {
    content: ""
}

.bx-envelope:before {
    content: ""
}

.bx-envelope-open:before {
    content: ""
}

.bx-equalizer:before {
    content: ""
}

.bx-eraser:before {
    content: ""
}

.bx-error:before {
    content: ""
}

.bx-error-alt:before {
    content: ""
}

.bx-error-circle:before {
    content: ""
}

.bx-euro:before {
    content: ""
}

.bx-exclude:before {
    content: ""
}

.bx-exit:before {
    content: ""
}

.bx-exit-fullscreen:before {
    content: ""
}

.bx-expand:before {
    content: ""
}

.bx-expand-alt:before {
    content: ""
}

.bx-export:before {
    content: ""
}

.bx-extension:before {
    content: ""
}

.bx-face:before {
    content: ""
}

.bx-fast-forward:before {
    content: ""
}

.bx-fast-forward-circle:before {
    content: ""
}

.bx-female:before {
    content: ""
}

.bx-female-sign:before {
    content: ""
}

.bx-file:before {
    content: ""
}

.bx-file-blank:before {
    content: ""
}

.bx-file-find:before {
    content: ""
}

.bx-film:before {
    content: ""
}

.bx-filter:before {
    content: ""
}

.bx-filter-alt:before {
    content: ""
}

.bx-fingerprint:before {
    content: ""
}

.bx-first-aid:before {
    content: ""
}

.bx-first-page:before {
    content: ""
}

.bx-flag:before {
    content: ""
}

.bx-folder:before {
    content: ""
}

.bx-folder-minus:before {
    content: ""
}

.bx-folder-open:before {
    content: ""
}

.bx-folder-plus:before {
    content: ""
}

.bx-font:before {
    content: ""
}

.bx-font-color:before {
    content: ""
}

.bx-font-family:before {
    content: ""
}

.bx-font-size:before {
    content: ""
}

.bx-food-menu:before {
    content: ""
}

.bx-food-tag:before {
    content: ""
}

.bx-football:before {
    content: ""
}

.bx-fridge:before {
    content: ""
}

.bx-fullscreen:before {
    content: ""
}

.bx-game:before {
    content: ""
}

.bx-gas-pump:before {
    content: ""
}

.bx-ghost:before {
    content: ""
}

.bx-gift:before {
    content: ""
}

.bx-git-branch:before {
    content: ""
}

.bx-git-commit:before {
    content: ""
}

.bx-git-compare:before {
    content: ""
}

.bx-git-merge:before {
    content: ""
}

.bx-git-pull-request:before {
    content: ""
}

.bx-git-repo-forked:before {
    content: ""
}

.bx-glasses:before {
    content: ""
}

.bx-glasses-alt:before {
    content: ""
}

.bx-globe:before {
    content: ""
}

.bx-globe-alt:before {
    content: ""
}

.bx-grid:before {
    content: ""
}

.bx-grid-alt:before {
    content: ""
}

.bx-grid-horizontal:before {
    content: ""
}

.bx-grid-small:before {
    content: ""
}

.bx-grid-vertical:before {
    content: ""
}

.bx-group:before {
    content: ""
}

.bx-handicap:before {
    content: ""
}

.bx-happy:before {
    content: ""
}

.bx-happy-alt:before {
    content: ""
}

.bx-happy-beaming:before {
    content: ""
}

.bx-happy-heart-eyes:before {
    content: ""
}

.bx-hash:before {
    content: ""
}

.bx-hdd:before {
    content: ""
}

.bx-heading:before {
    content: ""
}

.bx-headphone:before {
    content: ""
}

.bx-health:before {
    content: ""
}

.bx-heart:before {
    content: ""
}

.bx-heart-circle:before {
    content: ""
}

.bx-heart-square:before {
    content: ""
}

.bx-help-circle:before {
    content: ""
}

.bx-hide:before {
    content: ""
}

.bx-highlight:before {
    content: ""
}

.bx-history:before {
    content: ""
}

.bx-hive:before {
    content: ""
}

.bx-home:before {
    content: ""
}

.bx-home-alt:before {
    content: ""
}

.bx-home-circle:before {
    content: ""
}

.bx-home-heart:before {
    content: ""
}

.bx-home-smile:before {
    content: ""
}

.bx-horizontal-center:before {
    content: ""
}

.bx-hotel:before {
    content: ""
}

.bx-hourglass:before {
    content: ""
}

.bx-id-card:before {
    content: ""
}

.bx-image:before {
    content: ""
}

.bx-image-add:before {
    content: ""
}

.bx-image-alt:before {
    content: ""
}

.bx-images:before {
    content: ""
}

.bx-import:before {
    content: ""
}

.bx-infinite:before {
    content: ""
}

.bx-info-circle:before {
    content: ""
}

.bx-info-square:before {
    content: ""
}

.bx-intersect:before {
    content: ""
}

.bx-italic:before {
    content: ""
}

.bx-joystick:before {
    content: ""
}

.bx-joystick-alt:before {
    content: ""
}

.bx-joystick-button:before {
    content: ""
}

.bx-key:before {
    content: ""
}

.bx-label:before {
    content: ""
}

.bx-landscape:before {
    content: ""
}

.bx-laptop:before {
    content: ""
}

.bx-last-page:before {
    content: ""
}

.bx-laugh:before {
    content: ""
}

.bx-layer:before {
    content: ""
}

.bx-layer-minus:before {
    content: ""
}

.bx-layer-plus:before {
    content: ""
}

.bx-layout:before {
    content: ""
}

.bx-left-arrow:before {
    content: ""
}

.bx-left-arrow-alt:before {
    content: ""
}

.bx-left-arrow-circle:before {
    content: ""
}

.bx-left-down-arrow-circle:before {
    content: ""
}

.bx-left-indent:before {
    content: ""
}

.bx-left-top-arrow-circle:before {
    content: ""
}

.bx-library:before {
    content: ""
}

.bx-like:before {
    content: ""
}

.bx-line-chart:before {
    content: ""
}

.bx-line-chart-down:before {
    content: ""
}

.bx-link:before {
    content: ""
}

.bx-link-alt:before {
    content: ""
}

.bx-link-external:before {
    content: ""
}

.bx-lira:before {
    content: ""
}

.bx-list-check:before {
    content: ""
}

.bx-list-minus:before {
    content: ""
}

.bx-list-ol:before {
    content: ""
}

.bx-list-plus:before {
    content: ""
}

.bx-list-ul:before {
    content: ""
}

.bx-loader:before {
    content: ""
}

.bx-loader-alt:before {
    content: ""
}

.bx-loader-circle:before {
    content: ""
}

.bx-location-plus:before {
    content: ""
}

.bx-lock:before {
    content: ""
}

.bx-lock-alt:before {
    content: ""
}

.bx-lock-open:before {
    content: ""
}

.bx-lock-open-alt:before {
    content: ""
}

.bx-log-in:before {
    content: ""
}

.bx-log-in-circle:before {
    content: ""
}

.bx-log-out:before {
    content: ""
}

.bx-log-out-circle:before {
    content: ""
}

.bx-low-vision:before {
    content: ""
}

.bx-magnet:before {
    content: ""
}

.bx-mail-send:before {
    content: ""
}

.bx-male:before {
    content: ""
}

.bx-male-sign:before {
    content: ""
}

.bx-map:before {
    content: ""
}

.bx-map-alt:before {
    content: ""
}

.bx-map-pin:before {
    content: ""
}

.bx-mask:before {
    content: ""
}

.bx-medal:before {
    content: ""
}

.bx-meh:before {
    content: ""
}

.bx-meh-alt:before {
    content: ""
}

.bx-meh-blank:before {
    content: ""
}

.bx-memory-card:before {
    content: ""
}

.bx-menu:before {
    content: ""
}

.bx-menu-alt-left:before {
    content: ""
}

.bx-menu-alt-right:before {
    content: ""
}

.bx-merge:before {
    content: ""
}

.bx-message:before {
    content: ""
}

.bx-message-add:before {
    content: ""
}

.bx-message-alt:before {
    content: ""
}

.bx-message-alt-add:before {
    content: ""
}

.bx-message-alt-check:before {
    content: ""
}

.bx-message-alt-detail:before {
    content: ""
}

.bx-message-alt-dots:before {
    content: ""
}

.bx-message-alt-edit:before {
    content: ""
}

.bx-message-alt-error:before {
    content: ""
}

.bx-message-alt-minus:before {
    content: ""
}

.bx-message-alt-x:before {
    content: ""
}

.bx-message-check:before {
    content: ""
}

.bx-message-detail:before {
    content: ""
}

.bx-message-dots:before {
    content: ""
}

.bx-message-edit:before {
    content: ""
}

.bx-message-error:before {
    content: ""
}

.bx-message-minus:before {
    content: ""
}

.bx-message-rounded:before {
    content: ""
}

.bx-message-rounded-add:before {
    content: ""
}

.bx-message-rounded-check:before {
    content: ""
}

.bx-message-rounded-detail:before {
    content: ""
}

.bx-message-rounded-dots:before {
    content: ""
}

.bx-message-rounded-edit:before {
    content: ""
}

.bx-message-rounded-error:before {
    content: ""
}

.bx-message-rounded-minus:before {
    content: ""
}

.bx-message-rounded-x:before {
    content: ""
}

.bx-message-square:before {
    content: ""
}

.bx-message-square-add:before {
    content: ""
}

.bx-message-square-check:before {
    content: ""
}

.bx-message-square-detail:before {
    content: ""
}

.bx-message-square-dots:before {
    content: ""
}

.bx-message-square-edit:before {
    content: ""
}

.bx-message-square-error:before {
    content: ""
}

.bx-message-square-minus:before {
    content: ""
}

.bx-message-square-x:before {
    content: ""
}

.bx-message-x:before {
    content: ""
}

.bx-meteor:before {
    content: ""
}

.bx-microchip:before {
    content: ""
}

.bx-microphone:before {
    content: ""
}

.bx-microphone-off:before {
    content: ""
}

.bx-minus:before {
    content: ""
}

.bx-minus-back:before {
    content: ""
}

.bx-minus-circle:before {
    content: ""
}

.bx-minus-front:before {
    content: ""
}

.bx-mobile:before {
    content: ""
}

.bx-mobile-alt:before {
    content: ""
}

.bx-mobile-landscape:before {
    content: ""
}

.bx-mobile-vibration:before {
    content: ""
}

.bx-money:before {
    content: ""
}

.bx-moon:before {
    content: ""
}

.bx-mouse:before {
    content: ""
}

.bx-mouse-alt:before {
    content: ""
}

.bx-move:before {
    content: ""
}

.bx-move-horizontal:before {
    content: ""
}

.bx-move-vertical:before {
    content: ""
}

.bx-movie:before {
    content: ""
}

.bx-movie-play:before {
    content: ""
}

.bx-music:before {
    content: ""
}

.bx-navigation:before {
    content: ""
}

.bx-network-chart:before {
    content: ""
}

.bx-news:before {
    content: ""
}

.bx-no-entry:before {
    content: ""
}

.bx-note:before {
    content: ""
}

.bx-notepad:before {
    content: ""
}

.bx-notification:before {
    content: ""
}

.bx-notification-off:before {
    content: ""
}

.bx-outline:before {
    content: ""
}

.bx-package:before {
    content: ""
}

.bx-paint:before {
    content: ""
}

.bx-paint-roll:before {
    content: ""
}

.bx-palette:before {
    content: ""
}

.bx-paperclip:before {
    content: ""
}

.bx-paper-plane:before {
    content: ""
}

.bx-paragraph:before {
    content: ""
}

.bx-paste:before {
    content: ""
}

.bx-pause:before {
    content: ""
}

.bx-pause-circle:before {
    content: ""
}

.bx-pen:before {
    content: ""
}

.bx-pencil:before {
    content: ""
}

.bx-phone:before {
    content: ""
}

.bx-phone-call:before {
    content: ""
}

.bx-phone-incoming:before {
    content: ""
}

.bx-phone-off:before {
    content: ""
}

.bx-phone-outgoing:before {
    content: ""
}

.bx-photo-album:before {
    content: ""
}

.bx-pie-chart:before {
    content: ""
}

.bx-pie-chart-alt:before {
    content: ""
}

.bx-pie-chart-alt-2:before {
    content: ""
}

.bx-pin:before {
    content: ""
}

.bx-planet:before {
    content: ""
}

.bx-play:before {
    content: ""
}

.bx-play-circle:before {
    content: ""
}

.bx-plug:before {
    content: ""
}

.bx-plus:before {
    content: ""
}

.bx-plus-circle:before {
    content: ""
}

.bx-plus-medical:before {
    content: ""
}

.bx-podcast:before {
    content: ""
}

.bx-pointer:before {
    content: ""
}

.bx-poll:before {
    content: ""
}

.bx-polygon:before {
    content: ""
}

.bx-pound:before {
    content: ""
}

.bx-power-off:before {
    content: ""
}

.bx-printer:before {
    content: ""
}

.bx-pulse:before {
    content: ""
}

.bx-purchase-tag:before {
    content: ""
}

.bx-purchase-tag-alt:before {
    content: ""
}

.bx-pyramid:before {
    content: ""
}

.bx-qr:before {
    content: ""
}

.bx-qr-scan:before {
    content: ""
}

.bx-question-mark:before {
    content: ""
}

.bx-radar:before {
    content: ""
}

.bx-radio:before {
    content: ""
}

.bx-radio-circle:before {
    content: ""
}

.bx-radio-circle-marked:before {
    content: ""
}

.bx-receipt:before {
    content: ""
}

.bx-rectangle:before {
    content: ""
}

.bx-recycle:before {
    content: ""
}

.bx-redo:before {
    content: ""
}

.bx-refresh:before {
    content: ""
}

.bx-registered:before {
    content: ""
}

.bx-rename:before {
    content: ""
}

.bx-repeat:before {
    content: ""
}

.bx-reply:before {
    content: ""
}

.bx-reply-all:before {
    content: ""
}

.bx-repost:before {
    content: ""
}

.bx-reset:before {
    content: ""
}

.bx-restaurant:before {
    content: ""
}

.bx-revision:before {
    content: ""
}

.bx-rewind:before {
    content: ""
}

.bx-rewind-circle:before {
    content: ""
}

.bx-right-arrow:before {
    content: ""
}

.bx-right-arrow-alt:before {
    content: ""
}

.bx-right-arrow-circle:before {
    content: ""
}

.bx-right-down-arrow-circle:before {
    content: ""
}

.bx-right-indent:before {
    content: ""
}

.bx-right-top-arrow-circle:before {
    content: ""
}

.bx-rocket:before {
    content: ""
}

.bx-rotate-left:before {
    content: ""
}

.bx-rotate-right:before {
    content: ""
}

.bx-rss:before {
    content: ""
}

.bx-ruble:before {
    content: ""
}

.bx-ruler:before {
    content: ""
}

.bx-run:before {
    content: ""
}

.bx-rupee:before {
    content: ""
}

.bx-sad:before {
    content: ""
}

.bx-save:before {
    content: ""
}

.bx-scan:before {
    content: ""
}

.bx-screenshot:before {
    content: ""
}

.bx-search:before {
    content: ""
}

.bx-search-alt:before {
    content: ""
}

.bx-search-alt-2:before {
    content: ""
}

.bx-selection:before {
    content: ""
}

.bx-select-multiple:before {
    content: ""
}

.bx-send:before {
    content: ""
}

.bx-server:before {
    content: ""
}

.bx-shape-circle:before {
    content: ""
}

.bx-shape-polygon:before {
    content: ""
}

.bx-shape-square:before {
    content: ""
}

.bx-shape-triangle:before {
    content: ""
}

.bx-share:before {
    content: ""
}

.bx-share-alt:before {
    content: ""
}

.bx-shekel:before {
    content: ""
}

.bx-shield:before {
    content: ""
}

.bx-shield-alt:before {
    content: ""
}

.bx-shield-alt-2:before {
    content: ""
}

.bx-shield-quarter:before {
    content: ""
}

.bx-shield-x:before {
    content: ""
}

.bx-shocked:before {
    content: ""
}

.bx-shopping-bag:before {
    content: ""
}

.bx-show:before {
    content: ""
}

.bx-show-alt:before {
    content: ""
}

.bx-shuffle:before {
    content: ""
}

.bx-sidebar:before {
    content: ""
}

.bx-sitemap:before {
    content: ""
}

.bx-skip-next:before {
    content: ""
}

.bx-skip-next-circle:before {
    content: ""
}

.bx-skip-previous:before {
    content: ""
}

.bx-skip-previous-circle:before {
    content: ""
}

.bx-sleepy:before {
    content: ""
}

.bx-slider:before {
    content: ""
}

.bx-slider-alt:before {
    content: ""
}

.bx-slideshow:before {
    content: ""
}

.bx-smile:before {
    content: ""
}

.bx-sort:before {
    content: ""
}

.bx-sort-alt-2:before {
    content: ""
}

.bx-sort-a-z:before {
    content: ""
}

.bx-sort-down:before {
    content: ""
}

.bx-sort-up:before {
    content: ""
}

.bx-sort-z-a:before {
    content: ""
}

.bx-spa:before {
    content: ""
}

.bx-space-bar:before {
    content: ""
}

.bx-speaker:before {
    content: ""
}

.bx-spray-can:before {
    content: ""
}

.bx-spreadsheet:before {
    content: ""
}

.bx-square:before {
    content: ""
}

.bx-square-rounded:before {
    content: ""
}

.bx-star:before {
    content: ""
}

.bx-station:before {
    content: ""
}

.bx-stats:before {
    content: ""
}

.bx-sticker:before {
    content: ""
}

.bx-stop:before {
    content: ""
}

.bx-stop-circle:before {
    content: ""
}

.bx-stopwatch:before {
    content: ""
}

.bx-store:before {
    content: ""
}

.bx-store-alt:before {
    content: ""
}

.bx-street-view:before {
    content: ""
}

.bx-strikethrough:before {
    content: ""
}

.bx-subdirectory-left:before {
    content: ""
}

.bx-subdirectory-right:before {
    content: ""
}

.bx-sun:before {
    content: ""
}

.bx-support:before {
    content: ""
}

.bx-swim:before {
    content: ""
}

.bx-sync:before {
    content: ""
}

.bx-tab:before {
    content: ""
}

.bx-table:before {
    content: ""
}

.bx-tachometer:before {
    content: ""
}

.bx-tag:before {
    content: ""
}

.bx-tag-alt:before {
    content: ""
}

.bx-target-lock:before {
    content: ""
}

.bx-task:before {
    content: ""
}

.bx-task-x:before {
    content: ""
}

.bx-taxi:before {
    content: ""
}

.bx-tennis-ball:before {
    content: ""
}

.bx-terminal:before {
    content: ""
}

.bx-test-tube:before {
    content: ""
}

.bx-text:before {
    content: ""
}

.bx-time:before {
    content: ""
}

.bx-time-five:before {
    content: ""
}

.bx-timer:before {
    content: ""
}

.bx-tired:before {
    content: ""
}

.bx-toggle-left:before {
    content: ""
}

.bx-toggle-right:before {
    content: ""
}

.bx-tone:before {
    content: ""
}

.bx-traffic-cone:before {
    content: ""
}

.bx-train:before {
    content: ""
}

.bx-transfer:before {
    content: ""
}

.bx-transfer-alt:before {
    content: ""
}

.bx-trash:before {
    content: ""
}

.bx-trash-alt:before {
    content: ""
}

.bx-trending-down:before {
    content: ""
}

.bx-trending-up:before {
    content: ""
}

.bx-trim:before {
    content: ""
}

.bx-trip:before {
    content: ""
}

.bx-trophy:before {
    content: ""
}

.bx-tv:before {
    content: ""
}

.bx-underline:before {
    content: ""
}

.bx-undo:before {
    content: ""
}

.bx-unite:before {
    content: ""
}

.bx-unlink:before {
    content: ""
}

.bx-up-arrow:before {
    content: ""
}

.bx-up-arrow-alt:before {
    content: ""
}

.bx-up-arrow-circle:before {
    content: ""
}

.bx-upload:before {
    content: ""
}

.bx-upside-down:before {
    content: ""
}

.bx-upvote:before {
    content: ""
}

.bx-usb:before {
    content: ""
}

.bx-user:before {
    content: ""
}

.bx-user-check:before {
    content: ""
}

.bx-user-circle:before {
    content: ""
}

.bx-user-minus:before {
    content: ""
}

.bx-user-pin:before {
    content: ""
}

.bx-user-plus:before {
    content: ""
}

.bx-user-voice:before {
    content: ""
}

.bx-user-x:before {
    content: ""
}

.bx-vector:before {
    content: ""
}

.bx-vertical-center:before {
    content: ""
}

.bx-vial:before {
    content: ""
}

.bx-video:before {
    content: ""
}

.bx-video-off:before {
    content: ""
}

.bx-video-plus:before {
    content: ""
}

.bx-video-recording:before {
    content: ""
}

.bx-voicemail:before {
    content: ""
}

.bx-volume:before {
    content: ""
}

.bx-volume-full:before {
    content: ""
}

.bx-volume-low:before {
    content: ""
}

.bx-volume-mute:before {
    content: ""
}

.bx-walk:before {
    content: ""
}

.bx-wallet:before {
    content: ""
}

.bx-wallet-alt:before {
    content: ""
}

.bx-water:before {
    content: ""
}

.bx-webcam:before {
    content: ""
}

.bx-wifi:before {
    content: ""
}

.bx-wifi-0:before {
    content: ""
}

.bx-wifi-1:before {
    content: ""
}

.bx-wifi-2:before {
    content: ""
}

.bx-wifi-off:before {
    content: ""
}

.bx-wind:before {
    content: ""
}

.bx-window:before {
    content: ""
}

.bx-window-alt:before {
    content: ""
}

.bx-window-close:before {
    content: ""
}

.bx-window-open:before {
    content: ""
}

.bx-windows:before {
    content: ""
}

.bx-wine:before {
    content: ""
}

.bx-wink-smile:before {
    content: ""
}

.bx-wink-tongue:before {
    content: ""
}

.bx-won:before {
    content: ""
}

.bx-world:before {
    content: ""
}

.bx-wrench:before {
    content: ""
}

.bx-x:before {
    content: ""
}

.bx-x-circle:before {
    content: ""
}

.bx-yen:before {
    content: ""
}

.bx-zoom-in:before {
    content: ""
}

.bx-zoom-out:before {
    content: ""
}

.bxs-party:before {
    content: ""
}

.bxs-hot:before {
    content: ""
}

.bxs-droplet:before {
    content: ""
}

.bxs-cat:before {
    content: ""
}

.bxs-dog:before {
    content: ""
}

.bxs-injection:before {
    content: ""
}

.bxs-leaf:before {
    content: ""
}

.bxs-add-to-queue:before {
    content: ""
}

.bxs-adjust:before {
    content: ""
}

.bxs-adjust-alt:before {
    content: ""
}

.bxs-alarm:before {
    content: ""
}

.bxs-alarm-add:before {
    content: ""
}

.bxs-alarm-exclamation:before {
    content: ""
}

.bxs-alarm-off:before {
    content: ""
}

.bxs-alarm-snooze:before {
    content: ""
}

.bxs-album:before {
    content: ""
}

.bxs-ambulance:before {
    content: ""
}

.bxs-analyse:before {
    content: ""
}

.bxs-angry:before {
    content: ""
}

.bxs-arch:before {
    content: ""
}

.bxs-archive:before {
    content: ""
}

.bxs-archive-in:before {
    content: ""
}

.bxs-archive-out:before {
    content: ""
}

.bxs-area:before {
    content: ""
}

.bxs-arrow-from-bottom:before {
    content: ""
}

.bxs-arrow-from-left:before {
    content: ""
}

.bxs-arrow-from-right:before {
    content: ""
}

.bxs-arrow-from-top:before {
    content: ""
}

.bxs-arrow-to-bottom:before {
    content: ""
}

.bxs-arrow-to-left:before {
    content: ""
}

.bxs-arrow-to-right:before {
    content: ""
}

.bxs-arrow-to-top:before {
    content: ""
}

.bxs-award:before {
    content: ""
}

.bxs-baby-carriage:before {
    content: ""
}

.bxs-backpack:before {
    content: ""
}

.bxs-badge:before {
    content: ""
}

.bxs-badge-check:before {
    content: ""
}

.bxs-badge-dollar:before {
    content: ""
}

.bxs-ball:before {
    content: ""
}

.bxs-band-aid:before {
    content: ""
}

.bxs-bank:before {
    content: ""
}

.bxs-bar-chart-alt-2:before {
    content: ""
}

.bxs-bar-chart-square:before {
    content: ""
}

.bxs-barcode:before {
    content: ""
}

.bxs-baseball:before {
    content: ""
}

.bxs-basket:before {
    content: ""
}

.bxs-basketball:before {
    content: ""
}

.bxs-bath:before {
    content: ""
}

.bxs-battery:before {
    content: ""
}

.bxs-battery-charging:before {
    content: ""
}

.bxs-battery-full:before {
    content: ""
}

.bxs-battery-low:before {
    content: ""
}

.bxs-bed:before {
    content: ""
}

.bxs-been-here:before {
    content: ""
}

.bxs-beer:before {
    content: ""
}

.bxs-bell:before {
    content: ""
}

.bxs-bell-minus:before {
    content: ""
}

.bxs-bell-off:before {
    content: ""
}

.bxs-bell-plus:before {
    content: ""
}

.bxs-bell-ring:before {
    content: ""
}

.bxs-bible:before {
    content: ""
}

.bxs-binoculars:before {
    content: ""
}

.bxs-blanket:before {
    content: ""
}

.bxs-bolt:before {
    content: ""
}

.bxs-bolt-circle:before {
    content: ""
}

.bxs-bomb:before {
    content: ""
}

.bxs-bone:before {
    content: ""
}

.bxs-bong:before {
    content: ""
}

.bxs-book:before {
    content: ""
}

.bxs-book-add:before {
    content: ""
}

.bxs-book-alt:before {
    content: ""
}

.bxs-book-bookmark:before {
    content: ""
}

.bxs-book-content:before {
    content: ""
}

.bxs-book-heart:before {
    content: ""
}

.bxs-bookmark:before {
    content: ""
}

.bxs-bookmark-alt:before {
    content: ""
}

.bxs-bookmark-alt-minus:before {
    content: ""
}

.bxs-bookmark-alt-plus:before {
    content: ""
}

.bxs-bookmark-heart:before {
    content: ""
}

.bxs-bookmark-minus:before {
    content: ""
}

.bxs-bookmark-plus:before {
    content: ""
}

.bxs-bookmarks:before {
    content: ""
}

.bxs-bookmark-star:before {
    content: ""
}

.bxs-book-open:before {
    content: ""
}

.bxs-book-reader:before {
    content: ""
}

.bxs-bot:before {
    content: ""
}

.bxs-bowling-ball:before {
    content: ""
}

.bxs-box:before {
    content: ""
}

.bxs-brain:before {
    content: ""
}

.bxs-briefcase:before {
    content: ""
}

.bxs-briefcase-alt:before {
    content: ""
}

.bxs-briefcase-alt-2:before {
    content: ""
}

.bxs-brightness:before {
    content: ""
}

.bxs-brightness-half:before {
    content: ""
}

.bxs-brush:before {
    content: ""
}

.bxs-brush-alt:before {
    content: ""
}

.bxs-bug:before {
    content: ""
}

.bxs-bug-alt:before {
    content: ""
}

.bxs-building:before {
    content: ""
}

.bxs-building-house:before {
    content: ""
}

.bxs-buildings:before {
    content: ""
}

.bxs-bulb:before {
    content: ""
}

.bxs-bullseye:before {
    content: ""
}

.bxs-buoy:before {
    content: ""
}

.bxs-bus:before {
    content: ""
}

.bxs-business:before {
    content: ""
}

.bxs-bus-school:before {
    content: ""
}

.bxs-cabinet:before {
    content: ""
}

.bxs-cake:before {
    content: ""
}

.bxs-calculator:before {
    content: ""
}

.bxs-calendar:before {
    content: ""
}

.bxs-calendar-alt:before {
    content: ""
}

.bxs-calendar-check:before {
    content: ""
}

.bxs-calendar-edit:before {
    content: ""
}

.bxs-calendar-event:before {
    content: ""
}

.bxs-calendar-exclamation:before {
    content: ""
}

.bxs-calendar-heart:before {
    content: ""
}

.bxs-calendar-minus:before {
    content: ""
}

.bxs-calendar-plus:before {
    content: ""
}

.bxs-calendar-star:before {
    content: ""
}

.bxs-calendar-week:before {
    content: ""
}

.bxs-calendar-x:before {
    content: ""
}

.bxs-camera:before {
    content: ""
}

.bxs-camera-home:before {
    content: ""
}

.bxs-camera-movie:before {
    content: ""
}

.bxs-camera-off:before {
    content: ""
}

.bxs-camera-plus:before {
    content: ""
}

.bxs-capsule:before {
    content: ""
}

.bxs-captions:before {
    content: ""
}

.bxs-car:before {
    content: ""
}

.bxs-car-battery:before {
    content: ""
}

.bxs-car-crash:before {
    content: ""
}

.bxs-card:before {
    content: ""
}

.bxs-caret-down-circle:before {
    content: ""
}

.bxs-caret-down-square:before {
    content: ""
}

.bxs-caret-left-circle:before {
    content: ""
}

.bxs-caret-left-square:before {
    content: ""
}

.bxs-caret-right-circle:before {
    content: ""
}

.bxs-caret-right-square:before {
    content: ""
}

.bxs-caret-up-circle:before {
    content: ""
}

.bxs-caret-up-square:before {
    content: ""
}

.bxs-car-garage:before {
    content: ""
}

.bxs-car-mechanic:before {
    content: ""
}

.bxs-carousel:before {
    content: ""
}

.bxs-cart:before {
    content: ""
}

.bxs-cart-add:before {
    content: ""
}

.bxs-cart-alt:before {
    content: ""
}

.bxs-cart-download:before {
    content: ""
}

.bxs-car-wash:before {
    content: ""
}

.bxs-category:before {
    content: ""
}

.bxs-category-alt:before {
    content: ""
}

.bxs-cctv:before {
    content: ""
}

.bxs-certification:before {
    content: ""
}

.bxs-chalkboard:before {
    content: ""
}

.bxs-chart:before {
    content: ""
}

.bxs-chat:before {
    content: ""
}

.bxs-checkbox:before {
    content: ""
}

.bxs-checkbox-checked:before {
    content: ""
}

.bxs-checkbox-minus:before {
    content: ""
}

.bxs-check-circle:before {
    content: ""
}

.bxs-check-shield:before {
    content: ""
}

.bxs-check-square:before {
    content: ""
}

.bxs-chess:before {
    content: ""
}

.bxs-chevron-down:before {
    content: ""
}

.bxs-chevron-down-circle:before {
    content: ""
}

.bxs-chevron-down-square:before {
    content: ""
}

.bxs-chevron-left:before {
    content: ""
}

.bxs-chevron-left-circle:before {
    content: ""
}

.bxs-chevron-left-square:before {
    content: ""
}

.bxs-chevron-right:before {
    content: ""
}

.bxs-chevron-right-circle:before {
    content: ""
}

.bxs-chevron-right-square:before {
    content: ""
}

.bxs-chevrons-down:before {
    content: ""
}

.bxs-chevrons-left:before {
    content: ""
}

.bxs-chevrons-right:before {
    content: ""
}

.bxs-chevrons-up:before {
    content: ""
}

.bxs-chevron-up:before {
    content: ""
}

.bxs-chevron-up-circle:before {
    content: ""
}

.bxs-chevron-up-square:before {
    content: ""
}

.bxs-chip:before {
    content: ""
}

.bxs-church:before {
    content: ""
}

.bxs-circle:before {
    content: ""
}

.bxs-city:before {
    content: ""
}

.bxs-clinic:before {
    content: ""
}

.bxs-cloud:before {
    content: ""
}

.bxs-cloud-download:before {
    content: ""
}

.bxs-cloud-lightning:before {
    content: ""
}

.bxs-cloud-rain:before {
    content: ""
}

.bxs-cloud-upload:before {
    content: ""
}

.bxs-coffee:before {
    content: ""
}

.bxs-coffee-alt:before {
    content: ""
}

.bxs-coffee-togo:before {
    content: ""
}

.bxs-cog:before {
    content: ""
}

.bxs-coin:before {
    content: ""
}

.bxs-coin-stack:before {
    content: ""
}

.bxs-collection:before {
    content: ""
}

.bxs-color-fill:before {
    content: ""
}

.bxs-comment:before {
    content: ""
}

.bxs-comment-add:before {
    content: ""
}

.bxs-comment-check:before {
    content: ""
}

.bxs-comment-detail:before {
    content: ""
}

.bxs-comment-dots:before {
    content: ""
}

.bxs-comment-edit:before {
    content: ""
}

.bxs-comment-error:before {
    content: ""
}

.bxs-comment-minus:before {
    content: ""
}

.bxs-comment-x:before {
    content: ""
}

.bxs-compass:before {
    content: ""
}

.bxs-component:before {
    content: ""
}

.bxs-confused:before {
    content: ""
}

.bxs-contact:before {
    content: ""
}

.bxs-conversation:before {
    content: ""
}

.bxs-cookie:before {
    content: ""
}

.bxs-cool:before {
    content: ""
}

.bxs-copy:before {
    content: ""
}

.bxs-copy-alt:before {
    content: ""
}

.bxs-copyright:before {
    content: ""
}

.bxs-coupon:before {
    content: ""
}

.bxs-credit-card:before {
    content: ""
}

.bxs-credit-card-alt:before {
    content: ""
}

.bxs-credit-card-front:before {
    content: ""
}

.bxs-crop:before {
    content: ""
}

.bxs-crown:before {
    content: ""
}

.bxs-cube:before {
    content: ""
}

.bxs-cube-alt:before {
    content: ""
}

.bxs-cuboid:before {
    content: ""
}

.bxs-customize:before {
    content: ""
}

.bxs-cylinder:before {
    content: ""
}

.bxs-dashboard:before {
    content: ""
}

.bxs-data:before {
    content: ""
}

.bxs-detail:before {
    content: ""
}

.bxs-devices:before {
    content: ""
}

.bxs-diamond:before {
    content: ""
}

.bxs-dice-1:before {
    content: ""
}

.bxs-dice-2:before {
    content: ""
}

.bxs-dice-3:before {
    content: ""
}

.bxs-dice-4:before {
    content: ""
}

.bxs-dice-5:before {
    content: ""
}

.bxs-dice-6:before {
    content: ""
}

.bxs-direction-left:before {
    content: ""
}

.bxs-direction-right:before {
    content: ""
}

.bxs-directions:before {
    content: ""
}

.bxs-disc:before {
    content: ""
}

.bxs-discount:before {
    content: ""
}

.bxs-dish:before {
    content: ""
}

.bxs-dislike:before {
    content: ""
}

.bxs-dizzy:before {
    content: ""
}

.bxs-dock-bottom:before {
    content: ""
}

.bxs-dock-left:before {
    content: ""
}

.bxs-dock-right:before {
    content: ""
}

.bxs-dock-top:before {
    content: ""
}

.bxs-dollar-circle:before {
    content: ""
}

.bxs-donate-blood:before {
    content: ""
}

.bxs-donate-heart:before {
    content: ""
}

.bxs-door-open:before {
    content: ""
}

.bxs-doughnut-chart:before {
    content: ""
}

.bxs-down-arrow:before {
    content: ""
}

.bxs-down-arrow-alt:before {
    content: ""
}

.bxs-down-arrow-circle:before {
    content: ""
}

.bxs-down-arrow-square:before {
    content: ""
}

.bxs-download:before {
    content: ""
}

.bxs-downvote:before {
    content: ""
}

.bxs-drink:before {
    content: ""
}

.bxs-droplet-half:before {
    content: ""
}

.bxs-dryer:before {
    content: ""
}

.bxs-duplicate:before {
    content: ""
}

.bxs-edit:before {
    content: ""
}

.bxs-edit-alt:before {
    content: ""
}

.bxs-edit-location:before {
    content: ""
}

.bxs-eject:before {
    content: ""
}

.bxs-envelope:before {
    content: ""
}

.bxs-envelope-open:before {
    content: ""
}

.bxs-eraser:before {
    content: ""
}

.bxs-error:before {
    content: ""
}

.bxs-error-alt:before {
    content: ""
}

.bxs-error-circle:before {
    content: ""
}

.bxs-ev-station:before {
    content: ""
}

.bxs-exit:before {
    content: ""
}

.bxs-extension:before {
    content: ""
}

.bxs-eyedropper:before {
    content: ""
}

.bxs-face:before {
    content: ""
}

.bxs-face-mask:before {
    content: ""
}

.bxs-factory:before {
    content: ""
}

.bxs-fast-forward-circle:before {
    content: ""
}

.bxs-file:before {
    content: ""
}

.bxs-file-archive:before {
    content: ""
}

.bxs-file-blank:before {
    content: ""
}

.bxs-file-css:before {
    content: ""
}

.bxs-file-doc:before {
    content: ""
}

.bxs-file-export:before {
    content: ""
}

.bxs-file-find:before {
    content: ""
}

.bxs-file-gif:before {
    content: ""
}

.bxs-file-html:before {
    content: ""
}

.bxs-file-image:before {
    content: ""
}

.bxs-file-import:before {
    content: ""
}

.bxs-file-jpg:before {
    content: ""
}

.bxs-file-js:before {
    content: ""
}

.bxs-file-json:before {
    content: ""
}

.bxs-file-md:before {
    content: ""
}

.bxs-file-pdf:before {
    content: ""
}

.bxs-file-plus:before {
    content: ""
}

.bxs-file-png:before {
    content: ""
}

.bxs-file-txt:before {
    content: ""
}

.bxs-film:before {
    content: ""
}

.bxs-filter-alt:before {
    content: ""
}

.bxs-first-aid:before {
    content: ""
}

.bxs-flag:before {
    content: ""
}

.bxs-flag-alt:before {
    content: ""
}

.bxs-flag-checkered:before {
    content: ""
}

.bxs-flame:before {
    content: ""
}

.bxs-flask:before {
    content: ""
}

.bxs-florist:before {
    content: ""
}

.bxs-folder:before {
    content: ""
}

.bxs-folder-minus:before {
    content: ""
}

.bxs-folder-open:before {
    content: ""
}

.bxs-folder-plus:before {
    content: ""
}

.bxs-food-menu:before {
    content: ""
}

.bxs-fridge:before {
    content: ""
}

.bxs-game:before {
    content: ""
}

.bxs-gas-pump:before {
    content: ""
}

.bxs-ghost:before {
    content: ""
}

.bxs-gift:before {
    content: ""
}

.bxs-graduation:before {
    content: ""
}

.bxs-grid:before {
    content: ""
}

.bxs-grid-alt:before {
    content: ""
}

.bxs-group:before {
    content: ""
}

.bxs-guitar-amp:before {
    content: ""
}

.bxs-hand:before {
    content: ""
}

.bxs-hand-down:before {
    content: ""
}

.bxs-hand-left:before {
    content: ""
}

.bxs-hand-right:before {
    content: ""
}

.bxs-hand-up:before {
    content: ""
}

.bxs-happy:before {
    content: ""
}

.bxs-happy-alt:before {
    content: ""
}

.bxs-happy-beaming:before {
    content: ""
}

.bxs-happy-heart-eyes:before {
    content: ""
}

.bxs-hdd:before {
    content: ""
}

.bxs-heart:before {
    content: ""
}

.bxs-heart-circle:before {
    content: ""
}

.bxs-heart-square:before {
    content: ""
}

.bxs-help-circle:before {
    content: ""
}

.bxs-hide:before {
    content: ""
}

.bxs-home:before {
    content: ""
}

.bxs-home-circle:before {
    content: ""
}

.bxs-home-heart:before {
    content: ""
}

.bxs-home-smile:before {
    content: ""
}

.bxs-hotel:before {
    content: ""
}

.bxs-hourglass:before {
    content: ""
}

.bxs-hourglass-bottom:before {
    content: ""
}

.bxs-hourglass-top:before {
    content: ""
}

.bxs-id-card:before {
    content: ""
}

.bxs-image:before {
    content: ""
}

.bxs-image-add:before {
    content: ""
}

.bxs-image-alt:before {
    content: ""
}

.bxs-inbox:before {
    content: ""
}

.bxs-info-circle:before {
    content: ""
}

.bxs-info-square:before {
    content: ""
}

.bxs-institution:before {
    content: ""
}

.bxs-joystick:before {
    content: ""
}

.bxs-joystick-alt:before {
    content: ""
}

.bxs-joystick-button:before {
    content: ""
}

.bxs-key:before {
    content: ""
}

.bxs-keyboard:before {
    content: ""
}

.bxs-label:before {
    content: ""
}

.bxs-landmark:before {
    content: ""
}

.bxs-landscape:before {
    content: ""
}

.bxs-laugh:before {
    content: ""
}

.bxs-layer:before {
    content: ""
}

.bxs-layer-minus:before {
    content: ""
}

.bxs-layer-plus:before {
    content: ""
}

.bxs-layout:before {
    content: ""
}

.bxs-left-arrow:before {
    content: ""
}

.bxs-left-arrow-alt:before {
    content: ""
}

.bxs-left-arrow-circle:before {
    content: ""
}

.bxs-left-arrow-square:before {
    content: ""
}

.bxs-left-down-arrow-circle:before {
    content: ""
}

.bxs-left-top-arrow-circle:before {
    content: ""
}

.bxs-like:before {
    content: ""
}

.bxs-location-plus:before {
    content: ""
}

.bxs-lock:before {
    content: ""
}

.bxs-lock-alt:before {
    content: ""
}

.bxs-lock-open:before {
    content: ""
}

.bxs-lock-open-alt:before {
    content: ""
}

.bxs-log-in:before {
    content: ""
}

.bxs-log-in-circle:before {
    content: ""
}

.bxs-log-out:before {
    content: ""
}

.bxs-log-out-circle:before {
    content: ""
}

.bxs-low-vision:before {
    content: ""
}

.bxs-magic-wand:before {
    content: ""
}

.bxs-magnet:before {
    content: ""
}

.bxs-map:before {
    content: ""
}

.bxs-map-alt:before {
    content: ""
}

.bxs-map-pin:before {
    content: ""
}

.bxs-mask:before {
    content: ""
}

.bxs-medal:before {
    content: ""
}

.bxs-megaphone:before {
    content: ""
}

.bxs-meh:before {
    content: ""
}

.bxs-meh-alt:before {
    content: ""
}

.bxs-meh-blank:before {
    content: ""
}

.bxs-memory-card:before {
    content: ""
}

.bxs-message:before {
    content: ""
}

.bxs-message-add:before {
    content: ""
}

.bxs-message-alt:before {
    content: ""
}

.bxs-message-alt-add:before {
    content: ""
}

.bxs-message-alt-check:before {
    content: ""
}

.bxs-message-alt-detail:before {
    content: ""
}

.bxs-message-alt-dots:before {
    content: ""
}

.bxs-message-alt-edit:before {
    content: ""
}

.bxs-message-alt-error:before {
    content: ""
}

.bxs-message-alt-minus:before {
    content: ""
}

.bxs-message-alt-x:before {
    content: ""
}

.bxs-message-check:before {
    content: ""
}

.bxs-message-detail:before {
    content: ""
}

.bxs-message-dots:before {
    content: ""
}

.bxs-message-edit:before {
    content: ""
}

.bxs-message-error:before {
    content: ""
}

.bxs-message-minus:before {
    content: ""
}

.bxs-message-rounded:before {
    content: ""
}

.bxs-message-rounded-add:before {
    content: ""
}

.bxs-message-rounded-check:before {
    content: ""
}

.bxs-message-rounded-detail:before {
    content: ""
}

.bxs-message-rounded-dots:before {
    content: ""
}

.bxs-message-rounded-edit:before {
    content: ""
}

.bxs-message-rounded-error:before {
    content: ""
}

.bxs-message-rounded-minus:before {
    content: ""
}

.bxs-message-rounded-x:before {
    content: ""
}

.bxs-message-square:before {
    content: ""
}

.bxs-message-square-add:before {
    content: ""
}

.bxs-message-square-check:before {
    content: ""
}

.bxs-message-square-detail:before {
    content: ""
}

.bxs-message-square-dots:before {
    content: ""
}

.bxs-message-square-edit:before {
    content: ""
}

.bxs-message-square-error:before {
    content: ""
}

.bxs-message-square-minus:before {
    content: ""
}

.bxs-message-square-x:before {
    content: ""
}

.bxs-message-x:before {
    content: ""
}

.bxs-meteor:before {
    content: ""
}

.bxs-microchip:before {
    content: ""
}

.bxs-microphone:before {
    content: ""
}

.bxs-microphone-alt:before {
    content: ""
}

.bxs-microphone-off:before {
    content: ""
}

.bxs-minus-circle:before {
    content: ""
}

.bxs-minus-square:before {
    content: ""
}

.bxs-mobile:before {
    content: ""
}

.bxs-mobile-vibration:before {
    content: ""
}

.bxs-moon:before {
    content: ""
}

.bxs-mouse:before {
    content: ""
}

.bxs-mouse-alt:before {
    content: ""
}

.bxs-movie:before {
    content: ""
}

.bxs-movie-play:before {
    content: ""
}

.bxs-music:before {
    content: ""
}

.bxs-navigation:before {
    content: ""
}

.bxs-network-chart:before {
    content: ""
}

.bxs-news:before {
    content: ""
}

.bxs-no-entry:before {
    content: ""
}

.bxs-note:before {
    content: ""
}

.bxs-notepad:before {
    content: ""
}

.bxs-notification:before {
    content: ""
}

.bxs-notification-off:before {
    content: ""
}

.bxs-offer:before {
    content: ""
}

.bxs-package:before {
    content: ""
}

.bxs-paint:before {
    content: ""
}

.bxs-paint-roll:before {
    content: ""
}

.bxs-palette:before {
    content: ""
}

.bxs-paper-plane:before {
    content: ""
}

.bxs-parking:before {
    content: ""
}

.bxs-paste:before {
    content: ""
}

.bxs-pen:before {
    content: ""
}

.bxs-pencil:before {
    content: ""
}

.bxs-phone:before {
    content: ""
}

.bxs-phone-call:before {
    content: ""
}

.bxs-phone-incoming:before {
    content: ""
}

.bxs-phone-off:before {
    content: ""
}

.bxs-phone-outgoing:before {
    content: ""
}

.bxs-photo-album:before {
    content: ""
}

.bxs-piano:before {
    content: ""
}

.bxs-pie-chart:before {
    content: ""
}

.bxs-pie-chart-alt:before {
    content: ""
}

.bxs-pie-chart-alt-2:before {
    content: ""
}

.bxs-pin:before {
    content: ""
}

.bxs-pizza:before {
    content: ""
}

.bxs-plane:before {
    content: ""
}

.bxs-plane-alt:before {
    content: ""
}

.bxs-plane-land:before {
    content: ""
}

.bxs-planet:before {
    content: ""
}

.bxs-plane-take-off:before {
    content: ""
}

.bxs-playlist:before {
    content: ""
}

.bxs-plug:before {
    content: ""
}

.bxs-plus-circle:before {
    content: ""
}

.bxs-plus-square:before {
    content: ""
}

.bxs-pointer:before {
    content: ""
}

.bxs-polygon:before {
    content: ""
}

.bxs-printer:before {
    content: ""
}

.bxs-purchase-tag:before {
    content: ""
}

.bxs-purchase-tag-alt:before {
    content: ""
}

.bxs-pyramid:before {
    content: ""
}

.bxs-quote-alt-left:before {
    content: ""
}

.bxs-quote-alt-right:before {
    content: ""
}

.bxs-quote-left:before {
    content: ""
}

.bxs-quote-right:before {
    content: ""
}

.bxs-quote-single-left:before {
    content: ""
}

.bxs-quote-single-right:before {
    content: ""
}

.bxs-radiation:before {
    content: ""
}

.bxs-radio:before {
    content: ""
}

.bxs-receipt:before {
    content: ""
}

.bxs-rectangle:before {
    content: ""
}

.bxs-registered:before {
    content: ""
}

.bxs-rename:before {
    content: ""
}

.bxs-report:before {
    content: ""
}

.bxs-rewind-circle:before {
    content: ""
}

.bxs-right-arrow:before {
    content: ""
}

.bxs-right-arrow-alt:before {
    content: ""
}

.bxs-right-arrow-circle:before {
    content: ""
}

.bxs-right-arrow-square:before {
    content: ""
}

.bxs-right-down-arrow-circle:before {
    content: ""
}

.bxs-right-top-arrow-circle:before {
    content: ""
}

.bxs-rocket:before {
    content: ""
}

.bxs-ruler:before {
    content: ""
}

.bxs-sad:before {
    content: ""
}

.bxs-save:before {
    content: ""
}

.bxs-school:before {
    content: ""
}

.bxs-search:before {
    content: ""
}

.bxs-search-alt-2:before {
    content: ""
}

.bxs-select-multiple:before {
    content: ""
}

.bxs-send:before {
    content: ""
}

.bxs-server:before {
    content: ""
}

.bxs-shapes:before {
    content: ""
}

.bxs-share:before {
    content: ""
}

.bxs-share-alt:before {
    content: ""
}

.bxs-shield:before {
    content: ""
}

.bxs-shield-alt-2:before {
    content: ""
}

.bxs-shield-x:before {
    content: ""
}

.bxs-ship:before {
    content: ""
}

.bxs-shocked:before {
    content: ""
}

.bxs-shopping-bag:before {
    content: ""
}

.bxs-shopping-bag-alt:before {
    content: ""
}

.bxs-shopping-bags:before {
    content: ""
}

.bxs-show:before {
    content: ""
}

.bxs-skip-next-circle:before {
    content: ""
}

.bxs-skip-previous-circle:before {
    content: ""
}

.bxs-skull:before {
    content: ""
}

.bxs-sleepy:before {
    content: ""
}

.bxs-slideshow:before {
    content: ""
}

.bxs-smile:before {
    content: ""
}

.bxs-sort-alt:before {
    content: ""
}

.bxs-spa:before {
    content: ""
}

.bxs-speaker:before {
    content: ""
}

.bxs-spray-can:before {
    content: ""
}

.bxs-spreadsheet:before {
    content: ""
}

.bxs-square:before {
    content: ""
}

.bxs-square-rounded:before {
    content: ""
}

.bxs-star:before {
    content: ""
}

.bxs-star-half:before {
    content: ""
}

.bxs-sticker:before {
    content: ""
}

.bxs-stopwatch:before {
    content: ""
}

.bxs-store:before {
    content: ""
}

.bxs-store-alt:before {
    content: ""
}

.bxs-sun:before {
    content: ""
}

.bxs-tachometer:before {
    content: ""
}

.bxs-tag:before {
    content: ""
}

.bxs-tag-alt:before {
    content: ""
}

.bxs-tag-x:before {
    content: ""
}

.bxs-taxi:before {
    content: ""
}

.bxs-tennis-ball:before {
    content: ""
}

.bxs-terminal:before {
    content: ""
}

.bxs-thermometer:before {
    content: ""
}

.bxs-time:before {
    content: ""
}

.bxs-time-five:before {
    content: ""
}

.bxs-timer:before {
    content: ""
}

.bxs-tired:before {
    content: ""
}

.bxs-toggle-left:before {
    content: ""
}

.bxs-toggle-right:before {
    content: ""
}

.bxs-tone:before {
    content: ""
}

.bxs-torch:before {
    content: ""
}

.bxs-to-top:before {
    content: ""
}

.bxs-traffic:before {
    content: ""
}

.bxs-traffic-barrier:before {
    content: ""
}

.bxs-traffic-cone:before {
    content: ""
}

.bxs-train:before {
    content: ""
}

.bxs-trash:before {
    content: ""
}

.bxs-trash-alt:before {
    content: ""
}

.bxs-tree:before {
    content: ""
}

.bxs-trophy:before {
    content: ""
}

.bxs-truck:before {
    content: ""
}

.bxs-t-shirt:before {
    content: ""
}

.bxs-tv:before {
    content: ""
}

.bxs-up-arrow:before {
    content: ""
}

.bxs-up-arrow-alt:before {
    content: ""
}

.bxs-up-arrow-circle:before {
    content: ""
}

.bxs-up-arrow-square:before {
    content: ""
}

.bxs-upside-down:before {
    content: ""
}

.bxs-upvote:before {
    content: ""
}

.bxs-user:before {
    content: ""
}

.bxs-user-account:before {
    content: ""
}

.bxs-user-badge:before {
    content: ""
}

.bxs-user-check:before {
    content: ""
}

.bxs-user-circle:before {
    content: ""
}

.bxs-user-detail:before {
    content: ""
}

.bxs-user-minus:before {
    content: ""
}

.bxs-user-pin:before {
    content: ""
}

.bxs-user-plus:before {
    content: ""
}

.bxs-user-rectangle:before {
    content: ""
}

.bxs-user-voice:before {
    content: ""
}

.bxs-user-x:before {
    content: ""
}

.bxs-vector:before {
    content: ""
}

.bxs-vial:before {
    content: ""
}

.bxs-video:before {
    content: ""
}

.bxs-video-off:before {
    content: ""
}

.bxs-video-plus:before {
    content: ""
}

.bxs-video-recording:before {
    content: ""
}

.bxs-videos:before {
    content: ""
}

.bxs-virus:before {
    content: ""
}

.bxs-virus-block:before {
    content: ""
}

.bxs-volume:before {
    content: ""
}

.bxs-volume-full:before {
    content: ""
}

.bxs-volume-low:before {
    content: ""
}

.bxs-volume-mute:before {
    content: ""
}

.bxs-wallet:before {
    content: ""
}

.bxs-wallet-alt:before {
    content: ""
}

.bxs-washer:before {
    content: ""
}

.bxs-watch:before {
    content: ""
}

.bxs-watch-alt:before {
    content: ""
}

.bxs-webcam:before {
    content: ""
}

.bxs-widget:before {
    content: ""
}

.bxs-window-alt:before {
    content: ""
}

.bxs-wine:before {
    content: ""
}

.bxs-wink-smile:before {
    content: ""
}

.bxs-wink-tongue:before {
    content: ""
}

.bxs-wrench:before {
    content: ""
}

.bxs-x-circle:before {
    content: ""
}

.bxs-x-square:before {
    content: ""
}

.bxs-yin-yang:before {
    content: ""
}

.bxs-zap:before {
    content: ""
}

.bxs-zoom-in:before {
    content: ""
}

.bxs-zoom-out:before {
    content: ""
}
/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */

@layer properties {
    @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
        *, :before, :after, ::backdrop {
            --tw-font-weight: initial;
            --tw-duration: initial;
            --tw-ease: initial;
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-border-style: solid;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-content: "";
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-outline-style: solid;
            --tw-border-spacing-x: 0;
            --tw-border-spacing-y: 0;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1;
            --tw-leading: initial;
            --tw-space-y-reverse: 0;
            --tw-space-x-reverse: 0;
            --tw-divide-x-reverse: 0;
            --tw-divide-y-reverse: 0;
            --tw-gradient-position: initial;
            --tw-gradient-from: #0000;
            --tw-gradient-via: #0000;
            --tw-gradient-to: #0000;
            --tw-gradient-stops: initial;
            --tw-gradient-via-stops: initial;
            --tw-gradient-from-position: 0%;
            --tw-gradient-via-position: 50%;
            --tw-gradient-to-position: 100%;
            --tw-tracking: initial;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
            --tw-backdrop-blur: initial;
            --tw-backdrop-brightness: initial;
            --tw-backdrop-contrast: initial;
            --tw-backdrop-grayscale: initial;
            --tw-backdrop-hue-rotate: initial;
            --tw-backdrop-invert: initial;
            --tw-backdrop-opacity: initial;
            --tw-backdrop-saturate: initial;
            --tw-backdrop-sepia: initial
        }
    }
}

@layer theme {
    :root, :host {
        --font-sans: "Inter",sans-serif;
        --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
        --color-red-50: oklch(97.1% .013 17.38);
        --color-red-100: oklch(93.6% .032 17.717);
        --color-red-200: oklch(88.5% .062 18.334);
        --color-red-300: oklch(80.8% .114 19.571);
        --color-red-400: oklch(70.4% .191 22.216);
        --color-red-500: oklch(63.7% .237 25.331);
        --color-red-600: oklch(57.7% .245 27.325);
        --color-red-700: oklch(50.5% .213 27.518);
        --color-red-800: oklch(44.4% .177 26.899);
        --color-red-900: oklch(39.6% .141 25.723);
        --color-red-950: oklch(25.8% .092 26.042);
        --color-orange-50: oklch(98% .016 73.684);
        --color-orange-100: oklch(95.4% .038 75.164);
        --color-orange-200: oklch(90.1% .076 70.697);
        --color-orange-300: oklch(83.7% .128 66.29);
        --color-orange-400: oklch(75% .183 55.934);
        --color-orange-500: oklch(70.5% .213 47.604);
        --color-orange-600: oklch(64.6% .222 41.116);
        --color-orange-700: oklch(55.3% .195 38.402);
        --color-amber-500: oklch(76.9% .188 70.08);
        --color-yellow-50: oklch(98.7% .026 102.212);
        --color-yellow-100: oklch(97.3% .071 103.193);
        --color-yellow-200: oklch(94.5% .129 101.54);
        --color-yellow-300: oklch(90.5% .182 98.111);
        --color-yellow-400: oklch(85.2% .199 91.936);
        --color-yellow-500: oklch(79.5% .184 86.047);
        --color-yellow-600: oklch(68.1% .162 75.834);
        --color-yellow-700: oklch(55.4% .135 66.442);
        --color-yellow-800: oklch(47.6% .114 61.907);
        --color-yellow-900: oklch(42.1% .095 57.708);
        --color-yellow-950: oklch(28.6% .066 53.813);
        --color-lime-500: oklch(76.8% .233 130.85);
        --color-green-50: oklch(98.2% .018 155.826);
        --color-green-100: oklch(96.2% .044 156.743);
        --color-green-200: oklch(92.5% .084 155.995);
        --color-green-300: oklch(87.1% .15 154.449);
        --color-green-400: oklch(79.2% .209 151.711);
        --color-green-500: oklch(72.3% .219 149.579);
        --color-green-600: oklch(62.7% .194 149.214);
        --color-green-700: oklch(52.7% .154 150.069);
        --color-green-800: oklch(44.8% .119 151.328);
        --color-green-900: oklch(39.3% .095 152.535);
        --color-green-950: oklch(26.6% .065 152.934);
        --color-emerald-300: oklch(84.5% .143 164.978);
        --color-emerald-500: oklch(69.6% .17 162.48);
        --color-teal-500: oklch(70.4% .14 182.503);
        --color-sky-50: oklch(97.7% .013 236.62);
        --color-sky-100: oklch(95.1% .026 236.824);
        --color-sky-200: oklch(90.1% .058 230.902);
        --color-sky-300: oklch(82.8% .111 230.318);
        --color-sky-400: oklch(74.6% .16 232.661);
        --color-sky-500: oklch(68.5% .169 237.323);
        --color-sky-600: oklch(58.8% .158 241.966);
        --color-sky-700: oklch(50% .134 242.749);
        --color-sky-800: oklch(44.3% .11 240.79);
        --color-sky-900: oklch(39.1% .09 240.876);
        --color-sky-950: oklch(29.3% .066 243.157);
        --color-blue-500: oklch(62.3% .214 259.815);
        --color-indigo-50: oklch(96.2% .018 272.314);
        --color-indigo-100: oklch(93% .034 272.788);
        --color-indigo-200: oklch(87% .065 274.039);
        --color-indigo-300: oklch(78.5% .115 274.713);
        --color-indigo-400: oklch(67.3% .182 276.935);
        --color-indigo-500: oklch(58.5% .233 277.117);
        --color-indigo-600: oklch(51.1% .262 276.966);
        --color-indigo-700: oklch(45.7% .24 277.023);
        --color-indigo-800: oklch(39.8% .195 277.366);
        --color-indigo-900: oklch(35.9% .144 278.697);
        --color-indigo-950: oklch(25.7% .09 281.288);
        --color-violet-50: oklch(96.9% .016 293.756);
        --color-violet-100: oklch(94.3% .029 294.588);
        --color-violet-500: oklch(60.6% .25 292.717);
        --color-violet-700: oklch(49.1% .27 292.581);
        --color-purple-50: oklch(97.7% .014 308.299);
        --color-purple-100: oklch(94.6% .033 307.174);
        --color-purple-200: oklch(90.2% .063 306.703);
        --color-purple-300: oklch(82.7% .119 306.383);
        --color-purple-400: oklch(71.4% .203 305.504);
        --color-purple-500: oklch(62.7% .265 303.9);
        --color-purple-600: oklch(55.8% .288 302.321);
        --color-purple-700: oklch(49.6% .265 301.924);
        --color-purple-800: oklch(43.8% .218 303.724);
        --color-purple-900: oklch(38.1% .176 304.987);
        --color-purple-950: oklch(29.1% .149 302.717);
        --color-fuchsia-500: oklch(66.7% .295 322.15);
        --color-pink-50: oklch(97.1% .014 343.198);
        --color-pink-100: oklch(94.8% .028 342.258);
        --color-pink-200: oklch(89.9% .061 343.231);
        --color-pink-300: oklch(82.3% .12 346.018);
        --color-pink-400: oklch(71.8% .202 349.761);
        --color-pink-500: oklch(65.6% .241 354.308);
        --color-pink-600: oklch(59.2% .249 .584);
        --color-pink-700: oklch(52.5% .223 3.958);
        --color-pink-800: oklch(45.9% .187 3.815);
        --color-pink-900: oklch(40.8% .153 2.432);
        --color-pink-950: oklch(28.4% .109 3.907);
        --color-slate-50: oklch(98.4% .003 247.858);
        --color-slate-100: oklch(96.8% .007 247.896);
        --color-slate-200: oklch(92.9% .013 255.508);
        --color-slate-300: oklch(86.9% .022 252.894);
        --color-slate-400: oklch(70.4% .04 256.788);
        --color-slate-500: oklch(55.4% .046 257.417);
        --color-slate-600: oklch(44.6% .043 257.281);
        --color-slate-700: oklch(37.2% .044 257.287);
        --color-slate-800: oklch(27.9% .041 260.031);
        --color-slate-900: oklch(20.8% .042 265.755);
        --color-slate-950: oklch(12.9% .042 264.695);
        --color-gray-50: oklch(98.5% .002 247.839);
        --color-gray-100: oklch(96.7% .003 264.542);
        --color-gray-200: oklch(92.8% .006 264.531);
        --color-gray-300: oklch(87.2% .01 258.338);
        --color-gray-400: oklch(70.7% .022 261.325);
        --color-gray-500: oklch(55.1% .027 264.364);
        --color-gray-600: oklch(44.6% .03 256.802);
        --color-gray-700: oklch(37.3% .034 259.733);
        --color-gray-800: oklch(27.8% .033 256.848);
        --color-gray-900: oklch(21% .034 264.665);
        --color-gray-950: oklch(13% .028 261.692);
        --color-zinc-950: oklch(14.1% .005 285.823);
        --color-neutral-950: oklch(14.5% 0 0);
        --color-stone-950: oklch(14.7% .004 49.25);
        --color-white: #fff;
        --spacing: .25rem;
        --container-sm: 24rem;
        --container-md: 28rem;
        --container-lg: 32rem;
        --container-xl: 36rem;
        --container-2xl: 42rem;
        --container-3xl: 48rem;
        --container-4xl: 56rem;
        --container-5xl: 64rem;
        --container-6xl: 72rem;
        --text-xs: .75rem;
        --text-xs--line-height: calc(1/.75);
        --text-sm: .875rem;
        --text-sm--line-height: calc(1.25/.875);
        --text-base: .9063rem;
        --text-base--line-height: 1.5;
        --text-lg: 1.125rem;
        --text-lg--line-height: calc(1.75/1.125);
        --text-xl: 1.25rem;
        --text-xl--line-height: calc(1.75/1.25);
        --text-2xl: 1.5rem;
        --text-2xl--line-height: calc(2/1.5);
        --text-3xl: 1.875rem;
        --text-3xl--line-height: 1.2;
        --text-4xl: 2.25rem;
        --text-4xl--line-height: calc(2.5/2.25);
        --text-5xl: 3rem;
        --text-5xl--line-height: 1;
        --text-6xl: 3.75rem;
        --text-6xl--line-height: 1;
        --text-7xl: 4.5rem;
        --text-7xl--line-height: 1;
        --text-8xl: 6rem;
        --text-8xl--line-height: 1;
        --font-weight-thin: 100;
        --font-weight-extralight: 200;
        --font-weight-light: 300;
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --font-weight-extrabold: 800;
        --font-weight-black: 900;
        --tracking-tighter: -.05em;
        --tracking-wide: .025em;
        --tracking-wider: .05em;
        --leading-tight: 1.25;
        --leading-normal: 1.5;
        --leading-relaxed: 1.625;
        --radius-xs: .125rem;
        --radius-sm: .25rem;
        --radius-md: .375rem;
        --radius-lg: .5rem;
        --radius-xl: .75rem;
        --radius-3xl: 1.5rem;
        --drop-shadow-lg: 0 4px 4px #00000026;
        --drop-shadow-xl: 0 9px 7px #0000001a;
        --ease-in: cubic-bezier(.4,0,1,1);
        --ease-out: cubic-bezier(0,0,.2,1);
        --ease-in-out: cubic-bezier(.4,0,.2,1);
        --animate-spin: spin 1s linear infinite;
        --animate-ping: ping 1s cubic-bezier(0,0,.2,1)infinite;
        --animate-pulse: pulse 2s cubic-bezier(.4,0,.6,1)infinite;
        --animate-bounce: bounce 1s infinite;
        --blur-xs: 4px;
        --blur-sm: 8px;
        --blur-md: 12px;
        --blur-lg: 16px;
        --blur-xl: 24px;
        --blur-2xl: 40px;
        --blur-3xl: 64px;
        --aspect-video: 16/9;
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4,0,.2,1);
        --default-font-family: var(--font-sans);
        --default-mono-font-family: var(--font-mono);
        --font-body: "Inter",sans-serif;
        --font-heading: "Inter",sans-serif;
        --font-remix: remixicon;
        --font-roboto-slab: "Roboto Slab",sans-serif;
        --spacing-sidebar: 15rem;
        --spacing-sidebar-medium: 10rem;
        --spacing-sidebar-small: 4.6875rem;
        --spacing-topbar: 4.6875rem;
        --spacing-sidebar-icon: 4.375rem;
        --spacing-42: 2.625rem;
        --spacing-btn-icon: 2.5rem;
        --spacing-space: 1.25rem;
        --text-11: .6875rem;
        --text-13: .8125rem;
        --text-14: .875rem;
        --text-15: .9375rem;
        --text-16: 1rem;
        --text-17: 1.0625rem;
        --text-card-title: .9375rem;
        --color-body-invoice: oklch(12.29% .0611 278.48);
        --color-muted-invoice: oklch(58.87% .0549 293.56);
        --color-body: var(--color-white);
        --color-primary-50: oklch(97.17% .0144 244.71);
        --color-primary-100: oklch(93.75% .0317 246.7);
        --color-primary-200: oklch(89.16% .0566 245.22);
        --color-primary-300: oklch(82.52% .0944 244.01);
        --color-primary-400: oklch(74.02% .1408 248.22);
        --color-primary-500: oklch(65.26% .1828 255.54);
        --color-primary-600: oklch(59.52% .1981 259.78);
        --color-primary-700: oklch(51.28% .213 262.22);
        --color-primary-800: oklch(44.5% .1777 262.99);
        --color-primary-900: oklch(39.34% .1351 262.6);
        --color-primary-950: oklch(29.24% .0856 263.87);
        --color-dark-50: var(--color-slate-50);
        --color-dark-100: var(--color-slate-100);
        --color-dark-200: var(--color-slate-200);
        --color-dark-300: var(--color-slate-300);
        --color-dark-400: var(--color-slate-400);
        --color-dark-500: var(--color-slate-500);
        --color-dark-600: var(--color-slate-600);
        --color-dark-700: var(--color-slate-700);
        --color-dark-800: var(--color-slate-800);
        --color-dark-850: oklch(23.13% .0399 270.37);
        --color-dark-900: var(--color-slate-900);
        --color-dark-950: var(--color-slate-950);
        --color-sidebar: var(--color-white);
        --color-sidebar-border: var(--color-gray-200);
        --color-menu-title: var(--color-gray-600);
        --color-sidebar-text: var(--color-gray-500);
        --color-sidebar-text-hover: var(--color-primary-500);
        --color-sidebar-text-active: var(--color-primary-500);
        --color-sidebar-bg-active: var(--color-primary-500);
        --color-effect: var(--color-gray-100);
        --color-topbar: var(--color-gray-500);
        --radius-modern: 30% 70% 70% 30%/30% 30% 70% 70%;
        --radius-creative: 47% 53% 70% 30%/49% 63% 37% 51%;
        --ease-effect: cubic-bezier(.25,.46,.45,.94);
        --animate-shimmer: shimmer 3s ease-out infinite;
        --animate-jvm-line: jvm-line 10s linear forwards infinite;
        --animate-marquee: marquee 15s linear forwards infinite;
        --animate-slide-up: slideUp .5s ease-out
    }
}

@layer base {
    *, :after, :before, ::backdrop {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }

    ::file-selector-button {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }

    html, :host {
        -webkit-text-size-adjust: 100%;
        -moz-tab-size: 4;
        tab-size: 4;
        line-height: 1.5;
        font-family: var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");
        font-feature-settings: var(--default-font-feature-settings,normal);
        font-variation-settings: var(--default-font-variation-settings,normal);
        -webkit-tap-highlight-color: transparent
    }

    hr {
        height: 0;
        color: inherit;
        border-top-width: 1px
    }

    abbr:where([title]) {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
    }

    h1, h2, h3, h4, h5, h6 {
        font-size: inherit;
        font-weight: inherit
    }

    a {
        color: inherit;
        -webkit-text-decoration: inherit;
        text-decoration: inherit
    }

    b, strong {
        font-weight: bolder
    }

    code, kbd, samp, pre {
        font-family: var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);
        font-feature-settings: var(--default-mono-font-feature-settings,normal);
        font-variation-settings: var(--default-mono-font-variation-settings,normal);
        font-size: 1em
    }

    small {
        font-size: 80%
    }

    sub, sup {
        vertical-align: baseline;
        font-size: 75%;
        line-height: 0;
        position: relative
    }

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

    table {
        text-indent: 0;
        border-color: inherit;
        border-collapse: collapse
    }

    :-moz-focusring {
        outline: auto
    }

    progress {
        vertical-align: baseline
    }

    summary {
        display: list-item
    }

    ol, ul, menu {
        list-style: none
    }

    img, svg, video, canvas, audio, iframe, embed, object {
        vertical-align: middle;
        display: block
    }

    img, video {
        max-width: 100%;
        height: auto
    }

    button, input, select, optgroup, textarea {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }

    ::file-selector-button {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }

    :where(select:is([multiple],[size])) optgroup {
        font-weight: bolder
    }

        :where(select:is([multiple],[size])) optgroup option {
            padding-inline-start: 20px
        }

    ::file-selector-button {
        margin-inline-end: 4px
    }

    ::placeholder {
        opacity: 1
    }

    @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
        ::placeholder {
            color: currentColor
        }

        @supports (color:color-mix(in lab,red,red)) {
            ::placeholder {
                color: color-mix(in oklab,currentcolor 50%,transparent)
            }
        }
    }

    textarea {
        resize: vertical
    }

    ::-webkit-search-decoration {
        -webkit-appearance: none
    }

    ::-webkit-date-and-time-value {
        min-height: 1lh;
        text-align: inherit
    }

    ::-webkit-datetime-edit {
        display: inline-flex
    }

    ::-webkit-datetime-edit-fields-wrapper {
        padding: 0
    }

    ::-webkit-datetime-edit {
        padding-block: 0
    }

    ::-webkit-datetime-edit-year-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-month-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-day-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-hour-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-minute-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-second-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-millisecond-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-meridiem-field {
        padding-block: 0
    }

    :-moz-ui-invalid {
        box-shadow: none
    }

    button, input:where([type=button],[type=reset],[type=submit]) {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button
    }

    ::file-selector-button {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button
    }

    ::-webkit-inner-spin-button {
        height: auto
    }

    ::-webkit-outer-spin-button {
        height: auto
    }

    [hidden]:where(:not([hidden=until-found])) {
        display: none !important
    }

    [data-mode=black-white] {
        --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,)
    }

    body {
        background-color: var(--color-body);
        font-family: var(--font-body);
        font-size: var(--text-base);
        line-height: var(--tw-leading,var(--text-base--line-height))
    }

        body:is(:where(.group)[data-layout=boxed] *) {
            margin: calc(var(--spacing)*8);
            background-color: var(--color-sky-500)
        }

        body:where([data-mode=dark],[data-mode=dark] *) {
            background-color: var(--color-dark-950);
            color: var(--color-dark-100)
        }

    :is(h1,h2,h3,h4,h5,h6) {
        font-family: var(--font-heading);
        font-weight: var(--font-weight-semibold)
    }

    h1 {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading,var(--text-4xl--line-height))
    }

    h2 {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading,var(--text-3xl--line-height))
    }

    h3 {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading,var(--text-2xl--line-height))
    }

    h4 {
        font-size: var(--text-xl);
        line-height: var(--tw-leading,var(--text-xl--line-height))
    }

    h5 {
        font-size: var(--text-lg);
        line-height: var(--tw-leading,var(--text-lg--line-height))
    }

    h6 {
        font-size: var(--text-base);
        line-height: var(--tw-leading,var(--text-base--line-height))
    }

    .list-circle {
        list-style-type: circle
    }

    .list-square {
        list-style-type: square
    }

    .list-roman {
        list-style-type: upper-roman
    }

    @keyframes fadeIn {
        0% {
            opacity: 0;
            transform: translateY(10px)
        }

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

    .animate-fadeIn {
        animation: .5s ease-in-out fadeIn
    }

    .category-card.active {
        transform: scale(1.05);
        box-shadow: 0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d
    }

    .pos-widget-card .card-body {
        background: repeating-linear-gradient(-45deg,#ffffff2e,#ffffff0a 35px,#fff3 45px)
    }

    .pos-widget-card .animate-spin {
        animation-duration: 20s !important
    }

    .pos-widget-curve {
        top: calc(var(--spacing)*0);
        width: calc(var(--spacing)*12);
        height: calc(var(--spacing)*12);
        border-style: var(--tw-border-style);
        border-width: 5px;
        border-color: var(--color-white);
        background-color: var(--color-white);
        justify-content: center;
        align-items: center;
        display: flex;
        position: absolute
    }

        .pos-widget-curve:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
            right: calc(var(--spacing)*0);
            border-bottom-left-radius: var(--radius-xl)
        }

        .pos-widget-curve:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
            left: calc(var(--spacing)*0);
            border-bottom-right-radius: var(--radius-xl)
        }

        .pos-widget-curve:where([data-mode=dark],[data-mode=dark] *) {
            border-color: var(--color-dark-900)
        }

        .pos-widget-curve:before {
            width: calc(var(--spacing)*3);
            height: calc(var(--spacing)*3);
            --tw-content: "";
            content: var(--tw-content);
            position: absolute;
            top: -5px
        }

        .pos-widget-curve:where(:dir(ltr),[dir=ltr],[dir=ltr] *):before {
            border-top-right-radius: var(--radius-xl);
            content: var(--tw-content);
            --tw-shadow: .15rem -.13rem 0 .12rem var(--tw-shadow-color,#fff);
            box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
            left: -17px
        }

        .pos-widget-curve:where(:dir(rtl),[dir=rtl],[dir=rtl] *):before {
            border-top-left-radius: var(--radius-xl);
            content: var(--tw-content);
            --tw-shadow: -.15rem -.13rem 0 .12rem var(--tw-shadow-color,#fff);
            box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
            right: -17px
        }

    .pos-widget-curve {
        --tw-shadow-color: #fff
    }

    @supports (color:color-mix(in lab,red,red)) {
        .pos-widget-curve {
            --tw-shadow-color: color-mix(in oklab,var(--color-white)var(--tw-shadow-alpha),transparent)
        }
    }

    .pos-widget-curve:after {
        width: calc(var(--spacing)*3);
        height: calc(var(--spacing)*3);
        --tw-content: "";
        content: var(--tw-content);
        position: absolute;
        top: 43px
    }

    .pos-widget-curve:where(:dir(ltr),[dir=ltr],[dir=ltr] *):after {
        border-top-right-radius: var(--radius-xl);
        content: var(--tw-content);
        --tw-shadow: .15rem -.13rem 0 .12rem var(--tw-shadow-color,#fff);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
        right: -5px
    }

    .pos-widget-curve:where(:dir(rtl),[dir=rtl],[dir=rtl] *):after {
        border-top-left-radius: var(--radius-xl);
        content: var(--tw-content);
        --tw-shadow: -.15rem -.13rem 0 .12rem var(--tw-shadow-color,#fff);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
        left: -5px
    }

    .pos-widget-curve:where([data-mode=dark],[data-mode=dark] *) {
        --tw-shadow-color: oklch(20.8% .042 265.755)
    }

    @supports (color:color-mix(in lab,red,red)) {
        .pos-widget-curve:where([data-mode=dark],[data-mode=dark] *) {
            --tw-shadow-color: color-mix(in oklab,var(--color-dark-900)var(--tw-shadow-alpha),transparent)
        }
    }

    .animate-shimmer {
        animation: 3s ease-out infinite shimmer
    }

    @keyframes shimmer {
        to {
            opacity: 0;
            transform: translate(0)
        }
    }

    .table {
        border-collapse: collapse;
        vertical-align: middle;
        width: 100%
    }

        .table tr td {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px;
            border-color: var(--color-gray-200);
            padding-inline: calc(var(--spacing)*3);
            padding-block: calc(var(--spacing)*3.5)
        }

            .table tr td:where([data-mode=dark],[data-mode=dark] *) {
                border-color: var(--color-dark-800)
            }

        .table tr th {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px;
            border-color: var(--color-gray-200);
            padding-inline: calc(var(--spacing)*3);
            padding-block: calc(var(--spacing)*3.5);
            text-align: start;
            --tw-font-weight: var(--font-weight-semibold);
            font-weight: var(--font-weight-semibold)
        }

            .table tr th:where([data-mode=dark],[data-mode=dark] *) {
                border-color: var(--color-dark-800)
            }

        .table.bordered tr td, .table.bordered tr th {
            border-style: var(--tw-border-style);
            border-width: 1px;
            border-color: var(--color-gray-200)
        }

    :is(.table.bordered tr td,.table.bordered tr th):where([data-mode=dark],[data-mode=dark] *) {
        border-color: var(--color-dark-800)
    }

    .table.table-sm tr td, .table.table-sm tr th {
        padding-inline: calc(var(--spacing)*2);
        padding-block: calc(var(--spacing)*1.5)
    }

    .table.flush tr td {
        border-style: var(--tw-border-style);
        border-width: 0
    }

    .table.hovered tr {
        transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration));
        --tw-duration: .2s;
        --tw-ease: linear;
        transition-duration: .2s;
        transition-timing-function: linear
    }

    @media (hover:hover) {
        .table.hovered tr:hover {
            background-color: #e5e7eb80 !important
        }

        @supports (color:color-mix(in lab,red,red)) {
            .table.hovered tr:hover {
                background-color: color-mix(in oklab,var(--color-gray-200)50%,transparent) !important
            }
        }

        .table.hovered tr:where([data-mode=dark],[data-mode=dark] *):hover {
            background-color: var(--color-dark-850) !important
        }
    }

    .table.even-striped tr:nth-child(odd) {
        background-color: var(--color-white)
    }

    .table.even-striped tr:nth-child(2n) {
        background-color: var(--color-gray-100)
    }

    .table.even-striped tr:where([data-mode=dark],[data-mode=dark] *):nth-child(odd) {
        background-color: var(--color-dark-900)
    }

    .table.even-striped tr:where([data-mode=dark],[data-mode=dark] *):nth-child(2n) {
        background-color: var(--color-dark-850)
    }

    .table.odd-striped tr:nth-child(odd) {
        background-color: var(--color-gray-100)
    }

    .table.odd-striped tr:nth-child(2n) {
        background-color: var(--color-white)
    }

    .table.odd-striped tr:where([data-mode=dark],[data-mode=dark] *):nth-child(odd) {
        background-color: var(--color-dark-850)
    }

    .table.odd-striped tr:where([data-mode=dark],[data-mode=dark] *):nth-child(2n) {
        background-color: var(--color-dark-900)
    }

    .table-box {
        margin-inline: calc(var(--spacing)*-5)
    }

    :is(.table-box td,.table-box th):first-child {
        padding-left: calc(var(--spacing)*5) !important
    }

    :is(.table-box td,.table-box th):last-child {
        padding-right: calc(var(--spacing)*5) !important
    }

    :is(.table-box .table-sm td,.table-box .table-sm th):first-child {
        padding-left: calc(var(--spacing)*5) !important
    }

    :is(.table-box .table-sm td,.table-box .table-sm th):last-child {
        padding-right: calc(var(--spacing)*5) !important
    }

    :where(.dtr-details>:not(:last-child)) {
        --tw-divide-y-reverse: 0;
        border-bottom-style: var(--tw-border-style);
        border-top-style: var(--tw-border-style);
        border-top-width: calc(1px*var(--tw-divide-y-reverse));
        border-bottom-width: calc(1px*calc(1 - var(--tw-divide-y-reverse)));
        border-color: var(--color-gray-200)
    }

    :is(.dtr-details>*) {
        padding-block: calc(var(--spacing)*2.5)
    }

    :where(.dtr-details:where([data-mode=dark],[data-mode=dark] *)>:not(:last-child)) {
        border-color: var(--color-dark-800)
    }

    .dtr-details .dtr-title {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .dt-length {
        text-transform: capitalize
    }

    .invoice-landing-chart .apexcharts-text:where([data-mode=dark],[data-mode=dark] *) {
        fill: var(--color-muted-invoice)
    }

    :is(.invoice-landing-chart .apexcharts-gridline,.invoice-landing-chart .apexcharts-xaxis-tick,.invoice-landing-chart .apexcharts-xcrosshairs):where([data-mode=dark],[data-mode=dark] *) {
        stroke: #cad5e21a !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        :is(.invoice-landing-chart .apexcharts-gridline,.invoice-landing-chart .apexcharts-xaxis-tick,.invoice-landing-chart .apexcharts-xcrosshairs):where([data-mode=dark],[data-mode=dark] *) {
            stroke: color-mix(in oklab,var(--color-slate-300)10%,transparent) !important
        }
    }

    .invoice-landing-chart .apexcharts-grid-borders line:where([data-mode=dark],[data-mode=dark] *) {
        stroke: #cad5e21a !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .invoice-landing-chart .apexcharts-grid-borders line:where([data-mode=dark],[data-mode=dark] *) {
            stroke: color-mix(in oklab,var(--color-slate-300)10%,transparent) !important
        }
    }

    .invoice-landing-chart .apexcharts-tooltip.apexcharts-theme-light:where([data-mode=dark],[data-mode=dark] *) {
        border-color: #cad5e21a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .invoice-landing-chart .apexcharts-tooltip.apexcharts-theme-light:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-slate-300)10%,transparent)
        }
    }

    .invoice-landing-chart .apexcharts-tooltip.apexcharts-theme-light:where([data-mode=dark],[data-mode=dark] *) {
        background-color: var(--color-body-invoice)
    }

    .invoice-landing-chart .apexcharts-tooltip .apexcharts-tooltip-title:where([data-mode=dark],[data-mode=dark] *) {
        border-color: #cad5e21a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .invoice-landing-chart .apexcharts-tooltip .apexcharts-tooltip-title:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-slate-300)10%,transparent)
        }
    }

    .invoice-landing-chart .apexcharts-tooltip .apexcharts-tooltip-title:where([data-mode=dark],[data-mode=dark] *) {
        background-color: #04021d80 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .invoice-landing-chart .apexcharts-tooltip .apexcharts-tooltip-title:where([data-mode=dark],[data-mode=dark] *) {
            background-color: color-mix(in oklab,var(--color-body-invoice)50%,transparent) !important
        }
    }

    :is(.invoice-landing-chart .apexcharts-xaxistooltip,.invoice-landing-chart .apexcharts-yaxistooltip):where([data-mode=dark],[data-mode=dark] *) {
        border-color: #cad5e21a !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        :is(.invoice-landing-chart .apexcharts-xaxistooltip,.invoice-landing-chart .apexcharts-yaxistooltip):where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-slate-300)10%,transparent) !important
        }
    }

    :is(.invoice-landing-chart .apexcharts-xaxistooltip,.invoice-landing-chart .apexcharts-yaxistooltip):where([data-mode=dark],[data-mode=dark] *) {
        background-color: var(--color-body-invoice) !important
    }
}

@layer components {
    [drawer-start]:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        left: calc(var(--spacing)*0)
    }

    [drawer-start]:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        right: calc(var(--spacing)*0)
    }

    [drawer-start].show:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        --tw-translate-x: -100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    [drawer-start].show:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        --tw-translate-x: 100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    [drawer-end]:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        right: calc(var(--spacing)*0)
    }

    [drawer-end]:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        left: calc(var(--spacing)*0)
    }

    [drawer-end].show:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        --tw-translate-x: 100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    [drawer-end].show:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        --tw-translate-x: -100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    [drawer-bottom] {
        inset-inline: calc(var(--spacing)*0);
        bottom: calc(var(--spacing)*0);
        width: 100%;
        height: calc(var(--spacing)*80) !important;
        top: auto !important
    }

        [drawer-bottom].show {
            --tw-translate-y: 100%;
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

    [drawer-top] {
        inset-inline: calc(var(--spacing)*0);
        width: 100%;
        height: calc(var(--spacing)*80) !important
    }

        [drawer-top].show {
            --tw-translate-y: -100%;
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

    button {
        cursor: pointer
    }

    .btn {
        cursor: pointer;
        border-radius: var(--radius-md);
        border-style: var(--tw-border-style);
        padding-inline: calc(var(--spacing)*6);
        text-align: center;
        font-size: var(--text-sm);
        line-height: var(--tw-leading,var(--text-sm--line-height));
        transition-property: all;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration));
        --tw-duration: .2s;
        --tw-ease: linear;
        background-color: #0000;
        border-width: 1px;
        border-color: #0000;
        padding-block: .5625rem;
        transition-duration: .2s;
        transition-timing-function: linear;
        display: inline-block
    }

        .btn[disabled] {
            cursor: default
        }

        .btn.btn-icon {
            width: var(--spacing-btn-icon);
            height: var(--spacing-btn-icon);
            padding: calc(var(--spacing)*0);
            justify-content: center;
            align-items: center;
            display: flex
        }

        .btn.btn-xs {
            padding-inline: calc(var(--spacing)*2);
            padding-block: calc(var(--spacing)*1);
            font-size: var(--text-11)
        }

        .btn.btn-sm {
            padding-inline: calc(var(--spacing)*3);
            padding-block: calc(var(--spacing)*1.5);
            font-size: var(--text-xs);
            line-height: var(--tw-leading,var(--text-xs--line-height))
        }

        .btn.btn-md {
            padding-inline: calc(var(--spacing)*4);
            padding-block: calc(var(--spacing)*2);
            font-size: var(--text-13)
        }

        .btn.btn-lg {
            padding-inline: calc(var(--spacing)*7);
            padding-block: calc(var(--spacing)*3);
            font-size: var(--text-16)
        }

        .btn.btn-sub-gray:where([data-mode=dark],[data-mode=dark] *) {
            background-color: var(--color-dark-850);
            color: var(--color-dark-200)
        }

    @media (hover:hover) {
        .btn.btn-sub-gray:where([data-mode=dark],[data-mode=dark] *):hover {
            background-color: var(--color-dark-800);
            color: var(--color-dark-100)
        }
    }

    .btn-icon-text {
        justify-content: center;
        align-items: center;
        gap: calc(var(--spacing)*2);
        display: flex
    }

    .btn-icon-overlay {
        display: flex;
        position: relative;
        overflow: hidden
    }

        .btn-icon-overlay:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
            padding-left: calc(var(--spacing)*16)
        }

        .btn-icon-overlay:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
            padding-right: calc(var(--spacing)*16)
        }

        .btn-icon-overlay .icon {
            inset-block: calc(var(--spacing)*0);
            background-color: #ffffff1a;
            justify-content: center;
            align-items: center;
            width: 38px;
            display: flex;
            position: absolute
        }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-icon-overlay .icon {
            background-color: color-mix(in oklab,var(--color-white)10%,transparent)
        }
    }

    .btn-icon-overlay .icon:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        left: calc(var(--spacing)*0)
    }

    .btn-icon-overlay .icon:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        right: calc(var(--spacing)*0)
    }

    .btn-icon-overlay.right:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        padding-right: calc(var(--spacing)*16);
        padding-left: calc(var(--spacing)*6)
    }

    .btn-icon-overlay.right:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        padding-right: calc(var(--spacing)*6);
        padding-left: calc(var(--spacing)*16)
    }

    .btn-icon-overlay.right .icon:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        right: calc(var(--spacing)*0);
        left: auto
    }

    .btn-icon-overlay.right .icon:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        right: auto;
        left: calc(var(--spacing)*0)
    }

    [type=checkbox]:checked:focus {
        --tw-ring-color: transparent
    }

    [type=checkbox]:checked {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEyODAgMTI0NCIgd2lkdGg9IjEyODAiIGhlaWdodD0iMTI0NCI+DQoJPHRpdGxlPjI3ODIwLXN2ZzwvdGl0bGU+DQoJPHN0eWxlPg0KCQkuczAgeyBmaWxsOiAjZmZmZmZmIH0gDQoJPC9zdHlsZT4NCgk8ZyBpZD0iTGF5ZXIiPg0KCQk8cGF0aCBpZD0iTGF5ZXIiIGNsYXNzPSJzMCIgZD0ibTEyMzcuOCAxLjVjLTMyIDYuNC03OC4yIDM3LTE0NC4zIDk1LjQtMzAuMyAyNi44LTU0LjEgNDkuNi0xMDYuNiAxMDIuMS04NC41IDg0LjUtMTQyLjQgMTQ2LTI5Ni40IDMxNS03Mi45IDgwLTExNi40IDEyNy41LTE0My45IDE1Ny03Ni4yIDgxLjgtMTIyLjYgMTI2LjYtMTMzLjIgMTI4LjYtNy41IDEuNC0zNS41LTAuMy01MS40LTMuMS0zNS4xLTYuMS04Ni0yMC40LTE2NS41LTQ2LjUtMTA5LjktMzYtMTMzLjgtNDIuNS0xNTguNS00Mi41LTEyLjggMC0xMy44IDAuMS0xOS44IDIuOS03LjYgMy41LTEzLjMgOS42LTE2LjIgMTcuMi00LjIgMTEuMi0yLjcgMTcgMTEuNSA0NS45IDQ1LjQgOTIuMSAxMjUuMiAxOTguNCAyMjQuNSAyOTguOSA5My4yIDk0LjMgMTczIDE1My41IDIyNy41IDE2OC43IDEwLjYgMyAyOC4yIDMuMyAzNi45IDAuNiA4LjctMi43IDE3LjQtMTEuMyAyMi42LTIyLjQgMTIuNC0yNi42IDU2LjUtOTguOSAxMzMuOC0yMTkuOCA0OS41LTc3LjIgMTAzLjYtMTYwLjUgMjk3LjctNDU3LjUgMTYxLjctMjQ3LjQgMjQwLjYtMzcwLjUgMjg2LjUtNDQ3IDE0LTIzLjIgMzQtNTguOSAzNC02MC41IDAtMC42LTMuOS04LjQtOC42LTE3LjItNi4yLTExLjYtOS4yLTE2LjMtMTAuNy0xNi43LTMuNS0wLjktMTIuNy0wLjUtMTkuOSAwLjl6Ii8+DQoJPC9nPg0KPC9zdmc+);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: .65rem .65rem
    }

    [type=radio]:checked {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9Jy00IC00IDggOCc+PGNpcmNsZSByPScyJyBmaWxsPScjZmZmJy8+PC9zdmc+);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: -.15rem .85rem
    }

    [type=checkbox].arrow-none:checked, [type=radio].arrow-none:checked {
        background-repeat: no-repeat
    }

    [dir=rtl] .form-select {
        background-position: .7rem
    }

    input[type=range]::-webkit-slider-thumb {
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: var(--color-primary-500);
        border-radius: 3.40282e38px;
        width: calc(var(--spacing)*4) !important;
        height: calc(var(--spacing)*4) !important
    }

    input[type=range]:focus::-webkit-slider-thumb {
        background-color: var(--color-primary-600);
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
        --tw-shadow-color: oklch(82.52% .0944 244.01)
    }

    @supports (color:color-mix(in lab,red,red)) {
        input[type=range]:focus::-webkit-slider-thumb {
            --tw-shadow-color: color-mix(in oklab,var(--color-primary-300)var(--tw-shadow-alpha),transparent)
        }
    }

    input[type=range].range-green::-webkit-slider-thumb {
        background-color: var(--color-green-500) !important
    }

    input[type=range].range-green:focus::-webkit-slider-thumb {
        background-color: var(--color-green-600) !important;
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a) !important;
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) !important;
        --tw-shadow-color: oklch(87.1% .15 154.449) !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        input[type=range].range-green:focus::-webkit-slider-thumb {
            --tw-shadow-color: color-mix(in oklab,var(--color-green-300)var(--tw-shadow-alpha),transparent) !important
        }
    }

    input[type=range].range-orange::-webkit-slider-thumb {
        background-color: var(--color-orange-500) !important
    }

    input[type=range].range-orange:focus::-webkit-slider-thumb {
        background-color: var(--color-orange-600) !important;
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a) !important;
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) !important;
        --tw-shadow-color: oklch(83.7% .128 66.29) !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        input[type=range].range-orange:focus::-webkit-slider-thumb {
            --tw-shadow-color: color-mix(in oklab,var(--color-orange-300)var(--tw-shadow-alpha),transparent) !important
        }
    }

    input[type=range].range-sky::-webkit-slider-thumb {
        background-color: var(--color-sky-500) !important
    }

    input[type=range].range-sky:focus::-webkit-slider-thumb {
        background-color: var(--color-sky-600) !important;
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a) !important;
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) !important;
        --tw-shadow-color: oklch(82.8% .111 230.318) !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        input[type=range].range-sky:focus::-webkit-slider-thumb {
            --tw-shadow-color: color-mix(in oklab,var(--color-sky-300)var(--tw-shadow-alpha),transparent) !important
        }
    }

    input[type=range].range-yellow::-webkit-slider-thumb {
        background-color: var(--color-yellow-500) !important
    }

    input[type=range].range-yellow:focus::-webkit-slider-thumb {
        background-color: var(--color-yellow-600) !important;
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a) !important;
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) !important;
        --tw-shadow-color: oklch(90.5% .182 98.111) !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        input[type=range].range-yellow:focus::-webkit-slider-thumb {
            --tw-shadow-color: color-mix(in oklab,var(--color-yellow-300)var(--tw-shadow-alpha),transparent) !important
        }
    }

    input[type=range].range-red::-webkit-slider-thumb {
        background-color: var(--color-red-500) !important
    }

    input[type=range].range-red:focus::-webkit-slider-thumb {
        background-color: var(--color-red-600) !important;
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a) !important;
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) !important;
        --tw-shadow-color: oklch(80.8% .114 19.571) !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        input[type=range].range-red:focus::-webkit-slider-thumb {
            --tw-shadow-color: color-mix(in oklab,var(--color-red-300)var(--tw-shadow-alpha),transparent) !important
        }
    }

    input[type=range].range-purple::-webkit-slider-thumb {
        background-color: var(--color-purple-500) !important
    }

    input[type=range].range-purple:focus::-webkit-slider-thumb {
        background-color: var(--color-purple-600) !important;
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a) !important;
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) !important;
        --tw-shadow-color: oklch(82.7% .119 306.383) !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        input[type=range].range-purple:focus::-webkit-slider-thumb {
            --tw-shadow-color: color-mix(in oklab,var(--color-purple-300)var(--tw-shadow-alpha),transparent) !important
        }
    }

    input[type=range].range-pink::-webkit-slider-thumb {
        background-color: var(--color-pink-500) !important
    }

    input[type=range].range-pink:focus::-webkit-slider-thumb {
        background-color: var(--color-pink-600) !important;
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a) !important;
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) !important;
        --tw-shadow-color: oklch(82.3% .12 346.018) !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        input[type=range].range-pink:focus::-webkit-slider-thumb {
            --tw-shadow-color: color-mix(in oklab,var(--color-pink-300)var(--tw-shadow-alpha),transparent) !important
        }
    }

    input[type=range].range-indigo::-webkit-slider-thumb {
        background-color: var(--color-indigo-500) !important
    }

    input[type=range].range-indigo:focus::-webkit-slider-thumb {
        background-color: var(--color-indigo-600) !important;
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a) !important;
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) !important;
        --tw-shadow-color: oklch(78.5% .115 274.713) !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        input[type=range].range-indigo:focus::-webkit-slider-thumb {
            --tw-shadow-color: color-mix(in oklab,var(--color-indigo-300)var(--tw-shadow-alpha),transparent) !important
        }
    }

    input[type=range].range-dark::-webkit-slider-thumb {
        background-color: var(--color-gray-600) !important
    }

    input[type=range].range-dark:focus::-webkit-slider-thumb {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
        background-color: var(--color-gray-800) !important;
        --tw-shadow-color: oklch(87.2% .01 258.338) !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        input[type=range].range-dark:focus::-webkit-slider-thumb {
            --tw-shadow-color: color-mix(in oklab,var(--color-gray-300)var(--tw-shadow-alpha),transparent) !important
        }
    }

    .apexcharts-tooltip.apexcharts-theme-light {
        border-radius: var(--radius-md);
        border-color: var(--color-gray-200) !important;
        background-color: var(--color-white) !important;
        --tw-shadow: 0 0 #0000 !important;
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) !important
    }

        .apexcharts-tooltip.apexcharts-theme-light:where([data-mode=dark],[data-mode=dark] *) {
            border-color: var(--color-dark-800) !important;
            background-color: var(--color-dark-900) !important
        }

        .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
            border-bottom-style: var(--tw-border-style) !important;
            background-color: var(--color-white) !important;
            padding-bottom: calc(var(--spacing)*0) !important;
            font-family: var(--font-body) !important;
            --tw-font-weight: var(--font-weight-semibold) !important;
            font-weight: var(--font-weight-semibold) !important;
            border-bottom-width: 0 !important
        }

            .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title:where([data-mode=dark],[data-mode=dark] *) {
                background-color: var(--color-dark-900) !important
            }

        .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-text {
            font-family: var(--font-body) !important;
            font-size: var(--text-xs) !important;
            line-height: var(--tw-leading,var(--text-xs--line-height)) !important
        }

    :is(.apexcharts-text,.apexcharts-title-text) {
        font-family: var(--font-body) !important
    }

        :is(.apexcharts-text,.apexcharts-title-text):where([data-mode=dark],[data-mode=dark] *) {
            fill: var(--color-dark-300)
        }

    .apexcharts-legend-text {
        font-family: var(--font-body) !important;
        font-size: var(--text-xs) !important;
        line-height: var(--tw-leading,var(--text-xs--line-height)) !important;
        color: var(--color-gray-800) !important
    }

        .apexcharts-legend-text:where([data-mode=dark],[data-mode=dark] *) {
            color: var(--color-dark-50) !important
        }

    .apexcharts-xaxistooltip, .apexcharts-yaxistooltip {
        border-color: var(--color-gray-200) !important;
        background-color: var(--color-white) !important;
        font-family: var(--font-body) !important;
        font-size: var(--text-xs) !important;
        line-height: var(--tw-leading,var(--text-xs--line-height)) !important;
        color: var(--color-gray-500) !important
    }

    :is(.apexcharts-xaxistooltip,.apexcharts-yaxistooltip):where([data-mode=dark],[data-mode=dark] *) {
        border-color: var(--color-dark-800) !important;
        background-color: var(--color-dark-900) !important;
        color: var(--color-dark-500) !important
    }

    .apexcharts-xaxistooltip-bottom:before {
        border-bottom-color: var(--color-gray-200) !important
    }

        .apexcharts-xaxistooltip-bottom:before:where() {
            border-bottom-color: var(--color-dark-800) !important
        }

    .apexcharts-gridline, .apexcharts-xcrosshairs, .apexcharts-xaxis-tick {
        stroke: var(--color-gray-200) !important
    }

    :is(.apexcharts-gridline,.apexcharts-xcrosshairs,.apexcharts-xaxis-tick):where([data-mode=dark],[data-mode=dark] *) {
        stroke: var(--color-dark-800) !important
    }

    .apexcharts-xaxis line {
        stroke: var(--color-gray-200)
    }

        .apexcharts-xaxis line:where([data-mode=dark],[data-mode=dark] *) {
            stroke: var(--color-dark-800)
        }

    .apexcharts-grid-borders line {
        stroke: var(--color-gray-200)
    }

        .apexcharts-grid-borders line:where([data-mode=dark],[data-mode=dark] *) {
            stroke: var(--color-dark-800)
        }

    .apexcharts-series-markers :is(circle,path) {
        stroke: var(--color-white)
    }

        .apexcharts-series-markers :is(circle,path):where([data-mode=dark],[data-mode=dark] *) {
            stroke: var(--color-dark-900)
        }

    .apexcharts-bar-series path {
        stroke: var(--color-white)
    }

        .apexcharts-bar-series path:where([data-mode=dark],[data-mode=dark] *) {
            stroke: var(--color-dark-900)
        }

    .apexcharts-boxPlot-series path {
        stroke: var(--color-gray-200)
    }

        .apexcharts-boxPlot-series path:where([data-mode=dark],[data-mode=dark] *) {
            stroke: var(--color-dark-800)
        }

    :is(.apexcharts-heatmap,.apexcharts-treemap) rect {
        stroke: var(--color-white)
    }

        :is(.apexcharts-heatmap,.apexcharts-treemap) rect:where([data-mode=dark],[data-mode=dark] *) {
            stroke: var(--color-dark-900)
        }

    .apexcharts-pie-series path {
        stroke: var(--color-white)
    }

        .apexcharts-pie-series path:where([data-mode=dark],[data-mode=dark] *) {
            stroke: var(--color-dark-900)
        }

    .apexcharts-pie :is(line,circle) {
        stroke: #0000
    }

    .apexcharts-radar-series :is(polygon,line) {
        stroke: var(--color-gray-200)
    }

        .apexcharts-radar-series :is(polygon,line):where([data-mode=dark],[data-mode=dark] *) {
            stroke: var(--color-dark-800)
        }

    .apexcharts-radialbar-track path {
        stroke: var(--color-gray-100)
    }

        .apexcharts-radialbar-track path:where([data-mode=dark],[data-mode=dark] *) {
            stroke: var(--color-dark-850)
        }

    .apexcharts-data-labels rect {
        stroke: var(--color-gray-100)
    }

        .apexcharts-data-labels rect:where([data-mode=dark],[data-mode=dark] *) {
            stroke: var(--color-dark-850)
        }

    .apexcharts-menu {
        border-color: var(--color-gray-200);
        background-color: var(--color-white)
    }

        .apexcharts-menu:where([data-mode=dark],[data-mode=dark] *) {
            border-color: var(--color-dark-800);
            background-color: var(--color-dark-900)
        }

    .fc-theme-standard {
        --fc-page-bg-color: var(--color-white);
        --fc-border-color: var(--color-gray-200);
        --fc-neutral-text-color: var(--color-gray-500);
        --fc-button-text-color: var(--color-white);
        --fc-button-bg-color: var(--color-sky-500);
        --fc-button-border-color: var(--color-sky-500);
        --fc-button-hover-bg-color: var(--color-sky-600);
        --fc-button-hover-border-color: var(--color-sky-600);
        --fc-button-active-bg-color: var(--color-sky-600);
        --fc-button-active-border-color: var(--color-sky-600);
        --fc-event-bg-color: var(--color-sky-500);
        --fc-event-border-color: var(--color-sky-500);
        --fc-event-text-color: colors.white;
        --fc-today-bg-color: colors.sky[100];
        --fc-now-indicator-color: colors.red[500];
        --fc-neutral-bg-color: colors.gray[100]
    }

    th.fc-col-header-cell {
        padding: calc(var(--spacing)*2.5)
    }

    .fc .fc-toolbar-title {
        font-size: var(--text-16)
    }

    .fc .fc-toolbar.fc-header-toolbar {
        margin-bottom: var(--spacing-space)
    }

    [data-mode=dark] .fc-theme-standard {
        --fc-page-bg-color: var(--color-dark-900);
        --fc-border-color: var(--color-dark-800);
        --fc-neutral-text-color: var(--color-dark-500);
        --fc-today-bg-color: #429fe617;
        --fc-highlight-color: #429fe617;
        --fc-neutral-bg-color: var(--color-dark-850)
    }

    .fc-daygrid-event {
        border-radius: var(--radius-md);
        padding-inline: calc(var(--spacing)*4);
        padding-block: calc(var(--spacing)*1.5);
        font-size: var(--text-base);
        line-height: var(--tw-leading,var(--text-base--line-height))
    }

    .fc .fc-list-event:hover td:where([data-mode=dark],[data-mode=dark] *) {
        background-color: var(--color-dark-850)
    }

    .fc-h-event .fc-event-title, .fc-event-time {
        color: var(--color-white)
    }

    .fc-timeline-event {
        padding-inline: calc(var(--spacing)*4);
        padding-block: calc(var(--spacing)*1.5);
        color: var(--color-white);
        text-transform: capitalize
    }

    @media (max-width:767px) {
        .fc-toolbar.fc-header-toolbar {
            flex-direction: column;
            gap: 10px
        }

            .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk:first-child {
                order: 3
            }

            .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk:nth-child(2) {
                order: 1
            }

            .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk:nth-child(3) {
                order: 2
            }
    }

    .fc-license-message {
        display: none
    }

    .simplebar-scrollbar:before {
        background-color: var(--color-gray-300) !important
    }

    [data-mode=dark] .simplebar-scrollbar:before {
        background-color: var(--color-dark-800) !important
    }

    [data-simplebar-scroll=primary] .simplebar-scrollbar:before {
        background-color: var(--color-primary-500) !important
    }

    [data-simplebar-scroll=green] .simplebar-scrollbar:before {
        background-color: var(--color-green-500) !important
    }

    [data-simplebar-scroll=purple] .simplebar-scrollbar:before {
        background-color: var(--color-purple-500) !important
    }

    [data-simplebar-scroll=yellow] .simplebar-scrollbar:before {
        background-color: var(--color-yellow-500) !important
    }

    [data-simplebar-scroll=red] .simplebar-scrollbar:before {
        background-color: var(--color-red-500) !important
    }

    [data-simplebar-scroll=sky] .simplebar-scrollbar:before {
        background-color: var(--color-sky-500) !important
    }

    [data-simplebar-scroll=pink] .simplebar-scrollbar:before {
        background-color: var(--color-pink-500) !important
    }

    .deckgo-highlight-code-carbon {
        --deckgo-highlight-code-carbon-background: var(--color-gray-800);
        --deckgo-highlight-code-carbon-color: #fff;
        --deckgo-highlight-code-token-atrule: var(--color-pink-500);
        --deckgo-highlight-code-token-function: var(--color-yellow-500);
        --deckgo-highlight-code-carbon-header-button-red-background: var(--color-red-500);
        --deckgo-highlight-code-token-selector: var(--color-green-400)
    }

    [data-mode=dark] .deckgo-highlight-code-carbon {
        --deckgo-highlight-code-carbon-background: var(--color-dark-850)
    }

    svg {
        touch-action: none
    }

    image, text, .jvm-zoomin, .jvm-zoomout {
        -webkit-user-select: none;
        user-select: none
    }

    .jvm-container {
        touch-action: none;
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden
    }

        .jvm-container path {
            fill: var(--color-gray-100) !important
        }

            .jvm-container path:where([data-mode=dark],[data-mode=dark] *) {
                fill: var(--color-dark-700) !important
            }

    .jvm-tooltip {
        border-radius: var(--radius-md);
        background-color: var(--color-primary-500);
        padding-inline: calc(var(--spacing)*2.5);
        padding-block: calc(var(--spacing)*1);
        font-family: var(--font-body);
        font-size: var(--text-xs);
        line-height: var(--tw-leading,var(--text-xs--line-height));
        white-space: nowrap;
        color: var(--color-white);
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
        --tw-shadow-color: oklch(92.8% .006 264.531);
        display: none;
        position: absolute
    }

    @supports (color:color-mix(in lab,red,red)) {
        .jvm-tooltip {
            --tw-shadow-color: color-mix(in oklab,var(--color-gray-200)var(--tw-shadow-alpha),transparent)
        }
    }

    .jvm-tooltip:where([data-mode=dark],[data-mode=dark] *) {
        --tw-shadow-color: oklch(23.13% .0399 270.37)
    }

    @supports (color:color-mix(in lab,red,red)) {
        .jvm-tooltip:where([data-mode=dark],[data-mode=dark] *) {
            --tw-shadow-color: color-mix(in oklab,var(--color-dark-850)var(--tw-shadow-alpha),transparent)
        }
    }

    .jvm-tooltip.active {
        display: block
    }

    .jvm-zoom-btn {
        box-sizing: border-box;
        width: calc(var(--spacing)*3.5);
        height: calc(var(--spacing)*3.5);
        cursor: pointer;
        border-radius: var(--radius-md);
        background-color: var(--color-gray-800);
        --tw-leading: 10px;
        color: var(--color-white);
        justify-content: center;
        align-items: center;
        line-height: 10px;
        display: flex;
        position: absolute
    }

        .jvm-zoom-btn:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
            left: calc(var(--spacing)*2.5)
        }

        .jvm-zoom-btn:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
            right: calc(var(--spacing)*2.5)
        }

        .jvm-zoom-btn:where([data-mode=dark],[data-mode=dark] *) {
            background-color: var(--color-dark-500)
        }

        .jvm-zoom-btn.jvm-zoomout {
            top: calc(var(--spacing)*7)
        }

        .jvm-zoom-btn.jvm-zoomin {
            top: calc(var(--spacing)*2.5)
        }

    .jvm-series-container {
        position: absolute
    }

        .jvm-series-container:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
            right: calc(var(--spacing)*3.5)
        }

        .jvm-series-container:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
            left: calc(var(--spacing)*3.5)
        }

        .jvm-series-container.jvm-series-h {
            bottom: calc(var(--spacing)*3.5)
        }

        .jvm-series-container.jvm-series-v {
            top: calc(var(--spacing)*3.5)
        }

        .jvm-series-container .jvm-legend {
            border-radius: var(--radius-md);
            border-color: var(--color-gray-200);
            background-color: var(--color-white);
            --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);
            box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
            --tw-shadow-color: oklch(87.2% .01 258.338);
            padding: .6rem
        }

    @supports (color:color-mix(in lab,red,red)) {
        .jvm-series-container .jvm-legend {
            --tw-shadow-color: color-mix(in oklab,var(--color-gray-300)var(--tw-shadow-alpha),transparent)
        }
    }

    .jvm-series-container .jvm-legend:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        float: left;
        margin-left: .75rem
    }

    .jvm-series-container .jvm-legend:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        float: right;
        margin-right: .75rem
    }

    .jvm-series-container .jvm-legend:where([data-mode=dark],[data-mode=dark] *) {
        border-color: var(--color-dark-800);
        background-color: var(--color-dark-800);
        --tw-shadow-color: oklch(23.13% .0399 270.37)
    }

    @supports (color:color-mix(in lab,red,red)) {
        .jvm-series-container .jvm-legend:where([data-mode=dark],[data-mode=dark] *) {
            --tw-shadow-color: color-mix(in oklab,var(--color-dark-850)var(--tw-shadow-alpha),transparent)
        }
    }

    .jvm-series-container .jvm-legend .jvm-legend-title {
        border-bottom-color: var(--color-gray-200);
        --tw-leading: 1;
        margin-bottom: .575rem;
        padding-bottom: .5rem;
        line-height: 1
    }

        .jvm-series-container .jvm-legend .jvm-legend-title:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
            text-align: left
        }

        .jvm-series-container .jvm-legend .jvm-legend-title:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
            text-align: right
        }

        .jvm-series-container .jvm-legend .jvm-legend-title:where([data-mode=dark],[data-mode=dark] *) {
            border-bottom-color: var(--color-dark-200)
        }

    .jvm-series-container .jvm-legend .jvm-legend-inner {
        overflow: hidden
    }

        .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick {
            min-width: calc(var(--spacing)*10);
            overflow: hidden
        }

            .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick:not(:first-child) {
                margin-top: .575rem
            }

            .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-sample {
                width: calc(var(--spacing)*3.5);
                height: calc(var(--spacing)*3.5);
                border-radius: var(--radius-md)
            }

                .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-sample:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
                    float: left;
                    margin-right: .65rem
                }

                .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-sample:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
                    float: right;
                    margin-left: .65rem
                }

            .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-text {
                text-align: center;
                font-size: var(--text-xs);
                line-height: var(--tw-leading,var(--text-xs--line-height))
            }

                .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-text:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
                    float: left
                }

                .jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-text:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
                    float: right
                }

    .jvm-line[animation=true] {
        animation: var(--animate-jvm-line)
    }

    .ql-container.ql-snow {
        border-color: var(--color-gray-200)
    }

        .ql-container.ql-snow:where([data-mode=dark],[data-mode=dark] *) {
            border-color: var(--color-dark-800)
        }

    .ql-editor td {
        border-color: var(--color-gray-200);
        font-family: var(--font-body)
    }

        .ql-editor td:where([data-mode=dark],[data-mode=dark] *) {
            border-color: var(--color-dark-800)
        }

    .ql-toolbar.ql-snow {
        border-color: var(--color-gray-200)
    }

        .ql-toolbar.ql-snow:where([data-mode=dark],[data-mode=dark] *) {
            border-color: var(--color-dark-800)
        }

        .ql-toolbar.ql-snow .ql-picker-options {
            --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);
            box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
            --tw-shadow-color: oklch(92.8% .006 264.531)
        }

    @supports (color:color-mix(in lab,red,red)) {
        .ql-toolbar.ql-snow .ql-picker-options {
            --tw-shadow-color: color-mix(in oklab,var(--color-gray-200)var(--tw-shadow-alpha),transparent)
        }
    }

    .ql-toolbar.ql-snow .ql-picker-options:where([data-mode=dark],[data-mode=dark] *) {
        --tw-shadow-color: oklch(27.9% .041 260.031)
    }

    @supports (color:color-mix(in lab,red,red)) {
        .ql-toolbar.ql-snow .ql-picker-options:where([data-mode=dark],[data-mode=dark] *) {
            --tw-shadow-color: color-mix(in oklab,var(--color-dark-800)var(--tw-shadow-alpha),transparent)
        }
    }

    .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label, .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
        border-color: var(--color-gray-200)
    }

    :is(.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options):where([data-mode=dark],[data-mode=dark] *) {
        border-color: var(--color-dark-800)
    }

    .ql-editor li[data-list=checked] > .ql-ui, .ql-editor li[data-list=unchecked] > .ql-ui {
        color: var(--color-gray-500)
    }

    :is(.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui):where([data-mode=dark],[data-mode=dark] *) {
        color: var(--color-dark-500)
    }

    .ql-editor.ql-blank:before {
        color: var(--color-gray-500)
    }

        .ql-editor.ql-blank:before:where() {
            color: var(--color-dark-500)
        }

    .ql-snow .ql-stroke, .ql-snow .ql-stroke-miter, .ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill {
        stroke: var(--color-gray-500)
    }

    :is(.ql-snow .ql-stroke,.ql-snow .ql-stroke-miter,.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill):where([data-mode=dark],[data-mode=dark] *) {
        stroke: var(--color-dark-500)
    }

    .ql-snow .ql-editor blockquote {
        border-color: var(--color-gray-200)
    }

        .ql-snow .ql-editor blockquote:where([data-mode=dark],[data-mode=dark] *) {
            border-color: var(--color-dark-800)
        }

    .ql-snow .ql-editor code, .ql-snow .ql-editor .ql-code-block-container {
        background-color: var(--color-gray-200)
    }

    :is(.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container):where([data-mode=dark],[data-mode=dark] *) {
        background-color: var(--color-dark-850)
    }

    .ql-snow .ql-editor .ql-code-block-container {
        background-color: var(--color-gray-800);
        color: var(--color-gray-50)
    }

        .ql-snow .ql-editor .ql-code-block-container:where([data-mode=dark],[data-mode=dark] *) {
            background-color: var(--color-dark-700);
            color: var(--color-dark-50)
        }

    .ql-snow .ql-picker-options {
        background-color: var(--color-white)
    }

        .ql-snow .ql-picker-options:where([data-mode=dark],[data-mode=dark] *) {
            background-color: var(--color-dark-900)
        }

    .ql-snow .ql-color-picker.ql-background .ql-picker-item {
        background-color: var(--color-white)
    }

        .ql-snow .ql-color-picker.ql-background .ql-picker-item:where([data-mode=dark],[data-mode=dark] *) {
            background-color: var(--color-dark-900)
        }

    .ql-snow .ql-color-picker.ql-color .ql-picker-item {
        background-color: var(--color-gray-800)
    }

        .ql-snow .ql-color-picker.ql-color .ql-picker-item:where([data-mode=dark],[data-mode=dark] *) {
            background-color: var(--color-dark-700)
        }

    .ql-snow .ql-color-picker .ql-picker-item.ql-selected, .ql-snow .ql-color-picker .ql-picker-item:hover {
        border-color: var(--color-gray-800)
    }

    :is(.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-snow .ql-color-picker .ql-picker-item:hover):where([data-mode=dark],[data-mode=dark] *) {
        border-color: var(--color-dark-700)
    }

    .ql-snow .ql-tooltip {
        border-color: var(--color-gray-200);
        background-color: var(--color-white);
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
        --tw-shadow-color: oklch(92.8% .006 264.531)
    }

    @supports (color:color-mix(in lab,red,red)) {
        .ql-snow .ql-tooltip {
            --tw-shadow-color: color-mix(in oklab,var(--color-gray-200)var(--tw-shadow-alpha),transparent)
        }
    }

    .ql-snow .ql-tooltip:where([data-mode=dark],[data-mode=dark] *) {
        border-color: var(--color-dark-800);
        background-color: var(--color-dark-900);
        --tw-shadow-color: oklch(23.13% .0399 270.37)
    }

    @supports (color:color-mix(in lab,red,red)) {
        .ql-snow .ql-tooltip:where([data-mode=dark],[data-mode=dark] *) {
            --tw-shadow-color: color-mix(in oklab,var(--color-dark-850)var(--tw-shadow-alpha),transparent)
        }
    }

    .ql-snow .ql-tooltip input[type=text], .ql-snow .ql-tooltip a.ql-action:after {
        border-color: var(--color-gray-200)
    }

    :is(.ql-snow .ql-tooltip input[type=text]):where([data-mode=dark],[data-mode=dark] *) {
        border-color: var(--color-dark-800)
    }

    .ql-snow .ql-picker {
        color: var(--color-gray-500)
    }

        .ql-snow .ql-picker:where([data-mode=dark],[data-mode=dark] *) {
            color: var(--color-dark-500)
        }

    .vscomp-wrapper {
        font-size: var(--text-base) !important;
        line-height: var(--tw-leading,var(--text-base--line-height)) !important;
        color: var(--color-gray-800) !important
    }

        .vscomp-wrapper.show-value-as-tags.has-value .vscomp-clear-button:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
            right: auto !important;
            left: calc(var(--spacing)*.5) !important
        }

        .vscomp-wrapper.has-clear-button .vscomp-toggle-button:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
            padding-right: calc(var(--spacing)*14) !important
        }

        .vscomp-wrapper.has-clear-button .vscomp-toggle-button:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
            padding-right: calc(var(--spacing)*4) !important;
            padding-left: calc(var(--spacing)*14) !important
        }

    .vscomp-ele {
        width: 100% !important;
        max-width: 100% !important
    }

    .vscomp-toggle-button {
        border-radius: var(--radius-md);
        padding-inline: calc(var(--spacing)*4);
        padding-block: calc(var(--spacing)*2);
        font-size: var(--text-base);
        line-height: var(--tw-leading,var(--text-base--line-height));
        border-color: var(--color-gray-200) !important;
        background-color: var(--color-white) !important
    }

        .vscomp-toggle-button:where([data-mode=dark],[data-mode=dark] *) {
            border-color: var(--color-dark-800) !important;
            background-color: var(--color-dark-900) !important
        }

    .vscomp-arrow:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        right: calc(var(--spacing)*0) !important
    }

    .vscomp-arrow:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        right: auto !important;
        left: calc(var(--spacing)*0) !important
    }

    .vscomp-arrow:after {
        content: var(--tw-content);
        border-right-color: var(--color-gray-800) !important;
        border-bottom-color: var(--color-gray-800) !important
    }

    .vscomp-arrow:where([data-mode=dark],[data-mode=dark] *):after {
        content: var(--tw-content);
        border-right-color: var(--color-dark-500) !important;
        border-bottom-color: var(--color-dark-500) !important
    }

    :is(.vscomp-clear-icon):before, :is(.vscomp-clear-icon):after {
        content: var(--tw-content);
        background-color: var(--color-gray-400) !important
    }

    @media (hover:hover) {
        :is(.vscomp-clear-icon):hover:before, :is(.vscomp-clear-icon):hover:after {
            content: var(--tw-content);
            background-color: var(--color-gray-500) !important
        }
    }

    :is(.vscomp-clear-icon):where([data-mode=dark],[data-mode=dark] *):before, :is(.vscomp-clear-icon):where([data-mode=dark],[data-mode=dark] *):after {
        content: var(--tw-content);
        background-color: var(--color-dark-800) !important
    }

    @media (hover:hover) {
        :is(.vscomp-clear-icon):where([data-mode=dark],[data-mode=dark] *):hover:before, :is(.vscomp-clear-icon):where([data-mode=dark],[data-mode=dark] *):hover:after {
            content: var(--tw-content);
            background-color: var(--color-dark-500) !important
        }

        .vscomp-clear-button:hover {
            background-color: var(--color-gray-100) !important
        }
    }

    .vscomp-clear-button:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        right: calc(var(--spacing)*7) !important
    }

    .vscomp-clear-button:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        right: auto !important;
        left: calc(var(--spacing)*7) !important
    }

    @media (hover:hover) {
        .vscomp-clear-button:where([data-mode=dark],[data-mode=dark] *):hover {
            background-color: var(--color-dark-850) !important
        }

        :is():hover {
            background-color: var(--color-gray-200) !important
        }

        :is():where([data-mode=dark],[data-mode=dark] *):hover {
            background-color: var(--color-dark-800) !important
        }
    }

    .vscomp-option {
        outline-style: var(--tw-outline-style);
        outline-width: 0
    }

    .vscomp-option-text:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        text-align: right !important
    }

    .pop-comp-wrapper {
        background-color: var(--color-white) !important;
        color: var(--color-gray-800) !important;
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a) !important;
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) !important;
        --tw-shadow-color: oklch(92.8% .006 264.531) !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .pop-comp-wrapper {
            --tw-shadow-color: color-mix(in oklab,var(--color-gray-200)var(--tw-shadow-alpha),transparent) !important
        }
    }

    .pop-comp-wrapper:where([data-mode=dark],[data-mode=dark] *) {
        background-color: var(--color-dark-900) !important;
        color: var(--color-dark-100) !important;
        --tw-shadow-color: oklch(27.9% .041 260.031) !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .pop-comp-wrapper:where([data-mode=dark],[data-mode=dark] *) {
            --tw-shadow-color: color-mix(in oklab,var(--color-dark-800)var(--tw-shadow-alpha),transparent) !important
        }
    }

    .vscomp-wrapper.focused .vscomp-toggle-button, .vscomp-wrapper:focus .vscomp-toggle-button {
        border-color: var(--color-primary-500);
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
        --tw-shadow-color: oklch(92.8% .006 264.531)
    }

    @supports (color:color-mix(in lab,red,red)) {
        .vscomp-wrapper.focused .vscomp-toggle-button, .vscomp-wrapper:focus .vscomp-toggle-button {
            --tw-shadow-color: color-mix(in oklab,var(--color-gray-200)var(--tw-shadow-alpha),transparent)
        }
    }

    :is(.vscomp-wrapper.focused .vscomp-toggle-button,.vscomp-wrapper:focus .vscomp-toggle-button):where([data-mode=dark],[data-mode=dark] *) {
        --tw-shadow-color: oklch(27.9% .041 260.031)
    }

    @supports (color:color-mix(in lab,red,red)) {
        :is(.vscomp-wrapper.focused .vscomp-toggle-button,.vscomp-wrapper:focus .vscomp-toggle-button):where([data-mode=dark],[data-mode=dark] *) {
            --tw-shadow-color: color-mix(in oklab,var(--color-dark-800)var(--tw-shadow-alpha),transparent)
        }
    }

    .vscomp-wrapper:not(.has-value) .vscomp-value {
        color: var(--color-gray-500);
        opacity: 1
    }

        .vscomp-wrapper:not(.has-value) .vscomp-value:where([data-mode=dark],[data-mode=dark] *) {
            color: var(--color-dark-500)
        }

    .vscomp-option.focused {
        background-color: var(--color-gray-100) !important
    }

        .vscomp-option.focused:where([data-mode=dark],[data-mode=dark] *) {
            background-color: var(--color-dark-850) !important
        }

    .vscomp-wrapper {
        color: var(--color-gray-800) !important
    }

        .vscomp-wrapper:where([data-mode=dark],[data-mode=dark] *) {
            color: var(--color-dark-100) !important
        }

    .vscomp-option.selected {
        background-color: var(--color-gray-100) !important
    }

        .vscomp-option.selected:where([data-mode=dark],[data-mode=dark] *) {
            background-color: var(--color-dark-850) !important
        }

    .vscomp-wrapper .checkbox-icon:after {
        content: var(--tw-content);
        border-style: var(--tw-border-style) !important;
        border-width: 1px !important;
        border-color: var(--color-gray-200) !important
    }

    .vscomp-wrapper .checkbox-icon:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        margin-right: calc(var(--spacing)*2.5) !important
    }

    .vscomp-wrapper .checkbox-icon:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        margin-right: auto !important;
        margin-left: calc(var(--spacing)*2.5) !important
    }

    .vscomp-wrapper .checkbox-icon:where([data-mode=dark],[data-mode=dark] *):after {
        content: var(--tw-content);
        border-color: var(--color-dark-800) !important
    }

    .vscomp-wrapper.multiple .vscomp-option.selected .checkbox-icon:after {
        content: var(--tw-content);
        border-top-style: var(--tw-border-style) !important;
        border-top-width: 0 !important;
        border-color: var(--color-primary-500) !important
    }

    .vscomp-wrapper.multiple .vscomp-option.selected .checkbox-icon:where(:dir(ltr),[dir=ltr],[dir=ltr] *):after {
        content: var(--tw-content);
        border-left-style: var(--tw-border-style) !important;
        border-left-width: 0 !important
    }

    .vscomp-wrapper.multiple .vscomp-option.selected .checkbox-icon:where(:dir(rtl),[dir=rtl],[dir=rtl] *):after {
        content: var(--tw-content);
        --tw-translate-x: calc(var(--spacing)*-1) !important;
        --tw-translate-y: calc(var(--spacing)*-1) !important;
        translate: var(--tw-translate-x)var(--tw-translate-y) !important;
        border-right-style: var(--tw-border-style) !important;
        border-right-width: 0 !important;
        border-left-style: var(--tw-border-style) !important;
        border-left-width: 1px !important;
        rotate: -45deg !important
    }

    .vscomp-option-description {
        color: var(--color-gray-500) !important
    }

        .vscomp-option-description:where([data-mode=dark],[data-mode=dark] *) {
            color: var(--color-dark-500) !important
        }

    .vscomp-search-clear {
        color: var(--color-gray-500) !important
    }

    @media (hover:hover) {
        .vscomp-search-clear:hover {
            color: var(--color-red-500) !important
        }
    }

    .vscomp-search-clear:where([data-mode=dark],[data-mode=dark] *) {
        color: var(--color-dark-500) !important
    }

    @media (hover:hover) {
        .vscomp-search-clear:where([data-mode=dark],[data-mode=dark] *):hover {
            color: var(--color-red-500) !important
        }
    }

    .vscomp-search-container {
        border-color: var(--color-gray-200) !important
    }

        .vscomp-search-container:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
            padding-right: calc(var(--spacing)*1.5) !important;
            padding-left: calc(var(--spacing)*4) !important
        }

        .vscomp-search-container:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
            padding-right: calc(var(--spacing)*4) !important;
            padding-left: calc(var(--spacing)*1.5) !important
        }

        .vscomp-search-container:where([data-mode=dark],[data-mode=dark] *) {
            border-color: var(--color-dark-800) !important
        }

    .vscomp-wrapper.show-value-as-tags .vscomp-toggle-button {
        padding: 6px 22px 2px 10px
    }

    .vscomp-new-option-icon:before {
        border-color: var(--color-primary-500) !important;
        border-bottom-color: #0000 !important;
        border-left-color: #0000 !important
    }

    .vscomp-dropbox {
        background-color: var(--color-white) !important
    }

        .vscomp-dropbox:where([data-mode=dark],[data-mode=dark] *) {
            background-color: var(--color-dark-900) !important
        }

    .vscomp-wrapper.show-value-as-tags .vscomp-value-tag {
        border-color: var(--color-gray-200) !important
    }

        .vscomp-wrapper.show-value-as-tags .vscomp-value-tag:where([data-mode=dark],[data-mode=dark] *) {
            border-color: var(--color-dark-800) !important
        }

    .vscomp-wrapper.show-as-popup .vscomp-dropbox-container {
        background-color: #00000080 !important
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        width: calc(var(--spacing)*3) !important;
        height: calc(var(--spacing)*3) !important;
        border-style: var(--tw-border-style) !important;
        border-width: 3px !important;
        border-color: var(--color-green-500) !important;
        background-color: var(--color-white) !important
    }

    .swiper-pagination .swiper-pagination-bullet {
        width: calc(var(--spacing)*3) !important;
        height: calc(var(--spacing)*3) !important;
        border-style: var(--tw-border-style) !important;
        border-width: 3px !important;
        border-color: var(--color-green-500) !important;
        background-color: var(--color-green-500) !important
    }

        .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            border-color: var(--color-green-500) !important;
            background-color: var(--color-white) !important
        }
}

@layer utilities {
    .pointer-events-none {
        pointer-events: none
    }

    .tabs-animation {
        flex-wrap: wrap;
        align-items: center;
        display: flex
    }

        .tabs-animation .nav-item {
            height: calc(var(--spacing)*11);
            border-radius: var(--radius-md);
            text-align: center;
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium);
            transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;
            transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
            transition-duration: var(--tw-duration,var(--default-transition-duration));
            --tw-duration: .2s;
            --tw-ease: linear;
            transition-duration: .2s;
            transition-timing-function: linear;
            display: block;
            position: relative;
            overflow: hidden
        }

            .tabs-animation .nav-item .icon {
                width: calc(var(--spacing)*4);
                height: calc(var(--spacing)*4);
                --tw-translate-y: calc(var(--spacing)*2.5);
                translate: var(--tw-translate-x)var(--tw-translate-y);
                transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;
                transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
                transition-duration: var(--tw-duration,var(--default-transition-duration));
                --tw-duration: .2s;
                --tw-ease: linear;
                margin-inline: auto;
                transition-duration: .2s;
                transition-timing-function: linear;
                display: inline-block
            }

            .tabs-animation .nav-item .content {
                visibility: hidden;
                --tw-translate-y: calc(var(--spacing)*-10);
                translate: var(--tw-translate-x)var(--tw-translate-y);
                vertical-align: middle;
                transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;
                transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
                transition-duration: var(--tw-duration,var(--default-transition-duration));
                --tw-duration: .2s;
                --tw-ease: linear;
                transition-duration: .2s;
                transition-timing-function: linear;
                display: block
            }

        .tabs-animation.ng-animation .nav-item .icon {
            --tw-translate-y: calc(var(--spacing)*0);
            width: auto;
            height: auto;
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

            .tabs-animation.ng-animation .nav-item .icon svg {
                width: calc(var(--spacing)*4);
                height: calc(var(--spacing)*4);
                --tw-translate-y: calc(var(--spacing)*2.5);
                translate: var(--tw-translate-x)var(--tw-translate-y);
                transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;
                transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
                transition-duration: var(--tw-duration,var(--default-transition-duration));
                --tw-duration: .2s;
                --tw-ease: linear;
                margin-inline: auto;
                transition-duration: .2s;
                transition-timing-function: linear;
                display: inline-block
            }

        .tabs-animation.ng-animation .nav-item:hover .icon svg {
            --tw-translate-y: calc(var(--spacing)*11);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

    .\!visible {
        visibility: visible !important
    }

    .collapse {
        visibility: collapse
    }

    .invisible {
        visibility: hidden
    }

    .visible {
        visibility: visible
    }

    .progress-animate {
        inset: calc(var(--spacing)*0);
        top: calc(var(--spacing)*0);
        height: calc(var(--spacing)*4);
        --tw-translate-x: -100%;
        translate: var(--tw-translate-x)var(--tw-translate-y);
        animation: var(--animate-shimmer);
        border-radius: var(--radius-sm);
        background-color: #fff3;
        position: absolute
    }

    @supports (color:color-mix(in lab,red,red)) {
        .progress-animate {
            background-color: color-mix(in oklab,var(--color-white)20%,transparent)
        }
    }

    .modal {
        inset: calc(var(--spacing)*0);
        z-index: 1050;
        min-height: 100vh;
        padding: var(--spacing-space);
        opacity: 1;
        transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration));
        --tw-duration: .3s;
        --tw-ease: var(--ease-in-out);
        transition-duration: .3s;
        transition-timing-function: var(--ease-in-out);
        flex-direction: column;
        display: flex;
        position: fixed;
        overflow-y: auto
    }

        .modal .modal-top {
            transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;
            transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
            transition-duration: var(--tw-duration,var(--default-transition-duration));
            --tw-duration: .3s;
            --tw-ease: var(--ease-in-out);
            transition-duration: .3s;
            transition-timing-function: var(--ease-in-out);
            margin-inline: auto
        }

        .modal .modal-center {
            transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;
            transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
            transition-duration: var(--tw-duration,var(--default-transition-duration));
            --tw-duration: .3s;
            --tw-ease: var(--ease-in-out);
            transition-duration: .3s;
            transition-timing-function: var(--ease-in-out);
            margin: auto
        }

        .modal .modal-br {
            transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;
            transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
            transition-duration: var(--tw-duration,var(--default-transition-duration));
            --tw-duration: .3s;
            --tw-ease: var(--ease-in-out);
            transition-duration: .3s;
            transition-timing-function: var(--ease-in-out);
            margin-top: auto
        }

            .modal .modal-br:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
                margin-left: auto
            }

            .modal .modal-br:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
                margin-right: auto
            }

        .modal .modal-bl {
            transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;
            transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
            transition-duration: var(--tw-duration,var(--default-transition-duration));
            --tw-duration: .3s;
            --tw-ease: var(--ease-in-out);
            transition-duration: .3s;
            transition-timing-function: var(--ease-in-out);
            margin-top: auto
        }

            .modal .modal-bl:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
                margin-right: auto
            }

            .modal .modal-bl:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
                margin-left: auto
            }

        .modal .modal-tl {
            transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;
            transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
            transition-duration: var(--tw-duration,var(--default-transition-duration));
            --tw-duration: .3s;
            --tw-ease: var(--ease-in-out);
            transition-duration: .3s;
            transition-timing-function: var(--ease-in-out)
        }

            .modal .modal-tl:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
                margin-right: auto
            }

            .modal .modal-tl:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
                margin-left: auto
            }

        .modal .modal-tr {
            transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;
            transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
            transition-duration: var(--tw-duration,var(--default-transition-duration));
            --tw-duration: .3s;
            --tw-ease: var(--ease-in-out);
            transition-duration: .3s;
            transition-timing-function: var(--ease-in-out)
        }

            .modal .modal-tr:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
                margin-left: auto
            }

            .modal .modal-tr:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
                margin-right: auto
            }

        .modal.show {
            --tw-translate-y: -50px;
            translate: var(--tw-translate-x)var(--tw-translate-y);
            opacity: 0
        }

    .backdrop-overlay {
        inset: calc(var(--spacing)*0);
        z-index: 1049;
        background-color: #10182866;
        position: fixed
    }

    @supports (color:color-mix(in lab,red,red)) {
        .backdrop-overlay {
            background-color: color-mix(in oklab,var(--color-gray-900)40%,transparent)
        }
    }

    .backdrop-overlay:where([data-mode=dark],[data-mode=dark] *) {
        background-color: #020618cc
    }

    @supports (color:color-mix(in lab,red,red)) {
        .backdrop-overlay:where([data-mode=dark],[data-mode=dark] *) {
            background-color: color-mix(in oklab,var(--color-dark-950)80%,transparent)
        }
    }

    .main-topbar {
        top: calc(var(--spacing)*0);
        right: calc(var(--spacing)*0);
        left: calc(var(--spacing)*0);
        z-index: 1003;
        height: var(--spacing-topbar);
        transition-property: all;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration));
        --tw-duration: .2s;
        --tw-ease: linear;
        transition-duration: .2s;
        transition-timing-function: linear;
        position: fixed
    }

    @media (min-width:64rem) {

        .main-topbar:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-sidebar=icon] *) {
            left: var(--spacing-sidebar-icon)
        }

        .main-topbar:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-layout=modern] *) {
            right: var(--spacing-sidebar)
        }

        .main-topbar:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-sidebar=icon] *) {
            right: var(--spacing-sidebar-icon)
        }
    }

    @media print {
        .main-topbar {
            display: none
        }
    }

    @media (min-width:64rem) {
        .main-topbar:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-sidebar=medium] *) {
            left: var(--spacing-sidebar-medium)
        }

        .main-topbar:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-layout=default] *):is(:where(.group)[data-sidebar=medium] *) {
            left: calc(var(--spacing)*0)
        }

        .main-topbar:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-sidebar=medium] *) {
            right: var(--spacing-sidebar-medium)
        }

        .main-topbar:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-layout=default] *):is(:where(.group)[data-sidebar=medium] *) {
            right: calc(var(--spacing)*0)
        }

        .main-topbar:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-sidebar=small] *) {
            left: var(--spacing-sidebar-small)
        }

        .main-topbar:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-layout=default] *):is(:where(.group)[data-sidebar=small] *) {
            left: calc(var(--spacing)*0)
        }

        .main-topbar:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-sidebar=small] *) {
            right: var(--spacing-sidebar-small)
        }

        .main-topbar:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-layout=default] *):is(:where(.group)[data-sidebar=small] *) {
            right: calc(var(--spacing)*0)
        }
    }

    .main-topbar .navbar-brand {
        height: var(--spacing-topbar);
        flex-shrink: 0;
        align-items: center;
        display: flex
    }

    @media (min-width:48rem) {
        .main-topbar .navbar-brand:is(:where(.group)[data-layout=default] *) {
            width: var(--spacing-sidebar)
        }
    }

    .main-topbar .navbar-brand:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        padding-left: calc(var(--spacing)*4)
    }

    .main-topbar .navbar-brand:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        padding-right: calc(var(--spacing)*4)
    }

    .main-topbar .navbar-brand .logos:is(:where(.group)[data-layout=semibox] *) {
        display: none
    }

    .main-topbar .main-topbar-wrapper {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
        border-color: var(--color-gray-200);
        background-color: var(--color-white)
    }

        .main-topbar .main-topbar-wrapper:where([data-mode=dark],[data-mode=dark] *) {
            border-color: var(--color-dark-800);
            background-color: var(--color-dark-900)
        }

    @media (max-width:575.98px) {
        .main-topbar .notification-dropdown {
            min-width: calc(var(--spacing)*72);
            inset-inline: calc(var(--spacing)*4) !important
        }
    }

    .btn-navigation {
        border-radius: var(--radius-md);
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
        --tw-shadow-color: oklch(92.8% .006 264.531);
        display: inline-flex;
        position: relative
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-navigation {
            --tw-shadow-color: color-mix(in oklab,var(--color-gray-200)var(--tw-shadow-alpha),transparent)
        }
    }

    .btn-navigation:where([data-mode=dark],[data-mode=dark] *) {
        --tw-shadow-color: oklch(23.13% .0399 270.37)
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-navigation:where([data-mode=dark],[data-mode=dark] *) {
            --tw-shadow-color: color-mix(in oklab,var(--color-dark-850)var(--tw-shadow-alpha),transparent)
        }
    }

    .btn-navigation a {
        padding-inline: calc(var(--spacing)*4);
        padding-block: calc(var(--spacing)*6);
        color: var(--color-gray-500);
        transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration));
        --tw-duration: .2s;
        --tw-ease: linear;
        flex-grow: 1;
        transition-duration: .2s;
        transition-timing-function: linear;
        display: inline-block;
        position: relative
    }

        .btn-navigation a:where([data-mode=dark],[data-mode=dark] *) {
            color: var(--color-dark-500)
        }

    .btn-navigation.navigation-border a:after {
        inset-inline: calc(var(--spacing)*0);
        bottom: calc(var(--spacing)*0);
        height: 2px;
        width: calc(var(--spacing)*0);
        opacity: 0;
        transition-property: all;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration));
        content: var(--tw-content);
        --tw-duration: .2s;
        border-radius: 3.40282e38px;
        margin-inline: auto;
        transition-duration: .2s;
        position: absolute
    }

    @media (hover:hover) {
        .btn-navigation.navigation-border a:hover:after {
            content: var(--tw-content);
            opacity: 1;
            width: 100%
        }
    }

    .btn-navigation.navigation-border a.active:after {
        content: var(--tw-content);
        opacity: 1;
        width: 100%
    }

    .btn-navigation.navigation-border.border-top a:after {
        top: calc(var(--spacing)*0);
        content: var(--tw-content);
        bottom: auto
    }

    .landing-navbar {
        inset-inline: calc(var(--spacing)*0);
        z-index: 50;
        height: calc(var(--spacing)*20);
        transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration));
        --tw-duration: .5s;
        --tw-ease: linear;
        align-items: center;
        transition-duration: .5s;
        transition-timing-function: linear;
        display: flex;
        position: fixed
    }

        .landing-navbar .navbar-collapase {
            inset-inline: calc(var(--spacing)*0);
            top: calc(var(--spacing)*20);
            background-color: var(--color-white);
            padding: calc(var(--spacing)*5);
            --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);
            box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
            --tw-shadow-color: oklch(92.8% .006 264.531);
            position: absolute
        }

    @supports (color:color-mix(in lab,red,red)) {
        .landing-navbar .navbar-collapase {
            --tw-shadow-color: color-mix(in oklab,var(--color-gray-200)var(--tw-shadow-alpha),transparent)
        }
    }

    @media (min-width:80rem) {
        .landing-navbar .navbar-collapase {
            --tw-shadow: 0 0 #0000;
            box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
            background-color: #0000;
            position: relative;
            top: auto
        }
    }

    .landing-navbar .navbar-collapase:where([data-mode=dark],[data-mode=dark] *) {
        background-color: var(--color-dark-850);
        --tw-shadow-color: oklch(27.9% .041 260.031)
    }

    @supports (color:color-mix(in lab,red,red)) {
        .landing-navbar .navbar-collapase:where([data-mode=dark],[data-mode=dark] *) {
            --tw-shadow-color: color-mix(in oklab,var(--color-dark-800)var(--tw-shadow-alpha),transparent)
        }
    }

    @media (min-width:80rem) {
        .landing-navbar .navbar-collapase:where([data-mode=dark],[data-mode=dark] *) {
            background-color: #0000
        }
    }

    .main-footer {
        inset-inline: calc(var(--spacing)*0);
        bottom: calc(var(--spacing)*0);
        left: calc(var(--spacing)*0);
        margin-inline: calc(var(--spacing)*5);
        height: calc(var(--spacing)*14);
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
        border-color: var(--color-gray-200);
        padding-inline: calc(var(--spacing)*4);
        align-items: center;
        display: flex;
        position: absolute
    }

    @media (min-width:80rem) {
        .main-footer {
            margin-inline: calc(var(--spacing)*28)
        }
    }

    @media (min-width:64rem) {
        .main-footer:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
            left: var(--spacing-sidebar)
        }

        .main-footer:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
            right: var(--spacing-sidebar)
        }
    }

    .main-footer:where([data-mode=dark],[data-mode=dark] *) {
        border-color: var(--color-dark-800)
    }

    @media (min-width:64rem) {
        .main-footer:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-layout=modern] *) {
            left: var(--spacing-sidebar)
        }

        .main-footer:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-layout=modern] *) {
            right: var(--spacing-sidebar)
        }
    }

    @media print {
        .main-footer {
            display: none
        }
    }

    @media (min-width:64rem) {
        .main-footer:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-sidebar=medium] *) {
            left: var(--spacing-sidebar-medium)
        }

        .main-footer:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-sidebar=medium] *) {
            right: var(--spacing-sidebar-medium)
        }

        .main-footer:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-sidebar=small] *) {
            left: var(--spacing-sidebar-small)
        }

        .main-footer:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-sidebar=small] *) {
            right: var(--spacing-sidebar-small)
        }
    }

    .tabs {
        flex-wrap: wrap;
        align-items: center;
        display: flex
    }

        .tabs .nav-item {
            padding-inline: calc(var(--spacing)*4);
            padding-block: calc(var(--spacing)*2);
            text-align: center;
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium);
            transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;
            transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
            transition-duration: var(--tw-duration,var(--default-transition-duration));
            --tw-duration: .2s;
            --tw-ease: linear;
            transition-duration: .2s;
            transition-timing-function: linear;
            display: block;
            position: relative
        }

            .tabs .nav-item:after {
                inset-inline: calc(var(--spacing)*0);
                bottom: calc(var(--spacing)*0);
                height: 1px;
                width: calc(var(--spacing)*0);
                background-color: var(--color-primary-500);
                opacity: 0;
                transition-property: all;
                transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
                transition-duration: var(--tw-duration,var(--default-transition-duration));
                content: var(--tw-content);
                --tw-duration: .2s;
                border-radius: 3.40282e38px;
                margin-inline: auto;
                transition-duration: .2s;
                position: absolute
            }

    @media (hover:hover) {
        .tabs .nav-item:hover:after {
            content: var(--tw-content);
            opacity: 1;
            width: 100%
        }
    }

    .animate-navigation a:after {
        inset-inline: calc(var(--spacing)*0);
        bottom: calc(var(--spacing)*0);
        width: calc(var(--spacing)*1.5);
        height: calc(var(--spacing)*1.5);
        opacity: 0;
        transition-property: all;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration));
        content: var(--tw-content);
        --tw-duration: .2s;
        border-radius: 3.40282e38px;
        margin-inline: auto;
        transition-duration: .2s;
        position: absolute
    }

    @media (hover:hover) {
        .animate-navigation a:hover:after {
            bottom: calc(var(--spacing)*3);
            content: var(--tw-content);
            opacity: 1
        }
    }

    .animate-navigation a.active:after {
        bottom: calc(var(--spacing)*3);
        content: var(--tw-content);
        opacity: 1
    }

    .alert {
        border-radius: var(--radius-md);
        border-style: var(--tw-border-style);
        padding-inline: calc(var(--spacing)*5);
        padding-block: calc(var(--spacing)*3);
        font-size: var(--text-sm);
        line-height: var(--tw-leading,var(--text-sm--line-height));
        border-width: 1px;
        position: relative
    }

        .alert:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
            padding-right: calc(var(--spacing)*10)
        }

        .alert:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
            padding-left: calc(var(--spacing)*10)
        }

        .alert .btn-close {
            top: calc(var(--spacing)*2);
            font-size: var(--text-lg);
            line-height: var(--tw-leading,var(--text-lg--line-height));
            transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;
            transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
            transition-duration: var(--tw-duration,var(--default-transition-duration));
            --tw-duration: .2s;
            --tw-ease: linear;
            transition-duration: .2s;
            transition-timing-function: linear;
            position: absolute
        }

            .alert .btn-close:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
                right: calc(var(--spacing)*5)
            }

            .alert .btn-close:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
                left: calc(var(--spacing)*5)
            }

        .alert.alert-icon {
            position: relative
        }

            .alert.alert-icon:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
                padding-right: calc(var(--spacing)*10);
                padding-left: calc(var(--spacing)*16)
            }

            .alert.alert-icon:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
                padding-right: calc(var(--spacing)*16);
                padding-left: calc(var(--spacing)*10)
            }

            .alert.alert-icon .icon {
                inset-block: calc(var(--spacing)*0);
                width: calc(var(--spacing)*11);
                justify-content: center;
                align-items: center;
                display: flex;
                position: absolute
            }

                .alert.alert-icon .icon:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
                    left: calc(var(--spacing)*0);
                    border-right-style: var(--tw-border-style);
                    border-right-width: 1px
                }

                .alert.alert-icon .icon:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
                    right: calc(var(--spacing)*0);
                    border-left-style: var(--tw-border-style);
                    border-left-width: 1px
                }

        .alert.alert-border {
            gap: calc(var(--spacing)*3);
            background-color: var(--color-white);
            padding: calc(var(--spacing)*5);
            position: relative;
            border-top-style: var(--tw-border-style) !important;
            border-top-width: 4px !important
        }

    @media (min-width:40rem) {
        .alert.alert-border {
            display: flex
        }
    }

    .alert.alert-border:where([data-mode=dark],[data-mode=dark] *) {
        background-color: var(--color-dark-900)
    }

    .alert.alert-gray:where([data-mode=dark],[data-mode=dark] *) {
        border-color: var(--color-dark-800);
        background-color: var(--color-dark-850)
    }

    .drawer {
        inset-block: calc(var(--spacing)*0);
        z-index: 1050;
        width: calc(var(--spacing)*48);
        transform: var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,);
        background-color: var(--color-white);
        transition-property: transform,translate,scale,rotate;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration));
        --tw-duration: .3s;
        --tw-ease: var(--ease-in-out);
        transition-duration: .3s;
        transition-timing-function: var(--ease-in-out);
        flex-direction: column;
        display: flex;
        position: fixed
    }

    @media (min-width:48rem) {
        .drawer {
            width: calc(var(--spacing)*80)
        }
    }

    .drawer:where([data-mode=dark],[data-mode=dark] *) {
        background-color: var(--color-dark-900);
        color: var(--color-dark-100)
    }

    .main-sidebar {
        top: calc(var(--spacing)*0);
        bottom: calc(var(--spacing)*0);
        z-index: 1005;
        width: var(--spacing-sidebar);
        transition-property: all;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration));
        --tw-duration: .2s;
        --tw-ease: linear;
        transition-duration: .2s;
        transition-timing-function: linear;
        position: fixed
    }

    @media (min-width:64rem) {
        .main-sidebar {
            top: var(--spacing-topbar);
            z-index: 1002
        }
    }

    .main-sidebar:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        left: calc(var(--spacing)*0)
    }

    .main-sidebar:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        right: calc(var(--spacing)*0)
    }

    .main-sidebar:is(:where(.group)[data-layout=modern] *) {
        top: calc(var(--spacing)*0)
    }

    .main-sidebar:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-layout=dualcolumn] *) {
        left: calc(var(--spacing)*20)
    }

    .main-sidebar:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-layout=dualcolumn] *) {
        right: calc(var(--spacing)*20)
    }

    .main-sidebar:is(:where(.group)[data-sidebar=icon] *) {
        width: var(--spacing-sidebar-icon)
    }

    .main-sidebar:is(:where(.group)[data-sidebar=small] *) {
        width: var(--spacing-sidebar-small)
    }

    .main-sidebar:is(:where(.group)[data-sidebar=medium] *) {
        width: var(--spacing-sidebar-medium)
    }

    @media print {
        .main-sidebar {
            display: none
        }
    }

    .main-sidebar .sidebar-wrapper {
        border-color: var(--color-sidebar-border);
        background-color: var(--color-sidebar);
        height: 100%
    }

        .main-sidebar .sidebar-wrapper:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
            border-right-style: var(--tw-border-style);
            border-right-width: 1px
        }

        .main-sidebar .sidebar-wrapper:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
            border-left-style: var(--tw-border-style);
            border-left-width: 1px
        }

        .main-sidebar .sidebar-wrapper:is(:where(.group)[data-sidebar-colors=light] *):where([data-mode=dark],[data-mode=dark] *) {
            border-color: var(--color-dark-800);
            background-color: var(--color-dark-900)
        }

    .main-sidebar .navbar-brand {
        height: var(--spacing-topbar);
        width: var(--spacing-sidebar);
        align-items: center;
        display: flex
    }

        .main-sidebar .navbar-brand:is(:where(.group)[data-layout=default] *) {
            padding-inline: calc(var(--spacing)*4);
            display: none
        }

        .main-sidebar .navbar-brand:is(:where(.group)[data-sidebar=icon] *) {
            width: var(--spacing-sidebar-icon)
        }

        .main-sidebar .navbar-brand:is(:where(.group)[data-sidebar=medium] *) {
            width: var(--spacing-sidebar-medium)
        }

        .main-sidebar .navbar-brand:is(:where(.group)[data-sidebar=small] *) {
            width: var(--spacing-sidebar-small)
        }

    .main-sidebar .menu-title {
        padding-inline: calc(var(--spacing)*4);
        padding-block: calc(var(--spacing)*2);
        color: var(--color-menu-title);
        text-transform: uppercase;
        font-size: .75rem
    }

        .main-sidebar .menu-title:is(:where(.group)[data-layout=horizontal] *) {
            display: none
        }

        .main-sidebar .menu-title:is(:where(.group)[data-sidebar=medium] *) {
            text-align: center
        }

        .main-sidebar .menu-title:is(:where(.group)[data-sidebar-colors=light] *):where([data-mode=dark],[data-mode=dark] *) {
            color: var(--color-dark-500)
        }

    .main-sidebar .nav-link {
        border-radius: var(--radius-md);
        width: 100%;
        padding-inline: calc(var(--spacing)*4);
        padding-block: calc(var(--spacing)*2.5);
        font-size: var(--text-15);
        -webkit-hyphens: auto;
        hyphens: auto;
        color: var(--color-sidebar-text);
        transition-property: all;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration));
        --tw-duration: .2s;
        --tw-ease: linear;
        align-items: center;
        transition-duration: .2s;
        transition-timing-function: linear;
        display: flex
    }

        .main-sidebar .nav-link:is(:where(.group)[data-sidebar=small] *) {
            padding-block: calc(var(--spacing)*3)
        }

        .main-sidebar .nav-link:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
            text-align: left
        }

        .main-sidebar .nav-link:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
            text-align: right
        }

        .main-sidebar .nav-link:is(:where(.group)[data-sidebar=medium] *) {
            margin-inline: calc(var(--spacing)*3);
            margin-block: calc(var(--spacing)*2);
            gap: calc(var(--spacing)*3);
            padding-block: calc(var(--spacing)*3);
            text-align: center;
            flex-direction: column;
            width: calc(10rem - 24px) !important
        }

            .main-sidebar .nav-link:is(:where(.group)[data-sidebar=medium] *).active {
                background-color: #358ffc1a
            }

    @supports (color:color-mix(in lab,red,red)) {
        .main-sidebar .nav-link:is(:where(.group)[data-sidebar=medium] *).active {
            background-color: color-mix(in oklab,var(--color-sidebar-bg-active)10%,transparent)
        }
    }

    .main-sidebar .nav-link:is(:where(.group)[data-sidebar=small] *) {
        margin-inline: auto;
        width: calc(4.6875rem - 24px) !important
    }

        .main-sidebar .nav-link:is(:where(.group)[data-sidebar=small] *).active {
            background-color: #358ffc1a !important
        }

    @supports (color:color-mix(in lab,red,red)) {
        .main-sidebar .nav-link:is(:where(.group)[data-sidebar=small] *).active {
            background-color: color-mix(in oklab,var(--color-sidebar-bg-active)10%,transparent) !important
        }
    }

    .main-sidebar .nav-link .content:is(:where(.group)[data-sidebar=small] *) {
        display: none
    }

    .main-sidebar .nav-link .arrow {
        width: calc(var(--spacing)*5);
        height: calc(var(--spacing)*5);
        color: currentColor;
        transition-property: transform,translate,scale,rotate;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration));
        --tw-duration: .3s;
        transition-duration: .3s
    }

        .main-sidebar .nav-link .arrow:is(:where(.group)[data-sidebar=small] *) {
            display: none
        }

        .main-sidebar .nav-link .arrow:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
            margin-left: auto
        }

        .main-sidebar .nav-link .arrow:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
            margin-right: auto
        }

        .main-sidebar .nav-link .arrow:is(:where(.group)[data-sidebar=medium] *) {
            display: none
        }

    @media (hover:hover) {
        .main-sidebar .nav-link:hover {
            color: var(--color-sidebar-text-hover)
        }
    }

    .main-sidebar .nav-link.active {
        color: var(--color-sidebar-text-active)
    }

    .main-sidebar .nav-link:is(:where(.group)[data-sidebar-colors=light] *):where([data-mode=dark],[data-mode=dark] *) {
        color: var(--color-dark-500)
    }

    @media (hover:hover) {
        .main-sidebar .nav-link:is(:where(.group)[data-sidebar-colors=light] *):where([data-mode=dark],[data-mode=dark] *):hover {
            color: var(--color-sidebar-text-hover)
        }
    }

    .main-sidebar .nav-link:is(:where(.group)[data-sidebar-colors=light] *):where([data-mode=dark],[data-mode=dark] *).active {
        color: var(--color-sidebar-text-active)
    }

    .main-sidebar .navbar-menu, .main-sidebar .navbar-menu:is(:where(.group)[data-layout=boxed] *) {
        height: calc(100% - 5rem)
    }

        .main-sidebar .navbar-menu:is(:where(.group)[data-layout=modern] *) {
            height: calc(100% - 10rem)
        }

        .main-sidebar .navbar-menu .dropdown-menu {
            position: static
        }

            .main-sidebar .navbar-menu .dropdown-menu:is(:where(.group)[data-sidebar=small] *) {
                z-index: 30;
                width: calc(var(--spacing)*48);
                background-color: var(--color-sidebar);
                --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);
                box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
                position: fixed
            }

                .main-sidebar .navbar-menu .dropdown-menu:is(:where(.group)[data-sidebar=small] *):is(:where(.group)[data-sidebar-colors=light] *):where([data-mode=dark],[data-mode=dark] *) {
                    border-style: var(--tw-border-style);
                    border-width: 1px;
                    border-color: var(--color-dark-800);
                    background-color: var(--color-dark-900)
                }

            .main-sidebar .navbar-menu .dropdown-menu .dropdown-wrapper:is(:where(.group)[data-sidebar=small] *) {
                padding-block: calc(var(--spacing)*2)
            }

            .main-sidebar .navbar-menu .dropdown-menu .dropdown-wrapper:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
                margin-left: calc(var(--spacing)*6)
            }

                .main-sidebar .navbar-menu .dropdown-menu .dropdown-wrapper:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-sidebar=medium] *), .main-sidebar .navbar-menu .dropdown-menu .dropdown-wrapper:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-sidebar=small] *) {
                    margin-left: calc(var(--spacing)*0)
                }

            .main-sidebar .navbar-menu .dropdown-menu .dropdown-wrapper:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
                margin-right: calc(var(--spacing)*6)
            }

                .main-sidebar .navbar-menu .dropdown-menu .dropdown-wrapper:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-sidebar=medium] *), .main-sidebar .navbar-menu .dropdown-menu .dropdown-wrapper:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-sidebar=small] *) {
                    margin-right: calc(var(--spacing)*0)
                }

            .main-sidebar .navbar-menu .dropdown-menu .dropdown-wrapper::-webkit-scrollbar {
                width: 8px
            }

            .main-sidebar .navbar-menu .dropdown-menu .dropdown-wrapper::-webkit-scrollbar-track {
                background-color: #0000
            }

            .main-sidebar .navbar-menu .dropdown-menu .dropdown-wrapper::-webkit-scrollbar-thumb {
                background-color: var(--color-gray-200);
                opacity: 0;
                border-radius: 3.40282e38px
            }

                .main-sidebar .navbar-menu .dropdown-menu .dropdown-wrapper::-webkit-scrollbar-thumb:where() {
                    background-color: var(--color-dark-800)
                }

                .main-sidebar .navbar-menu .dropdown-menu .dropdown-wrapper::-webkit-scrollbar-thumb:hover {
                    opacity: 1
                }

            .main-sidebar .navbar-menu .dropdown-menu li a, .main-sidebar .navbar-menu .dropdown-menu li button {
                padding-inline: calc(var(--spacing)*4);
                padding-block: calc(var(--spacing)*1.5);
                -webkit-hyphens: auto;
                hyphens: auto;
                color: var(--color-sidebar-text);
                transition-property: all;
                transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
                transition-duration: var(--tw-duration,var(--default-transition-duration));
                --tw-duration: .2s;
                --tw-ease: linear;
                align-items: center;
                font-size: 14.5px;
                transition-duration: .2s;
                transition-timing-function: linear;
                display: flex
            }

    :is(.main-sidebar .navbar-menu .dropdown-menu li a,.main-sidebar .navbar-menu .dropdown-menu li button):is(:where(.group)[data-sidebar=medium] *) {
        text-align: center;
        justify-content: center
    }

    .main-sidebar .navbar-menu .dropdown-menu li a, .main-sidebar .navbar-menu .dropdown-menu li button {
        position: relative
    }

    :is(.main-sidebar .navbar-menu .dropdown-menu li a,.main-sidebar .navbar-menu .dropdown-menu li button):before {
        top: calc(var(--spacing)*3);
        z-index: 10;
        width: calc(var(--spacing)*2);
        height: calc(var(--spacing)*2);
        background-color: var(--color-effect);
        outline-style: var(--tw-outline-style);
        outline-width: 1px;
        outline-color: var(--color-sidebar-text);
        transition-property: all;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration));
        --tw-duration: .3s;
        --tw-ease: linear;
        content: var(--tw-content);
        --tw-outline-style: dashed;
        border-radius: 3.40282e38px;
        outline-style: dashed;
        transition-duration: .3s;
        transition-timing-function: linear;
        position: absolute
    }

    @media (hover:hover) {
        :is(.main-sidebar .navbar-menu .dropdown-menu li a,.main-sidebar .navbar-menu .dropdown-menu li button):hover:before {
            content: var(--tw-content);
            animation: var(--animate-spin)
        }
    }

    :is(.main-sidebar .navbar-menu .dropdown-menu li a,.main-sidebar .navbar-menu .dropdown-menu li button):where(:dir(ltr),[dir=ltr],[dir=ltr] *):before {
        content: var(--tw-content);
        left: calc(var(--spacing)*-1)
    }

    :is(.main-sidebar .navbar-menu .dropdown-menu li a,.main-sidebar .navbar-menu .dropdown-menu li button):where(:dir(rtl),[dir=rtl],[dir=rtl] *):before {
        content: var(--tw-content);
        right: calc(var(--spacing)*-1)
    }

    :is(.main-sidebar .navbar-menu .dropdown-menu li a,.main-sidebar .navbar-menu .dropdown-menu li button):is(:where(.group)[data-sidebar-colors=light] *):where([data-mode=dark],[data-mode=dark] *):before {
        content: var(--tw-content);
        background-color: var(--color-dark-900)
    }

    :is(.main-sidebar .navbar-menu .dropdown-menu li a,.main-sidebar .navbar-menu .dropdown-menu li button):is(:where(.group)[data-sidebar=medium] *):before {
        content: var(--tw-content);
        display: none
    }

    :is(.main-sidebar .navbar-menu .dropdown-menu li a,.main-sidebar .navbar-menu .dropdown-menu li button):is(:where(.group)[data-sidebar=small] *) {
        padding-inline: calc(var(--spacing)*6);
        padding-block: calc(var(--spacing)*2)
    }

        :is(.main-sidebar .navbar-menu .dropdown-menu li a,.main-sidebar .navbar-menu .dropdown-menu li button):is(:where(.group)[data-sidebar=small] *):before {
            content: var(--tw-content);
            display: none
        }

    @media (hover:hover) {
        :is(.main-sidebar .navbar-menu .dropdown-menu li a,.main-sidebar .navbar-menu .dropdown-menu li button):hover {
            color: var(--color-sidebar-text-hover)
        }

            :is(.main-sidebar .navbar-menu .dropdown-menu li a,.main-sidebar .navbar-menu .dropdown-menu li button):hover:before {
                content: var(--tw-content);
                outline-color: var(--color-sidebar-text-hover)
            }
    }

    :is(.main-sidebar .navbar-menu .dropdown-menu li a,.main-sidebar .navbar-menu .dropdown-menu li button).active {
        color: var(--color-sidebar-text-active)
    }

        :is(.main-sidebar .navbar-menu .dropdown-menu li a,.main-sidebar .navbar-menu .dropdown-menu li button).active:before {
            content: var(--tw-content);
            outline-color: var(--color-sidebar-text-hover)
        }

    :is(.main-sidebar .navbar-menu .dropdown-menu li a,.main-sidebar .navbar-menu .dropdown-menu li button):is(:where(.group)[data-sidebar-colors=light] *):where([data-mode=dark],[data-mode=dark] *) {
        color: var(--color-dark-500)
    }

    @media (hover:hover) {
        :is(.main-sidebar .navbar-menu .dropdown-menu li a,.main-sidebar .navbar-menu .dropdown-menu li button):is(:where(.group)[data-sidebar-colors=light] *):where([data-mode=dark],[data-mode=dark] *):hover {
            color: var(--color-sidebar-text-hover)
        }
    }

    :is(.main-sidebar .navbar-menu .dropdown-menu li a,.main-sidebar .navbar-menu .dropdown-menu li button):is(:where(.group)[data-sidebar-colors=light] *).active {
        color: var(--color-sidebar-text-active)
    }

    .main-sidebar .navbar-menu .dropdown-menu li .nav-link {
        padding-inline: calc(var(--spacing)*4);
        padding-block: calc(var(--spacing)*1.5)
    }

        .main-sidebar .navbar-menu .dropdown-menu li .nav-link:is(:where(.group)[data-sidebar=medium] *) {
            margin: calc(var(--spacing)*0);
            width: 100% !important
        }

        .main-sidebar .navbar-menu .dropdown-menu li .nav-link:is(:where(.group)[data-sidebar=small] *) {
            margin: calc(var(--spacing)*0);
            width: 100%;
            padding-block: calc(var(--spacing)*1.5)
        }

            .main-sidebar .navbar-menu .dropdown-menu li .nav-link:is(:where(.group)[data-sidebar=medium] *).active, .main-sidebar .navbar-menu .dropdown-menu li .nav-link:is(:where(.group)[data-sidebar=small] *).active {
                background-color: #0000
            }

        .main-sidebar .navbar-menu .dropdown-menu li .nav-link .content:is(:where(.group)[data-sidebar=small] *) {
            display: block
        }

        .main-sidebar .navbar-menu .dropdown-menu li .nav-link .arrow:is(:where(.group)[data-sidebar=small] *) {
            display: inline-block
        }

    .dropdown {
        display: inline-block;
        position: relative
    }

        .dropdown .dropdown-menu {
            z-index: 10;
            width: calc(var(--spacing)*40);
            border-radius: var(--radius-md);
            background-color: var(--color-white);
            --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);
            box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
            --tw-shadow-color: oklch(92.8% .006 264.531);
            position: absolute
        }

    @supports (color:color-mix(in lab,red,red)) {
        .dropdown .dropdown-menu {
            --tw-shadow-color: color-mix(in oklab,var(--color-gray-200)var(--tw-shadow-alpha),transparent)
        }
    }

    .dropdown .dropdown-menu:where([data-mode=dark],[data-mode=dark] *) {
        background-color: var(--color-dark-900);
        --tw-shadow-color: oklch(27.9% .041 260.031)
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dropdown .dropdown-menu:where([data-mode=dark],[data-mode=dark] *) {
            --tw-shadow-color: color-mix(in oklab,var(--color-dark-800)var(--tw-shadow-alpha),transparent)
        }
    }

    .dropdown .dropdown-menu .dropdown-item {
        align-items: center;
        gap: calc(var(--spacing)*2);
        width: 100%;
        padding-inline: calc(var(--spacing)*4);
        padding-block: calc(var(--spacing)*2.5);
        font-size: var(--text-sm);
        line-height: var(--tw-leading,var(--text-sm--line-height));
        transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration));
        --tw-duration: .3s;
        --tw-ease: linear;
        transition-duration: .3s;
        transition-timing-function: linear;
        display: flex
    }

        .dropdown .dropdown-menu .dropdown-item:first-of-type {
            border-top-left-radius: var(--radius-md);
            border-top-right-radius: var(--radius-md)
        }

        .dropdown .dropdown-menu .dropdown-item:last-of-type {
            border-bottom-right-radius: var(--radius-md);
            border-bottom-left-radius: var(--radius-md)
        }

    @media (hover:hover) {
        .dropdown .dropdown-menu .dropdown-item:hover {
            background-color: var(--color-gray-50);
            color: var(--color-primary-500)
        }
    }

    .dropdown .dropdown-menu .dropdown-item:disabled {
        color: var(--color-gray-500)
    }

    @media (hover:hover) {
        .dropdown .dropdown-menu .dropdown-item:where([data-mode=dark],[data-mode=dark] *):hover {
            background-color: var(--color-dark-850)
        }
    }

    .dropdown .dropdown-menu .dropdown-item:where([data-mode=dark],[data-mode=dark] *):disabled {
        color: var(--color-dark-500)
    }

    .dropdown .dropdown-menu.dropdown-right:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        right: calc(var(--spacing)*0);
        left: auto
    }

    .dropdown .dropdown-menu.dropdown-right:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        right: auto;
        left: calc(var(--spacing)*0)
    }

    .dropdown .dropdown-menu.dropdown-top {
        bottom: 100%
    }

    @media (min-width:64rem) {
        .dropdown .dropdown-menu.dropdown-top-right {
            top: calc(var(--spacing)*0)
        }

            .dropdown .dropdown-menu.dropdown-top-right:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
                left: 100%
            }

            .dropdown .dropdown-menu.dropdown-top-right:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
                right: 100%
            }

        .dropdown .dropdown-menu.dropdown-top-left {
            top: calc(var(--spacing)*0)
        }

            .dropdown .dropdown-menu.dropdown-top-left:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
                left: auto;
                right: 100%
            }

            .dropdown .dropdown-menu.dropdown-top-left:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
                left: 100%;
                right: auto
            }
    }

    .main-sidebar:is(:where(.group)[data-layout=horizontal] *) {
        top: var(--spacing-topbar);
        width: 100%;
        bottom: auto
    }

        .main-sidebar:is(:where(.group)[data-layout=horizontal] *):where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
            right: calc(var(--spacing)*0)
        }

        .main-sidebar:is(:where(.group)[data-layout=horizontal] *):where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
            left: calc(var(--spacing)*0)
        }

    .main-sidebar .sidebar-wrapper:is(:where(.group)[data-layout=horizontal] *) {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }

    .main-sidebar .navbar-brand:is(:where(.group)[data-layout=horizontal] *) {
        display: none
    }

    .main-sidebar .nav-link:is(:where(.group)[data-layout=horizontal] *) {
        padding: calc(var(--spacing)*3)
    }

        .main-sidebar .nav-link:is(:where(.group)[data-layout=horizontal] *):before {
            content: var(--tw-content);
            display: none
        }

    @media (min-width:48rem) {
        .main-sidebar .nav-link:is(:where(.group)[data-layout=horizontal] *) {
            padding: calc(var(--spacing)*4)
        }
    }

    .main-sidebar .navbar-menu:is(:where(.group)[data-layout=horizontal] *) {
        height: calc(var(--spacing)*64)
    }

    @media (min-width:48rem) {
        .main-sidebar .navbar-menu:is(:where(.group)[data-layout=horizontal] *) {
            height: auto
        }
    }

    .main-sidebar .dropdown-menu:is(:where(.group)[data-layout=horizontal] *) {
        background-color: var(--color-white);
        padding-block: calc(var(--spacing)*0);
        position: static
    }

    @media (min-width:48rem) {
        .main-sidebar .dropdown-menu:is(:where(.group)[data-layout=horizontal] *) {
            width: calc(var(--spacing)*40);
            padding-block: calc(var(--spacing)*2);
            --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);
            box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
            position: fixed
        }
    }

    .main-sidebar .dropdown-menu:where([data-mode=dark],[data-mode=dark] *):is(:where(.group)[data-layout=horizontal] *) {
        background-color: var(--color-dark-850)
    }

    .main-sidebar .dropdown-menu .dropdown-wrapper:is(:where(.group)[data-layout=horizontal] *) {
        overflow-y: auto
    }

    @media (min-width:48rem) {
        .main-sidebar .dropdown-menu .dropdown-wrapper:is(:where(.group)[data-layout=horizontal] *) {
            max-height: calc(100vh - 10rem)
        }

        .main-sidebar .dropdown-menu .dropdown-wrapper:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-layout=horizontal] *) {
            margin-left: calc(var(--spacing)*0)
        }

        .main-sidebar .dropdown-menu .dropdown-wrapper:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-layout=horizontal] *) {
            margin-right: calc(var(--spacing)*0)
        }

        .main-sidebar .dropdown-menu.mega-menu:is(:where(.group)[data-layout=horizontal] *) {
            width: calc(var(--spacing)*96)
        }
    }

    :is(.main-sidebar .dropdown-menu li a,.main-sidebar .dropdown-menu li button):is(:where(.group)[data-layout=horizontal] *) {
        padding-block: calc(var(--spacing)*2)
    }

        :is(.main-sidebar .dropdown-menu li a,.main-sidebar .dropdown-menu li button):is(:where(.group)[data-layout=horizontal] *):before, .main-sidebar .dropdown-menu .nav-link:is(:where(.group)[data-layout=horizontal] *):before {
            content: var(--tw-content);
            display: none
        }

    .timeline {
        flex-direction: column;
        display: flex
    }

    :is(.timeline>*) {
        padding-bottom: calc(var(--spacing)*3);
        position: relative
    }

        :is(.timeline>*):before {
            top: calc(var(--spacing)*2);
            bottom: calc(var(--spacing)*-2);
            width: calc(var(--spacing)*.5);
            content: var(--tw-content);
            background-color: var(--color-gray-200);
            position: absolute
        }

        :is(.timeline>*):after {
            top: calc(var(--spacing)*2);
            width: calc(var(--spacing)*1.5);
            height: calc(var(--spacing)*1.5);
            content: var(--tw-content);
            background-color: var(--color-gray-300);
            border-radius: 3.40282e38px;
            position: absolute
        }

    :is(.timeline:where(:dir(ltr),[dir=ltr],[dir=ltr] *)>*) {
        padding-left: calc(var(--spacing)*5)
    }

        :is(.timeline:where(:dir(ltr),[dir=ltr],[dir=ltr] *)>*):before {
            content: var(--tw-content);
            left: calc(var(--spacing)*.5)
        }

        :is(.timeline:where(:dir(ltr),[dir=ltr],[dir=ltr] *)>*):after {
            content: var(--tw-content);
            left: calc(var(--spacing)*0)
        }

    :is(.timeline:where(:dir(rtl),[dir=rtl],[dir=rtl] *)>*) {
        padding-right: calc(var(--spacing)*5)
    }

        :is(.timeline:where(:dir(rtl),[dir=rtl],[dir=rtl] *)>*):before {
            content: var(--tw-content);
            right: calc(var(--spacing)*.5)
        }

        :is(.timeline:where(:dir(rtl),[dir=rtl],[dir=rtl] *)>*):after {
            content: var(--tw-content);
            right: calc(var(--spacing)*0)
        }

    :is(.timeline:where([data-mode=dark],[data-mode=dark] *)>*):before {
        content: var(--tw-content);
        background-color: var(--color-dark-800)
    }

    :is(.timeline:where([data-mode=dark],[data-mode=dark] *)>*):after {
        content: var(--tw-content);
        background-color: var(--color-gray-800)
    }

    .timeline li:last-child {
        padding-bottom: calc(var(--spacing)*0)
    }

        .timeline li:last-child:before {
            content: var(--tw-content);
            display: none
        }

    :is(.timeline.timeline-square>*):after {
        content: var(--tw-content);
        border-radius: var(--radius-xs)
    }

    .switch-group {
        cursor: pointer;
        -webkit-user-select: none;
        user-select: none;
        align-items: center;
        display: flex
    }

        .switch-group .switch-wrapper {
            height: calc(var(--spacing)*7);
            width: calc(var(--spacing)*12);
            border-style: var(--tw-border-style);
            border-width: 1px;
            border-color: var(--color-gray-200);
            border-radius: 3.40282e38px;
            display: block
        }

            .switch-group .switch-wrapper:where([data-mode=dark],[data-mode=dark] *) {
                border-color: var(--color-dark-800)
            }

        .switch-group .switch-dot {
            top: calc(var(--spacing)*1);
            width: calc(var(--spacing)*5);
            height: calc(var(--spacing)*5);
            background-color: var(--color-gray-200);
            transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;
            transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
            transition-duration: var(--tw-duration,var(--default-transition-duration));
            border-radius: 3.40282e38px;
            position: absolute
        }

            .switch-group .switch-dot:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
                left: calc(var(--spacing)*1)
            }

            .switch-group .switch-dot:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
                right: calc(var(--spacing)*1)
            }

            .switch-group .switch-dot:where([data-mode=dark],[data-mode=dark] *) {
                background-color: var(--color-dark-800)
            }

        .switch-group.switch-soft .switch-wrapper {
            border-style: var(--tw-border-style);
            background-color: var(--color-gray-200);
            border-width: 0
        }

            .switch-group.switch-soft .switch-wrapper:where([data-mode=dark],[data-mode=dark] *) {
                background-color: var(--color-dark-800)
            }

        .switch-group.switch-soft .switch-dot {
            background-color: var(--color-white)
        }

            .switch-group.switch-soft .switch-dot:where([data-mode=dark],[data-mode=dark] *) {
                background-color: var(--color-dark-900)
            }

        .switch-group.switch-text .switch-dot {
            font-size: var(--text-xs);
            line-height: var(--tw-leading,var(--text-xs--line-height));
            justify-content: center;
            align-items: center;
            display: flex
        }

            .switch-group.switch-text .switch-dot:after {
                --tw-font-weight: var(--font-weight-semibold);
                font-weight: var(--font-weight-semibold);
                --tw-content: "N";
                content: var(--tw-content)
            }

            .switch-group.switch-text .switch-dot:is(:where(.peer):checked~*):after {
                --tw-content: "Y";
                content: var(--tw-content)
            }

        .switch-group.switch-3d .switch-wrapper {
            --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);
            box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
            --tw-shadow-color: oklch(87.2% .01 258.338)
        }

    @supports (color:color-mix(in lab,red,red)) {
        .switch-group.switch-3d .switch-wrapper {
            --tw-shadow-color: color-mix(in oklab,var(--color-gray-300)var(--tw-shadow-alpha),transparent)
        }
    }

    .switch-group.switch-3d .switch-wrapper:where([data-mode=dark],[data-mode=dark] *) {
        --tw-shadow-color: oklch(23.13% .0399 270.37)
    }

    @supports (color:color-mix(in lab,red,red)) {
        .switch-group.switch-3d .switch-wrapper:where([data-mode=dark],[data-mode=dark] *) {
            --tw-shadow-color: color-mix(in oklab,var(--color-dark-850)var(--tw-shadow-alpha),transparent)
        }
    }

    .switch-group.switch-3d .switch-dot {
        background-color: var(--color-white);
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
        --tw-shadow-color: oklch(70.7% .022 261.325)
    }

    @supports (color:color-mix(in lab,red,red)) {
        .switch-group.switch-3d .switch-dot {
            --tw-shadow-color: color-mix(in oklab,var(--color-gray-400)var(--tw-shadow-alpha),transparent)
        }
    }

    .switch-group.switch-3d .switch-dot:where([data-mode=dark],[data-mode=dark] *) {
        background-color: var(--color-dark-800);
        --tw-shadow-color: oklch(23.13% .0399 270.37)
    }

    @supports (color:color-mix(in lab,red,red)) {
        .switch-group.switch-3d .switch-dot:where([data-mode=dark],[data-mode=dark] *) {
            --tw-shadow-color: color-mix(in oklab,var(--color-dark-850)var(--tw-shadow-alpha),transparent)
        }
    }

    .breadcrumb {
        margin-bottom: calc(var(--spacing)*3);
        flex-shrink: 0;
        align-items: center;
        display: flex
    }

    :is(.breadcrumb>*) {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        position: relative
    }

        :is(.breadcrumb>*):before {
            font-family: var(--font-remix);
            content: var(--tw-content);
            color: var(--color-gray-500);
            position: absolute
        }

    :is(.breadcrumb:where(:dir(ltr),[dir=ltr],[dir=ltr] *)>*) {
        padding-right: calc(var(--spacing)*6)
    }

        :is(.breadcrumb:where(:dir(ltr),[dir=ltr],[dir=ltr] *)>*):before {
            content: var(--tw-content);
            right: calc(var(--spacing)*1)
        }

    :is(.breadcrumb:where(:dir(rtl),[dir=rtl],[dir=rtl] *)>*) {
        padding-left: calc(var(--spacing)*6)
    }

        :is(.breadcrumb:where(:dir(rtl),[dir=rtl],[dir=rtl] *)>*):before {
            content: var(--tw-content);
            left: calc(var(--spacing)*1)
        }

    :is(.breadcrumb:where([data-mode=dark],[data-mode=dark] *)>*):before {
        content: var(--tw-content);
        color: var(--color-dark-500)
    }

    .breadcrumb .breadcrumb-item:where(:dir(ltr),[dir=ltr],[dir=ltr] *):last-child {
        padding-right: calc(var(--spacing)*0)
    }

        .breadcrumb .breadcrumb-item:where(:dir(ltr),[dir=ltr],[dir=ltr] *):last-child:before {
            content: var(--tw-content);
            display: none
        }

    .breadcrumb .breadcrumb-item:where(:dir(rtl),[dir=rtl],[dir=rtl] *):last-child {
        padding-left: calc(var(--spacing)*0)
    }

    .breadcrumb .breadcrumb-item a {
        color: var(--color-gray-500)
    }

        .breadcrumb .breadcrumb-item a:where([data-mode=dark],[data-mode=dark] *) {
            color: var(--color-dark-500)
        }

    .breadcrumb .breadcrumb-item.active {
        color: var(--color-gray-800)
    }

        .breadcrumb .breadcrumb-item.active:where([data-mode=dark],[data-mode=dark] *) {
            color: var(--color-dark-50)
        }

    .modal-wrap {
        z-index: 1099;
        border-radius: var(--radius-md);
        background-color: var(--color-white);
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);
        width: 100%;
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
        --tw-shadow-color: #e5e7eb4d;
        flex-direction: column;
        display: flex;
        position: relative
    }

    @supports (color:color-mix(in lab,red,red)) {
        .modal-wrap {
            --tw-shadow-color: color-mix(in oklab,color-mix(in oklab,var(--color-gray-200)30%,transparent)var(--tw-shadow-alpha),transparent)
        }
    }

    @media (min-width:48rem) {
        .modal-wrap {
            width: 30rem !important
        }
    }

    .modal-wrap:where([data-mode=dark],[data-mode=dark] *) {
        background-color: var(--color-dark-900);
        color: var(--color-dark-100);
        --tw-shadow-color: oklch(20.8% .042 265.755)
    }

    @supports (color:color-mix(in lab,red,red)) {
        .modal-wrap:where([data-mode=dark],[data-mode=dark] *) {
            --tw-shadow-color: color-mix(in oklab,var(--color-dark-900)var(--tw-shadow-alpha),transparent)
        }
    }

    .modal-wrap.modal-xs {
        width: 100%
    }

    @media (min-width:48rem) {
        .modal-wrap.modal-xs {
            width: 20rem !important
        }
    }

    .modal-wrap.modal-sm {
        width: 100%
    }

    @media (min-width:48rem) {
        .modal-wrap.modal-sm {
            width: 26rem !important
        }
    }

    .modal-wrap.modal-lg {
        width: 100%
    }

    @media (min-width:64rem) {
        .modal-wrap.modal-lg {
            width: 40rem !important
        }
    }

    .modal-wrap.modal-xl {
        width: 100%
    }

    @media (min-width:64rem) {
        .modal-wrap.modal-xl {
            width: 52rem !important
        }
    }

    .modal-wrap.modal-2xl {
        width: 100%
    }

    @media (min-width:80rem) {
        .modal-wrap.modal-2xl {
            width: 64rem !important
        }
    }

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

    .tabs-pills {
        flex-wrap: wrap;
        align-items: center;
        display: flex
    }

        .tabs-pills .nav-item {
            border-radius: var(--radius-md);
            padding-inline: calc(var(--spacing)*4);
            padding-block: calc(var(--spacing)*2);
            text-align: center;
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium);
            transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;
            transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
            transition-duration: var(--tw-duration,var(--default-transition-duration));
            --tw-duration: .2s;
            --tw-ease: linear;
            transition-duration: .2s;
            transition-timing-function: linear;
            display: block;
            position: relative
        }

        .tabs-pills.tabs-icon .nav-item {
            width: calc(var(--spacing)*10);
            height: calc(var(--spacing)*10);
            padding: calc(var(--spacing)*0);
            justify-content: center;
            align-items: center;
            display: flex
        }

    .accordion-boxed {
        position: relative
    }

        .accordion-boxed .accordion-button {
            border-radius: var(--radius-md);
            border-style: var(--tw-border-style);
            border-width: 1px;
            border-color: var(--color-gray-200);
            width: 100%;
            padding-inline: calc(var(--spacing)*3);
            padding-block: calc(var(--spacing)*2.5);
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium);
            transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;
            transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
            transition-duration: var(--tw-duration,var(--default-transition-duration));
            --tw-duration: .2s;
            --tw-ease: linear;
            transition-duration: .2s;
            transition-timing-function: linear;
            display: block
        }

            .accordion-boxed .accordion-button:where([data-mode=dark],[data-mode=dark] *) {
                border-color: var(--color-dark-800)
            }

    .accordion {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
        border-color: var(--color-gray-200);
        position: relative
    }

        .accordion:where([data-mode=dark],[data-mode=dark] *) {
            border-color: var(--color-dark-800)
        }

        .accordion .accordion-button {
            width: 100%;
            padding-inline: calc(var(--spacing)*3);
            padding-block: calc(var(--spacing)*2.5);
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium);
            transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;
            transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
            transition-duration: var(--tw-duration,var(--default-transition-duration));
            --tw-duration: .2s;
            --tw-ease: linear;
            transition-duration: .2s;
            transition-timing-function: linear;
            display: block
        }

    .progress-bar {
        height: calc(var(--spacing)*4);
        background-color: var(--color-gray-100);
        border-radius: 3.40282e38px;
        width: 100%;
        position: relative
    }

        .progress-bar:where([data-mode=dark],[data-mode=dark] *) {
            background-color: var(--color-dark-800)
        }

        .progress-bar.progress-1, .progress-bar.progress-1 .progress-bar-wrap {
            height: calc(var(--spacing)*2)
        }

        .progress-bar.progress-2, .progress-bar.progress-2 .progress-bar-wrap {
            height: calc(var(--spacing)*2.5)
        }

        .progress-bar.progress-3, .progress-bar.progress-3 .progress-bar-wrap {
            height: calc(var(--spacing)*3)
        }

        .progress-bar.progress-4, .progress-bar.progress-4 .progress-bar-wrap {
            height: calc(var(--spacing)*4)
        }

        .progress-bar.progress-5, .progress-bar.progress-5 .progress-bar-wrap {
            height: calc(var(--spacing)*5)
        }

        .progress-bar.progress-6, .progress-bar.progress-6 .progress-bar-wrap {
            height: calc(var(--spacing)*6)
        }

        .progress-bar.progress-7, .progress-bar.progress-7 .progress-bar-wrap {
            height: calc(var(--spacing)*8)
        }

    .accordion-main-content {
        max-height: calc(var(--spacing)*0);
        transition-property: all;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration));
        --tw-duration: .7s;
        transition-duration: .7s;
        position: relative;
        overflow: hidden
    }

        .accordion-main-content .content {
            padding-inline: calc(var(--spacing)*3);
            padding-block: calc(var(--spacing)*2.5)
        }

    .\!fixed {
        position: fixed !important
    }

    .absolute {
        position: absolute
    }

    .fixed {
        position: fixed
    }

    .relative {
        position: relative
    }

    .static {
        position: static
    }

    .sticky {
        position: sticky
    }

    .inset-0 {
        inset: calc(var(--spacing)*0)
    }

    .main-topbar:is(:where(.group)[data-layout=boxed] *) {
        inset-inline: calc(var(--spacing)*8);
        top: calc(var(--spacing)*8);
        border-top-left-radius: var(--radius-md);
        border-top-right-radius: var(--radius-md)
    }

    .\!inset-x-4 {
        inset-inline: calc(var(--spacing)*4) !important
    }

    .inset-x-0 {
        inset-inline: calc(var(--spacing)*0)
    }

    .inset-x-5 {
        inset-inline: calc(var(--spacing)*5)
    }

    .inset-y-0 {
        inset-block: calc(var(--spacing)*0)
    }

    .start-1 {
        inset-inline-start: calc(var(--spacing)*1)
    }

    .start-1\/2 {
        inset-inline-start: 50%
    }

    .main-sidebar:is(:where(.group)[data-layout=semibox] *) {
        top: calc(var(--spacing)*3);
        bottom: calc(var(--spacing)*3)
    }

    .main-sidebar:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-layout=semibox] *) {
        left: calc(var(--spacing)*3)
    }

    .main-sidebar:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-layout=semibox] *) {
        right: calc(var(--spacing)*3)
    }

    .main-sidebar .navbar-menu:is(:where(.group)[data-layout=semibox] *) {
        height: calc(100% - 10rem)
    }

    .main-sidebar .sidebar-wrapper:is(:where(.group)[data-layout=semibox] *) {
        border-radius: var(--radius-md);
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .main-topbar:is(:where(.group)[data-layout=semibox] *) {
        top: calc(var(--spacing)*3)
    }

    .main-topbar:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-layout=semibox] *) {
        right: calc(var(--spacing)*3);
        left: calc(var(--spacing)*3)
    }

    @media (min-width:64rem) {
        .main-topbar:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-layout=semibox] *) {
            left: 16.5rem
        }
    }

    .main-topbar:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-layout=semibox] *) {
        right: 16.5rem;
        left: calc(var(--spacing)*3)
    }

    .main-topbar:where(:dir(rtl),[dir=rtl],[dir=rtl] *):where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-layout=semibox] *) {
        right: calc(var(--spacing)*3)
    }

    .main-topbar:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-layout=semibox] *):is(:where(.group)[data-sidebar=small] *) {
        left: 6.1875rem
    }

    .main-topbar:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-layout=semibox] *):is(:where(.group)[data-sidebar=small] *) {
        right: 6.1875rem
    }

    .main-topbar:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-layout=semibox] *):is(:where(.group)[data-sidebar=medium] *) {
        left: 11.5rem
    }

    .main-topbar:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-layout=semibox] *):is(:where(.group)[data-sidebar=medium] *) {
        right: 11.5rem
    }

    .main-topbar .main-topbar-wrapper:is(:where(.group)[data-layout=semibox] *) {
        border-radius: var(--radius-md);
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .\!top-3\.5 {
        top: calc(var(--spacing)*3.5) !important
    }

    .-top-0 {
        top: calc(var(--spacing)*0)
    }

    .-top-1 {
        top: calc(var(--spacing)*-1)
    }

    .-top-1\.5 {
        top: calc(var(--spacing)*-1.5)
    }

    .-top-2 {
        top: calc(var(--spacing)*-2)
    }

    .-top-3 {
        top: calc(var(--spacing)*-3)
    }

    .-top-5 {
        top: calc(var(--spacing)*-5)
    }

    .-top-64 {
        top: calc(var(--spacing)*-64)
    }

    .top-0 {
        top: calc(var(--spacing)*0)
    }

    .top-1 {
        top: calc(var(--spacing)*1)
    }

    .top-1\.5 {
        top: calc(var(--spacing)*1.5)
    }

    .top-1\/2 {
        top: 50%
    }

    .top-1\/3 {
        top: 33.3333%
    }

    .top-2 {
        top: calc(var(--spacing)*2)
    }

    .top-2\.5 {
        top: calc(var(--spacing)*2.5)
    }

    .top-2\/3 {
        top: 66.6667%
    }

    .top-3 {
        top: calc(var(--spacing)*3)
    }

    .top-3\.5 {
        top: calc(var(--spacing)*3.5)
    }

    .top-4 {
        top: calc(var(--spacing)*4)
    }

    .top-5 {
        top: calc(var(--spacing)*5)
    }

    .top-6 {
        top: calc(var(--spacing)*6)
    }

    .top-7 {
        top: calc(var(--spacing)*7)
    }

    .top-8 {
        top: calc(var(--spacing)*8)
    }

    .top-10 {
        top: calc(var(--spacing)*10)
    }

    .top-12 {
        top: calc(var(--spacing)*12)
    }

    .top-20 {
        top: calc(var(--spacing)*20)
    }

    .top-24 {
        top: calc(var(--spacing)*24)
    }

    .top-36 {
        top: calc(var(--spacing)*36)
    }

    .top-56 {
        top: calc(var(--spacing)*56)
    }

    .top-64 {
        top: calc(var(--spacing)*64)
    }

    .top-\[20\%\] {
        top: 20%
    }

    .top-\[45\%\] {
        top: 45%
    }

    .top-\[90px\] {
        top: 90px
    }

    .top-full {
        top: 100%
    }

    .main-sidebar:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-layout=boxed] *) {
        left: calc(var(--spacing)*8);
        border-bottom-left-radius: var(--radius-md)
    }

    .main-sidebar:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-layout=boxed] *) {
        right: calc(var(--spacing)*8);
        border-bottom-right-radius: var(--radius-md)
    }

    .main-sidebar .navbar-brand:is(:where(.group)[data-layout=boxed] *) {
        display: none
    }

    .main-footer:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-layout=horizontal] *) {
        left: calc(var(--spacing)*0)
    }

    .main-footer:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-layout=horizontal] *), .-right-0 {
        right: calc(var(--spacing)*0)
    }

    .-right-0\.5 {
        right: calc(var(--spacing)*-.5)
    }

    .-right-1 {
        right: calc(var(--spacing)*-1)
    }

    .-right-2 {
        right: calc(var(--spacing)*-2)
    }

    .-right-8 {
        right: calc(var(--spacing)*-8)
    }

    .-right-16 {
        right: calc(var(--spacing)*-16)
    }

    .right-0 {
        right: calc(var(--spacing)*0)
    }

    .right-0\.5 {
        right: calc(var(--spacing)*.5)
    }

    .right-1 {
        right: calc(var(--spacing)*1)
    }

    .right-2 {
        right: calc(var(--spacing)*2)
    }

    .right-4 {
        right: calc(var(--spacing)*4)
    }

    .right-5 {
        right: calc(var(--spacing)*5)
    }

    .right-16 {
        right: calc(var(--spacing)*16)
    }

    .-bottom-0\.5 {
        bottom: calc(var(--spacing)*-.5)
    }

    .-bottom-2 {
        bottom: calc(var(--spacing)*-2)
    }

    .-bottom-5 {
        bottom: calc(var(--spacing)*-5)
    }

    .-bottom-6 {
        bottom: calc(var(--spacing)*-6)
    }

    .-bottom-12 {
        bottom: calc(var(--spacing)*-12)
    }

    .-bottom-16 {
        bottom: calc(var(--spacing)*-16)
    }

    .-bottom-24 {
        bottom: calc(var(--spacing)*-24)
    }

    .bottom-0 {
        bottom: calc(var(--spacing)*0)
    }

    .bottom-1\.5 {
        bottom: calc(var(--spacing)*1.5)
    }

    .bottom-1\/2 {
        bottom: 50%
    }

    .bottom-1\/3 {
        bottom: 33.3333%
    }

    .bottom-2 {
        bottom: calc(var(--spacing)*2)
    }

    .bottom-2\.5 {
        bottom: calc(var(--spacing)*2.5)
    }

    .bottom-3 {
        bottom: calc(var(--spacing)*3)
    }

    .bottom-5 {
        bottom: calc(var(--spacing)*5)
    }

    .bottom-8 {
        bottom: calc(var(--spacing)*8)
    }

    .bottom-10 {
        bottom: calc(var(--spacing)*10)
    }

    .bottom-14 {
        bottom: calc(var(--spacing)*14)
    }

    .bottom-40 {
        bottom: calc(var(--spacing)*40)
    }

    .bottom-72 {
        bottom: calc(var(--spacing)*72)
    }

    .bottom-\[25\%\] {
        bottom: 25%
    }

    .bottom-\[38\%\] {
        bottom: 38%
    }

    .bottom-full {
        bottom: 100%
    }

    .\!left-3 {
        left: calc(var(--spacing)*3) !important
    }

    .-left-2 {
        left: calc(var(--spacing)*-2)
    }

    .-left-3 {
        left: calc(var(--spacing)*-3)
    }

    .left-0 {
        left: calc(var(--spacing)*0)
    }

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

    .left-3 {
        left: calc(var(--spacing)*3)
    }

    .left-4 {
        left: calc(var(--spacing)*4)
    }

    .left-5 {
        left: calc(var(--spacing)*5)
    }

    .left-8 {
        left: calc(var(--spacing)*8)
    }

    .left-10 {
        left: calc(var(--spacing)*10)
    }

    .left-16 {
        left: calc(var(--spacing)*16)
    }

    .left-28 {
        left: calc(var(--spacing)*28)
    }

    .left-\[33\%\] {
        left: 33%
    }

    .left-\[38\%\] {
        left: 38%
    }

    .left-\[45\%\] {
        left: 45%
    }

    .main-topbar:is(:where(.group)[data-layout=horizontal] *) {
        z-index: 1005
    }

    .z-0 {
        z-index: 0
    }

    .z-10 {
        z-index: 10
    }

    .z-20 {
        z-index: 20
    }

    .z-30 {
        z-index: 30
    }

    .z-40 {
        z-index: 40
    }

    .z-50 {
        z-index: 50
    }

    .z-\[1002\] {
        z-index: 1002
    }

    .z-\[1003\] {
        z-index: 1003
    }

    .z-\[1004\] {
        z-index: 1004
    }

    .z-\[1005\] {
        z-index: 1005
    }

    .z-\[1020\] {
        z-index: 1020
    }

    .z-\[1049\] {
        z-index: 1049
    }

    .z-\[1050\] {
        z-index: 1050
    }

    .z-\[1055\] {
        z-index: 1055
    }

    .z-\[1099\] {
        z-index: 1099
    }

    .order-1 {
        order: 1
    }

    .order-2 {
        order: 2
    }

    .order-3 {
        order: 3
    }

    .order-4 {
        order: 4
    }

    .order-5 {
        order: 5
    }

    .order-6 {
        order: 6
    }

    .order-7 {
        order: 7
    }

    .order-8 {
        order: 8
    }

    .order-9 {
        order: 9
    }

    .order-10 {
        order: 10
    }

    .order-11 {
        order: 11
    }

    .order-12 {
        order: 12
    }

    .order-13 {
        order: 13
    }

    .col-span-1 {
        grid-column: span 1/span 1
    }

    .col-span-2 {
        grid-column: span 2/span 2
    }

    .col-span-3 {
        grid-column: span 3/span 3
    }

    .col-span-4 {
        grid-column: span 4/span 4
    }

    .col-span-5 {
        grid-column: span 5/span 5
    }

    .col-span-6 {
        grid-column: span 6/span 6
    }

    .col-span-7 {
        grid-column: span 7/span 7
    }

    .col-span-8 {
        grid-column: span 8/span 8
    }

    .col-span-9 {
        grid-column: span 9/span 9
    }

    .col-span-10 {
        grid-column: span 10/span 10
    }

    .col-span-11 {
        grid-column: span 11/span 11
    }

    .col-span-12 {
        grid-column: span 12/span 12
    }

    .row-span-2 {
        grid-row: span 2/span 2
    }

    .float-end {
        float: inline-end
    }

    .container {
        width: 100%
    }

    @media (min-width:40rem) {
        .container {
            max-width: 40rem
        }
    }

    @media (min-width:48rem) {
        .container {
            max-width: 48rem
        }
    }

    @media (min-width:64rem) {
        .container {
            max-width: 64rem
        }
    }

    @media (min-width:80rem) {
        .container {
            max-width: 80rem
        }
    }

    @media (min-width:96rem) {
        .container {
            max-width: 96rem
        }
    }

    .\!-m-\[1px\] {
        margin: -1px !important
    }

    .m-0 {
        margin: calc(var(--spacing)*0)
    }

    .m-4 {
        margin: calc(var(--spacing)*4)
    }

    .m-17\.5 {
        margin: calc(var(--spacing)*17.5)
    }

    .m-auto {
        margin: auto
    }

    .-mx-3 {
        margin-inline: calc(var(--spacing)*-3)
    }

    .-mx-5 {
        margin-inline: calc(var(--spacing)*-5)
    }

    .-mx-space {
        margin-inline: calc(var(--spacing-space)*-1)
    }

    .main-footer:is(:where(.group)[data-content-width=fluid] *) {
        margin-inline: var(--spacing-space)
    }

    .mx-1 {
        margin-inline: calc(var(--spacing)*1)
    }

    .mx-2 {
        margin-inline: calc(var(--spacing)*2)
    }

    .mx-3 {
        margin-inline: calc(var(--spacing)*3)
    }

    .mx-4 {
        margin-inline: calc(var(--spacing)*4)
    }

    .mx-5 {
        margin-inline: calc(var(--spacing)*5)
    }

    .mx-8 {
        margin-inline: calc(var(--spacing)*8)
    }

    .mx-10 {
        margin-inline: calc(var(--spacing)*10)
    }

    .mx-12 {
        margin-inline: calc(var(--spacing)*12)
    }

    .mx-auto {
        margin-inline: auto
    }

    .\!my-0 {
        margin-block: calc(var(--spacing)*0) !important
    }

    .my-2 {
        margin-block: calc(var(--spacing)*2)
    }

    .my-3 {
        margin-block: calc(var(--spacing)*3)
    }

    .my-4 {
        margin-block: calc(var(--spacing)*4)
    }

    .my-5 {
        margin-block: calc(var(--spacing)*5)
    }

    .my-6 {
        margin-block: calc(var(--spacing)*6)
    }

    .my-10 {
        margin-block: calc(var(--spacing)*10)
    }

    .my-auto {
        margin-block: auto
    }

    .me-1 {
        margin-inline-end: calc(var(--spacing)*1)
    }

    .modal-footer {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
        border-color: var(--color-gray-200);
        padding: calc(var(--spacing)*5);
        justify-content: space-between;
        align-items: center;
        margin-top: auto;
        display: flex
    }

        .modal-footer:where([data-mode=dark],[data-mode=dark] *) {
            border-color: var(--color-dark-800)
        }

    .-mt-1 {
        margin-top: calc(var(--spacing)*-1)
    }

    .-mt-10 {
        margin-top: calc(var(--spacing)*-10)
    }

    .-mt-14 {
        margin-top: calc(var(--spacing)*-14)
    }

    .-mt-16 {
        margin-top: calc(var(--spacing)*-16)
    }

    .mt-0\.5 {
        margin-top: calc(var(--spacing)*.5)
    }

    .mt-1 {
        margin-top: calc(var(--spacing)*1)
    }

    .mt-2 {
        margin-top: calc(var(--spacing)*2)
    }

    .mt-2\.5 {
        margin-top: calc(var(--spacing)*2.5)
    }

    .mt-3 {
        margin-top: calc(var(--spacing)*3)
    }

    .mt-4 {
        margin-top: calc(var(--spacing)*4)
    }

    .mt-5 {
        margin-top: calc(var(--spacing)*5)
    }

    .mt-6 {
        margin-top: calc(var(--spacing)*6)
    }

    .mt-7 {
        margin-top: calc(var(--spacing)*7)
    }

    .mt-8 {
        margin-top: calc(var(--spacing)*8)
    }

    .mt-9 {
        margin-top: calc(var(--spacing)*9)
    }

    .mt-10 {
        margin-top: calc(var(--spacing)*10)
    }

    .mt-12 {
        margin-top: calc(var(--spacing)*12)
    }

    .mt-16 {
        margin-top: calc(var(--spacing)*16)
    }

    .mt-20 {
        margin-top: calc(var(--spacing)*20)
    }

    .mt-auto {
        margin-top: auto
    }

    .mt-space {
        margin-top: var(--spacing-space)
    }

    .sidebar-toggle {
        width: calc(var(--spacing)*9);
        height: calc(var(--spacing)*9);
        border-radius: var(--radius-md);
        border-style: var(--tw-border-style);
        color: var(--color-gray-500);
        border-width: 1px;
        border-color: #0000;
        justify-content: center;
        align-items: center;
        display: flex
    }

        .sidebar-toggle:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-layout=default] *) {
            margin-left: calc(var(--spacing)*2)
        }

        .sidebar-toggle:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-layout=default] *) {
            margin-right: calc(var(--spacing)*2)
        }

        .sidebar-toggle:where([data-mode=dark],[data-mode=dark] *) {
            color: var(--color-dark-500)
        }

    .page-wrapper {
        padding-inline: calc(var(--spacing)*5);
        padding-top: 5.625rem;
        padding-bottom: calc(var(--spacing)*14)
    }

    @media (min-width:80rem) {
        .page-wrapper {
            padding-inline: calc(var(--spacing)*28)
        }
    }

    .page-wrapper:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        margin-right: calc(var(--spacing)*0)
    }

    @media (min-width:64rem) {
        .page-wrapper:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
            margin-right: var(--spacing-sidebar)
        }
    }

    @media print {
        .page-wrapper {
            padding: calc(var(--spacing)*0)
        }

            .page-wrapper:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
                margin-right: calc(var(--spacing)*0)
            }
    }

    @media (min-width:64rem) {

        .page-wrapper:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-sidebar=medium] *) {
            margin-right: var(--spacing-sidebar-medium)
        }

        .page-wrapper:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-sidebar=small] *) {
            margin-right: var(--spacing-sidebar-small)
        }
    }

    .page-wrapper:is(:where(.group)[data-content-width=fluid] *) {
        padding-inline: var(--spacing-space)
    }

    .page-wrapper:is(:where(.group)[data-layout=semibox] *) {
        padding-top: 6.09375rem
    }

    .page-wrapper:is(:where(.group)[data-content-width=fluid] *):is(:where(.group)[data-layout=semibox] *) {
        padding-inline: calc(var(--spacing)*3)
    }


    .page-wrapper:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-layout=semibox] *) {
        margin-right: calc(var(--spacing)*0)
    }

    @media (min-width:64rem) {
        .page-wrapper:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-layout=semibox] *) {
            margin-right: calc(var(--spacing-sidebar) + .75rem)
        }
    }

    .page-wrapper:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-layout=semibox] *):is(:where(.group)[data-sidebar=small] *) {
        margin-right: 5.4375rem
    }


    .page-wrapper:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-layout=semibox] *):is(:where(.group)[data-sidebar=medium] *) {
        margin-right: 10.75rem
    }

    .page-wrapper:is(:where(.group)[data-layout=horizontal] *) {
        padding-top: 5.625rem
    }

    @media (min-width:64rem) {
        .page-wrapper:is(:where(.group)[data-layout=horizontal] *) {
            padding-top: 8.90625rem
        }
    }

    .page-wrapper:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-layout=horizontal] *) {
        margin-right: calc(var(--spacing)*0)
    }

    .-mr-1 {
        margin-right: calc(var(--spacing)*-1)
    }

    .mr-0\.5 {
        margin-right: calc(var(--spacing)*.5)
    }

    .mr-1 {
        margin-right: calc(var(--spacing)*1)
    }

    .mr-2 {
        margin-right: calc(var(--spacing)*2)
    }

    .mr-3 {
        margin-right: calc(var(--spacing)*3)
    }

    .mr-auto {
        margin-right: auto
    }

    .page-heading {
        margin-bottom: calc(var(--spacing)*3);
        align-items: center;
        display: flex
    }

    @media print {
        .page-heading {
            display: none
        }
    }

    .page-heading .breadcrumb {
        margin-bottom: calc(var(--spacing)*0)
    }

        .page-heading .breadcrumb .breadcrumb-item:is(:where(.group)[data-nav-type=pattern] *):before {
            content: var(--tw-content);
            color: #ffffff80
        }

    @supports (color:color-mix(in lab,red,red)) {
        .page-heading .breadcrumb .breadcrumb-item:is(:where(.group)[data-nav-type=pattern] *):before {
            color: color-mix(in oklab,var(--color-white)50%,transparent)
        }
    }

    .page-heading .breadcrumb .breadcrumb-item a:is(:where(.group)[data-nav-type=pattern] *) {
        color: #ffffff80
    }

    @supports (color:color-mix(in lab,red,red)) {
        .page-heading .breadcrumb .breadcrumb-item a:is(:where(.group)[data-nav-type=pattern] *) {
            color: color-mix(in oklab,var(--color-white)50%,transparent)
        }
    }

    .page-heading .breadcrumb .breadcrumb-item.active:is(:where(.group)[data-nav-type=pattern] *) {
        color: var(--color-white)
    }

    .form-label {
        margin-bottom: calc(var(--spacing)*2);
        font-size: var(--text-sm);
        line-height: var(--tw-leading,var(--text-sm--line-height));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        display: block
    }

    .card {
        margin-bottom: calc(var(--spacing)*5);
        border-radius: var(--radius-md);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-gray-200);
        background-color: var(--color-white);
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
        --tw-shadow-color: oklch(96.7% .003 264.542)
    }

    @supports (color:color-mix(in lab,red,red)) {
        .card {
            --tw-shadow-color: color-mix(in oklab,var(--color-gray-100)var(--tw-shadow-alpha),transparent)
        }
    }

    .card:where([data-mode=dark],[data-mode=dark] *) {
        border-color: var(--color-dark-800);
        background-color: var(--color-dark-900);
        color: var(--color-dark-100);
        --tw-shadow-color: oklch(20.8% .042 265.755)
    }

    @supports (color:color-mix(in lab,red,red)) {
        .card:where([data-mode=dark],[data-mode=dark] *) {
            --tw-shadow-color: color-mix(in oklab,var(--color-dark-900)var(--tw-shadow-alpha),transparent)
        }
    }

    .card .card-title {
        font-size: var(--text-card-title)
    }

    .card.hovered {
        transition-property: all;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration));
        --tw-duration: .2s;
        --tw-ease: linear;
        transition-duration: .2s;
        transition-timing-function: linear
    }

    @media (hover:hover) {
        .card.hovered:hover {
            --tw-translate-y: calc(var(--spacing)*-1);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }
    }

    .\!mb-0 {
        margin-bottom: calc(var(--spacing)*0) !important
    }

    .-mb-20 {
        margin-bottom: calc(var(--spacing)*-20)
    }

    .mb-0 {
        margin-bottom: calc(var(--spacing)*0)
    }

    .mb-0\.5 {
        margin-bottom: calc(var(--spacing)*.5)
    }

    .mb-1 {
        margin-bottom: calc(var(--spacing)*1)
    }

    .mb-1\.5 {
        margin-bottom: calc(var(--spacing)*1.5)
    }

    .mb-2 {
        margin-bottom: calc(var(--spacing)*2)
    }

    .mb-2\.5 {
        margin-bottom: calc(var(--spacing)*2.5)
    }

    .mb-3 {
        margin-bottom: calc(var(--spacing)*3)
    }

    .mb-4 {
        margin-bottom: calc(var(--spacing)*4)
    }

    .mb-5 {
        margin-bottom: calc(var(--spacing)*5)
    }

    .mb-6 {
        margin-bottom: calc(var(--spacing)*6)
    }

    .mb-7 {
        margin-bottom: calc(var(--spacing)*7)
    }

    .mb-8 {
        margin-bottom: calc(var(--spacing)*8)
    }

    .mb-9 {
        margin-bottom: calc(var(--spacing)*9)
    }

    .mb-10 {
        margin-bottom: calc(var(--spacing)*10)
    }

    .mb-12 {
        margin-bottom: calc(var(--spacing)*12)
    }

    .mb-auto {
        margin-bottom: auto
    }

    .mb-space {
        margin-bottom: var(--spacing-space)
    }

    .-ml-3 {
        margin-left: calc(var(--spacing)*-3)
    }

    .-ml-4 {
        margin-left: calc(var(--spacing)*-4)
    }

    .-ml-5 {
        margin-left: calc(var(--spacing)*-5)
    }

    .-ml-6 {
        margin-left: calc(var(--spacing)*-6)
    }

    .-ml-space {
        margin-left: calc(var(--spacing-space)*-1)
    }

    .ml-0\.5 {
        margin-left: calc(var(--spacing)*.5)
    }

    .ml-1 {
        margin-left: calc(var(--spacing)*1)
    }

    .ml-2 {
        margin-left: calc(var(--spacing)*2)
    }

    .ml-3 {
        margin-left: calc(var(--spacing)*3)
    }

    .ml-6 {
        margin-left: calc(var(--spacing)*6)
    }

    .ml-auto {
        margin-left: auto
    }

    .box-content {
        box-sizing: content-box
    }

    .input-spin-group {
        width: calc(var(--spacing)*32);
        text-align: center;
        align-items: center;
        display: flex
    }

        .input-spin-group .input-spin-minus {
            width: calc(var(--spacing)*10);
            height: calc(var(--spacing)*10);
            border-style: var(--tw-border-style);
            border-width: 1px;
            border-color: var(--color-gray-200);
            transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;
            transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
            transition-duration: var(--tw-duration,var(--default-transition-duration));
            --tw-duration: .2s;
            --tw-ease: linear;
            flex-shrink: 0;
            justify-content: center;
            align-items: center;
            transition-duration: .2s;
            transition-timing-function: linear;
            display: flex
        }

            .input-spin-group .input-spin-minus:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
                border-top-left-radius: var(--radius-md);
                border-bottom-left-radius: var(--radius-md);
                border-right-style: var(--tw-border-style);
                border-right-width: 0
            }

            .input-spin-group .input-spin-minus:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
                border-top-right-radius: var(--radius-md);
                border-bottom-right-radius: var(--radius-md);
                border-left-style: var(--tw-border-style);
                border-left-width: 0
            }

            .input-spin-group .input-spin-minus:where([data-mode=dark],[data-mode=dark] *) {
                border-color: var(--color-dark-800)
            }

        .input-spin-group .input-spin-plus {
            width: calc(var(--spacing)*10);
            height: calc(var(--spacing)*10);
            border-style: var(--tw-border-style);
            border-width: 1px;
            border-color: var(--color-gray-200);
            transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;
            transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
            transition-duration: var(--tw-duration,var(--default-transition-duration));
            --tw-duration: .2s;
            --tw-ease: linear;
            flex-shrink: 0;
            justify-content: center;
            align-items: center;
            transition-duration: .2s;
            transition-timing-function: linear;
            display: flex
        }

            .input-spin-group .input-spin-plus:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
                border-top-right-radius: var(--radius-md);
                border-bottom-right-radius: var(--radius-md);
                border-left-style: var(--tw-border-style);
                border-left-width: 0
            }

            .input-spin-group .input-spin-plus:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
                border-top-left-radius: var(--radius-md);
                border-bottom-left-radius: var(--radius-md);
                border-right-style: var(--tw-border-style);
                border-right-width: 0
            }

            .input-spin-group .input-spin-plus:where([data-mode=dark],[data-mode=dark] *) {
                border-color: var(--color-dark-800)
            }

        .input-spin-group .input-spin {
            padding: calc(var(--spacing)*0);
            text-align: center;
            border-radius: 0
        }

            .input-spin-group .input-spin:focus {
                border-color: var(--color-gray-200)
            }

            .input-spin-group .input-spin:where([data-mode=dark],[data-mode=dark] *):focus {
                border-color: var(--color-dark-800)
            }

    .form-input {
        height: calc(var(--spacing)*10);
        border-radius: var(--radius-md);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-gray-200);
        background-color: var(--color-white);
        width: 100%;
        padding-inline: calc(var(--spacing)*4);
        font-size: var(--text-base);
        line-height: var(--tw-leading,var(--text-base--line-height));
        padding-block: .5625rem;
        display: block
    }

        .form-input::placeholder {
            color: var(--color-gray-400)
        }

        .form-input:focus {
            border-color: var(--color-primary-500);
            --tw-shadow: 0 0 #0000;
            --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
            box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
            outline-style: var(--tw-outline-style);
            outline-width: 0
        }

        .form-input:disabled {
            cursor: default;
            border-color: var(--color-gray-200);
            background-color: var(--color-gray-100);
            color: var(--color-gray-500)
        }

        .form-input:where([data-mode=dark],[data-mode=dark] *) {
            border-color: var(--color-dark-800);
            background-color: var(--color-dark-900)
        }

            .form-input:where([data-mode=dark],[data-mode=dark] *)::placeholder {
                color: var(--color-dark-500)
            }

            .form-input:where([data-mode=dark],[data-mode=dark] *):focus {
                border-color: var(--color-primary-500)
            }

            .form-input:where([data-mode=dark],[data-mode=dark] *):disabled {
                border-color: var(--color-dark-800);
                background-color: var(--color-dark-850);
                color: var(--color-dark-500)
            }

        .form-input.input-sm {
            height: 1.625rem;
            padding-inline: calc(var(--spacing)*2);
            padding-block: calc(var(--spacing)*1);
            font-size: var(--text-xs);
            line-height: var(--tw-leading,var(--text-xs--line-height))
        }

        .form-input.input-md {
            height: 2.125rem;
            padding-inline: calc(var(--spacing)*3);
            padding-block: calc(var(--spacing)*1.5);
            font-size: var(--text-sm);
            line-height: var(--tw-leading,var(--text-sm--line-height))
        }

        .form-input.input-lg {
            height: 2.7813rem;
            padding-inline: calc(var(--spacing)*5);
            padding-block: calc(var(--spacing)*2.5);
            font-size: var(--text-base);
            line-height: var(--tw-leading,var(--text-base--line-height))
        }

    .form-select {
        height: calc(var(--spacing)*10);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: var(--radius-md);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-gray-200);
        width: 100%;
        padding-inline: calc(var(--spacing)*4);
        font-size: var(--text-base);
        line-height: var(--tw-leading,var(--text-base--line-height));
        background-repeat: no-repeat;
        padding-block: .5625rem;
        display: block
    }

        .form-select:focus {
            --tw-shadow: 0 0 #0000;
            --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
            box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
            outline-style: var(--tw-outline-style);
            outline-width: 0
        }

        .form-select:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
            padding-right: calc(var(--spacing)*10);
            padding-left: calc(var(--spacing)*3)
        }

        .form-select:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
            padding-right: calc(var(--spacing)*3);
            padding-left: calc(var(--spacing)*10)
        }

    .form-select {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%231f242e' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
        background-position: right .7rem center;
        background-repeat: no-repeat;
        background-size: .7em .7em
    }

        .form-select:where([data-mode=dark],[data-mode=dark] *) {
            border-color: var(--color-dark-800);
            background-color: var(--color-dark-900)
        }

    .pagination {
        align-items: center;
        gap: calc(var(--spacing)*2);
        flex-wrap: wrap;
        display: inline-flex
    }

        .pagination .pagination-item {
            width: calc(var(--spacing)*9);
            height: calc(var(--spacing)*9);
            border-radius: var(--radius-md);
            border-style: var(--tw-border-style);
            border-width: 1px;
            border-color: var(--color-gray-200);
            font-size: var(--text-sm);
            line-height: var(--tw-leading,var(--text-sm--line-height));
            transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;
            transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
            transition-duration: var(--tw-duration,var(--default-transition-duration));
            --tw-duration: .2s;
            --tw-ease: linear;
            justify-content: center;
            align-items: center;
            transition-duration: .2s;
            transition-timing-function: linear;
            display: flex
        }

            .pagination .pagination-item:where([data-mode=dark],[data-mode=dark] *) {
                border-color: var(--color-dark-800)
            }

        .pagination .pagination-pre, .pagination .pagination-next {
            height: calc(var(--spacing)*9);
            border-radius: var(--radius-md);
            border-style: var(--tw-border-style);
            border-width: 1px;
            border-color: var(--color-gray-200);
            padding-inline: calc(var(--spacing)*3);
            padding-block: calc(var(--spacing)*1);
            font-size: var(--text-sm);
            line-height: var(--tw-leading,var(--text-sm--line-height));
            transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;
            transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
            transition-duration: var(--tw-duration,var(--default-transition-duration));
            --tw-duration: .2s;
            --tw-ease: linear;
            justify-content: center;
            align-items: center;
            transition-duration: .2s;
            transition-timing-function: linear;
            display: flex
        }

    :is(.pagination .pagination-pre,.pagination .pagination-next):disabled {
        color: var(--color-gray-500)
    }

    :is(.pagination .pagination-pre,.pagination .pagination-next):where([data-mode=dark],[data-mode=dark] *) {
        border-color: var(--color-dark-800)
    }

        :is(.pagination .pagination-pre,.pagination .pagination-next):where([data-mode=dark],[data-mode=dark] *):disabled {
            color: var(--color-dark-500)
        }

    .pagination.pagination-md .pagination-item {
        width: calc(var(--spacing)*8);
        height: calc(var(--spacing)*8)
    }

    .pagination.pagination-sm .pagination-item {
        width: calc(var(--spacing)*7);
        height: calc(var(--spacing)*7);
        font-size: var(--text-xs);
        line-height: var(--tw-leading,var(--text-xs--line-height))
    }

    .pagination.pagination-sm .pagination-pre, .pagination.pagination-sm .pagination-next {
        height: calc(var(--spacing)*7);
        padding-inline: calc(var(--spacing)*2);
        padding-block: calc(var(--spacing)*.5);
        font-size: var(--text-xs);
        line-height: var(--tw-leading,var(--text-xs--line-height))
    }

    .pagination.pagination-xs .pagination-item {
        width: calc(var(--spacing)*6);
        height: calc(var(--spacing)*6);
        font-size: var(--text-xs);
        line-height: var(--tw-leading,var(--text-xs--line-height))
    }

    .pagination.pagination-xs .pagination-pre, .pagination.pagination-xs .pagination-next {
        height: calc(var(--spacing)*6);
        padding-inline: calc(var(--spacing)*2);
        padding-block: calc(var(--spacing)*.5);
        font-size: var(--text-xs);
        line-height: var(--tw-leading,var(--text-xs--line-height))
    }

    .pagination.pagination-lg .pagination-item {
        width: calc(var(--spacing)*10);
        height: calc(var(--spacing)*10);
        font-size: var(--text-15)
    }

    .pagination.pagination-lg .pagination-pre, .pagination.pagination-lg .pagination-next {
        height: calc(var(--spacing)*10);
        padding-inline: calc(var(--spacing)*3);
        padding-block: calc(var(--spacing)*1);
        font-size: var(--text-15)
    }

    .pagination.pagination-flush .pagination-item, .pagination.pagination-flush .pagination-pre, .pagination.pagination-flush .pagination-next {
        --tw-border-style: none;
        border-style: none
    }

    .topbar-link {
        width: calc(var(--spacing)*9);
        height: calc(var(--spacing)*9);
        height: var(--spacing-topbar);
        border-radius: var(--radius-md);
        border-style: var(--tw-border-style);
        color: var(--color-gray-500);
        transition-property: all;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration));
        --tw-duration: .2s;
        --tw-ease: linear;
        border-width: 1px;
        border-color: #0000;
        justify-content: center;
        align-items: center;
        transition-duration: .2s;
        transition-timing-function: linear;
        display: flex
    }

        .topbar-link:is(:where(.group)[data-nav-type=pattern] *) {
            color: #ffffffbf
        }

    @supports (color:color-mix(in lab,red,red)) {
        .topbar-link:is(:where(.group)[data-nav-type=pattern] *) {
            color: color-mix(in oklab,var(--color-white)75%,transparent)
        }
    }

    @media (hover:hover) {
        .topbar-link:hover {
            color: var(--color-gray-800)
        }

        .topbar-link:is(:where(.group)[data-nav-type=pattern] *):hover {
            color: var(--color-white)
        }

        .topbar-link:where([data-mode=dark],[data-mode=dark] *):hover {
            color: var(--color-dark-200)
        }
    }

    .badge-square {
        height: calc(var(--spacing)*5.5);
        width: calc(var(--spacing)*5.5);
        border-radius: var(--radius-md);
        border-style: var(--tw-border-style);
        font-size: var(--text-11);
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        border-width: 1px;
        justify-content: center;
        align-items: center;
        display: inline-flex
    }

    .spin {
        width: calc(var(--spacing)*8);
        height: calc(var(--spacing)*8);
        border-style: var(--tw-border-style);
        border-width: 2px;
        border-radius: 3.40282e38px;
        display: inline-block
    }

    .form-file {
        border-radius: var(--radius-md);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-gray-200);
        width: 100%;
        font-size: var(--text-base);
        line-height: var(--tw-leading,var(--text-base--line-height));
        display: block
    }

        .form-file::file-selector-button {
            background-color: var(--color-gray-900)
        }

        .form-file::file-selector-button {
            color: var(--color-gray-100)
        }

        .form-file:focus {
            --tw-shadow: 0 0 #0000;
            --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
            box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
            outline-style: var(--tw-outline-style);
            outline-width: 0
        }

        .form-file:where([data-mode=dark],[data-mode=dark] *) {
            border-color: var(--color-dark-800)
        }

            .form-file:where([data-mode=dark],[data-mode=dark] *)::file-selector-button {
                background-color: var(--color-dark-800)
            }

            .form-file:where([data-mode=dark],[data-mode=dark] *)::file-selector-button {
                color: var(--color-dark-100)
            }

        .form-file::-webkit-file-upload-button {
            cursor: pointer;
            --tw-border-style: none;
            padding-inline: calc(var(--spacing)*4);
            padding-block: calc(var(--spacing)*2);
            --tw-shadow: 0 0 #0000;
            box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
            --tw-outline-style: none;
            border-style: none;
            outline-style: none
        }

    @media (forced-colors:active) {
        .form-file::-webkit-file-upload-button {
            outline-offset: 2px;
            outline: 2px solid #0000
        }
    }

    .form-file.form-file-sm {
        font-size: var(--text-xs);
        line-height: var(--tw-leading,var(--text-xs--line-height))
    }

        .form-file.form-file-sm::-webkit-file-upload-button {
            padding-inline: calc(var(--spacing)*3);
            padding-block: calc(var(--spacing)*1);
            font-size: var(--text-xs);
            line-height: var(--tw-leading,var(--text-xs--line-height))
        }

    .form-file.form-file-md {
        font-size: var(--text-xs);
        line-height: var(--tw-leading,var(--text-xs--line-height))
    }

        .form-file.form-file-md::-webkit-file-upload-button {
            padding-inline: calc(var(--spacing)*3);
            padding-block: calc(var(--spacing)*1.5);
            font-size: var(--text-14)
        }

    .form-file.form-file-light::file-selector-button {
        background-color: var(--color-gray-100)
    }

    .form-file.form-file-light::file-selector-button {
        color: var(--color-gray-500)
    }

    .form-file.form-file-light:where([data-mode=dark],[data-mode=dark] *)::file-selector-button {
        background-color: var(--color-dark-850)
    }

    .form-file.form-file-light:where([data-mode=dark],[data-mode=dark] *)::file-selector-button {
        color: var(--color-dark-400)
    }

    .form-file.form-file-lg::-webkit-file-upload-button {
        padding-inline: calc(var(--spacing)*5);
        padding-block: calc(var(--spacing)*3)
    }

    .btn-group-vertical {
        flex-direction: column;
        align-items: flex-start;
        display: flex
    }

        .btn-group-vertical .btn {
            border-radius: 0
        }

            .btn-group-vertical .btn:first-child {
                border-top-left-radius: var(--radius-md);
                border-top-right-radius: var(--radius-md)
            }

            .btn-group-vertical .btn:last-child {
                border-bottom-right-radius: var(--radius-md);
                border-bottom-left-radius: var(--radius-md)
            }

    .input-label-group {
        border-radius: var(--radius-md);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-gray-200);
        padding-inline: calc(var(--spacing)*4);
        padding-block: calc(var(--spacing)*1.5);
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        justify-content: center;
        align-items: center;
        display: flex
    }

        .input-label-group:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
            border-right-style: var(--tw-border-style);
            border-right-width: 0;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

            .input-label-group:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group).right *) {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
                border-top-right-radius: var(--radius-md);
                border-bottom-right-radius: var(--radius-md);
                border-right-style: var(--tw-border-style);
                border-right-width: 1px;
                border-left-style: var(--tw-border-style);
                border-left-width: 0
            }

        .input-label-group:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
            border-left-style: var(--tw-border-style);
            border-left-width: 0;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

            .input-label-group:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group).right *) {
                border-top-left-radius: var(--radius-md);
                border-bottom-left-radius: var(--radius-md);
                border-right-style: var(--tw-border-style);
                border-right-width: 0;
                border-left-style: var(--tw-border-style);
                border-left-width: 1px;
                border-top-right-radius: 0;
                border-bottom-right-radius: 0
            }

        .input-label-group:where([data-mode=dark],[data-mode=dark] *) {
            border-color: var(--color-dark-800)
        }

    .drawer-footer {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
        border-color: var(--color-gray-200);
        padding: calc(var(--spacing)*5);
        justify-content: space-between;
        align-items: center;
        display: flex
    }

        .drawer-footer:where([data-mode=dark],[data-mode=dark] *) {
            border-color: var(--color-dark-800)
        }

    .drawer-header {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
        border-color: var(--color-gray-200);
        padding: calc(var(--spacing)*5);
        justify-content: space-between;
        align-items: center;
        display: flex
    }

        .drawer-header:where([data-mode=dark],[data-mode=dark] *) {
            border-color: var(--color-dark-800)
        }

    .modal-header {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
        border-color: var(--color-gray-200);
        padding: calc(var(--spacing)*5);
        justify-content: space-between;
        align-items: center;
        display: flex
    }

        .modal-header:where([data-mode=dark],[data-mode=dark] *) {
            border-color: var(--color-dark-800)
        }

    .btn-group {
        align-items: center;
        gap: calc(var(--spacing)*0);
        display: flex
    }

        .btn-group .btn {
            border-radius: 0
        }

            .btn-group .btn:where(:dir(ltr),[dir=ltr],[dir=ltr] *):first-child {
                border-top-left-radius: var(--radius-md);
                border-bottom-left-radius: var(--radius-md)
            }

            .btn-group .btn:where(:dir(ltr),[dir=ltr],[dir=ltr] *):last-child, .btn-group .btn:where(:dir(rtl),[dir=rtl],[dir=rtl] *):first-child {
                border-top-right-radius: var(--radius-md);
                border-bottom-right-radius: var(--radius-md)
            }

            .btn-group .btn:where(:dir(rtl),[dir=rtl],[dir=rtl] *):last-child {
                border-top-left-radius: var(--radius-md);
                border-bottom-left-radius: var(--radius-md)
            }

    :is(.input-check-group,.input-radio-group) {
        align-items: center;
        gap: calc(var(--spacing)*2);
        display: flex
    }

    .line-clamp-1 {
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    .line-clamp-2 {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    .line-clamp-5 {
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    .badge {
        border-radius: var(--radius-md);
        border-style: var(--tw-border-style);
        padding-inline: calc(var(--spacing)*1.5);
        padding-block: calc(var(--spacing)*.5);
        font-size: var(--text-11);
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        border-width: 1px;
        display: inline-block
    }

    .\!hidden {
        display: none !important
    }

    .block {
        display: block
    }

    .contents {
        display: contents
    }

    .flex {
        display: flex
    }

    .grid {
        display: grid
    }

    .hidden {
        display: none
    }

    .inline {
        display: inline
    }

    .inline-block {
        display: inline-block
    }

    .inline-flex {
        display: inline-flex
    }

    .table {
        display: table
    }

    .table\! {
        display: table !important
    }

    .table-caption {
        display: table-caption
    }

    .table-cell {
        display: table-cell
    }

    .aspect-4\/3 {
        aspect-ratio: 4/3
    }

    .aspect-21\/9 {
        aspect-ratio: 21/9
    }

    .aspect-square {
        aspect-ratio: 1
    }

    .aspect-video {
        aspect-ratio: var(--aspect-video)
    }

    .ping-spin {
        width: calc(var(--spacing)*4);
        height: calc(var(--spacing)*4);
        animation: var(--animate-ping)
    }

    .input-radio {
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-gray-300);
        border-radius: 3.40282e38px;
        width: 1.125rem;
        height: 1.125rem
    }

        .input-radio:focus:checked {
            --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
            box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
            --tw-ring-offset-width: 1px;
            --tw-ring-offset-shadow: var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
            --tw-ring-offset-color: var(--color-white)
        }

        .input-radio:where([data-mode=dark],[data-mode=dark] *) {
            border-color: var(--color-dark-800)
        }

            .input-radio:where([data-mode=dark],[data-mode=dark] *):focus:checked {
                --tw-ring-offset-color: var(--color-dark-900)
            }

    .input-check {
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: var(--radius-xs);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-gray-300);
        width: 1.125rem;
        height: 1.125rem
    }

        .input-check:where([data-mode=dark],[data-mode=dark] *) {
            border-color: var(--color-dark-800)
        }

    .input-range {
        height: calc(var(--spacing)*2);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: var(--radius-md);
        background-color: var(--color-gray-200);
        width: 100%
    }

        .input-range:where([data-mode=dark],[data-mode=dark] *) {
            background-color: var(--color-dark-800)
        }

    .\!size-8 {
        width: calc(var(--spacing)*8) !important;
        height: calc(var(--spacing)*8) !important
    }

    .size-1\.5 {
        width: calc(var(--spacing)*1.5);
        height: calc(var(--spacing)*1.5)
    }

    .size-2 {
        width: calc(var(--spacing)*2);
        height: calc(var(--spacing)*2)
    }

    .size-2\.5 {
        width: calc(var(--spacing)*2.5);
        height: calc(var(--spacing)*2.5)
    }

    .size-3 {
        width: calc(var(--spacing)*3);
        height: calc(var(--spacing)*3)
    }

    .size-3\.5 {
        width: calc(var(--spacing)*3.5);
        height: calc(var(--spacing)*3.5)
    }

    .size-4 {
        width: calc(var(--spacing)*4);
        height: calc(var(--spacing)*4)
    }

    .size-5 {
        width: calc(var(--spacing)*5);
        height: calc(var(--spacing)*5)
    }

    .size-6 {
        width: calc(var(--spacing)*6);
        height: calc(var(--spacing)*6)
    }

    .size-7 {
        width: calc(var(--spacing)*7);
        height: calc(var(--spacing)*7)
    }

    .size-8 {
        width: calc(var(--spacing)*8);
        height: calc(var(--spacing)*8)
    }

    .size-9 {
        width: calc(var(--spacing)*9);
        height: calc(var(--spacing)*9)
    }

    .size-10 {
        width: calc(var(--spacing)*10);
        height: calc(var(--spacing)*10)
    }

    .size-11 {
        width: calc(var(--spacing)*11);
        height: calc(var(--spacing)*11)
    }

    .size-12 {
        width: calc(var(--spacing)*12);
        height: calc(var(--spacing)*12)
    }

    .size-14 {
        width: calc(var(--spacing)*14);
        height: calc(var(--spacing)*14)
    }

    .size-16 {
        width: calc(var(--spacing)*16);
        height: calc(var(--spacing)*16)
    }

    .size-20 {
        width: calc(var(--spacing)*20);
        height: calc(var(--spacing)*20)
    }

    .size-24 {
        width: calc(var(--spacing)*24);
        height: calc(var(--spacing)*24)
    }

    .size-28 {
        width: calc(var(--spacing)*28);
        height: calc(var(--spacing)*28)
    }

    .size-32 {
        width: calc(var(--spacing)*32);
        height: calc(var(--spacing)*32)
    }

    .size-36 {
        width: calc(var(--spacing)*36);
        height: calc(var(--spacing)*36)
    }

    .size-40 {
        width: calc(var(--spacing)*40);
        height: calc(var(--spacing)*40)
    }

    .size-44 {
        width: calc(var(--spacing)*44);
        height: calc(var(--spacing)*44)
    }

    .size-52 {
        width: calc(var(--spacing)*52);
        height: calc(var(--spacing)*52)
    }

    .size-56 {
        width: calc(var(--spacing)*56);
        height: calc(var(--spacing)*56)
    }

    .size-60 {
        width: calc(var(--spacing)*60);
        height: calc(var(--spacing)*60)
    }

    .size-64 {
        width: calc(var(--spacing)*64);
        height: calc(var(--spacing)*64)
    }

    .size-80 {
        width: calc(var(--spacing)*80);
        height: calc(var(--spacing)*80)
    }

    .size-96 {
        width: calc(var(--spacing)*96);
        height: calc(var(--spacing)*96)
    }

    .size-\[1\.125rem\] {
        width: 1.125rem;
        height: 1.125rem
    }

    .size-\[400px\] {
        width: 400px;
        height: 400px
    }

    .size-\[auto\] {
        width: auto;
        height: auto
    }

    .size-full {
        width: 100%;
        height: 100%
    }

    .drawer-content {
        height: 100%;
        padding: calc(var(--spacing)*5);
        overflow-y: auto
    }

    .progress-bar-wrap {
        height: calc(var(--spacing)*4);
        text-align: center;
        font-size: var(--text-xs);
        line-height: var(--tw-leading,var(--text-xs--line-height));
        border-radius: 3.40282e38px
    }

    .h-1\.5 {
        height: calc(var(--spacing)*1.5)
    }

    .h-2 {
        height: calc(var(--spacing)*2)
    }

    .h-2\.5 {
        height: calc(var(--spacing)*2.5)
    }

    .h-3 {
        height: calc(var(--spacing)*3)
    }

    .h-4 {
        height: calc(var(--spacing)*4)
    }

    .h-5 {
        height: calc(var(--spacing)*5)
    }

    .h-5\.5 {
        height: calc(var(--spacing)*5.5)
    }

    .h-6 {
        height: calc(var(--spacing)*6)
    }

    .h-7 {
        height: calc(var(--spacing)*7)
    }

    .h-8 {
        height: calc(var(--spacing)*8)
    }

    .h-9 {
        height: calc(var(--spacing)*9)
    }

    .h-10 {
        height: calc(var(--spacing)*10)
    }

    .h-11 {
        height: calc(var(--spacing)*11)
    }

    .h-12 {
        height: calc(var(--spacing)*12)
    }

    .h-14 {
        height: calc(var(--spacing)*14)
    }

    .h-16 {
        height: calc(var(--spacing)*16)
    }

    .h-20 {
        height: calc(var(--spacing)*20)
    }

    .h-24 {
        height: calc(var(--spacing)*24)
    }

    .h-28 {
        height: calc(var(--spacing)*28)
    }

    .h-32 {
        height: calc(var(--spacing)*32)
    }

    .h-36 {
        height: calc(var(--spacing)*36)
    }

    .h-40 {
        height: calc(var(--spacing)*40)
    }

    .h-44 {
        height: calc(var(--spacing)*44)
    }

    .h-48 {
        height: calc(var(--spacing)*48)
    }

    .h-52 {
        height: calc(var(--spacing)*52)
    }

    .h-56 {
        height: calc(var(--spacing)*56)
    }

    .h-60 {
        height: calc(var(--spacing)*60)
    }

    .h-64 {
        height: calc(var(--spacing)*64)
    }

    .h-70 {
        height: calc(var(--spacing)*70)
    }

    .h-72 {
        height: calc(var(--spacing)*72)
    }

    .h-80 {
        height: calc(var(--spacing)*80)
    }

    .h-96 {
        height: calc(var(--spacing)*96)
    }

    .h-\[0\.2em\] {
        height: .2em
    }

    .h-\[1\.625rem\] {
        height: 1.625rem
    }

    .h-\[2\.125rem\] {
        height: 2.125rem
    }

    .h-\[2\.7813rem\] {
        height: 2.7813rem
    }

    .h-\[20\.8rem\] {
        height: 20.8rem
    }

    .h-\[23px\] {
        height: 23px
    }

    .h-\[25rem\] {
        height: 25rem
    }

    .h-\[27rem\] {
        height: 27rem
    }

    .h-\[35rem\] {
        height: 35rem
    }

    .h-\[124px\] {
        height: 124px
    }

    .h-\[180px\] {
        height: 180px
    }

    .h-\[205px\] {
        height: 205px
    }

    .h-\[375px\] {
        height: 375px
    }

    .h-\[445px\] {
        height: 445px
    }

    .h-\[calc\(100\%_-_5rem\)\] {
        height: calc(100% - 5rem)
    }

    .h-\[calc\(100\%_-_8px\)\] {
        height: calc(100% - 8px)
    }

    .h-\[calc\(100vh_-_16\.8rem\)\] {
        height: calc(100vh - 16.8rem)
    }

    .h-\[calc\(100vh_-_17rem\)\] {
        height: calc(100vh - 17rem)
    }

    .h-auto {
        height: auto
    }

    .h-full {
        height: 100%
    }

    .h-screen {
        height: 100vh
    }

    .h-topbar {
        height: var(--spacing-topbar)
    }

    .max-h-0 {
        max-height: calc(var(--spacing)*0)
    }

    .max-h-28 {
        max-height: calc(var(--spacing)*28)
    }

    .max-h-36 {
        max-height: calc(var(--spacing)*36)
    }

    .max-h-44 {
        max-height: calc(var(--spacing)*44)
    }

    .max-h-52 {
        max-height: calc(var(--spacing)*52)
    }

    .max-h-64 {
        max-height: calc(var(--spacing)*64)
    }

    .max-h-72 {
        max-height: calc(var(--spacing)*72)
    }

    .max-h-80 {
        max-height: calc(var(--spacing)*80)
    }

    .max-h-96 {
        max-height: calc(var(--spacing)*96)
    }

    .max-h-\[36rem\] {
        max-height: 36rem
    }

    .max-h-\[460px\] {
        max-height: 460px
    }

    .max-h-\[calc\(100vh_-_13rem\)\] {
        max-height: calc(100vh - 13rem)
    }

    .max-h-\[calc\(100vh_-_14\.5rem\)\] {
        max-height: calc(100vh - 14.5rem)
    }

    .max-h-\[calc\(100vh_-_19rem\)\] {
        max-height: calc(100vh - 19rem)
    }

    .max-h-\[calc\(100vh_-_22\.5rem\)\] {
        max-height: calc(100vh - 22.5rem)
    }

    .max-h-\[calc\(100vh_-_25\.1rem\)\] {
        max-height: calc(100vh - 25.1rem)
    }

    .max-h-\[calc\(100vh_-_100px\)\] {
        max-height: calc(100vh - 100px)
    }

    .max-h-\[calc\(100vh_-_170px\)\] {
        max-height: calc(100vh - 170px)
    }

    .page-wrapper:is(:where(.group)[data-layout=boxed] *) {
        background-color: var(--color-white);
        min-height: 100vh
    }

    .page-wrapper:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-layout=boxed] *) {
        border-top-right-radius: var(--radius-md);
        border-bottom-right-radius: var(--radius-md)
    }

    .page-wrapper:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-layout=boxed] *) {
        border-top-left-radius: var(--radius-md);
        border-bottom-left-radius: var(--radius-md)
    }

    .page-wrapper:is(:where(.group)[data-layout=boxed] *):where([data-mode=dark],[data-mode=dark] *) {
        background-color: var(--color-dark-950)
    }

    .\!min-h-full {
        min-height: 100% !important
    }

    .min-h-44 {
        min-height: calc(var(--spacing)*44)
    }

    .min-h-48 {
        min-height: calc(var(--spacing)*48)
    }

    .min-h-72 {
        min-height: calc(var(--spacing)*72)
    }

    .min-h-96 {
        min-height: calc(var(--spacing)*96)
    }

    .min-h-\[calc\(100vh_-_19rem\)\] {
        min-height: calc(100vh - 19rem)
    }

    .min-h-\[calc\(100vh_-_24rem\)\] {
        min-height: calc(100vh - 24rem)
    }

    .min-h-screen {
        min-height: 100vh
    }

    .\!w-20 {
        width: calc(var(--spacing)*20) !important
    }

    .\!w-24 {
        width: calc(var(--spacing)*24) !important
    }

    .\!w-52 {
        width: calc(var(--spacing)*52) !important
    }

    .\!w-64 {
        width: calc(var(--spacing)*64) !important
    }

    .\!w-72 {
        width: calc(var(--spacing)*72) !important
    }

    .\!w-80 {
        width: calc(var(--spacing)*80) !important
    }

    .\!w-\[15\%\] {
        width: 15% !important
    }

    .\!w-\[38\%\] {
        width: 38% !important
    }

    .\!w-\[51\%\] {
        width: 51% !important
    }

    .\!w-\[64\%\] {
        width: 64% !important
    }

    .\!w-\[80\%\] {
        width: 80% !important
    }

    .\!w-auto {
        width: auto !important
    }

    .drawer-half {
        width: 50%
    }

    .drawer-lg {
        width: calc(var(--spacing)*96)
    }

    .drawer-sm {
        width: calc(var(--spacing)*28)
    }

    .w-1\/2 {
        width: 50%
    }

    .w-1\/3 {
        width: 33.3333%
    }

    .w-2\/3 {
        width: 66.6667%
    }

    .w-2\/5 {
        width: 40%
    }

    .w-3 {
        width: calc(var(--spacing)*3)
    }

    .w-3\/4 {
        width: 75%
    }

    .w-3\/5 {
        width: 60%
    }

    .w-4 {
        width: calc(var(--spacing)*4)
    }

    .w-4\/5 {
        width: 80%
    }

    .w-5\.5 {
        width: calc(var(--spacing)*5.5)
    }

    .w-6 {
        width: calc(var(--spacing)*6)
    }

    .w-8 {
        width: calc(var(--spacing)*8)
    }

    .w-10 {
        width: calc(var(--spacing)*10)
    }

    .w-11 {
        width: calc(var(--spacing)*11)
    }

    .w-12 {
        width: calc(var(--spacing)*12)
    }

    .w-14 {
        width: calc(var(--spacing)*14)
    }

    .w-16 {
        width: calc(var(--spacing)*16)
    }

    .w-20 {
        width: calc(var(--spacing)*20)
    }

    .w-24 {
        width: calc(var(--spacing)*24)
    }

    .w-28 {
        width: calc(var(--spacing)*28)
    }

    .w-32 {
        width: calc(var(--spacing)*32)
    }

    .w-36 {
        width: calc(var(--spacing)*36)
    }

    .w-40 {
        width: calc(var(--spacing)*40)
    }

    .w-48 {
        width: calc(var(--spacing)*48)
    }

    .w-52 {
        width: calc(var(--spacing)*52)
    }

    .w-64 {
        width: calc(var(--spacing)*64)
    }

    .w-70 {
        width: calc(var(--spacing)*70)
    }

    .w-72 {
        width: calc(var(--spacing)*72)
    }

    .w-80 {
        width: calc(var(--spacing)*80)
    }

    .w-82 {
        width: calc(var(--spacing)*82)
    }

    .w-96 {
        width: calc(var(--spacing)*96)
    }

    .w-\[0\%\] {
        width: 0%
    }

    .w-\[2px\] {
        width: 2px
    }

    .w-\[15\%\] {
        width: 15%
    }

    .w-\[19\%\] {
        width: 19%
    }

    .w-\[26\%\] {
        width: 26%
    }

    .w-\[27\%\] {
        width: 27%
    }

    .w-\[37\%\] {
        width: 37%
    }

    .w-\[40\%\] {
        width: 40%
    }

    .w-\[43\%\] {
        width: 43%
    }

    .w-\[44\%\] {
        width: 44%
    }

    .w-\[45\%\] {
        width: 45%
    }

    .w-\[54\%\] {
        width: 54%
    }

    .w-\[58\%\] {
        width: 58%
    }

    .w-\[60\%\] {
        width: 60%
    }

    .w-\[63\%\] {
        width: 63%
    }

    .w-\[64\%\] {
        width: 64%
    }

    .w-\[67\%\] {
        width: 67%
    }

    .w-\[67\.98\%\] {
        width: 67.98%
    }

    .w-\[72\%\] {
        width: 72%
    }

    .w-\[74\%\] {
        width: 74%
    }

    .w-\[77\%\] {
        width: 77%
    }

    .w-\[79\%\] {
        width: 79%
    }

    .w-\[80\%\] {
        width: 80%
    }

    .w-\[91\%\] {
        width: 91%
    }

    .w-\[92\%\] {
        width: 92%
    }

    .w-\[110px\] {
        width: 110px
    }

    .w-\[300px\] {
        width: 300px
    }

    .w-\[350px\] {
        width: 350px
    }

    .w-auto {
        width: auto
    }

    .w-full {
        width: 100%
    }

    .w-screen {
        width: 100vw
    }

    .w-sidebar {
        width: var(--spacing-sidebar)
    }

    .max-w-2xl {
        max-width: var(--container-2xl)
    }

    .max-w-3xl {
        max-width: var(--container-3xl)
    }

    .max-w-4xl {
        max-width: var(--container-4xl)
    }

    .max-w-5xl {
        max-width: var(--container-5xl)
    }

    .max-w-52 {
        max-width: calc(var(--spacing)*52)
    }

    .max-w-64 {
        max-width: calc(var(--spacing)*64)
    }

    .max-w-80 {
        max-width: calc(var(--spacing)*80)
    }

    .max-w-96 {
        max-width: calc(var(--spacing)*96)
    }

    .max-w-\[200px\] {
        max-width: 200px
    }

    .max-w-\[450px\] {
        max-width: 450px
    }

    .max-w-\[550px\] {
        max-width: 550px
    }

    .max-w-\[800px\] {
        max-width: 800px
    }

    .max-w-\[1350px\] {
        max-width: 1350px
    }

    .max-w-full {
        max-width: 100%
    }

    .max-w-lg {
        max-width: var(--container-lg)
    }

    .max-w-md {
        max-width: var(--container-md)
    }

    .max-w-sm {
        max-width: var(--container-sm)
    }

    .max-w-xl {
        max-width: var(--container-xl)
    }

    .min-w-32 {
        min-width: calc(var(--spacing)*32)
    }

    .min-w-40 {
        min-width: calc(var(--spacing)*40)
    }

    .min-w-72 {
        min-width: calc(var(--spacing)*72)
    }

    .flex-1 {
        flex: 1
    }

    .flex-shrink, .shrink {
        flex-shrink: 1
    }

    .shrink-0 {
        flex-shrink: 0
    }

    .flex-grow, .grow {
        flex-grow: 1
    }

    .table-auto {
        table-layout: auto
    }

    .caption-top {
        caption-side: top
    }

    .\!border-separate {
        border-collapse: separate !important
    }

    .border-collapse {
        border-collapse: collapse
    }

    .border-separate {
        border-collapse: separate
    }

    .\!border-spacing-2 {
        --tw-border-spacing-x: calc(var(--spacing)*2) !important;
        --tw-border-spacing-y: calc(var(--spacing)*2) !important;
        border-spacing: var(--tw-border-spacing-x)var(--tw-border-spacing-y) !important
    }

    .\!border-spacing-y-2 {
        --tw-border-spacing-y: calc(var(--spacing)*2) !important;
        border-spacing: var(--tw-border-spacing-x)var(--tw-border-spacing-y) !important
    }

    .border-spacing-y-2 {
        --tw-border-spacing-y: calc(var(--spacing)*2);
        border-spacing: var(--tw-border-spacing-x)var(--tw-border-spacing-y)
    }

    .origin-\[0\] {
        transform-origin: 0
    }

    .origin-center {
        transform-origin: 50%
    }

    .origin-left {
        transform-origin: 0
    }

    .origin-right {
        transform-origin: 100%
    }

    .origin-top-left {
        transform-origin: 0 0
    }

    .-translate-x-1\/2 {
        --tw-translate-x: -50%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-x-16 {
        --tw-translate-x: calc(var(--spacing)*-16);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-x-24 {
        --tw-translate-x: calc(var(--spacing)*-24);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-x-full {
        --tw-translate-x: -100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-x-16 {
        --tw-translate-x: calc(var(--spacing)*16);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-x-24 {
        --tw-translate-x: calc(var(--spacing)*24);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-y-1\/2 {
        --tw-translate-y: -50%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-y-10 {
        --tw-translate-y: calc(var(--spacing)*-10);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-y-\[50px\] {
        --tw-translate-y: -50px;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-y-0 {
        --tw-translate-y: calc(var(--spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-y-2 {
        --tw-translate-y: calc(var(--spacing)*2);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-y-2\.5 {
        --tw-translate-y: calc(var(--spacing)*2.5);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-y-11 {
        --tw-translate-y: calc(var(--spacing)*11);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .scale-0 {
        --tw-scale-x: 0%;
        --tw-scale-y: 0%;
        --tw-scale-z: 0%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .scale-100 {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .scale-x-0 {
        --tw-scale-x: 0%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .-rotate-45 {
        rotate: -45deg
    }

    .-rotate-90 {
        rotate: -90deg
    }

    .rotate-45 {
        rotate: 45deg
    }

    .rotate-180 {
        rotate: 180deg
    }

    .transform {
        transform: var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)
    }

    .modern-spin {
        animation: var(--animate-spin);
        border-inline-color: #0000 !important
    }

    .loader-spin {
        animation: var(--animate-spin)
    }

        .loader-spin:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
            border-left-color: #0000 !important
        }

        .loader-spin:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
            border-right-color: #0000 !important
        }

    .animate-bounce {
        animation: var(--animate-bounce)
    }

    .animate-marquee {
        animation: var(--animate-marquee)
    }

    .animate-ping {
        animation: var(--animate-ping)
    }

    .animate-pulse {
        animation: var(--animate-pulse)
    }

    .animate-shimmer {
        animation: var(--animate-shimmer)
    }

    .animate-slide-up {
        animation: var(--animate-slide-up)
    }

    .animate-spin {
        animation: var(--animate-spin)
    }

    :is(.input-check-label,.input-radio-label) {
        --tw-leading: 1;
        cursor: pointer;
        line-height: 1
    }

    .cursor-default {
        cursor: default
    }

    .cursor-pointer {
        cursor: pointer
    }

    .resize {
        resize: both
    }

    .resize-none {
        resize: none
    }

    .list-inside {
        list-style-position: inside
    }

    .list-decimal {
        list-style-type: decimal
    }

    .list-disc {
        list-style-type: disc
    }

    .list-image-\[url\(\'\.\.\/images\/others\/arrow-right\.png\'\)\] {
        list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAdgAAAHYBTnsmCAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAFGSURBVDiNpZC/S0IBEMc/9yo0IoSmhggJqqFBfDQ0RbRKEUVz4OCjQiKKlhan1oYmh/4BodwimhokIn1CQw3VLASBSBGZ9K7BHz0LNXw3HXff7+e4L5pdn8RDGcjXljcALOnVdr8XwAC+90UvgCKqe5pa7ekSIBnAZGxotzuAOCfVVg80F1trJ9abjWHVhOGeiSqCHbOBMOAAhwR8+zJ+VG4y561pHL0Gzgn4Vup7QwTF0SjwVn2JHUrlO81Zcc1EB38QlQLwAkQofZzqY9wHII0LtrWAagrwuw5XgDxCFqUIjAK1N/WMgH9ZXGI0b4VwNAVMtMvClUC6ORAzecvrZwgRC3joDNCwtFxpwsAuTCHM4jCDEARGgGBN8owh8y0Bf4C5WB+QBiINs5m8Nzr4XASZ+20G6P03QPQSdBNxLsQ8fqqPvwHckW5PGG+ePgAAAABJRU5ErkJggg==)
    }

    .appearance-none {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .columns-3 {
        columns: 3
    }

    .columns-4 {
        columns: 4
    }

    .grid-cols-1 {
        grid-template-columns: repeat(1,minmax(0,1fr))
    }

    .grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .grid-cols-3 {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }

    .grid-cols-12 {
        grid-template-columns: repeat(12,minmax(0,1fr))
    }

    .grid-cols-\[1fr_24px\] {
        grid-template-columns: 1fr 24px
    }

    .grid-cols-\[1fr_36px\] {
        grid-template-columns: 1fr 36px
    }

    .grid-cols-\[24px_1fr_auto\] {
        grid-template-columns: 24px 1fr auto
    }

    .grid-cols-\[auto_1fr\] {
        grid-template-columns: auto 1fr
    }

    .flex-col {
        flex-direction: column
    }

    .flex-col-reverse {
        flex-direction: column-reverse
    }

    .flex-row {
        flex-direction: row
    }

    .flex-row-reverse {
        flex-direction: row-reverse
    }

    .flex-wrap {
        flex-wrap: wrap
    }

    .place-items-center {
        place-items: center
    }

    .items-baseline {
        align-items: baseline
    }

    .items-center {
        align-items: center
    }

    .items-end {
        align-items: flex-end
    }

    .items-start {
        align-items: flex-start
    }

    .justify-around {
        justify-content: space-around
    }

    .justify-between {
        justify-content: space-between
    }

    .justify-center {
        justify-content: center
    }

    .justify-end {
        justify-content: flex-end
    }

    .justify-evenly {
        justify-content: space-evenly
    }

    .justify-start {
        justify-content: flex-start
    }

    .gap-0 {
        gap: calc(var(--spacing)*0)
    }

    .gap-1 {
        gap: calc(var(--spacing)*1)
    }

    .gap-1\.5 {
        gap: calc(var(--spacing)*1.5)
    }

    .gap-2 {
        gap: calc(var(--spacing)*2)
    }

    .gap-3 {
        gap: calc(var(--spacing)*3)
    }

    .gap-4 {
        gap: calc(var(--spacing)*4)
    }

    .gap-5 {
        gap: calc(var(--spacing)*5)
    }

    .gap-6 {
        gap: calc(var(--spacing)*6)
    }

    .gap-8 {
        gap: calc(var(--spacing)*8)
    }

    .gap-20 {
        gap: calc(var(--spacing)*20)
    }

    .gap-space {
        gap: var(--spacing-space)
    }

    :where(.space-y-1>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-2>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-3>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-4>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-5>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-6>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-8>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))
    }

    .gap-x-3 {
        column-gap: calc(var(--spacing)*3)
    }

    .gap-x-5 {
        column-gap: calc(var(--spacing)*5)
    }

    .gap-x-8 {
        column-gap: calc(var(--spacing)*8)
    }

    .gap-x-16 {
        column-gap: calc(var(--spacing)*16)
    }

    .gap-x-20 {
        column-gap: calc(var(--spacing)*20)
    }

    .gap-x-space {
        column-gap: var(--spacing-space)
    }

    :where(.-space-x-2>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing)*-2)*var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing)*-2)*calc(1 - var(--tw-space-x-reverse)))
    }

    :where(.-space-x-3>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing)*-3)*var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing)*-3)*calc(1 - var(--tw-space-x-reverse)))
    }

    :where(.-space-x-4>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing)*-4)*var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing)*-4)*calc(1 - var(--tw-space-x-reverse)))
    }

    :where(.space-x-1>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing)*1)*var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-x-reverse)))
    }

    :where(.space-x-2>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))
    }

    :where(.space-x-3>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))
    }

    :where(.space-x-4>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))
    }

    :where(.space-x-6>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing)*6)*var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-x-reverse)))
    }

    .gap-y-4 {
        row-gap: calc(var(--spacing)*4)
    }

    :where(.divide-x>:not(:last-child)) {
        --tw-divide-x-reverse: 0;
        border-inline-style: var(--tw-border-style);
        border-inline-start-width: calc(1px*var(--tw-divide-x-reverse));
        border-inline-end-width: calc(1px*calc(1 - var(--tw-divide-x-reverse)))
    }

    :where(.divide-y>:not(:last-child)) {
        --tw-divide-y-reverse: 0;
        border-bottom-style: var(--tw-border-style);
        border-top-style: var(--tw-border-style);
        border-top-width: calc(1px*var(--tw-divide-y-reverse));
        border-bottom-width: calc(1px*calc(1 - var(--tw-divide-y-reverse)))
    }

    :where(.divide-dashed>:not(:last-child)) {
        --tw-border-style: dashed;
        border-style: dashed
    }

    :where(.divide-gray-200>:not(:last-child)) {
        border-color: var(--color-gray-200)
    }

    :where(.divide-gray-300>:not(:last-child)) {
        border-color: var(--color-gray-300)
    }

    .self-end {
        align-self: flex-end
    }

    .self-start {
        align-self: flex-start
    }

    .justify-self-center {
        justify-self: center
    }

    .truncate {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .overflow-hidden {
        overflow: hidden
    }

    .\!overflow-x-auto {
        overflow-x: auto !important
    }

    .overflow-x-auto {
        overflow-x: auto
    }

    .overflow-x-hidden {
        overflow-x: hidden
    }

    .overflow-y-auto {
        overflow-y: auto
    }

    .scroll-smooth {
        scroll-behavior: smooth
    }

    .\!rounded-full {
        border-radius: 3.40282e38px !important
    }

    .\!rounded-md {
        border-radius: var(--radius-md) !important
    }

    .\!rounded-xs {
        border-radius: var(--radius-xs) !important
    }

    .rounded {
        border-radius: .25rem
    }

    .rounded-creative {
        border-radius: var(--radius-creative)
    }

    .rounded-full {
        border-radius: 3.40282e38px
    }

    .rounded-lg {
        border-radius: var(--radius-lg)
    }

    .rounded-md {
        border-radius: var(--radius-md)
    }

    .rounded-modern {
        border-radius: var(--radius-modern)
    }

    .rounded-none {
        border-radius: 0
    }

    .rounded-sm {
        border-radius: var(--radius-sm)
    }

    .rounded-xl {
        border-radius: var(--radius-xl)
    }

    .rounded-xs {
        border-radius: var(--radius-xs)
    }

    .card-header {
        border-top-left-radius: var(--radius-md);
        border-top-right-radius: var(--radius-md);
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
        border-color: var(--color-gray-200);
        padding: calc(var(--spacing)*5)
    }

        .card-header:where([data-mode=dark],[data-mode=dark] *) {
            border-color: var(--color-dark-800)
        }

    .rounded-t-full {
        border-top-left-radius: 3.40282e38px;
        border-top-right-radius: 3.40282e38px
    }

    .rounded-t-md {
        border-top-left-radius: var(--radius-md);
        border-top-right-radius: var(--radius-md)
    }

    .rounded-t-sm {
        border-top-left-radius: var(--radius-sm);
        border-top-right-radius: var(--radius-sm)
    }

    .rounded-l-md {
        border-top-left-radius: var(--radius-md);
        border-bottom-left-radius: var(--radius-md)
    }

    .rounded-l-none {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .rounded-tl-3xl {
        border-top-left-radius: var(--radius-3xl)
    }

    .\!rounded-r-none {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important
    }

    .rounded-r-md {
        border-top-right-radius: var(--radius-md);
        border-bottom-right-radius: var(--radius-md)
    }

    .rounded-r-none {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .card-footer {
        border-bottom-right-radius: var(--radius-md);
        border-bottom-left-radius: var(--radius-md);
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
        border-color: var(--color-gray-200);
        padding: calc(var(--spacing)*5)
    }

        .card-footer:where([data-mode=dark],[data-mode=dark] *) {
            border-color: var(--color-dark-800)
        }

    .rounded-b-lg {
        border-bottom-right-radius: var(--radius-lg);
        border-bottom-left-radius: var(--radius-lg)
    }

    .rounded-b-md {
        border-bottom-right-radius: var(--radius-md);
        border-bottom-left-radius: var(--radius-md)
    }

    .rounded-b-sm {
        border-bottom-right-radius: var(--radius-sm);
        border-bottom-left-radius: var(--radius-sm)
    }

    .rounded-br-3xl {
        border-bottom-right-radius: var(--radius-3xl)
    }

    .rounded-bl-xl {
        border-bottom-left-radius: var(--radius-xl)
    }

    .\!border-0 {
        border-style: var(--tw-border-style) !important;
        border-width: 0 !important
    }

    .\!border-2 {
        border-style: var(--tw-border-style) !important;
        border-width: 2px !important
    }

    .border {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .border-0 {
        border-style: var(--tw-border-style);
        border-width: 0
    }

    .border-2 {
        border-style: var(--tw-border-style);
        border-width: 2px
    }

    .border-4 {
        border-style: var(--tw-border-style);
        border-width: 4px
    }

    .border-\[5px\] {
        border-style: var(--tw-border-style);
        border-width: 5px
    }

    .border-\[20px\] {
        border-style: var(--tw-border-style);
        border-width: 20px
    }

    .border-\[40px\] {
        border-style: var(--tw-border-style);
        border-width: 40px
    }

    .border-\[60px\] {
        border-style: var(--tw-border-style);
        border-width: 60px
    }

    .border-x-0 {
        border-inline-style: var(--tw-border-style);
        border-inline-width: 0
    }

    .border-y {
        border-block-style: var(--tw-border-style);
        border-block-width: 1px
    }

    .\!border-t-4 {
        border-top-style: var(--tw-border-style) !important;
        border-top-width: 4px !important
    }

    .border-t {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px
    }

    .border-t-0 {
        border-top-style: var(--tw-border-style);
        border-top-width: 0
    }

    .border-t-2 {
        border-top-style: var(--tw-border-style);
        border-top-width: 2px
    }

    .border-t-4 {
        border-top-style: var(--tw-border-style);
        border-top-width: 4px
    }

    .\!border-r-0 {
        border-right-style: var(--tw-border-style) !important;
        border-right-width: 0 !important
    }

    .border-r {
        border-right-style: var(--tw-border-style);
        border-right-width: 1px
    }

    .border-b {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }

    .border-b-2 {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 2px
    }

    .border-b-4 {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 4px
    }

    .border-l {
        border-left-style: var(--tw-border-style);
        border-left-width: 1px
    }

    .btn-sub-gray {
        --tw-border-style: none;
        background-color: #6a72821a;
        border-style: none
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-sub-gray {
            background-color: color-mix(in oklab,var(--color-gray-500)10%,transparent)
        }
    }

    .btn-sub-gray {
        color: var(--color-gray-500)
    }

    @media (hover:hover) {
        .btn-sub-gray:hover {
            background-color: #6a728233
        }

        @supports (color:color-mix(in lab,red,red)) {
            .btn-sub-gray:hover {
                background-color: color-mix(in oklab,var(--color-gray-500)20%,transparent)
            }
        }

        .btn-sub-gray:hover {
            color: var(--color-gray-600)
        }
    }

    .btn-sub-gray:focus {
        background-color: #6a728233
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-sub-gray:focus {
            background-color: color-mix(in oklab,var(--color-gray-500)20%,transparent)
        }
    }

    .btn-sub-gray:focus {
        color: var(--color-gray-600)
    }

    .btn-active-gray {
        --tw-border-style: none;
        color: var(--color-gray-500);
        background-color: #0000;
        border-style: none
    }

    @media (hover:hover) {
        .btn-active-gray:hover {
            background-color: #6a72821a
        }

        @supports (color:color-mix(in lab,red,red)) {
            .btn-active-gray:hover {
                background-color: color-mix(in oklab,var(--color-gray-500)10%,transparent)
            }
        }

        .btn-active-gray:hover {
            color: var(--color-gray-500)
        }
    }

    .btn-active-gray:focus {
        background-color: #6a72821a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-active-gray:focus {
            background-color: color-mix(in oklab,var(--color-gray-500)10%,transparent)
        }
    }

    .btn-active-gray:focus {
        color: var(--color-gray-500)
    }

    .btn-active-green {
        --tw-border-style: none;
        color: var(--color-green-500);
        background-color: #0000;
        border-style: none
    }

    @media (hover:hover) {
        .btn-active-green:hover {
            background-color: #00c7581a
        }

        @supports (color:color-mix(in lab,red,red)) {
            .btn-active-green:hover {
                background-color: color-mix(in oklab,var(--color-green-500)10%,transparent)
            }
        }

        .btn-active-green:hover {
            color: var(--color-green-500)
        }
    }

    .btn-active-green:focus {
        background-color: #00c7581a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-active-green:focus {
            background-color: color-mix(in oklab,var(--color-green-500)10%,transparent)
        }
    }

    .btn-active-green:focus {
        color: var(--color-green-500)
    }

    .btn-active-indigo {
        --tw-border-style: none;
        color: var(--color-indigo-500);
        background-color: #0000;
        border-style: none
    }

    @media (hover:hover) {
        .btn-active-indigo:hover {
            background-color: #625fff1a
        }

        @supports (color:color-mix(in lab,red,red)) {
            .btn-active-indigo:hover {
                background-color: color-mix(in oklab,var(--color-indigo-500)10%,transparent)
            }
        }

        .btn-active-indigo:hover {
            color: var(--color-indigo-500)
        }
    }

    .btn-active-indigo:focus {
        background-color: #625fff1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-active-indigo:focus {
            background-color: color-mix(in oklab,var(--color-indigo-500)10%,transparent)
        }
    }

    .btn-active-indigo:focus {
        color: var(--color-indigo-500)
    }

    .btn-active-orange {
        --tw-border-style: none;
        color: var(--color-orange-500);
        background-color: #0000;
        border-style: none
    }

    @media (hover:hover) {
        .btn-active-orange:hover {
            background-color: #fe6e001a
        }

        @supports (color:color-mix(in lab,red,red)) {
            .btn-active-orange:hover {
                background-color: color-mix(in oklab,var(--color-orange-500)10%,transparent)
            }
        }

        .btn-active-orange:hover {
            color: var(--color-orange-500)
        }
    }

    .btn-active-orange:focus {
        background-color: #fe6e001a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-active-orange:focus {
            background-color: color-mix(in oklab,var(--color-orange-500)10%,transparent)
        }
    }

    .btn-active-orange:focus {
        color: var(--color-orange-500)
    }

    .btn-active-pink {
        --tw-border-style: none;
        color: var(--color-pink-500);
        background-color: #0000;
        border-style: none
    }

    @media (hover:hover) {
        .btn-active-pink:hover {
            background-color: #f6339a1a
        }

        @supports (color:color-mix(in lab,red,red)) {
            .btn-active-pink:hover {
                background-color: color-mix(in oklab,var(--color-pink-500)10%,transparent)
            }
        }

        .btn-active-pink:hover {
            color: var(--color-pink-500)
        }
    }

    .btn-active-pink:focus {
        background-color: #f6339a1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-active-pink:focus {
            background-color: color-mix(in oklab,var(--color-pink-500)10%,transparent)
        }
    }

    .btn-active-pink:focus {
        color: var(--color-pink-500)
    }

    .btn-active-primary {
        --tw-border-style: none;
        color: var(--color-primary-500);
        background-color: #0000;
        border-style: none
    }

    @media (hover:hover) {
        .btn-active-primary:hover {
            background-color: #358ffc1a
        }

        @supports (color:color-mix(in lab,red,red)) {
            .btn-active-primary:hover {
                background-color: color-mix(in oklab,var(--color-primary-500)10%,transparent)
            }
        }

        .btn-active-primary:hover {
            color: var(--color-primary-500)
        }
    }

    .btn-active-primary:focus {
        background-color: #358ffc1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-active-primary:focus {
            background-color: color-mix(in oklab,var(--color-primary-500)10%,transparent)
        }
    }

    .btn-active-primary:focus {
        color: var(--color-primary-500)
    }

    .btn-active-purple {
        --tw-border-style: none;
        color: var(--color-purple-500);
        background-color: #0000;
        border-style: none
    }

    @media (hover:hover) {
        .btn-active-purple:hover {
            background-color: #ac4bff1a
        }

        @supports (color:color-mix(in lab,red,red)) {
            .btn-active-purple:hover {
                background-color: color-mix(in oklab,var(--color-purple-500)10%,transparent)
            }
        }

        .btn-active-purple:hover {
            color: var(--color-purple-500)
        }
    }

    .btn-active-purple:focus {
        background-color: #ac4bff1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-active-purple:focus {
            background-color: color-mix(in oklab,var(--color-purple-500)10%,transparent)
        }
    }

    .btn-active-purple:focus {
        color: var(--color-purple-500)
    }

    .btn-active-red {
        --tw-border-style: none;
        color: var(--color-red-500);
        background-color: #0000;
        border-style: none
    }

    @media (hover:hover) {
        .btn-active-red:hover {
            background-color: #fb2c361a
        }

        @supports (color:color-mix(in lab,red,red)) {
            .btn-active-red:hover {
                background-color: color-mix(in oklab,var(--color-red-500)10%,transparent)
            }
        }

        .btn-active-red:hover {
            color: var(--color-red-500)
        }
    }

    .btn-active-red:focus {
        background-color: #fb2c361a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-active-red:focus {
            background-color: color-mix(in oklab,var(--color-red-500)10%,transparent)
        }
    }

    .btn-active-red:focus {
        color: var(--color-red-500)
    }

    .btn-active-sky {
        --tw-border-style: none;
        color: var(--color-sky-500);
        background-color: #0000;
        border-style: none
    }

    @media (hover:hover) {
        .btn-active-sky:hover {
            background-color: #00a5ef1a
        }

        @supports (color:color-mix(in lab,red,red)) {
            .btn-active-sky:hover {
                background-color: color-mix(in oklab,var(--color-sky-500)10%,transparent)
            }
        }

        .btn-active-sky:hover {
            color: var(--color-sky-500)
        }
    }

    .btn-active-sky:focus {
        background-color: #00a5ef1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-active-sky:focus {
            background-color: color-mix(in oklab,var(--color-sky-500)10%,transparent)
        }
    }

    .btn-active-sky:focus {
        color: var(--color-sky-500)
    }

    .btn-active-yellow {
        --tw-border-style: none;
        color: var(--color-yellow-500);
        background-color: #0000;
        border-style: none
    }

    @media (hover:hover) {
        .btn-active-yellow:hover {
            background-color: #edb2001a
        }

        @supports (color:color-mix(in lab,red,red)) {
            .btn-active-yellow:hover {
                background-color: color-mix(in oklab,var(--color-yellow-500)10%,transparent)
            }
        }

        .btn-active-yellow:hover {
            color: var(--color-yellow-500)
        }
    }

    .btn-active-yellow:focus {
        background-color: #edb2001a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-active-yellow:focus {
            background-color: color-mix(in oklab,var(--color-yellow-500)10%,transparent)
        }
    }

    .btn-active-yellow:focus {
        color: var(--color-yellow-500)
    }

    .btn-sub-green {
        --tw-border-style: none;
        background-color: #00c7581a;
        border-style: none
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-sub-green {
            background-color: color-mix(in oklab,var(--color-green-500)10%,transparent)
        }
    }

    .btn-sub-green {
        color: var(--color-green-500)
    }

    @media (hover:hover) {
        .btn-sub-green:hover {
            background-color: #00c75833
        }

        @supports (color:color-mix(in lab,red,red)) {
            .btn-sub-green:hover {
                background-color: color-mix(in oklab,var(--color-green-500)20%,transparent)
            }
        }

        .btn-sub-green:hover {
            color: var(--color-green-600)
        }
    }

    .btn-sub-green:focus {
        background-color: #00c75833
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-sub-green:focus {
            background-color: color-mix(in oklab,var(--color-green-500)20%,transparent)
        }
    }

    .btn-sub-green:focus {
        color: var(--color-green-600)
    }

    .btn-sub-indigo {
        --tw-border-style: none;
        background-color: #625fff1a;
        border-style: none
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-sub-indigo {
            background-color: color-mix(in oklab,var(--color-indigo-500)10%,transparent)
        }
    }

    .btn-sub-indigo {
        color: var(--color-indigo-500)
    }

    @media (hover:hover) {
        .btn-sub-indigo:hover {
            background-color: #625fff33
        }

        @supports (color:color-mix(in lab,red,red)) {
            .btn-sub-indigo:hover {
                background-color: color-mix(in oklab,var(--color-indigo-500)20%,transparent)
            }
        }

        .btn-sub-indigo:hover {
            color: var(--color-indigo-600)
        }
    }

    .btn-sub-indigo:focus {
        background-color: #625fff33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-sub-indigo:focus {
            background-color: color-mix(in oklab,var(--color-indigo-500)20%,transparent)
        }
    }

    .btn-sub-indigo:focus {
        color: var(--color-indigo-600)
    }

    .btn-sub-orange {
        --tw-border-style: none;
        background-color: #fe6e001a;
        border-style: none
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-sub-orange {
            background-color: color-mix(in oklab,var(--color-orange-500)10%,transparent)
        }
    }

    .btn-sub-orange {
        color: var(--color-orange-500)
    }

    @media (hover:hover) {
        .btn-sub-orange:hover {
            background-color: #fe6e0033
        }

        @supports (color:color-mix(in lab,red,red)) {
            .btn-sub-orange:hover {
                background-color: color-mix(in oklab,var(--color-orange-500)20%,transparent)
            }
        }

        .btn-sub-orange:hover {
            color: var(--color-orange-600)
        }
    }

    .btn-sub-orange:focus {
        background-color: #fe6e0033
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-sub-orange:focus {
            background-color: color-mix(in oklab,var(--color-orange-500)20%,transparent)
        }
    }

    .btn-sub-orange:focus {
        color: var(--color-orange-600)
    }

    .btn-sub-pink {
        --tw-border-style: none;
        background-color: #f6339a1a;
        border-style: none
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-sub-pink {
            background-color: color-mix(in oklab,var(--color-pink-500)10%,transparent)
        }
    }

    .btn-sub-pink {
        color: var(--color-pink-500)
    }

    @media (hover:hover) {
        .btn-sub-pink:hover {
            background-color: #f6339a33
        }

        @supports (color:color-mix(in lab,red,red)) {
            .btn-sub-pink:hover {
                background-color: color-mix(in oklab,var(--color-pink-500)20%,transparent)
            }
        }

        .btn-sub-pink:hover {
            color: var(--color-pink-600)
        }
    }

    .btn-sub-pink:focus {
        background-color: #f6339a33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-sub-pink:focus {
            background-color: color-mix(in oklab,var(--color-pink-500)20%,transparent)
        }
    }

    .btn-sub-pink:focus {
        color: var(--color-pink-600)
    }

    .btn-sub-primary {
        --tw-border-style: none;
        background-color: #358ffc1a;
        border-style: none
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-sub-primary {
            background-color: color-mix(in oklab,var(--color-primary-500)10%,transparent)
        }
    }

    .btn-sub-primary {
        color: var(--color-primary-500)
    }

    @media (hover:hover) {
        .btn-sub-primary:hover {
            background-color: #358ffc33
        }

        @supports (color:color-mix(in lab,red,red)) {
            .btn-sub-primary:hover {
                background-color: color-mix(in oklab,var(--color-primary-500)20%,transparent)
            }
        }

        .btn-sub-primary:hover {
            color: var(--color-primary-600)
        }
    }

    .btn-sub-primary:focus {
        background-color: #358ffc33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-sub-primary:focus {
            background-color: color-mix(in oklab,var(--color-primary-500)20%,transparent)
        }
    }

    .btn-sub-primary:focus {
        color: var(--color-primary-600)
    }

    .btn-sub-purple {
        --tw-border-style: none;
        background-color: #ac4bff1a;
        border-style: none
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-sub-purple {
            background-color: color-mix(in oklab,var(--color-purple-500)10%,transparent)
        }
    }

    .btn-sub-purple {
        color: var(--color-purple-500)
    }

    @media (hover:hover) {
        .btn-sub-purple:hover {
            background-color: #ac4bff33
        }

        @supports (color:color-mix(in lab,red,red)) {
            .btn-sub-purple:hover {
                background-color: color-mix(in oklab,var(--color-purple-500)20%,transparent)
            }
        }

        .btn-sub-purple:hover {
            color: var(--color-purple-600)
        }
    }

    .btn-sub-purple:focus {
        background-color: #ac4bff33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-sub-purple:focus {
            background-color: color-mix(in oklab,var(--color-purple-500)20%,transparent)
        }
    }

    .btn-sub-purple:focus {
        color: var(--color-purple-600)
    }

    .btn-sub-red {
        --tw-border-style: none;
        background-color: #fb2c361a;
        border-style: none
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-sub-red {
            background-color: color-mix(in oklab,var(--color-red-500)10%,transparent)
        }
    }

    .btn-sub-red {
        color: var(--color-red-500)
    }

    @media (hover:hover) {
        .btn-sub-red:hover {
            background-color: #fb2c3633
        }

        @supports (color:color-mix(in lab,red,red)) {
            .btn-sub-red:hover {
                background-color: color-mix(in oklab,var(--color-red-500)20%,transparent)
            }
        }

        .btn-sub-red:hover {
            color: var(--color-red-600)
        }
    }

    .btn-sub-red:focus {
        background-color: #fb2c3633
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-sub-red:focus {
            background-color: color-mix(in oklab,var(--color-red-500)20%,transparent)
        }
    }

    .btn-sub-red:focus {
        color: var(--color-red-600)
    }

    .btn-sub-sky {
        --tw-border-style: none;
        background-color: #00a5ef1a;
        border-style: none
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-sub-sky {
            background-color: color-mix(in oklab,var(--color-sky-500)10%,transparent)
        }
    }

    .btn-sub-sky {
        color: var(--color-sky-500)
    }

    @media (hover:hover) {
        .btn-sub-sky:hover {
            background-color: #00a5ef33
        }

        @supports (color:color-mix(in lab,red,red)) {
            .btn-sub-sky:hover {
                background-color: color-mix(in oklab,var(--color-sky-500)20%,transparent)
            }
        }

        .btn-sub-sky:hover {
            color: var(--color-sky-600)
        }
    }

    .btn-sub-sky:focus {
        background-color: #00a5ef33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-sub-sky:focus {
            background-color: color-mix(in oklab,var(--color-sky-500)20%,transparent)
        }
    }

    .btn-sub-sky:focus {
        color: var(--color-sky-600)
    }

    .btn-sub-yellow {
        --tw-border-style: none;
        background-color: #edb2001a;
        border-style: none
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-sub-yellow {
            background-color: color-mix(in oklab,var(--color-yellow-500)10%,transparent)
        }
    }

    .btn-sub-yellow {
        color: var(--color-yellow-500)
    }

    @media (hover:hover) {
        .btn-sub-yellow:hover {
            background-color: #edb20033
        }

        @supports (color:color-mix(in lab,red,red)) {
            .btn-sub-yellow:hover {
                background-color: color-mix(in oklab,var(--color-yellow-500)20%,transparent)
            }
        }

        .btn-sub-yellow:hover {
            color: var(--color-yellow-600)
        }
    }

    .btn-sub-yellow:focus {
        background-color: #edb20033
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-sub-yellow:focus {
            background-color: color-mix(in oklab,var(--color-yellow-500)20%,transparent)
        }
    }

    .btn-sub-yellow:focus {
        color: var(--color-yellow-600)
    }

    .pulse-gray {
        --tw-border-style: none;
        background-color: var(--color-gray-500);
        border-style: none
    }

    .pulse-green {
        --tw-border-style: none;
        background-color: var(--color-green-500);
        border-style: none
    }

    .pulse-pink {
        --tw-border-style: none;
        background-color: var(--color-pink-500);
        border-style: none
    }

    .pulse-primary {
        --tw-border-style: none;
        background-color: var(--color-primary-500);
        border-style: none
    }

    .pulse-purple {
        --tw-border-style: none;
        background-color: var(--color-purple-500);
        border-style: none
    }

    .pulse-red {
        --tw-border-style: none;
        background-color: var(--color-red-500);
        border-style: none
    }

    .pulse-sky {
        --tw-border-style: none;
        background-color: var(--color-sky-500);
        border-style: none
    }

    .pulse-yellow {
        --tw-border-style: none;
        background-color: var(--color-yellow-500);
        border-style: none
    }

    .border-dashed {
        --tw-border-style: dashed;
        border-style: dashed
    }

    .border-none {
        --tw-border-style: none;
        border-style: none
    }

    .border-solid {
        --tw-border-style: solid;
        border-style: solid
    }

    .btn-3d-gray {
        border-color: var(--color-gray-500);
        background-color: var(--color-gray-500);
        color: var(--color-white);
        --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
        --tw-shadow-color: oklch(37.3% .034 259.733)
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-3d-gray {
            --tw-shadow-color: color-mix(in oklab,var(--color-gray-700)var(--tw-shadow-alpha),transparent)
        }
    }

    @media (hover:hover) {
        .btn-3d-gray:hover {
            border-color: var(--color-gray-600);
            background-color: var(--color-gray-600);
            color: var(--color-white)
        }
    }

    .btn-3d-gray:focus {
        border-color: var(--color-gray-600);
        background-color: var(--color-gray-600);
        color: var(--color-white)
    }

    .btn-3d-green {
        border-color: var(--color-green-500);
        background-color: var(--color-green-500);
        color: var(--color-white);
        --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
        --tw-shadow-color: oklch(52.7% .154 150.069)
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-3d-green {
            --tw-shadow-color: color-mix(in oklab,var(--color-green-700)var(--tw-shadow-alpha),transparent)
        }
    }

    @media (hover:hover) {
        .btn-3d-green:hover {
            border-color: var(--color-green-600);
            background-color: var(--color-green-600);
            color: var(--color-white)
        }
    }

    .btn-3d-green:focus {
        border-color: var(--color-green-600);
        background-color: var(--color-green-600);
        color: var(--color-white)
    }

    .btn-3d-indigo {
        border-color: var(--color-indigo-500);
        background-color: var(--color-indigo-500);
        color: var(--color-white);
        --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
        --tw-shadow-color: oklch(45.7% .24 277.023)
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-3d-indigo {
            --tw-shadow-color: color-mix(in oklab,var(--color-indigo-700)var(--tw-shadow-alpha),transparent)
        }
    }

    @media (hover:hover) {
        .btn-3d-indigo:hover {
            border-color: var(--color-indigo-600);
            background-color: var(--color-indigo-600);
            color: var(--color-white)
        }
    }

    .btn-3d-indigo:focus {
        border-color: var(--color-indigo-600);
        background-color: var(--color-indigo-600);
        color: var(--color-white)
    }

    .btn-3d-orange {
        border-color: var(--color-orange-500);
        background-color: var(--color-orange-500);
        color: var(--color-white);
        --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
        --tw-shadow-color: oklch(55.3% .195 38.402)
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-3d-orange {
            --tw-shadow-color: color-mix(in oklab,var(--color-orange-700)var(--tw-shadow-alpha),transparent)
        }
    }

    @media (hover:hover) {
        .btn-3d-orange:hover {
            border-color: var(--color-orange-600);
            background-color: var(--color-orange-600);
            color: var(--color-white)
        }
    }

    .btn-3d-orange:focus {
        border-color: var(--color-orange-600);
        background-color: var(--color-orange-600);
        color: var(--color-white)
    }

    .btn-3d-pink {
        border-color: var(--color-pink-500);
        background-color: var(--color-pink-500);
        color: var(--color-white);
        --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
        --tw-shadow-color: oklch(52.5% .223 3.958)
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-3d-pink {
            --tw-shadow-color: color-mix(in oklab,var(--color-pink-700)var(--tw-shadow-alpha),transparent)
        }
    }

    @media (hover:hover) {
        .btn-3d-pink:hover {
            border-color: var(--color-pink-600);
            background-color: var(--color-pink-600);
            color: var(--color-white)
        }
    }

    .btn-3d-pink:focus {
        border-color: var(--color-pink-600);
        background-color: var(--color-pink-600);
        color: var(--color-white)
    }

    .btn-3d-primary {
        border-color: var(--color-primary-500);
        background-color: var(--color-primary-500);
        color: var(--color-white);
        --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
        --tw-shadow-color: oklch(51.28% .213 262.22)
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-3d-primary {
            --tw-shadow-color: color-mix(in oklab,var(--color-primary-700)var(--tw-shadow-alpha),transparent)
        }
    }

    @media (hover:hover) {
        .btn-3d-primary:hover {
            border-color: var(--color-primary-600);
            background-color: var(--color-primary-600);
            color: var(--color-white)
        }
    }

    .btn-3d-primary:focus {
        border-color: var(--color-primary-600);
        background-color: var(--color-primary-600);
        color: var(--color-white)
    }

    .btn-3d-purple {
        border-color: var(--color-purple-500);
        background-color: var(--color-purple-500);
        color: var(--color-white);
        --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
        --tw-shadow-color: oklch(49.6% .265 301.924)
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-3d-purple {
            --tw-shadow-color: color-mix(in oklab,var(--color-purple-700)var(--tw-shadow-alpha),transparent)
        }
    }

    @media (hover:hover) {
        .btn-3d-purple:hover {
            border-color: var(--color-purple-600);
            background-color: var(--color-purple-600);
            color: var(--color-white)
        }
    }

    .btn-3d-purple:focus {
        border-color: var(--color-purple-600);
        background-color: var(--color-purple-600);
        color: var(--color-white)
    }

    .btn-3d-red {
        border-color: var(--color-red-500);
        background-color: var(--color-red-500);
        color: var(--color-white);
        --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
        --tw-shadow-color: oklch(50.5% .213 27.518)
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-3d-red {
            --tw-shadow-color: color-mix(in oklab,var(--color-red-700)var(--tw-shadow-alpha),transparent)
        }
    }

    @media (hover:hover) {
        .btn-3d-red:hover {
            border-color: var(--color-red-600);
            background-color: var(--color-red-600);
            color: var(--color-white)
        }
    }

    .btn-3d-red:focus {
        border-color: var(--color-red-600);
        background-color: var(--color-red-600);
        color: var(--color-white)
    }

    .btn-3d-sky {
        border-color: var(--color-sky-500);
        background-color: var(--color-sky-500);
        color: var(--color-white);
        --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
        --tw-shadow-color: oklch(50% .134 242.749)
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-3d-sky {
            --tw-shadow-color: color-mix(in oklab,var(--color-sky-700)var(--tw-shadow-alpha),transparent)
        }
    }

    @media (hover:hover) {
        .btn-3d-sky:hover {
            border-color: var(--color-sky-600);
            background-color: var(--color-sky-600);
            color: var(--color-white)
        }
    }

    .btn-3d-sky:focus {
        border-color: var(--color-sky-600);
        background-color: var(--color-sky-600);
        color: var(--color-white)
    }

    .btn-3d-yellow {
        border-color: var(--color-yellow-500);
        background-color: var(--color-yellow-500);
        color: var(--color-white);
        --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
        --tw-shadow-color: oklch(55.4% .135 66.442)
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-3d-yellow {
            --tw-shadow-color: color-mix(in oklab,var(--color-yellow-700)var(--tw-shadow-alpha),transparent)
        }
    }

    @media (hover:hover) {
        .btn-3d-yellow:hover {
            border-color: var(--color-yellow-600);
            background-color: var(--color-yellow-600);
            color: var(--color-white)
        }
    }

    .btn-3d-yellow:focus {
        border-color: var(--color-yellow-600);
        background-color: var(--color-yellow-600);
        color: var(--color-white)
    }

    .input-spin-inherit :is(.input-spin-minus,.input-spin-plus):hover {
        color: inherit
    }

    .input-spin-current :is(.input-spin-minus,.input-spin-plus):hover {
        color: current
    }

    .input-spin-transparent :is(.input-spin-minus,.input-spin-plus):hover {
        color: #0000
    }

    .input-spin-black :is(.input-spin-minus,.input-spin-plus):hover {
        color: #000
    }

    .input-spin-white :is(.input-spin-minus,.input-spin-plus):hover {
        color: #fff
    }

    .input-spin-slate :is(.input-spin-minus,.input-spin-plus):hover {
        color: #62748e
    }

    .input-spin-gray :is(.input-spin-minus,.input-spin-plus):hover {
        color: #6a7282
    }

    .input-spin-zinc :is(.input-spin-minus,.input-spin-plus):hover {
        color: #71717b
    }

    .input-spin-neutral :is(.input-spin-minus,.input-spin-plus):hover {
        color: #737373
    }

    .input-spin-stone :is(.input-spin-minus,.input-spin-plus):hover {
        color: #79716b
    }

    .input-spin-orange :is(.input-spin-minus,.input-spin-plus):hover {
        color: #fc7100;
        color: oklch(70.5% .213 47.604)
    }

    .input-spin-amber :is(.input-spin-minus,.input-spin-plus):hover {
        color: #f69e00;
        color: oklch(76.9% .188 70.08)
    }

    .input-spin-lime :is(.input-spin-minus,.input-spin-plus):hover {
        color: #83cc00;
        color: oklch(76.8% .233 130.85)
    }

    .input-spin-emerald :is(.input-spin-minus,.input-spin-plus):hover {
        color: #01b981;
        color: oklch(69.6% .17 162.48)
    }

    .input-spin-teal :is(.input-spin-minus,.input-spin-plus):hover {
        color: #00b9a6;
        color: oklch(70.4% .14 182.503)
    }

    .input-spin-cyan :is(.input-spin-minus,.input-spin-plus):hover {
        color: #00b6d4;
        color: oklch(71.5% .143 215.221)
    }

    .input-spin-blue :is(.input-spin-minus,.input-spin-plus):hover {
        color: #3280ff;
        color: oklch(62.3% .214 259.815)
    }

    .input-spin-indigo :is(.input-spin-minus,.input-spin-plus):hover {
        color: #6260ff;
        color: oklch(58.5% .233 277.117)
    }

    .input-spin-violet :is(.input-spin-minus,.input-spin-plus):hover {
        color: #8d56ff;
        color: oklch(60.6% .25 292.717)
    }

    .input-spin-fuchsia :is(.input-spin-minus,.input-spin-plus):hover {
        color: #e12afb
    }

    .input-spin-pink :is(.input-spin-minus,.input-spin-plus):hover {
        color: #f6339a
    }

    .input-spin-rose :is(.input-spin-minus,.input-spin-plus):hover {
        color: #ff2357;
        color: oklch(64.5% .246 16.439)
    }

    .input-spin-solid-inherit :is(.input-spin-minus,.input-spin-plus) {
        background-color: inherit;
        border-color: inherit;
        color: inherit
    }

    .input-spin-solid-current :is(.input-spin-minus,.input-spin-plus) {
        background-color: current;
        border-color: current;
        color: current
    }

    .input-spin-solid-transparent :is(.input-spin-minus,.input-spin-plus) {
        color: #0000;
        background-color: #0000;
        border-color: #0000
    }

    .input-spin-solid-black :is(.input-spin-minus,.input-spin-plus) {
        color: #000;
        background-color: #000;
        border-color: #000
    }

    .input-spin-solid-white :is(.input-spin-minus,.input-spin-plus) {
        color: #fff;
        background-color: #fff;
        border-color: #fff
    }

    .input-spin-solid-slate :is(.input-spin-minus,.input-spin-plus) {
        color: #f8fafc;
        background-color: #62748e;
        border-color: #62748e
    }

    .input-spin-solid-gray :is(.input-spin-minus,.input-spin-plus) {
        color: #f9fafb;
        background-color: #6a7282;
        border-color: #6a7282
    }

    .input-spin-solid-zinc :is(.input-spin-minus,.input-spin-plus) {
        color: #fafafa;
        background-color: #71717b;
        border-color: #71717b
    }

    .input-spin-solid-neutral :is(.input-spin-minus,.input-spin-plus) {
        color: #fafafa;
        background-color: #737373;
        border-color: #737373
    }

    .input-spin-solid-stone :is(.input-spin-minus,.input-spin-plus) {
        color: #fafaf9;
        background-color: #79716b;
        border-color: #79716b
    }

    .input-spin-solid-red :is(.input-spin-minus,.input-spin-plus) {
        color: #fef2f2;
        background-color: #fb2c36;
        border-color: #fb2c36
    }

    .input-spin-solid-amber :is(.input-spin-minus,.input-spin-plus) {
        color: #fffbeb;
        background-color: #f69e00;
        background-color: oklch(76.9% .188 70.08);
        border-color: #f69e00;
        border-color: oklch(76.9% .188 70.08)
    }

    .input-spin-solid-lime :is(.input-spin-minus,.input-spin-plus) {
        color: #f7fee7;
        background-color: #83cc00;
        background-color: oklch(76.8% .233 130.85);
        border-color: #83cc00;
        border-color: oklch(76.8% .233 130.85)
    }

    .input-spin-solid-emerald :is(.input-spin-minus,.input-spin-plus) {
        color: #ecfdf5;
        background-color: #01b981;
        background-color: oklch(69.6% .17 162.48);
        border-color: #01b981;
        border-color: oklch(69.6% .17 162.48)
    }

    .input-spin-solid-teal :is(.input-spin-minus,.input-spin-plus) {
        color: #f0fdfa;
        background-color: #00b9a6;
        background-color: oklch(70.4% .14 182.503);
        border-color: #00b9a6;
        border-color: oklch(70.4% .14 182.503)
    }

    .input-spin-solid-cyan :is(.input-spin-minus,.input-spin-plus) {
        color: #ecfeff;
        background-color: #00b6d4;
        background-color: oklch(71.5% .143 215.221);
        border-color: #00b6d4;
        border-color: oklch(71.5% .143 215.221)
    }

    .input-spin-solid-blue :is(.input-spin-minus,.input-spin-plus) {
        color: #eff6ff;
        background-color: #3280ff;
        background-color: oklch(62.3% .214 259.815);
        border-color: #3280ff;
        border-color: oklch(62.3% .214 259.815)
    }

    .input-spin-solid-indigo :is(.input-spin-minus,.input-spin-plus) {
        color: #eef2ff;
        background-color: #6260ff;
        background-color: oklch(58.5% .233 277.117);
        border-color: #6260ff;
        border-color: oklch(58.5% .233 277.117)
    }

    .input-spin-solid-violet :is(.input-spin-minus,.input-spin-plus) {
        color: #f5f3ff;
        background-color: #8d56ff;
        background-color: oklch(60.6% .25 292.717);
        border-color: #8d56ff;
        border-color: oklch(60.6% .25 292.717)
    }

    .input-spin-solid-fuchsia :is(.input-spin-minus,.input-spin-plus) {
        color: #fdf4ff;
        background-color: #e12afb;
        border-color: #e12afb
    }

    .input-spin-solid-pink :is(.input-spin-minus,.input-spin-plus) {
        color: #fdf2f8;
        background-color: #f6339a;
        border-color: #f6339a
    }

    .input-spin-solid-rose :is(.input-spin-minus,.input-spin-plus) {
        color: #fff1f2;
        background-color: #ff2357;
        background-color: oklch(64.5% .246 16.439);
        border-color: #ff2357;
        border-color: oklch(64.5% .246 16.439)
    }

    .\!btn-green {
        border-color: var(--color-green-500) !important;
        background-color: var(--color-green-500) !important;
        color: var(--color-white) !important
    }

    @media (hover:hover) {
        .\!btn-green:hover {
            border-color: var(--color-green-600) !important;
            background-color: var(--color-green-600) !important;
            color: var(--color-white) !important
        }
    }

    .\!btn-green:focus {
        border-color: var(--color-green-600) !important;
        background-color: var(--color-green-600) !important;
        color: var(--color-white) !important
    }

    .\!btn-primary {
        border-color: var(--color-primary-500) !important;
        background-color: var(--color-primary-500) !important;
        color: var(--color-white) !important
    }

    @media (hover:hover) {
        .\!btn-primary:hover {
            border-color: var(--color-primary-600) !important;
            background-color: var(--color-primary-600) !important;
            color: var(--color-white) !important
        }
    }

    .\!btn-primary:focus {
        border-color: var(--color-primary-600) !important;
        background-color: var(--color-primary-600) !important;
        color: var(--color-white) !important
    }

    .\!btn-purple {
        border-color: var(--color-purple-500) !important;
        background-color: var(--color-purple-500) !important;
        color: var(--color-white) !important
    }

    @media (hover:hover) {
        .\!btn-purple:hover {
            border-color: var(--color-purple-600) !important;
            background-color: var(--color-purple-600) !important;
            color: var(--color-white) !important
        }
    }

    .\!btn-purple:focus {
        border-color: var(--color-purple-600) !important;
        background-color: var(--color-purple-600) !important;
        color: var(--color-white) !important
    }

    .\!btn-sky {
        border-color: var(--color-sky-500) !important;
        background-color: var(--color-sky-500) !important;
        color: var(--color-white) !important
    }

    @media (hover:hover) {
        .\!btn-sky:hover {
            border-color: var(--color-sky-600) !important;
            background-color: var(--color-sky-600) !important;
            color: var(--color-white) !important
        }
    }

    .\!btn-sky:focus {
        border-color: var(--color-sky-600) !important;
        background-color: var(--color-sky-600) !important;
        color: var(--color-white) !important
    }

    .btn-dashed-gray {
        border-color: var(--color-gray-500);
        color: var(--color-gray-500);
        background-color: #0000
    }

    @media (hover:hover) {
        .btn-dashed-gray:hover {
            border-color: var(--color-gray-500);
            background-color: #6a72821a
        }

        @supports (color:color-mix(in lab,red,red)) {
            .btn-dashed-gray:hover {
                background-color: color-mix(in oklab,var(--color-gray-500)10%,transparent)
            }
        }

        .btn-dashed-gray:hover {
            color: var(--color-gray-500)
        }
    }

    .btn-dashed-gray:focus {
        border-color: var(--color-gray-500);
        background-color: #6a72821a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-dashed-gray:focus {
            background-color: color-mix(in oklab,var(--color-gray-500)10%,transparent)
        }
    }

    .btn-dashed-gray:focus {
        color: var(--color-gray-500)
    }

    .btn-dashed-green {
        border-color: var(--color-green-500);
        color: var(--color-green-500);
        background-color: #0000
    }

    @media (hover:hover) {
        .btn-dashed-green:hover {
            border-color: var(--color-green-500);
            background-color: #00c7581a
        }

        @supports (color:color-mix(in lab,red,red)) {
            .btn-dashed-green:hover {
                background-color: color-mix(in oklab,var(--color-green-500)10%,transparent)
            }
        }

        .btn-dashed-green:hover {
            color: var(--color-green-500)
        }
    }

    .btn-dashed-green:focus {
        border-color: var(--color-green-500);
        background-color: #00c7581a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-dashed-green:focus {
            background-color: color-mix(in oklab,var(--color-green-500)10%,transparent)
        }
    }

    .btn-dashed-green:focus {
        color: var(--color-green-500)
    }

    .btn-dashed-indigo {
        border-color: var(--color-indigo-500);
        color: var(--color-indigo-500);
        background-color: #0000
    }

    @media (hover:hover) {
        .btn-dashed-indigo:hover {
            border-color: var(--color-indigo-500);
            background-color: #625fff1a
        }

        @supports (color:color-mix(in lab,red,red)) {
            .btn-dashed-indigo:hover {
                background-color: color-mix(in oklab,var(--color-indigo-500)10%,transparent)
            }
        }

        .btn-dashed-indigo:hover {
            color: var(--color-indigo-500)
        }
    }

    .btn-dashed-indigo:focus {
        border-color: var(--color-indigo-500);
        background-color: #625fff1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-dashed-indigo:focus {
            background-color: color-mix(in oklab,var(--color-indigo-500)10%,transparent)
        }
    }

    .btn-dashed-indigo:focus {
        color: var(--color-indigo-500)
    }

    .btn-dashed-orange {
        border-color: var(--color-orange-500);
        color: var(--color-orange-500);
        background-color: #0000
    }

    @media (hover:hover) {
        .btn-dashed-orange:hover {
            border-color: var(--color-orange-500);
            background-color: #fe6e001a
        }

        @supports (color:color-mix(in lab,red,red)) {
            .btn-dashed-orange:hover {
                background-color: color-mix(in oklab,var(--color-orange-500)10%,transparent)
            }
        }

        .btn-dashed-orange:hover {
            color: var(--color-orange-500)
        }
    }

    .btn-dashed-orange:focus {
        border-color: var(--color-orange-500);
        background-color: #fe6e001a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-dashed-orange:focus {
            background-color: color-mix(in oklab,var(--color-orange-500)10%,transparent)
        }
    }

    .btn-dashed-orange:focus {
        color: var(--color-orange-500)
    }

    .btn-dashed-pink {
        border-color: var(--color-pink-500);
        color: var(--color-pink-500);
        background-color: #0000
    }

    @media (hover:hover) {
        .btn-dashed-pink:hover {
            border-color: var(--color-pink-500);
            background-color: #f6339a1a
        }

        @supports (color:color-mix(in lab,red,red)) {
            .btn-dashed-pink:hover {
                background-color: color-mix(in oklab,var(--color-pink-500)10%,transparent)
            }
        }

        .btn-dashed-pink:hover {
            color: var(--color-pink-500)
        }
    }

    .btn-dashed-pink:focus {
        border-color: var(--color-pink-500);
        background-color: #f6339a1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-dashed-pink:focus {
            background-color: color-mix(in oklab,var(--color-pink-500)10%,transparent)
        }
    }

    .btn-dashed-pink:focus {
        color: var(--color-pink-500)
    }

    .btn-dashed-primary {
        border-color: var(--color-primary-500);
        color: var(--color-primary-500);
        background-color: #0000
    }

    @media (hover:hover) {
        .btn-dashed-primary:hover {
            border-color: var(--color-primary-500);
            background-color: #358ffc1a
        }

        @supports (color:color-mix(in lab,red,red)) {
            .btn-dashed-primary:hover {
                background-color: color-mix(in oklab,var(--color-primary-500)10%,transparent)
            }
        }

        .btn-dashed-primary:hover {
            color: var(--color-primary-500)
        }
    }

    .btn-dashed-primary:focus {
        border-color: var(--color-primary-500);
        background-color: #358ffc1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-dashed-primary:focus {
            background-color: color-mix(in oklab,var(--color-primary-500)10%,transparent)
        }
    }

    .btn-dashed-primary:focus {
        color: var(--color-primary-500)
    }

    .btn-dashed-purple {
        border-color: var(--color-purple-500);
        color: var(--color-purple-500);
        background-color: #0000
    }

    @media (hover:hover) {
        .btn-dashed-purple:hover {
            border-color: var(--color-purple-500);
            background-color: #ac4bff1a
        }

        @supports (color:color-mix(in lab,red,red)) {
            .btn-dashed-purple:hover {
                background-color: color-mix(in oklab,var(--color-purple-500)10%,transparent)
            }
        }

        .btn-dashed-purple:hover {
            color: var(--color-purple-500)
        }
    }

    .btn-dashed-purple:focus {
        border-color: var(--color-purple-500);
        background-color: #ac4bff1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-dashed-purple:focus {
            background-color: color-mix(in oklab,var(--color-purple-500)10%,transparent)
        }
    }

    .btn-dashed-purple:focus {
        color: var(--color-purple-500)
    }

    .btn-dashed-red {
        border-color: var(--color-red-500);
        color: var(--color-red-500);
        background-color: #0000
    }

    @media (hover:hover) {
        .btn-dashed-red:hover {
            border-color: var(--color-red-500);
            background-color: #fb2c361a
        }

        @supports (color:color-mix(in lab,red,red)) {
            .btn-dashed-red:hover {
                background-color: color-mix(in oklab,var(--color-red-500)10%,transparent)
            }
        }

        .btn-dashed-red:hover {
            color: var(--color-red-500)
        }
    }

    .btn-dashed-red:focus {
        border-color: var(--color-red-500);
        background-color: #fb2c361a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-dashed-red:focus {
            background-color: color-mix(in oklab,var(--color-red-500)10%,transparent)
        }
    }

    .btn-dashed-red:focus {
        color: var(--color-red-500)
    }

    .btn-dashed-sky {
        border-color: var(--color-sky-500);
        color: var(--color-sky-500);
        background-color: #0000
    }

    @media (hover:hover) {
        .btn-dashed-sky:hover {
            border-color: var(--color-sky-500);
            background-color: #00a5ef1a
        }

        @supports (color:color-mix(in lab,red,red)) {
            .btn-dashed-sky:hover {
                background-color: color-mix(in oklab,var(--color-sky-500)10%,transparent)
            }
        }

        .btn-dashed-sky:hover {
            color: var(--color-sky-500)
        }
    }

    .btn-dashed-sky:focus {
        border-color: var(--color-sky-500);
        background-color: #00a5ef1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-dashed-sky:focus {
            background-color: color-mix(in oklab,var(--color-sky-500)10%,transparent)
        }
    }

    .btn-dashed-sky:focus {
        color: var(--color-sky-500)
    }

    .btn-dashed-yellow {
        border-color: var(--color-yellow-500);
        color: var(--color-yellow-500);
        background-color: #0000
    }

    @media (hover:hover) {
        .btn-dashed-yellow:hover {
            border-color: var(--color-yellow-500);
            background-color: #edb2001a
        }

        @supports (color:color-mix(in lab,red,red)) {
            .btn-dashed-yellow:hover {
                background-color: color-mix(in oklab,var(--color-yellow-500)10%,transparent)
            }
        }

        .btn-dashed-yellow:hover {
            color: var(--color-yellow-500)
        }
    }

    .btn-dashed-yellow:focus {
        border-color: var(--color-yellow-500);
        background-color: #edb2001a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .btn-dashed-yellow:focus {
            background-color: color-mix(in oklab,var(--color-yellow-500)10%,transparent)
        }
    }

    .btn-dashed-yellow:focus {
        color: var(--color-yellow-500)
    }

    .btn-gray {
        border-color: var(--color-gray-500);
        background-color: var(--color-gray-500);
        color: var(--color-white)
    }

    @media (hover:hover) {
        .btn-gray:hover {
            border-color: var(--color-gray-600);
            background-color: var(--color-gray-600);
            color: var(--color-white)
        }
    }

    .btn-gray:focus {
        border-color: var(--color-gray-600);
        background-color: var(--color-gray-600);
        color: var(--color-white)
    }

    .btn-green {
        border-color: var(--color-green-500);
        background-color: var(--color-green-500);
        color: var(--color-white)
    }

    @media (hover:hover) {
        .btn-green:hover {
            border-color: var(--color-green-600);
            background-color: var(--color-green-600);
            color: var(--color-white)
        }
    }

    .btn-green:focus {
        border-color: var(--color-green-600);
        background-color: var(--color-green-600);
        color: var(--color-white)
    }

    .btn-indigo {
        border-color: var(--color-indigo-500);
        background-color: var(--color-indigo-500);
        color: var(--color-white)
    }

    @media (hover:hover) {
        .btn-indigo:hover {
            border-color: var(--color-indigo-600);
            background-color: var(--color-indigo-600);
            color: var(--color-white)
        }
    }

    .btn-indigo:focus {
        border-color: var(--color-indigo-600);
        background-color: var(--color-indigo-600);
        color: var(--color-white)
    }

    .btn-orange {
        border-color: var(--color-orange-500);
        background-color: var(--color-orange-500);
        color: var(--color-white)
    }

    @media (hover:hover) {
        .btn-orange:hover {
            border-color: var(--color-orange-600);
            background-color: var(--color-orange-600);
            color: var(--color-white)
        }
    }

    .btn-orange:focus {
        border-color: var(--color-orange-600);
        background-color: var(--color-orange-600);
        color: var(--color-white)
    }

    .btn-outline-gray {
        border-color: var(--color-gray-500);
        color: var(--color-gray-500);
        background-color: #0000
    }

    @media (hover:hover) {
        .btn-outline-gray:hover {
            border-color: var(--color-gray-500);
            background-color: var(--color-gray-500);
            color: var(--color-white)
        }
    }

    .btn-outline-gray:focus {
        border-color: var(--color-gray-500);
        background-color: var(--color-gray-500);
        color: var(--color-white)
    }

    .btn-outline-green {
        border-color: var(--color-green-500);
        color: var(--color-green-500);
        background-color: #0000
    }

    @media (hover:hover) {
        .btn-outline-green:hover {
            border-color: var(--color-green-500);
            background-color: var(--color-green-500);
            color: var(--color-white)
        }
    }

    .btn-outline-green:focus {
        border-color: var(--color-green-500);
        background-color: var(--color-green-500);
        color: var(--color-white)
    }

    .btn-outline-indigo {
        border-color: var(--color-indigo-500);
        color: var(--color-indigo-500);
        background-color: #0000
    }

    @media (hover:hover) {
        .btn-outline-indigo:hover {
            border-color: var(--color-indigo-500);
            background-color: var(--color-indigo-500);
            color: var(--color-white)
        }
    }

    .btn-outline-indigo:focus {
        border-color: var(--color-indigo-500);
        background-color: var(--color-indigo-500);
        color: var(--color-white)
    }

    .btn-outline-orange {
        border-color: var(--color-orange-500);
        color: var(--color-orange-500);
        background-color: #0000
    }

    @media (hover:hover) {
        .btn-outline-orange:hover {
            border-color: var(--color-orange-500);
            background-color: var(--color-orange-500);
            color: var(--color-white)
        }
    }

    .btn-outline-orange:focus {
        border-color: var(--color-orange-500);
        background-color: var(--color-orange-500);
        color: var(--color-white)
    }

    .btn-outline-pink {
        border-color: var(--color-pink-500);
        color: var(--color-pink-500);
        background-color: #0000
    }

    @media (hover:hover) {
        .btn-outline-pink:hover {
            border-color: var(--color-pink-500);
            background-color: var(--color-pink-500);
            color: var(--color-white)
        }
    }

    .btn-outline-pink:focus {
        border-color: var(--color-pink-500);
        background-color: var(--color-pink-500);
        color: var(--color-white)
    }

    .btn-outline-primary {
        border-color: var(--color-primary-500);
        color: var(--color-primary-500);
        background-color: #0000
    }

    @media (hover:hover) {
        .btn-outline-primary:hover {
            border-color: var(--color-primary-500);
            background-color: var(--color-primary-500);
            color: var(--color-white)
        }
    }

    .btn-outline-primary:focus {
        border-color: var(--color-primary-500);
        background-color: var(--color-primary-500);
        color: var(--color-white)
    }

    .btn-outline-purple {
        border-color: var(--color-purple-500);
        color: var(--color-purple-500);
        background-color: #0000
    }

    @media (hover:hover) {
        .btn-outline-purple:hover {
            border-color: var(--color-purple-500);
            background-color: var(--color-purple-500);
            color: var(--color-white)
        }
    }

    .btn-outline-purple:focus {
        border-color: var(--color-purple-500);
        background-color: var(--color-purple-500);
        color: var(--color-white)
    }

    .btn-outline-red {
        border-color: var(--color-red-500);
        color: var(--color-red-500);
        background-color: #0000
    }

    @media (hover:hover) {
        .btn-outline-red:hover {
            border-color: var(--color-red-500);
            background-color: var(--color-red-500);
            color: var(--color-white)
        }
    }

    .btn-outline-red:focus {
        border-color: var(--color-red-500);
        background-color: var(--color-red-500);
        color: var(--color-white)
    }

    .btn-outline-sky {
        border-color: var(--color-sky-500);
        color: var(--color-sky-500);
        background-color: #0000
    }

    @media (hover:hover) {
        .btn-outline-sky:hover {
            border-color: var(--color-sky-500);
            background-color: var(--color-sky-500);
            color: var(--color-white)
        }
    }

    .btn-outline-sky:focus {
        border-color: var(--color-sky-500);
        background-color: var(--color-sky-500);
        color: var(--color-white)
    }

    .btn-outline-yellow {
        border-color: var(--color-yellow-500);
        color: var(--color-yellow-500);
        background-color: #0000
    }

    @media (hover:hover) {
        .btn-outline-yellow:hover {
            border-color: var(--color-yellow-500);
            background-color: var(--color-yellow-500);
            color: var(--color-white)
        }
    }

    .btn-outline-yellow:focus {
        border-color: var(--color-yellow-500);
        background-color: var(--color-yellow-500);
        color: var(--color-white)
    }

    .btn-pink {
        border-color: var(--color-pink-500);
        background-color: var(--color-pink-500);
        color: var(--color-white)
    }

    @media (hover:hover) {
        .btn-pink:hover {
            border-color: var(--color-pink-600);
            background-color: var(--color-pink-600);
            color: var(--color-white)
        }
    }

    .btn-pink:focus {
        border-color: var(--color-pink-600);
        background-color: var(--color-pink-600);
        color: var(--color-white)
    }

    .btn-primary {
        border-color: var(--color-primary-500);
        background-color: var(--color-primary-500);
        color: var(--color-white)
    }

    @media (hover:hover) {
        .btn-primary:hover {
            border-color: var(--color-primary-600);
            background-color: var(--color-primary-600);
            color: var(--color-white)
        }
    }

    .btn-primary:focus {
        border-color: var(--color-primary-600);
        background-color: var(--color-primary-600);
        color: var(--color-white)
    }

    .btn-purple {
        border-color: var(--color-purple-500);
        background-color: var(--color-purple-500);
        color: var(--color-white)
    }

    @media (hover:hover) {
        .btn-purple:hover {
            border-color: var(--color-purple-600);
            background-color: var(--color-purple-600);
            color: var(--color-white)
        }
    }

    .btn-purple:focus {
        border-color: var(--color-purple-600);
        background-color: var(--color-purple-600);
        color: var(--color-white)
    }

    .btn-red {
        border-color: var(--color-red-500);
        background-color: var(--color-red-500);
        color: var(--color-white)
    }

    @media (hover:hover) {
        .btn-red:hover {
            border-color: var(--color-red-600);
            background-color: var(--color-red-600);
            color: var(--color-white)
        }
    }

    .btn-red:focus {
        border-color: var(--color-red-600);
        background-color: var(--color-red-600);
        color: var(--color-white)
    }

    .btn-sky {
        border-color: var(--color-sky-500);
        background-color: var(--color-sky-500);
        color: var(--color-white)
    }

    @media (hover:hover) {
        .btn-sky:hover {
            border-color: var(--color-sky-600);
            background-color: var(--color-sky-600);
            color: var(--color-white)
        }
    }

    .btn-sky:focus {
        border-color: var(--color-sky-600);
        background-color: var(--color-sky-600);
        color: var(--color-white)
    }

    .btn-yellow {
        border-color: var(--color-yellow-500);
        background-color: var(--color-yellow-500);
        color: var(--color-white)
    }

    @media (hover:hover) {
        .btn-yellow:hover {
            border-color: var(--color-yellow-600);
            background-color: var(--color-yellow-600);
            color: var(--color-white)
        }
    }

    .btn-yellow:focus {
        border-color: var(--color-yellow-600);
        background-color: var(--color-yellow-600);
        color: var(--color-white)
    }

    @media (hover:hover) {
        .pagination-green .pagination-item:hover {
            color: var(--color-green-500)
        }
    }

    .pagination-green .pagination-item.active {
        border-color: var(--color-green-500);
        background-color: var(--color-green-500);
        color: var(--color-green-50)
    }

    @media (hover:hover) {
        :is(.pagination-green .pagination-pre,.pagination-green .pagination-next):hover {
            color: var(--color-green-500)
        }
    }

    :is(.pagination-green .pagination-pre,.pagination-green .pagination-next).active {
        border-color: var(--color-green-500);
        background-color: var(--color-green-500);
        color: var(--color-green-50)
    }

    @media (hover:hover) {
        .pagination-primary .pagination-item:hover {
            color: var(--color-primary-500)
        }
    }

    .pagination-primary .pagination-item.active {
        border-color: var(--color-primary-500);
        background-color: var(--color-primary-500);
        color: var(--color-primary-50)
    }

    @media (hover:hover) {
        :is(.pagination-primary .pagination-pre,.pagination-primary .pagination-next):hover {
            color: var(--color-primary-500)
        }
    }

    :is(.pagination-primary .pagination-pre,.pagination-primary .pagination-next).active {
        border-color: var(--color-primary-500);
        background-color: var(--color-primary-500);
        color: var(--color-primary-50)
    }

    @media (hover:hover) {
        .pagination-purple .pagination-item:hover {
            color: var(--color-purple-500)
        }
    }

    .pagination-purple .pagination-item.active {
        border-color: var(--color-purple-500);
        background-color: var(--color-purple-500);
        color: var(--color-purple-50)
    }

    @media (hover:hover) {
        :is(.pagination-purple .pagination-pre,.pagination-purple .pagination-next):hover {
            color: var(--color-purple-500)
        }
    }

    :is(.pagination-purple .pagination-pre,.pagination-purple .pagination-next).active {
        border-color: var(--color-purple-500);
        background-color: var(--color-purple-500);
        color: var(--color-purple-50)
    }

    @media (hover:hover) {
        .pagination-red .pagination-item:hover {
            color: var(--color-red-500)
        }
    }

    .pagination-red .pagination-item.active {
        border-color: var(--color-red-500);
        background-color: var(--color-red-500);
        color: var(--color-red-50)
    }

    @media (hover:hover) {
        :is(.pagination-red .pagination-pre,.pagination-red .pagination-next):hover {
            color: var(--color-red-500)
        }
    }

    :is(.pagination-red .pagination-pre,.pagination-red .pagination-next).active {
        border-color: var(--color-red-500);
        background-color: var(--color-red-500);
        color: var(--color-red-50)
    }

    @media (hover:hover) {
        .pagination-sky .pagination-item:hover {
            color: var(--color-sky-500)
        }
    }

    .pagination-sky .pagination-item.active {
        border-color: var(--color-sky-500);
        background-color: var(--color-sky-500);
        color: var(--color-sky-50)
    }

    @media (hover:hover) {
        :is(.pagination-sky .pagination-pre,.pagination-sky .pagination-next):hover {
            color: var(--color-sky-500)
        }
    }

    :is(.pagination-sky .pagination-pre,.pagination-sky .pagination-next).active {
        border-color: var(--color-sky-500);
        background-color: var(--color-sky-500);
        color: var(--color-sky-50)
    }

    @media (hover:hover) {
        .pagination-yellow .pagination-item:hover {
            color: var(--color-yellow-500)
        }
    }

    .pagination-yellow .pagination-item.active {
        border-color: var(--color-yellow-500);
        background-color: var(--color-yellow-500);
        color: var(--color-yellow-50)
    }

    @media (hover:hover) {
        :is(.pagination-yellow .pagination-pre,.pagination-yellow .pagination-next):hover {
            color: var(--color-yellow-500)
        }
    }

    :is(.pagination-yellow .pagination-pre,.pagination-yellow .pagination-next).active {
        border-color: var(--color-yellow-500);
        background-color: var(--color-yellow-500);
        color: var(--color-yellow-50)
    }

    .alert-gray {
        border-color: var(--color-gray-200);
        background-color: var(--color-gray-100);
        color: var(--color-gray-500)
    }

        .alert-gray:where([data-mode=dark],[data-mode=dark] *) {
            border-color: #6a72824d
        }

    @supports (color:color-mix(in lab,red,red)) {
        .alert-gray:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-gray-500)30%,transparent)
        }
    }

    .alert-gray:where([data-mode=dark],[data-mode=dark] *) {
        background-color: #6a728233
    }

    @supports (color:color-mix(in lab,red,red)) {
        .alert-gray:where([data-mode=dark],[data-mode=dark] *) {
            background-color: color-mix(in oklab,var(--color-gray-500)20%,transparent)
        }
    }

    .alert-green {
        border-color: var(--color-green-200);
        background-color: var(--color-green-100);
        color: var(--color-green-500)
    }

        .alert-green:where([data-mode=dark],[data-mode=dark] *) {
            border-color: #00c7584d
        }

    @supports (color:color-mix(in lab,red,red)) {
        .alert-green:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-green-500)30%,transparent)
        }
    }

    .alert-green:where([data-mode=dark],[data-mode=dark] *) {
        background-color: #00c75833
    }

    @supports (color:color-mix(in lab,red,red)) {
        .alert-green:where([data-mode=dark],[data-mode=dark] *) {
            background-color: color-mix(in oklab,var(--color-green-500)20%,transparent)
        }
    }

    .alert-indigo {
        border-color: var(--color-indigo-200);
        background-color: var(--color-indigo-100);
        color: var(--color-indigo-500)
    }

        .alert-indigo:where([data-mode=dark],[data-mode=dark] *) {
            border-color: #625fff4d
        }

    @supports (color:color-mix(in lab,red,red)) {
        .alert-indigo:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-indigo-500)30%,transparent)
        }
    }

    .alert-indigo:where([data-mode=dark],[data-mode=dark] *) {
        background-color: #625fff33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .alert-indigo:where([data-mode=dark],[data-mode=dark] *) {
            background-color: color-mix(in oklab,var(--color-indigo-500)20%,transparent)
        }
    }

    .alert-orange {
        border-color: var(--color-orange-200);
        background-color: var(--color-orange-100);
        color: var(--color-orange-500)
    }

        .alert-orange:where([data-mode=dark],[data-mode=dark] *) {
            border-color: #fe6e004d
        }

    @supports (color:color-mix(in lab,red,red)) {
        .alert-orange:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-orange-500)30%,transparent)
        }
    }

    .alert-orange:where([data-mode=dark],[data-mode=dark] *) {
        background-color: #fe6e0033
    }

    @supports (color:color-mix(in lab,red,red)) {
        .alert-orange:where([data-mode=dark],[data-mode=dark] *) {
            background-color: color-mix(in oklab,var(--color-orange-500)20%,transparent)
        }
    }

    .alert-pink {
        border-color: var(--color-pink-200);
        background-color: var(--color-pink-100);
        color: var(--color-pink-500)
    }

        .alert-pink:where([data-mode=dark],[data-mode=dark] *) {
            border-color: #f6339a4d
        }

    @supports (color:color-mix(in lab,red,red)) {
        .alert-pink:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-pink-500)30%,transparent)
        }
    }

    .alert-pink:where([data-mode=dark],[data-mode=dark] *) {
        background-color: #f6339a33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .alert-pink:where([data-mode=dark],[data-mode=dark] *) {
            background-color: color-mix(in oklab,var(--color-pink-500)20%,transparent)
        }
    }

    .alert-primary {
        border-color: var(--color-primary-200);
        background-color: var(--color-primary-100);
        color: var(--color-primary-500)
    }

        .alert-primary:where([data-mode=dark],[data-mode=dark] *) {
            border-color: #358ffc4d
        }

    @supports (color:color-mix(in lab,red,red)) {
        .alert-primary:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-primary-500)30%,transparent)
        }
    }

    .alert-primary:where([data-mode=dark],[data-mode=dark] *) {
        background-color: #358ffc33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .alert-primary:where([data-mode=dark],[data-mode=dark] *) {
            background-color: color-mix(in oklab,var(--color-primary-500)20%,transparent)
        }
    }

    .alert-purple {
        border-color: var(--color-purple-200);
        background-color: var(--color-purple-100);
        color: var(--color-purple-500)
    }

        .alert-purple:where([data-mode=dark],[data-mode=dark] *) {
            border-color: #ac4bff4d
        }

    @supports (color:color-mix(in lab,red,red)) {
        .alert-purple:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-purple-500)30%,transparent)
        }
    }

    .alert-purple:where([data-mode=dark],[data-mode=dark] *) {
        background-color: #ac4bff33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .alert-purple:where([data-mode=dark],[data-mode=dark] *) {
            background-color: color-mix(in oklab,var(--color-purple-500)20%,transparent)
        }
    }

    .alert-red {
        border-color: var(--color-red-200);
        background-color: var(--color-red-100);
        color: var(--color-red-500)
    }

        .alert-red:where([data-mode=dark],[data-mode=dark] *) {
            border-color: #fb2c364d
        }

    @supports (color:color-mix(in lab,red,red)) {
        .alert-red:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-red-500)30%,transparent)
        }
    }

    .alert-red:where([data-mode=dark],[data-mode=dark] *) {
        background-color: #fb2c3633
    }

    @supports (color:color-mix(in lab,red,red)) {
        .alert-red:where([data-mode=dark],[data-mode=dark] *) {
            background-color: color-mix(in oklab,var(--color-red-500)20%,transparent)
        }
    }

    .alert-sky {
        border-color: var(--color-sky-200);
        background-color: var(--color-sky-100);
        color: var(--color-sky-500)
    }

        .alert-sky:where([data-mode=dark],[data-mode=dark] *) {
            border-color: #00a5ef4d
        }

    @supports (color:color-mix(in lab,red,red)) {
        .alert-sky:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-sky-500)30%,transparent)
        }
    }

    .alert-sky:where([data-mode=dark],[data-mode=dark] *) {
        background-color: #00a5ef33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .alert-sky:where([data-mode=dark],[data-mode=dark] *) {
            background-color: color-mix(in oklab,var(--color-sky-500)20%,transparent)
        }
    }

    .alert-sub-gray {
        border-color: var(--color-gray-100);
        background-color: var(--color-gray-100);
        color: var(--color-gray-500)
    }

        .alert-sub-gray:where([data-mode=dark],[data-mode=dark] *) {
            border-color: #0000
        }

    @supports (color:color-mix(in lab,red,red)) {
        .alert-sub-gray:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-gray-500)0%,transparent)
        }
    }

    .alert-sub-gray:where([data-mode=dark],[data-mode=dark] *) {
        background-color: #6a728233
    }

    @supports (color:color-mix(in lab,red,red)) {
        .alert-sub-gray:where([data-mode=dark],[data-mode=dark] *) {
            background-color: color-mix(in oklab,var(--color-gray-500)20%,transparent)
        }
    }

    .alert-sub-green {
        border-color: var(--color-green-100);
        background-color: var(--color-green-100);
        color: var(--color-green-500)
    }

        .alert-sub-green:where([data-mode=dark],[data-mode=dark] *) {
            border-color: #0000
        }

    @supports (color:color-mix(in lab,red,red)) {
        .alert-sub-green:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-green-500)0%,transparent)
        }
    }

    .alert-sub-green:where([data-mode=dark],[data-mode=dark] *) {
        background-color: #00c75833
    }

    @supports (color:color-mix(in lab,red,red)) {
        .alert-sub-green:where([data-mode=dark],[data-mode=dark] *) {
            background-color: color-mix(in oklab,var(--color-green-500)20%,transparent)
        }
    }

    .alert-sub-indigo {
        border-color: var(--color-indigo-100);
        background-color: var(--color-indigo-100);
        color: var(--color-indigo-500)
    }

        .alert-sub-indigo:where([data-mode=dark],[data-mode=dark] *) {
            border-color: #0000
        }

    @supports (color:color-mix(in lab,red,red)) {
        .alert-sub-indigo:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-indigo-500)0%,transparent)
        }
    }

    .alert-sub-indigo:where([data-mode=dark],[data-mode=dark] *) {
        background-color: #625fff33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .alert-sub-indigo:where([data-mode=dark],[data-mode=dark] *) {
            background-color: color-mix(in oklab,var(--color-indigo-500)20%,transparent)
        }
    }

    .alert-sub-orange {
        border-color: var(--color-orange-100);
        background-color: var(--color-orange-100);
        color: var(--color-orange-500)
    }

        .alert-sub-orange:where([data-mode=dark],[data-mode=dark] *) {
            border-color: #0000
        }

    @supports (color:color-mix(in lab,red,red)) {
        .alert-sub-orange:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-orange-500)0%,transparent)
        }
    }

    .alert-sub-orange:where([data-mode=dark],[data-mode=dark] *) {
        background-color: #fe6e0033
    }

    @supports (color:color-mix(in lab,red,red)) {
        .alert-sub-orange:where([data-mode=dark],[data-mode=dark] *) {
            background-color: color-mix(in oklab,var(--color-orange-500)20%,transparent)
        }
    }

    .alert-sub-pink {
        border-color: var(--color-pink-100);
        background-color: var(--color-pink-100);
        color: var(--color-pink-500)
    }

        .alert-sub-pink:where([data-mode=dark],[data-mode=dark] *) {
            border-color: #0000
        }

    @supports (color:color-mix(in lab,red,red)) {
        .alert-sub-pink:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-pink-500)0%,transparent)
        }
    }

    .alert-sub-pink:where([data-mode=dark],[data-mode=dark] *) {
        background-color: #f6339a33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .alert-sub-pink:where([data-mode=dark],[data-mode=dark] *) {
            background-color: color-mix(in oklab,var(--color-pink-500)20%,transparent)
        }
    }

    .alert-sub-primary {
        border-color: var(--color-primary-100);
        background-color: var(--color-primary-100);
        color: var(--color-primary-500)
    }

        .alert-sub-primary:where([data-mode=dark],[data-mode=dark] *) {
            border-color: #0000
        }

    @supports (color:color-mix(in lab,red,red)) {
        .alert-sub-primary:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-primary-500)0%,transparent)
        }
    }

    .alert-sub-primary:where([data-mode=dark],[data-mode=dark] *) {
        background-color: #358ffc33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .alert-sub-primary:where([data-mode=dark],[data-mode=dark] *) {
            background-color: color-mix(in oklab,var(--color-primary-500)20%,transparent)
        }
    }

    .alert-sub-purple {
        border-color: var(--color-purple-100);
        background-color: var(--color-purple-100);
        color: var(--color-purple-500)
    }

        .alert-sub-purple:where([data-mode=dark],[data-mode=dark] *) {
            border-color: #0000
        }

    @supports (color:color-mix(in lab,red,red)) {
        .alert-sub-purple:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-purple-500)0%,transparent)
        }
    }

    .alert-sub-purple:where([data-mode=dark],[data-mode=dark] *) {
        background-color: #ac4bff33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .alert-sub-purple:where([data-mode=dark],[data-mode=dark] *) {
            background-color: color-mix(in oklab,var(--color-purple-500)20%,transparent)
        }
    }

    .alert-sub-red {
        border-color: var(--color-red-100);
        background-color: var(--color-red-100);
        color: var(--color-red-500)
    }

        .alert-sub-red:where([data-mode=dark],[data-mode=dark] *) {
            border-color: #0000
        }

    @supports (color:color-mix(in lab,red,red)) {
        .alert-sub-red:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-red-500)0%,transparent)
        }
    }

    .alert-sub-red:where([data-mode=dark],[data-mode=dark] *) {
        background-color: #fb2c3633
    }

    @supports (color:color-mix(in lab,red,red)) {
        .alert-sub-red:where([data-mode=dark],[data-mode=dark] *) {
            background-color: color-mix(in oklab,var(--color-red-500)20%,transparent)
        }
    }

    .alert-sub-sky {
        border-color: var(--color-sky-100);
        background-color: var(--color-sky-100);
        color: var(--color-sky-500)
    }

        .alert-sub-sky:where([data-mode=dark],[data-mode=dark] *) {
            border-color: #0000
        }

    @supports (color:color-mix(in lab,red,red)) {
        .alert-sub-sky:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-sky-500)0%,transparent)
        }
    }

    .alert-sub-sky:where([data-mode=dark],[data-mode=dark] *) {
        background-color: #00a5ef33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .alert-sub-sky:where([data-mode=dark],[data-mode=dark] *) {
            background-color: color-mix(in oklab,var(--color-sky-500)20%,transparent)
        }
    }

    .alert-sub-yellow {
        border-color: var(--color-yellow-100);
        background-color: var(--color-yellow-100);
        color: var(--color-yellow-500)
    }

        .alert-sub-yellow:where([data-mode=dark],[data-mode=dark] *) {
            border-color: #0000
        }

    @supports (color:color-mix(in lab,red,red)) {
        .alert-sub-yellow:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-yellow-500)0%,transparent)
        }
    }

    .alert-sub-yellow:where([data-mode=dark],[data-mode=dark] *) {
        background-color: #edb20033
    }

    @supports (color:color-mix(in lab,red,red)) {
        .alert-sub-yellow:where([data-mode=dark],[data-mode=dark] *) {
            background-color: color-mix(in oklab,var(--color-yellow-500)20%,transparent)
        }
    }

    .alert-yellow {
        border-color: var(--color-yellow-200);
        background-color: var(--color-yellow-100);
        color: var(--color-yellow-500)
    }

        .alert-yellow:where([data-mode=dark],[data-mode=dark] *) {
            border-color: #edb2004d
        }

    @supports (color:color-mix(in lab,red,red)) {
        .alert-yellow:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-yellow-500)30%,transparent)
        }
    }

    .alert-yellow:where([data-mode=dark],[data-mode=dark] *) {
        background-color: #edb20033
    }

    @supports (color:color-mix(in lab,red,red)) {
        .alert-yellow:where([data-mode=dark],[data-mode=dark] *) {
            background-color: color-mix(in oklab,var(--color-yellow-500)20%,transparent)
        }
    }

    .active-date {
        border-color: var(--color-primary-500);
        background-color: var(--color-primary-500);
        color: var(--color-primary-50)
    }

        .active-date p {
            color: var(--color-primary-200)
        }

    .accordion-green.active {
        border-color: #00c75833
    }

    @supports (color:color-mix(in lab,red,red)) {
        .accordion-green.active {
            border-color: color-mix(in oklab,var(--color-green-500)20%,transparent)
        }
    }

    .accordion-green.active {
        background-color: #00c7581a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .accordion-green.active {
            background-color: color-mix(in oklab,var(--color-green-500)10%,transparent)
        }
    }

    .accordion-green.active {
        color: var(--color-green-500)
    }

    .accordion-primary.active {
        border-color: #358ffc33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .accordion-primary.active {
            border-color: color-mix(in oklab,var(--color-primary-500)20%,transparent)
        }
    }

    .accordion-primary.active {
        background-color: #358ffc1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .accordion-primary.active {
            background-color: color-mix(in oklab,var(--color-primary-500)10%,transparent)
        }
    }

    .accordion-primary.active {
        color: var(--color-primary-500)
    }

    .accordion-solid-purple.active {
        border-color: var(--color-purple-500);
        background-color: var(--color-purple-500);
        color: var(--color-purple-50)
    }

    .alert-outline-gray {
        border-color: var(--color-gray-500);
        color: var(--color-gray-500);
        background-color: #0000
    }

    .alert-outline-green {
        border-color: var(--color-green-500);
        color: var(--color-green-500);
        background-color: #0000
    }

    .alert-outline-indigo {
        border-color: var(--color-indigo-500);
        color: var(--color-indigo-500);
        background-color: #0000
    }

    .alert-outline-orange {
        border-color: var(--color-orange-500);
        color: var(--color-orange-500);
        background-color: #0000
    }

    .alert-outline-pink {
        border-color: var(--color-pink-500);
        color: var(--color-pink-500);
        background-color: #0000
    }

    .alert-outline-primary {
        border-color: var(--color-primary-500);
        color: var(--color-primary-500);
        background-color: #0000
    }

    .alert-outline-purple {
        border-color: var(--color-purple-500);
        color: var(--color-purple-500);
        background-color: #0000
    }

    .alert-outline-red {
        border-color: var(--color-red-500);
        color: var(--color-red-500);
        background-color: #0000
    }

    .alert-outline-sky {
        border-color: var(--color-sky-500);
        color: var(--color-sky-500);
        background-color: #0000
    }

    .alert-outline-yellow {
        border-color: var(--color-yellow-500);
        color: var(--color-yellow-500);
        background-color: #0000
    }

    .alert-solid-gray {
        border-color: var(--color-gray-500);
        background-color: var(--color-gray-500);
        color: var(--color-white)
    }

    .alert-solid-green {
        border-color: var(--color-green-500);
        background-color: var(--color-green-500);
        color: var(--color-white)
    }

    .alert-solid-indigo {
        border-color: var(--color-indigo-500);
        background-color: var(--color-indigo-500);
        color: var(--color-white)
    }

    .alert-solid-orange {
        border-color: var(--color-orange-500);
        background-color: var(--color-orange-500);
        color: var(--color-white)
    }

    .alert-solid-pink {
        border-color: var(--color-pink-500);
        background-color: var(--color-pink-500);
        color: var(--color-white)
    }

    .alert-solid-primary {
        border-color: var(--color-primary-500);
        background-color: var(--color-primary-500);
        color: var(--color-white)
    }

    .alert-solid-purple {
        border-color: var(--color-purple-500);
        background-color: var(--color-purple-500);
        color: var(--color-white)
    }

    .alert-solid-red {
        border-color: var(--color-red-500);
        background-color: var(--color-red-500);
        color: var(--color-white)
    }

    .alert-solid-sky {
        border-color: var(--color-sky-500);
        background-color: var(--color-sky-500);
        color: var(--color-white)
    }

    .alert-solid-yellow {
        border-color: var(--color-yellow-500);
        background-color: var(--color-yellow-500);
        color: var(--color-white)
    }

    .badge-blue {
        border-color: #3080ff33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .badge-blue {
            border-color: color-mix(in oklab,var(--color-blue-500)20%,transparent)
        }
    }

    .badge-blue {
        background-color: #3080ff1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .badge-blue {
            background-color: color-mix(in oklab,var(--color-blue-500)10%,transparent)
        }
    }

    .badge-blue {
        color: var(--color-blue-500)
    }

    .badge-gray {
        border-color: #6a728233
    }

    @supports (color:color-mix(in lab,red,red)) {
        .badge-gray {
            border-color: color-mix(in oklab,var(--color-gray-500)20%,transparent)
        }
    }

    .badge-gray {
        background-color: #6a72821a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .badge-gray {
            background-color: color-mix(in oklab,var(--color-gray-500)10%,transparent)
        }
    }

    .badge-gray {
        color: var(--color-gray-500)
    }

    .badge-green {
        border-color: #00c75833
    }

    @supports (color:color-mix(in lab,red,red)) {
        .badge-green {
            border-color: color-mix(in oklab,var(--color-green-500)20%,transparent)
        }
    }

    .badge-green {
        background-color: #00c7581a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .badge-green {
            background-color: color-mix(in oklab,var(--color-green-500)10%,transparent)
        }
    }

    .badge-green {
        color: var(--color-green-500)
    }

    .badge-indigo {
        border-color: #625fff33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .badge-indigo {
            border-color: color-mix(in oklab,var(--color-indigo-500)20%,transparent)
        }
    }

    .badge-indigo {
        background-color: #625fff1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .badge-indigo {
            background-color: color-mix(in oklab,var(--color-indigo-500)10%,transparent)
        }
    }

    .badge-indigo {
        color: var(--color-indigo-500)
    }

    .badge-orange {
        border-color: #fe6e0033
    }

    @supports (color:color-mix(in lab,red,red)) {
        .badge-orange {
            border-color: color-mix(in oklab,var(--color-orange-500)20%,transparent)
        }
    }

    .badge-orange {
        background-color: #fe6e001a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .badge-orange {
            background-color: color-mix(in oklab,var(--color-orange-500)10%,transparent)
        }
    }

    .badge-orange {
        color: var(--color-orange-500)
    }

    .badge-outline-gray {
        border-color: var(--color-gray-500);
        color: var(--color-gray-500);
        background-color: #0000
    }

    .badge-outline-green {
        border-color: var(--color-green-500);
        color: var(--color-green-500);
        background-color: #0000
    }

    .badge-outline-indigo {
        border-color: var(--color-indigo-500);
        color: var(--color-indigo-500);
        background-color: #0000
    }

    .badge-outline-orange {
        border-color: var(--color-orange-500);
        color: var(--color-orange-500);
        background-color: #0000
    }

    .badge-outline-pink {
        border-color: var(--color-pink-500);
        color: var(--color-pink-500);
        background-color: #0000
    }

    .badge-outline-primary {
        border-color: var(--color-primary-500);
        color: var(--color-primary-500);
        background-color: #0000
    }

    .badge-outline-purple {
        border-color: var(--color-purple-500);
        color: var(--color-purple-500);
        background-color: #0000
    }

    .badge-outline-red {
        border-color: var(--color-red-500);
        color: var(--color-red-500);
        background-color: #0000
    }

    .badge-outline-sky {
        border-color: var(--color-sky-500);
        color: var(--color-sky-500);
        background-color: #0000
    }

    .badge-outline-yellow {
        border-color: var(--color-yellow-500);
        color: var(--color-yellow-500);
        background-color: #0000
    }

    .badge-pink {
        border-color: #f6339a33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .badge-pink {
            border-color: color-mix(in oklab,var(--color-pink-500)20%,transparent)
        }
    }

    .badge-pink {
        background-color: #f6339a1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .badge-pink {
            background-color: color-mix(in oklab,var(--color-pink-500)10%,transparent)
        }
    }

    .badge-pink {
        color: var(--color-pink-500)
    }

    .badge-primary {
        border-color: #358ffc33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .badge-primary {
            border-color: color-mix(in oklab,var(--color-primary-500)20%,transparent)
        }
    }

    .badge-primary {
        background-color: #358ffc1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .badge-primary {
            background-color: color-mix(in oklab,var(--color-primary-500)10%,transparent)
        }
    }

    .badge-primary {
        color: var(--color-primary-500)
    }

    .badge-purple {
        border-color: #ac4bff33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .badge-purple {
            border-color: color-mix(in oklab,var(--color-purple-500)20%,transparent)
        }
    }

    .badge-purple {
        background-color: #ac4bff1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .badge-purple {
            background-color: color-mix(in oklab,var(--color-purple-500)10%,transparent)
        }
    }

    .badge-purple {
        color: var(--color-purple-500)
    }

    .badge-red {
        border-color: #fb2c3633
    }

    @supports (color:color-mix(in lab,red,red)) {
        .badge-red {
            border-color: color-mix(in oklab,var(--color-red-500)20%,transparent)
        }
    }

    .badge-red {
        background-color: #fb2c361a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .badge-red {
            background-color: color-mix(in oklab,var(--color-red-500)10%,transparent)
        }
    }

    .badge-red {
        color: var(--color-red-500)
    }

    .badge-sky {
        border-color: #00a5ef33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .badge-sky {
            border-color: color-mix(in oklab,var(--color-sky-500)20%,transparent)
        }
    }

    .badge-sky {
        background-color: #00a5ef1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .badge-sky {
            background-color: color-mix(in oklab,var(--color-sky-500)10%,transparent)
        }
    }

    .badge-sky {
        color: var(--color-sky-500)
    }

    .badge-solid-gray {
        border-color: var(--color-gray-500);
        background-color: var(--color-gray-500);
        color: var(--color-white)
    }

    .badge-solid-green {
        border-color: var(--color-green-500);
        background-color: var(--color-green-500);
        color: var(--color-white)
    }

    .badge-solid-indigo {
        border-color: var(--color-indigo-500);
        background-color: var(--color-indigo-500);
        color: var(--color-white)
    }

    .badge-solid-orange {
        border-color: var(--color-orange-500);
        background-color: var(--color-orange-500);
        color: var(--color-white)
    }

    .badge-solid-pink {
        border-color: var(--color-pink-500);
        background-color: var(--color-pink-500);
        color: var(--color-white)
    }

    .badge-solid-primary {
        border-color: var(--color-primary-500);
        background-color: var(--color-primary-500);
        color: var(--color-white)
    }

    .badge-solid-purple {
        border-color: var(--color-purple-500);
        background-color: var(--color-purple-500);
        color: var(--color-white)
    }

    .badge-solid-red {
        border-color: var(--color-red-500);
        background-color: var(--color-red-500);
        color: var(--color-white)
    }

    .badge-solid-sky {
        border-color: var(--color-sky-500);
        background-color: var(--color-sky-500);
        color: var(--color-white)
    }

    .badge-solid-yellow {
        border-color: var(--color-yellow-500);
        background-color: var(--color-yellow-500);
        color: var(--color-white)
    }

    .badge-sub-gray {
        border-color: #0000
    }

    @supports (color:color-mix(in lab,red,red)) {
        .badge-sub-gray {
            border-color: color-mix(in oklab,var(--color-gray-500)0%,transparent)
        }
    }

    .badge-sub-gray {
        background-color: #6a728233
    }

    @supports (color:color-mix(in lab,red,red)) {
        .badge-sub-gray {
            background-color: color-mix(in oklab,var(--color-gray-500)20%,transparent)
        }
    }

    .badge-sub-gray {
        color: var(--color-gray-500)
    }

    .badge-sub-green {
        border-color: #0000
    }

    @supports (color:color-mix(in lab,red,red)) {
        .badge-sub-green {
            border-color: color-mix(in oklab,var(--color-green-500)0%,transparent)
        }
    }

    .badge-sub-green {
        background-color: #00c75833
    }

    @supports (color:color-mix(in lab,red,red)) {
        .badge-sub-green {
            background-color: color-mix(in oklab,var(--color-green-500)20%,transparent)
        }
    }

    .badge-sub-green {
        color: var(--color-green-500)
    }

    .badge-sub-indigo {
        border-color: #0000
    }

    @supports (color:color-mix(in lab,red,red)) {
        .badge-sub-indigo {
            border-color: color-mix(in oklab,var(--color-indigo-500)0%,transparent)
        }
    }

    .badge-sub-indigo {
        background-color: #625fff33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .badge-sub-indigo {
            background-color: color-mix(in oklab,var(--color-indigo-500)20%,transparent)
        }
    }

    .badge-sub-indigo {
        color: var(--color-indigo-500)
    }

    .badge-sub-orange {
        border-color: #0000
    }

    @supports (color:color-mix(in lab,red,red)) {
        .badge-sub-orange {
            border-color: color-mix(in oklab,var(--color-orange-500)0%,transparent)
        }
    }

    .badge-sub-orange {
        background-color: #fe6e0033
    }

    @supports (color:color-mix(in lab,red,red)) {
        .badge-sub-orange {
            background-color: color-mix(in oklab,var(--color-orange-500)20%,transparent)
        }
    }

    .badge-sub-orange {
        color: var(--color-orange-500)
    }

    .badge-sub-pink {
        border-color: #0000
    }

    @supports (color:color-mix(in lab,red,red)) {
        .badge-sub-pink {
            border-color: color-mix(in oklab,var(--color-pink-500)0%,transparent)
        }
    }

    .badge-sub-pink {
        background-color: #f6339a33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .badge-sub-pink {
            background-color: color-mix(in oklab,var(--color-pink-500)20%,transparent)
        }
    }

    .badge-sub-pink {
        color: var(--color-pink-500)
    }

    .badge-sub-primary {
        border-color: #0000
    }

    @supports (color:color-mix(in lab,red,red)) {
        .badge-sub-primary {
            border-color: color-mix(in oklab,var(--color-primary-500)0%,transparent)
        }
    }

    .badge-sub-primary {
        background-color: #358ffc33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .badge-sub-primary {
            background-color: color-mix(in oklab,var(--color-primary-500)20%,transparent)
        }
    }

    .badge-sub-primary {
        color: var(--color-primary-500)
    }

    .badge-sub-purple {
        border-color: #0000
    }

    @supports (color:color-mix(in lab,red,red)) {
        .badge-sub-purple {
            border-color: color-mix(in oklab,var(--color-purple-500)0%,transparent)
        }
    }

    .badge-sub-purple {
        background-color: #ac4bff33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .badge-sub-purple {
            background-color: color-mix(in oklab,var(--color-purple-500)20%,transparent)
        }
    }

    .badge-sub-purple {
        color: var(--color-purple-500)
    }

    .badge-sub-red {
        border-color: #0000
    }

    @supports (color:color-mix(in lab,red,red)) {
        .badge-sub-red {
            border-color: color-mix(in oklab,var(--color-red-500)0%,transparent)
        }
    }

    .badge-sub-red {
        background-color: #fb2c3633
    }

    @supports (color:color-mix(in lab,red,red)) {
        .badge-sub-red {
            background-color: color-mix(in oklab,var(--color-red-500)20%,transparent)
        }
    }

    .badge-sub-red {
        color: var(--color-red-500)
    }

    .badge-sub-sky {
        border-color: #0000
    }

    @supports (color:color-mix(in lab,red,red)) {
        .badge-sub-sky {
            border-color: color-mix(in oklab,var(--color-sky-500)0%,transparent)
        }
    }

    .badge-sub-sky {
        background-color: #00a5ef33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .badge-sub-sky {
            background-color: color-mix(in oklab,var(--color-sky-500)20%,transparent)
        }
    }

    .badge-sub-sky {
        color: var(--color-sky-500)
    }

    .badge-sub-yellow {
        border-color: #0000
    }

    @supports (color:color-mix(in lab,red,red)) {
        .badge-sub-yellow {
            border-color: color-mix(in oklab,var(--color-yellow-500)0%,transparent)
        }
    }

    .badge-sub-yellow {
        background-color: #edb20033
    }

    @supports (color:color-mix(in lab,red,red)) {
        .badge-sub-yellow {
            background-color: color-mix(in oklab,var(--color-yellow-500)20%,transparent)
        }
    }

    .badge-sub-yellow {
        color: var(--color-yellow-500)
    }

    .badge-yellow {
        border-color: #edb20033
    }

    @supports (color:color-mix(in lab,red,red)) {
        .badge-yellow {
            border-color: color-mix(in oklab,var(--color-yellow-500)20%,transparent)
        }
    }

    .badge-yellow {
        background-color: #edb2001a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .badge-yellow {
            background-color: color-mix(in oklab,var(--color-yellow-500)10%,transparent)
        }
    }

    .badge-yellow {
        color: var(--color-yellow-500)
    }

    .input-spin-solid-green :is(.input-spin-minus,.input-spin-plus) {
        color: #f0fdf4;
        background-color: #00c65a;
        background-color: oklch(72.3% .219 149.579);
        border-color: #00c65a;
        border-color: oklch(72.3% .219 149.579)
    }

    .input-spin-solid-orange :is(.input-spin-minus,.input-spin-plus) {
        color: #fff7ed;
        background-color: #fc7100;
        background-color: oklch(70.5% .213 47.604);
        border-color: #fc7100;
        border-color: oklch(70.5% .213 47.604)
    }

    .input-spin-solid-primary :is(.input-spin-minus,.input-spin-plus) {
        color: #eef7ff;
        background-color: #358ffc;
        border-color: #358ffc
    }

    .input-spin-solid-purple :is(.input-spin-minus,.input-spin-plus) {
        color: #faf5ff;
        background-color: #ab4eff;
        background-color: oklch(62.7% .265 303.9);
        border-color: #ab4eff;
        border-color: oklch(62.7% .265 303.9)
    }

    .input-spin-solid-sky :is(.input-spin-minus,.input-spin-plus) {
        color: #f0f9ff;
        background-color: #00a5ea;
        background-color: oklch(68.5% .169 237.323);
        border-color: #00a5ea;
        border-color: oklch(68.5% .169 237.323)
    }

    .input-spin-solid-yellow :is(.input-spin-minus,.input-spin-plus) {
        color: #fefce8;
        background-color: #eab300;
        background-color: oklch(79.5% .184 86.047);
        border-color: #eab300;
        border-color: oklch(79.5% .184 86.047)
    }

    .input-radio-soft-gray {
        border-color: #6a728233 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-radio-soft-gray {
            border-color: color-mix(in oklab,var(--color-gray-500)20%,transparent) !important
        }
    }

    .input-radio-soft-gray {
        background-color: #6a728226
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-radio-soft-gray {
            background-color: color-mix(in oklab,var(--color-gray-500)15%,transparent)
        }
    }

    .input-radio-soft-gray:checked {
        background-color: var(--color-gray-500);
        border-color: var(--color-gray-500) !important
    }

    @media (hover:hover) {
        .input-radio-soft-gray:checked:hover {
            background-color: var(--color-gray-500)
        }
    }

    .input-radio-soft-gray:focus:checked {
        background-color: var(--color-gray-500);
        --tw-ring-color: var(--color-gray-500)
    }

    .input-radio-soft-gray:where([data-mode=dark],[data-mode=dark] *) {
        border-color: #6a728233 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-radio-soft-gray:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-gray-500)20%,transparent) !important
        }
    }

    .input-radio-soft-green {
        border-color: #00c75833 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-radio-soft-green {
            border-color: color-mix(in oklab,var(--color-green-500)20%,transparent) !important
        }
    }

    .input-radio-soft-green {
        background-color: #00c75826
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-radio-soft-green {
            background-color: color-mix(in oklab,var(--color-green-500)15%,transparent)
        }
    }

    .input-radio-soft-green:checked {
        background-color: var(--color-green-500);
        border-color: var(--color-green-500) !important
    }

    @media (hover:hover) {
        .input-radio-soft-green:checked:hover {
            background-color: var(--color-green-500)
        }
    }

    .input-radio-soft-green:focus:checked {
        background-color: var(--color-green-500);
        --tw-ring-color: var(--color-green-500)
    }

    .input-radio-soft-green:where([data-mode=dark],[data-mode=dark] *) {
        border-color: #00c75833 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-radio-soft-green:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-green-500)20%,transparent) !important
        }
    }

    .input-radio-soft-indigo {
        border-color: #625fff33 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-radio-soft-indigo {
            border-color: color-mix(in oklab,var(--color-indigo-500)20%,transparent) !important
        }
    }

    .input-radio-soft-indigo {
        background-color: #625fff26
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-radio-soft-indigo {
            background-color: color-mix(in oklab,var(--color-indigo-500)15%,transparent)
        }
    }

    .input-radio-soft-indigo:checked {
        background-color: var(--color-indigo-500);
        border-color: var(--color-indigo-500) !important
    }

    @media (hover:hover) {
        .input-radio-soft-indigo:checked:hover {
            background-color: var(--color-indigo-500)
        }
    }

    .input-radio-soft-indigo:focus:checked {
        background-color: var(--color-indigo-500);
        --tw-ring-color: var(--color-indigo-500)
    }

    .input-radio-soft-indigo:where([data-mode=dark],[data-mode=dark] *) {
        border-color: #625fff33 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-radio-soft-indigo:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-indigo-500)20%,transparent) !important
        }
    }

    .input-radio-soft-orange {
        border-color: #fe6e0033 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-radio-soft-orange {
            border-color: color-mix(in oklab,var(--color-orange-500)20%,transparent) !important
        }
    }

    .input-radio-soft-orange {
        background-color: #fe6e0026
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-radio-soft-orange {
            background-color: color-mix(in oklab,var(--color-orange-500)15%,transparent)
        }
    }

    .input-radio-soft-orange:checked {
        background-color: var(--color-orange-500);
        border-color: var(--color-orange-500) !important
    }

    @media (hover:hover) {
        .input-radio-soft-orange:checked:hover {
            background-color: var(--color-orange-500)
        }
    }

    .input-radio-soft-orange:focus:checked {
        background-color: var(--color-orange-500);
        --tw-ring-color: var(--color-orange-500)
    }

    .input-radio-soft-orange:where([data-mode=dark],[data-mode=dark] *) {
        border-color: #fe6e0033 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-radio-soft-orange:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-orange-500)20%,transparent) !important
        }
    }

    .input-radio-soft-pink {
        border-color: #f6339a33 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-radio-soft-pink {
            border-color: color-mix(in oklab,var(--color-pink-500)20%,transparent) !important
        }
    }

    .input-radio-soft-pink {
        background-color: #f6339a26
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-radio-soft-pink {
            background-color: color-mix(in oklab,var(--color-pink-500)15%,transparent)
        }
    }

    .input-radio-soft-pink:checked {
        background-color: var(--color-pink-500);
        border-color: var(--color-pink-500) !important
    }

    @media (hover:hover) {
        .input-radio-soft-pink:checked:hover {
            background-color: var(--color-pink-500)
        }
    }

    .input-radio-soft-pink:focus:checked {
        background-color: var(--color-pink-500);
        --tw-ring-color: var(--color-pink-500)
    }

    .input-radio-soft-pink:where([data-mode=dark],[data-mode=dark] *) {
        border-color: #f6339a33 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-radio-soft-pink:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-pink-500)20%,transparent) !important
        }
    }

    .input-radio-soft-primary {
        border-color: #358ffc33 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-radio-soft-primary {
            border-color: color-mix(in oklab,var(--color-primary-500)20%,transparent) !important
        }
    }

    .input-radio-soft-primary {
        background-color: #358ffc26
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-radio-soft-primary {
            background-color: color-mix(in oklab,var(--color-primary-500)15%,transparent)
        }
    }

    .input-radio-soft-primary:checked {
        background-color: var(--color-primary-500);
        border-color: var(--color-primary-500) !important
    }

    @media (hover:hover) {
        .input-radio-soft-primary:checked:hover {
            background-color: var(--color-primary-500)
        }
    }

    .input-radio-soft-primary:focus:checked {
        background-color: var(--color-primary-500);
        --tw-ring-color: var(--color-primary-500)
    }

    .input-radio-soft-primary:where([data-mode=dark],[data-mode=dark] *) {
        border-color: #358ffc33 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-radio-soft-primary:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-primary-500)20%,transparent) !important
        }
    }

    .input-radio-soft-purple {
        border-color: #ac4bff33 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-radio-soft-purple {
            border-color: color-mix(in oklab,var(--color-purple-500)20%,transparent) !important
        }
    }

    .input-radio-soft-purple {
        background-color: #ac4bff26
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-radio-soft-purple {
            background-color: color-mix(in oklab,var(--color-purple-500)15%,transparent)
        }
    }

    .input-radio-soft-purple:checked {
        background-color: var(--color-purple-500);
        border-color: var(--color-purple-500) !important
    }

    @media (hover:hover) {
        .input-radio-soft-purple:checked:hover {
            background-color: var(--color-purple-500)
        }
    }

    .input-radio-soft-purple:focus:checked {
        background-color: var(--color-purple-500);
        --tw-ring-color: var(--color-purple-500)
    }

    .input-radio-soft-purple:where([data-mode=dark],[data-mode=dark] *) {
        border-color: #ac4bff33 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-radio-soft-purple:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-purple-500)20%,transparent) !important
        }
    }

    .input-radio-soft-red {
        border-color: #fb2c3633 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-radio-soft-red {
            border-color: color-mix(in oklab,var(--color-red-500)20%,transparent) !important
        }
    }

    .input-radio-soft-red {
        background-color: #fb2c3626
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-radio-soft-red {
            background-color: color-mix(in oklab,var(--color-red-500)15%,transparent)
        }
    }

    .input-radio-soft-red:checked {
        background-color: var(--color-red-500);
        border-color: var(--color-red-500) !important
    }

    @media (hover:hover) {
        .input-radio-soft-red:checked:hover {
            background-color: var(--color-red-500)
        }
    }

    .input-radio-soft-red:focus:checked {
        background-color: var(--color-red-500);
        --tw-ring-color: var(--color-red-500)
    }

    .input-radio-soft-red:where([data-mode=dark],[data-mode=dark] *) {
        border-color: #fb2c3633 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-radio-soft-red:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-red-500)20%,transparent) !important
        }
    }

    .input-radio-soft-sky {
        border-color: #00a5ef33 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-radio-soft-sky {
            border-color: color-mix(in oklab,var(--color-sky-500)20%,transparent) !important
        }
    }

    .input-radio-soft-sky {
        background-color: #00a5ef26
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-radio-soft-sky {
            background-color: color-mix(in oklab,var(--color-sky-500)15%,transparent)
        }
    }

    .input-radio-soft-sky:checked {
        background-color: var(--color-sky-500);
        border-color: var(--color-sky-500) !important
    }

    @media (hover:hover) {
        .input-radio-soft-sky:checked:hover {
            background-color: var(--color-sky-500)
        }
    }

    .input-radio-soft-sky:focus:checked {
        background-color: var(--color-sky-500);
        --tw-ring-color: var(--color-sky-500)
    }

    .input-radio-soft-sky:where([data-mode=dark],[data-mode=dark] *) {
        border-color: #00a5ef33 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-radio-soft-sky:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-sky-500)20%,transparent) !important
        }
    }

    .input-radio-soft-yellow {
        border-color: #edb20033 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-radio-soft-yellow {
            border-color: color-mix(in oklab,var(--color-yellow-500)20%,transparent) !important
        }
    }

    .input-radio-soft-yellow {
        background-color: #edb20026
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-radio-soft-yellow {
            background-color: color-mix(in oklab,var(--color-yellow-500)15%,transparent)
        }
    }

    .input-radio-soft-yellow:checked {
        background-color: var(--color-yellow-500);
        border-color: var(--color-yellow-500) !important
    }

    @media (hover:hover) {
        .input-radio-soft-yellow:checked:hover {
            background-color: var(--color-yellow-500)
        }
    }

    .input-radio-soft-yellow:focus:checked {
        background-color: var(--color-yellow-500);
        --tw-ring-color: var(--color-yellow-500)
    }

    .input-radio-soft-yellow:where([data-mode=dark],[data-mode=dark] *) {
        border-color: #edb20033 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-radio-soft-yellow:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-yellow-500)20%,transparent) !important
        }
    }

    .input-radio-gray:checked {
        background-color: var(--color-gray-500);
        border-color: var(--color-gray-500) !important
    }

    @media (hover:hover) {
        .input-radio-gray:checked:hover {
            background-color: var(--color-gray-500)
        }
    }

    .input-radio-gray:focus:checked {
        background-color: var(--color-gray-500);
        --tw-ring-color: var(--color-gray-500)
    }

    .input-radio-green:checked {
        background-color: var(--color-green-500);
        border-color: var(--color-green-500) !important
    }

    @media (hover:hover) {
        .input-radio-green:checked:hover {
            background-color: var(--color-green-500)
        }
    }

    .input-radio-green:focus:checked {
        background-color: var(--color-green-500);
        --tw-ring-color: var(--color-green-500)
    }

    .input-radio-indigo:checked {
        background-color: var(--color-indigo-500);
        border-color: var(--color-indigo-500) !important
    }

    @media (hover:hover) {
        .input-radio-indigo:checked:hover {
            background-color: var(--color-indigo-500)
        }
    }

    .input-radio-indigo:focus:checked {
        background-color: var(--color-indigo-500);
        --tw-ring-color: var(--color-indigo-500)
    }

    .input-radio-orange:checked {
        background-color: var(--color-orange-500);
        border-color: var(--color-orange-500) !important
    }

    @media (hover:hover) {
        .input-radio-orange:checked:hover {
            background-color: var(--color-orange-500)
        }
    }

    .input-radio-orange:focus:checked {
        background-color: var(--color-orange-500);
        --tw-ring-color: var(--color-orange-500)
    }

    .input-radio-pink:checked {
        background-color: var(--color-pink-500);
        border-color: var(--color-pink-500) !important
    }

    @media (hover:hover) {
        .input-radio-pink:checked:hover {
            background-color: var(--color-pink-500)
        }
    }

    .input-radio-pink:focus:checked {
        background-color: var(--color-pink-500);
        --tw-ring-color: var(--color-pink-500)
    }

    .input-radio-primary:checked {
        background-color: var(--color-primary-500);
        border-color: var(--color-primary-500) !important
    }

    @media (hover:hover) {
        .input-radio-primary:checked:hover {
            background-color: var(--color-primary-500)
        }
    }

    .input-radio-primary:focus:checked {
        background-color: var(--color-primary-500);
        --tw-ring-color: var(--color-primary-500)
    }

    .input-radio-purple:checked {
        background-color: var(--color-purple-500);
        border-color: var(--color-purple-500) !important
    }

    @media (hover:hover) {
        .input-radio-purple:checked:hover {
            background-color: var(--color-purple-500)
        }
    }

    .input-radio-purple:focus:checked {
        background-color: var(--color-purple-500);
        --tw-ring-color: var(--color-purple-500)
    }

    .input-radio-red:checked {
        background-color: var(--color-red-500);
        border-color: var(--color-red-500) !important
    }

    @media (hover:hover) {
        .input-radio-red:checked:hover {
            background-color: var(--color-red-500)
        }
    }

    .input-radio-red:focus:checked {
        background-color: var(--color-red-500);
        --tw-ring-color: var(--color-red-500)
    }

    .input-radio-sky:checked {
        background-color: var(--color-sky-500);
        border-color: var(--color-sky-500) !important
    }

    @media (hover:hover) {
        .input-radio-sky:checked:hover {
            background-color: var(--color-sky-500)
        }
    }

    .input-radio-sky:focus:checked {
        background-color: var(--color-sky-500);
        --tw-ring-color: var(--color-sky-500)
    }

    .input-radio-yellow:checked {
        background-color: var(--color-yellow-500);
        border-color: var(--color-yellow-500) !important
    }

    @media (hover:hover) {
        .input-radio-yellow:checked:hover {
            background-color: var(--color-yellow-500)
        }
    }

    .input-radio-yellow:focus:checked {
        background-color: var(--color-yellow-500);
        --tw-ring-color: var(--color-yellow-500)
    }

    .input-check-soft-gray {
        border-color: #6a728233 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-check-soft-gray {
            border-color: color-mix(in oklab,var(--color-gray-500)20%,transparent) !important
        }
    }

    .input-check-soft-gray {
        background-color: #6a728226
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-check-soft-gray {
            background-color: color-mix(in oklab,var(--color-gray-500)15%,transparent)
        }
    }

    .input-check-soft-gray:checked {
        border-color: var(--color-gray-500) !important;
        background-color: var(--color-gray-500) !important
    }

    .input-check-soft-gray:focus:checked {
        background-color: var(--color-gray-500)
    }

    .input-check-soft-gray:where([data-mode=dark],[data-mode=dark] *) {
        border-color: #6a728233 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-check-soft-gray:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-gray-500)20%,transparent) !important
        }
    }

    .input-check-soft-green {
        border-color: #00c75833 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-check-soft-green {
            border-color: color-mix(in oklab,var(--color-green-500)20%,transparent) !important
        }
    }

    .input-check-soft-green {
        background-color: #00c75826
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-check-soft-green {
            background-color: color-mix(in oklab,var(--color-green-500)15%,transparent)
        }
    }

    .input-check-soft-green:checked {
        border-color: var(--color-green-500) !important;
        background-color: var(--color-green-500) !important
    }

    .input-check-soft-green:focus:checked {
        background-color: var(--color-green-500)
    }

    .input-check-soft-green:where([data-mode=dark],[data-mode=dark] *) {
        border-color: #00c75833 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-check-soft-green:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-green-500)20%,transparent) !important
        }
    }

    .input-check-soft-indigo {
        border-color: #625fff33 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-check-soft-indigo {
            border-color: color-mix(in oklab,var(--color-indigo-500)20%,transparent) !important
        }
    }

    .input-check-soft-indigo {
        background-color: #625fff26
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-check-soft-indigo {
            background-color: color-mix(in oklab,var(--color-indigo-500)15%,transparent)
        }
    }

    .input-check-soft-indigo:checked {
        border-color: var(--color-indigo-500) !important;
        background-color: var(--color-indigo-500) !important
    }

    .input-check-soft-indigo:focus:checked {
        background-color: var(--color-indigo-500)
    }

    .input-check-soft-indigo:where([data-mode=dark],[data-mode=dark] *) {
        border-color: #625fff33 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-check-soft-indigo:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-indigo-500)20%,transparent) !important
        }
    }

    .input-check-soft-orange {
        border-color: #fe6e0033 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-check-soft-orange {
            border-color: color-mix(in oklab,var(--color-orange-500)20%,transparent) !important
        }
    }

    .input-check-soft-orange {
        background-color: #fe6e0026
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-check-soft-orange {
            background-color: color-mix(in oklab,var(--color-orange-500)15%,transparent)
        }
    }

    .input-check-soft-orange:checked {
        border-color: var(--color-orange-500) !important;
        background-color: var(--color-orange-500) !important
    }

    .input-check-soft-orange:focus:checked {
        background-color: var(--color-orange-500)
    }

    .input-check-soft-orange:where([data-mode=dark],[data-mode=dark] *) {
        border-color: #fe6e0033 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-check-soft-orange:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-orange-500)20%,transparent) !important
        }
    }

    .input-check-soft-pink {
        border-color: #f6339a33 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-check-soft-pink {
            border-color: color-mix(in oklab,var(--color-pink-500)20%,transparent) !important
        }
    }

    .input-check-soft-pink {
        background-color: #f6339a26
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-check-soft-pink {
            background-color: color-mix(in oklab,var(--color-pink-500)15%,transparent)
        }
    }

    .input-check-soft-pink:checked {
        border-color: var(--color-pink-500) !important;
        background-color: var(--color-pink-500) !important
    }

    .input-check-soft-pink:focus:checked {
        background-color: var(--color-pink-500)
    }

    .input-check-soft-pink:where([data-mode=dark],[data-mode=dark] *) {
        border-color: #f6339a33 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-check-soft-pink:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-pink-500)20%,transparent) !important
        }
    }

    .input-check-soft-primary {
        border-color: #358ffc33 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-check-soft-primary {
            border-color: color-mix(in oklab,var(--color-primary-500)20%,transparent) !important
        }
    }

    .input-check-soft-primary {
        background-color: #358ffc26
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-check-soft-primary {
            background-color: color-mix(in oklab,var(--color-primary-500)15%,transparent)
        }
    }

    .input-check-soft-primary:checked {
        border-color: var(--color-primary-500) !important;
        background-color: var(--color-primary-500) !important
    }

    .input-check-soft-primary:focus:checked {
        background-color: var(--color-primary-500)
    }

    .input-check-soft-primary:where([data-mode=dark],[data-mode=dark] *) {
        border-color: #358ffc33 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-check-soft-primary:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-primary-500)20%,transparent) !important
        }
    }

    .input-check-soft-purple {
        border-color: #ac4bff33 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-check-soft-purple {
            border-color: color-mix(in oklab,var(--color-purple-500)20%,transparent) !important
        }
    }

    .input-check-soft-purple {
        background-color: #ac4bff26
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-check-soft-purple {
            background-color: color-mix(in oklab,var(--color-purple-500)15%,transparent)
        }
    }

    .input-check-soft-purple:checked {
        border-color: var(--color-purple-500) !important;
        background-color: var(--color-purple-500) !important
    }

    .input-check-soft-purple:focus:checked {
        background-color: var(--color-purple-500)
    }

    .input-check-soft-purple:where([data-mode=dark],[data-mode=dark] *) {
        border-color: #ac4bff33 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-check-soft-purple:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-purple-500)20%,transparent) !important
        }
    }

    .input-check-soft-red {
        border-color: #fb2c3633 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-check-soft-red {
            border-color: color-mix(in oklab,var(--color-red-500)20%,transparent) !important
        }
    }

    .input-check-soft-red {
        background-color: #fb2c3626
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-check-soft-red {
            background-color: color-mix(in oklab,var(--color-red-500)15%,transparent)
        }
    }

    .input-check-soft-red:checked {
        border-color: var(--color-red-500) !important;
        background-color: var(--color-red-500) !important
    }

    .input-check-soft-red:focus:checked {
        background-color: var(--color-red-500)
    }

    .input-check-soft-red:where([data-mode=dark],[data-mode=dark] *) {
        border-color: #fb2c3633 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-check-soft-red:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-red-500)20%,transparent) !important
        }
    }

    .input-check-soft-sky {
        border-color: #00a5ef33 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-check-soft-sky {
            border-color: color-mix(in oklab,var(--color-sky-500)20%,transparent) !important
        }
    }

    .input-check-soft-sky {
        background-color: #00a5ef26
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-check-soft-sky {
            background-color: color-mix(in oklab,var(--color-sky-500)15%,transparent)
        }
    }

    .input-check-soft-sky:checked {
        border-color: var(--color-sky-500) !important;
        background-color: var(--color-sky-500) !important
    }

    .input-check-soft-sky:focus:checked {
        background-color: var(--color-sky-500)
    }

    .input-check-soft-sky:where([data-mode=dark],[data-mode=dark] *) {
        border-color: #00a5ef33 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-check-soft-sky:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-sky-500)20%,transparent) !important
        }
    }

    .input-check-soft-yellow {
        border-color: #edb20033 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-check-soft-yellow {
            border-color: color-mix(in oklab,var(--color-yellow-500)20%,transparent) !important
        }
    }

    .input-check-soft-yellow {
        background-color: #edb20026
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-check-soft-yellow {
            background-color: color-mix(in oklab,var(--color-yellow-500)15%,transparent)
        }
    }

    .input-check-soft-yellow:checked {
        border-color: var(--color-yellow-500) !important;
        background-color: var(--color-yellow-500) !important
    }

    .input-check-soft-yellow:focus:checked {
        background-color: var(--color-yellow-500)
    }

    .input-check-soft-yellow:where([data-mode=dark],[data-mode=dark] *) {
        border-color: #edb20033 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .input-check-soft-yellow:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-yellow-500)20%,transparent) !important
        }
    }

    .input-check-gray:checked {
        background-color: var(--color-gray-500);
        border-color: var(--color-gray-500) !important
    }

    .input-check-gray:focus:checked {
        background-color: var(--color-gray-500)
    }

    .input-check-green:checked {
        background-color: var(--color-green-500);
        border-color: var(--color-green-500) !important
    }

    .input-check-green:focus:checked {
        background-color: var(--color-green-500)
    }

    .input-check-indigo:checked {
        background-color: var(--color-indigo-500);
        border-color: var(--color-indigo-500) !important
    }

    .input-check-indigo:focus:checked {
        background-color: var(--color-indigo-500)
    }

    .input-check-orange:checked {
        background-color: var(--color-orange-500);
        border-color: var(--color-orange-500) !important
    }

    .input-check-orange:focus:checked {
        background-color: var(--color-orange-500)
    }

    .input-check-pink:checked {
        background-color: var(--color-pink-500);
        border-color: var(--color-pink-500) !important
    }

    .input-check-pink:focus:checked {
        background-color: var(--color-pink-500)
    }

    .input-check-primary:checked {
        background-color: var(--color-primary-500);
        border-color: var(--color-primary-500) !important
    }

    .input-check-primary:focus:checked {
        background-color: var(--color-primary-500)
    }

    .input-check-purple:checked {
        background-color: var(--color-purple-500);
        border-color: var(--color-purple-500) !important
    }

    .input-check-purple:focus:checked {
        background-color: var(--color-purple-500)
    }

    .input-check-red:checked {
        background-color: var(--color-red-500);
        border-color: var(--color-red-500) !important
    }

    .input-check-red:focus:checked {
        background-color: var(--color-red-500)
    }

    .input-check-sky:checked {
        background-color: var(--color-sky-500);
        border-color: var(--color-sky-500) !important
    }

    .input-check-sky:focus:checked {
        background-color: var(--color-sky-500)
    }

    .input-check-yellow:checked {
        background-color: var(--color-yellow-500);
        border-color: var(--color-yellow-500) !important
    }

    .input-check-yellow:focus:checked {
        background-color: var(--color-yellow-500)
    }

    .\!border-green-200 {
        border-color: var(--color-green-200) !important
    }

    .\!border-green-500\/20 {
        border-color: #00c75833 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .\!border-green-500\/20 {
            border-color: color-mix(in oklab,var(--color-green-500)20%,transparent) !important
        }
    }

    .\!border-orange-200 {
        border-color: var(--color-orange-200) !important
    }

    .\!border-primary-200 {
        border-color: var(--color-primary-200) !important
    }

    .\!border-purple-200 {
        border-color: var(--color-purple-200) !important
    }

    .\!border-sky-200 {
        border-color: var(--color-sky-200) !important
    }

    .\!border-white {
        border-color: var(--color-white) !important
    }

    .\!border-yellow-200 {
        border-color: var(--color-yellow-200) !important
    }

    .border-dark-700 {
        border-color: var(--color-dark-700)
    }

    .border-gray-100 {
        border-color: var(--color-gray-100)
    }

    .border-gray-200 {
        border-color: var(--color-gray-200)
    }

    .border-gray-200\/50 {
        border-color: #e5e7eb80
    }

    @supports (color:color-mix(in lab,red,red)) {
        .border-gray-200\/50 {
            border-color: color-mix(in oklab,var(--color-gray-200)50%,transparent)
        }
    }

    .border-gray-300 {
        border-color: var(--color-gray-300)
    }

    .border-gray-500\/15 {
        border-color: #6a728226
    }

    @supports (color:color-mix(in lab,red,red)) {
        .border-gray-500\/15 {
            border-color: color-mix(in oklab,var(--color-gray-500)15%,transparent)
        }
    }

    .border-gray-700 {
        border-color: var(--color-gray-700)
    }

    .border-gray-900 {
        border-color: var(--color-gray-900)
    }

    .border-green-200 {
        border-color: var(--color-green-200)
    }

    .border-green-200\/20 {
        border-color: #b9f8cf33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .border-green-200\/20 {
            border-color: color-mix(in oklab,var(--color-green-200)20%,transparent)
        }
    }

    .border-green-300 {
        border-color: var(--color-green-300)
    }

    .border-green-500 {
        border-color: var(--color-green-500)
    }

    .border-green-500\/20 {
        border-color: #00c75833
    }

    @supports (color:color-mix(in lab,red,red)) {
        .border-green-500\/20 {
            border-color: color-mix(in oklab,var(--color-green-500)20%,transparent)
        }
    }

    .border-indigo-100 {
        border-color: var(--color-indigo-100)
    }

    .border-indigo-200 {
        border-color: var(--color-indigo-200)
    }

    .border-indigo-300 {
        border-color: var(--color-indigo-300)
    }

    .border-indigo-500 {
        border-color: var(--color-indigo-500)
    }

    .border-orange-300 {
        border-color: var(--color-orange-300)
    }

    .border-orange-500 {
        border-color: var(--color-orange-500)
    }

    .border-pink-200 {
        border-color: var(--color-pink-200)
    }

    .border-pink-300 {
        border-color: var(--color-pink-300)
    }

    .border-pink-500 {
        border-color: var(--color-pink-500)
    }

    .border-primary-200 {
        border-color: var(--color-primary-200)
    }

    .border-primary-200\/20 {
        border-color: #bde0ff33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .border-primary-200\/20 {
            border-color: color-mix(in oklab,var(--color-primary-200)20%,transparent)
        }
    }

    .border-primary-300 {
        border-color: var(--color-primary-300)
    }

    .border-primary-500 {
        border-color: var(--color-primary-500)
    }

    .border-primary-500\/15 {
        border-color: #358ffc26
    }

    @supports (color:color-mix(in lab,red,red)) {
        .border-primary-500\/15 {
            border-color: color-mix(in oklab,var(--color-primary-500)15%,transparent)
        }
    }

    .border-primary-500\/20 {
        border-color: #358ffc33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .border-primary-500\/20 {
            border-color: color-mix(in oklab,var(--color-primary-500)20%,transparent)
        }
    }

    .border-purple-200 {
        border-color: var(--color-purple-200)
    }

    .border-purple-300 {
        border-color: var(--color-purple-300)
    }

    .border-purple-400 {
        border-color: var(--color-purple-400)
    }

    .border-purple-400\/50 {
        border-color: #c07eff80
    }

    @supports (color:color-mix(in lab,red,red)) {
        .border-purple-400\/50 {
            border-color: color-mix(in oklab,var(--color-purple-400)50%,transparent)
        }
    }

    .border-purple-500 {
        border-color: var(--color-purple-500)
    }

    .border-purple-500\/20 {
        border-color: #ac4bff33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .border-purple-500\/20 {
            border-color: color-mix(in oklab,var(--color-purple-500)20%,transparent)
        }
    }

    .border-red-200 {
        border-color: var(--color-red-200)
    }

    .border-red-300 {
        border-color: var(--color-red-300)
    }

    .border-red-400 {
        border-color: var(--color-red-400)
    }

    .border-red-500 {
        border-color: var(--color-red-500)
    }

    .border-red-500\/20 {
        border-color: #fb2c3633
    }

    @supports (color:color-mix(in lab,red,red)) {
        .border-red-500\/20 {
            border-color: color-mix(in oklab,var(--color-red-500)20%,transparent)
        }
    }

    .border-sidebar-border {
        border-color: var(--color-sidebar-border)
    }

    .border-sky-200 {
        border-color: var(--color-sky-200)
    }

    .border-sky-300 {
        border-color: var(--color-sky-300)
    }

    .border-sky-500\/15 {
        border-color: #00a5ef26
    }

    @supports (color:color-mix(in lab,red,red)) {
        .border-sky-500\/15 {
            border-color: color-mix(in oklab,var(--color-sky-500)15%,transparent)
        }
    }

    .border-sky-500\/20 {
        border-color: #00a5ef33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .border-sky-500\/20 {
            border-color: color-mix(in oklab,var(--color-sky-500)20%,transparent)
        }
    }

    .border-slate-200 {
        border-color: var(--color-slate-200)
    }

    .border-slate-300 {
        border-color: var(--color-slate-300)
    }

    .border-transparent {
        border-color: #0000
    }

    .border-white {
        border-color: var(--color-white)
    }

    .border-white\/10 {
        border-color: #ffffff1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .border-white\/10 {
            border-color: color-mix(in oklab,var(--color-white)10%,transparent)
        }
    }

    .border-white\/20 {
        border-color: #fff3
    }

    @supports (color:color-mix(in lab,red,red)) {
        .border-white\/20 {
            border-color: color-mix(in oklab,var(--color-white)20%,transparent)
        }
    }

    .border-white\/50 {
        border-color: #ffffff80
    }

    @supports (color:color-mix(in lab,red,red)) {
        .border-white\/50 {
            border-color: color-mix(in oklab,var(--color-white)50%,transparent)
        }
    }

    .border-yellow-200 {
        border-color: var(--color-yellow-200)
    }

    .border-yellow-300 {
        border-color: var(--color-yellow-300)
    }

    .border-yellow-500\/20 {
        border-color: #edb20033
    }

    @supports (color:color-mix(in lab,red,red)) {
        .border-yellow-500\/20 {
            border-color: color-mix(in oklab,var(--color-yellow-500)20%,transparent)
        }
    }

    .loader-gray {
        border-color: var(--color-gray-500)
    }

    .loader-green {
        border-color: var(--color-green-500)
    }

    .loader-pink {
        border-color: var(--color-pink-500)
    }

    .loader-primary {
        border-color: var(--color-primary-500)
    }

    .loader-purple {
        border-color: var(--color-purple-500)
    }

    .loader-red {
        border-color: var(--color-red-500)
    }

    .loader-sky {
        border-color: var(--color-sky-500)
    }

    .loader-yellow {
        border-color: var(--color-yellow-500)
    }

    .\!border-x-transparent {
        border-inline-color: #0000 !important
    }

    .\!border-t-green-500 {
        border-top-color: var(--color-green-500) !important
    }

    .\!border-t-red-500 {
        border-top-color: var(--color-red-500) !important
    }

    .\!border-t-sky-500 {
        border-top-color: var(--color-sky-500) !important
    }

    .\!border-t-yellow-500 {
        border-top-color: var(--color-yellow-500) !important
    }

    .border-t-gray-400 {
        border-top-color: var(--color-gray-400)
    }

    .border-t-green-300 {
        border-top-color: var(--color-green-300)
    }

    .border-t-orange-300 {
        border-top-color: var(--color-orange-300)
    }

    .border-t-primary-500 {
        border-top-color: var(--color-primary-500)
    }

    .border-r-red-200 {
        border-right-color: var(--color-red-200)
    }

    .border-r-red-500 {
        border-right-color: var(--color-red-500)
    }

    .border-r-sky-500 {
        border-right-color: var(--color-sky-500)
    }

    .border-b-purple-500 {
        border-bottom-color: var(--color-purple-500)
    }

    .border-b-yellow-200 {
        border-bottom-color: var(--color-yellow-200)
    }

    .border-b-yellow-500 {
        border-bottom-color: var(--color-yellow-500)
    }

    .border-l-green-200 {
        border-left-color: var(--color-green-200)
    }

    .border-l-green-500 {
        border-left-color: var(--color-green-500)
    }

    .border-l-pink-500 {
        border-left-color: var(--color-pink-500)
    }

    .border-l-primary-500 {
        border-left-color: var(--color-primary-500)
    }

    .navigation-animation-green:after {
        content: var(--tw-content);
        background-color: var(--color-green-500)
    }

    @media (hover:hover) {
        .navigation-animation-green:hover, .navigation-animation-green:where([data-mode=dark],[data-mode=dark] *):hover {
            color: var(--color-green-500)
        }
    }

    .navigation-animation-green.active, .navigation-animation-green:where([data-mode=dark],[data-mode=dark] *).active {
        color: var(--color-green-500)
    }

    .navigation-animation-purple:after {
        content: var(--tw-content);
        background-color: var(--color-purple-500)
    }

    @media (hover:hover) {
        .navigation-animation-purple:hover, .navigation-animation-purple:where([data-mode=dark],[data-mode=dark] *):hover {
            color: var(--color-purple-500)
        }
    }

    .navigation-animation-purple.active, .navigation-animation-purple:where([data-mode=dark],[data-mode=dark] *).active {
        color: var(--color-purple-500)
    }

    .navigation-animation-sky:after {
        content: var(--tw-content);
        background-color: var(--color-sky-500)
    }

    @media (hover:hover) {
        .navigation-animation-sky:hover, .navigation-animation-sky:where([data-mode=dark],[data-mode=dark] *):hover {
            color: var(--color-sky-500)
        }
    }

    .navigation-animation-sky.active, .navigation-animation-sky:where([data-mode=dark],[data-mode=dark] *).active {
        color: var(--color-sky-500)
    }

    @media (hover:hover) {
        .dropdown-green:hover {
            background-color: #00c7581a !important
        }

        @supports (color:color-mix(in lab,red,red)) {
            .dropdown-green:hover {
                background-color: color-mix(in oklab,var(--color-green-500)10%,transparent) !important
            }
        }

        .dropdown-green:hover {
            color: var(--color-green-500) !important
        }
    }

    .dropdown-green:disabled {
        color: var(--color-green-500) !important
    }

    @media (hover:hover) {
        .dropdown-primary:hover {
            background-color: #358ffc1a !important
        }

        @supports (color:color-mix(in lab,red,red)) {
            .dropdown-primary:hover {
                background-color: color-mix(in oklab,var(--color-primary-500)10%,transparent) !important
            }
        }

        .dropdown-primary:hover {
            color: var(--color-primary-500) !important
        }
    }

    .dropdown-primary:disabled {
        color: var(--color-primary-500) !important
    }

    @media (hover:hover) {
        .dropdown-purple:hover {
            background-color: #ac4bff1a !important
        }

        @supports (color:color-mix(in lab,red,red)) {
            .dropdown-purple:hover {
                background-color: color-mix(in oklab,var(--color-purple-500)10%,transparent) !important
            }
        }

        .dropdown-purple:hover {
            color: var(--color-purple-500) !important
        }
    }

    .dropdown-purple:disabled {
        color: var(--color-purple-500) !important
    }

    @media (hover:hover) {
        .dropdown-red:hover {
            background-color: #fb2c361a !important
        }

        @supports (color:color-mix(in lab,red,red)) {
            .dropdown-red:hover {
                background-color: color-mix(in oklab,var(--color-red-500)10%,transparent) !important
            }
        }

        .dropdown-red:hover {
            color: var(--color-red-500) !important
        }
    }

    .dropdown-red:disabled {
        color: var(--color-red-500) !important
    }

    @media (hover:hover) {
        .dropdown-sky:hover {
            background-color: #00a5ef1a !important
        }

        @supports (color:color-mix(in lab,red,red)) {
            .dropdown-sky:hover {
                background-color: color-mix(in oklab,var(--color-sky-500)10%,transparent) !important
            }
        }

        .dropdown-sky:hover {
            color: var(--color-sky-500) !important
        }
    }

    .dropdown-sky:disabled {
        color: var(--color-sky-500) !important
    }

    @media (hover:hover) {
        .dropdown-yellow:hover {
            background-color: #edb2001a !important
        }

        @supports (color:color-mix(in lab,red,red)) {
            .dropdown-yellow:hover {
                background-color: color-mix(in oklab,var(--color-yellow-500)10%,transparent) !important
            }
        }

        .dropdown-yellow:hover {
            color: var(--color-yellow-500) !important
        }
    }

    .dropdown-yellow:disabled {
        color: var(--color-yellow-500) !important
    }

    .timeline-primary.active:before, .timeline-primary.active:after {
        content: var(--tw-content);
        background-color: var(--color-primary-500) !important
    }

    .timeline-purple.active:before, .timeline-purple.active:after {
        content: var(--tw-content);
        background-color: var(--color-purple-500) !important
    }

    .timeline-red.active:before, .timeline-red.active:after {
        content: var(--tw-content);
        background-color: var(--color-red-500) !important
    }

    .flatpickr-monthDropdown-months {
        background-color: var(--color-white)
    }

        .flatpickr-monthDropdown-months:where([data-mode=dark],[data-mode=dark] *) {
            background-color: var(--color-dark-900)
        }

    .\!bg-transparent {
        background-color: #0000 !important
    }

    .\!bg-white {
        background-color: var(--color-white) !important
    }

    .bg-\[\#1acd81\] {
        background-color: #1acd81
    }

    .bg-\[\#358ffc\] {
        background-color: #358ffc
    }

    .bg-\[\#f04b1f\] {
        background-color: #f04b1f
    }

    .bg-amber-500 {
        background-color: var(--color-amber-500)
    }

    .bg-blue-500 {
        background-color: var(--color-blue-500)
    }

    .bg-dark-100 {
        background-color: var(--color-dark-100)
    }

    .bg-dark-600 {
        background-color: var(--color-dark-600)
    }

    .bg-dark-700 {
        background-color: var(--color-dark-700)
    }

    .bg-dark-700\/50 {
        background-color: #31415880
    }

    @supports (color:color-mix(in lab,red,red)) {
        .bg-dark-700\/50 {
            background-color: color-mix(in oklab,var(--color-dark-700)50%,transparent)
        }
    }

    .bg-dark-800 {
        background-color: var(--color-dark-800)
    }

    .bg-dark-850 {
        background-color: var(--color-dark-850)
    }

    .bg-dark-900 {
        background-color: var(--color-dark-900)
    }

    .bg-dark-950 {
        background-color: var(--color-dark-950)
    }

    .bg-emerald-500\/10 {
        background-color: #00bb7f1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .bg-emerald-500\/10 {
            background-color: color-mix(in oklab,var(--color-emerald-500)10%,transparent)
        }
    }

    .bg-fuchsia-500 {
        background-color: var(--color-fuchsia-500)
    }

    .bg-gray-50 {
        background-color: var(--color-gray-50)
    }

    .bg-gray-100 {
        background-color: var(--color-gray-100)
    }

    .bg-gray-100\/50 {
        background-color: #f3f4f680
    }

    @supports (color:color-mix(in lab,red,red)) {
        .bg-gray-100\/50 {
            background-color: color-mix(in oklab,var(--color-gray-100)50%,transparent)
        }
    }

    .bg-gray-200 {
        background-color: var(--color-gray-200)
    }

    .bg-gray-200\/20 {
        background-color: #e5e7eb33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .bg-gray-200\/20 {
            background-color: color-mix(in oklab,var(--color-gray-200)20%,transparent)
        }
    }

    .bg-gray-200\/50 {
        background-color: #e5e7eb80
    }

    @supports (color:color-mix(in lab,red,red)) {
        .bg-gray-200\/50 {
            background-color: color-mix(in oklab,var(--color-gray-200)50%,transparent)
        }
    }

    .bg-gray-300 {
        background-color: var(--color-gray-300)
    }

    .bg-gray-400 {
        background-color: var(--color-gray-400)
    }

    .bg-gray-500 {
        background-color: var(--color-gray-500)
    }

    .bg-gray-500\/10 {
        background-color: #6a72821a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .bg-gray-500\/10 {
            background-color: color-mix(in oklab,var(--color-gray-500)10%,transparent)
        }
    }

    .bg-gray-500\/15 {
        background-color: #6a728226
    }

    @supports (color:color-mix(in lab,red,red)) {
        .bg-gray-500\/15 {
            background-color: color-mix(in oklab,var(--color-gray-500)15%,transparent)
        }
    }

    .bg-gray-500\/20 {
        background-color: #6a728233
    }

    @supports (color:color-mix(in lab,red,red)) {
        .bg-gray-500\/20 {
            background-color: color-mix(in oklab,var(--color-gray-500)20%,transparent)
        }
    }

    .bg-gray-600 {
        background-color: var(--color-gray-600)
    }

    .bg-gray-700 {
        background-color: var(--color-gray-700)
    }

    .bg-gray-800 {
        background-color: var(--color-gray-800)
    }

    .bg-gray-900 {
        background-color: var(--color-gray-900)
    }

    .bg-gray-900\/15 {
        background-color: #10182826
    }

    @supports (color:color-mix(in lab,red,red)) {
        .bg-gray-900\/15 {
            background-color: color-mix(in oklab,var(--color-gray-900)15%,transparent)
        }
    }

    .bg-gray-900\/30 {
        background-color: #1018284d
    }

    @supports (color:color-mix(in lab,red,red)) {
        .bg-gray-900\/30 {
            background-color: color-mix(in oklab,var(--color-gray-900)30%,transparent)
        }
    }

    .bg-gray-900\/40 {
        background-color: #10182866
    }

    @supports (color:color-mix(in lab,red,red)) {
        .bg-gray-900\/40 {
            background-color: color-mix(in oklab,var(--color-gray-900)40%,transparent)
        }
    }

    .bg-gray-900\/60 {
        background-color: #10182899
    }

    @supports (color:color-mix(in lab,red,red)) {
        .bg-gray-900\/60 {
            background-color: color-mix(in oklab,var(--color-gray-900)60%,transparent)
        }
    }

    .bg-gray-950 {
        background-color: var(--color-gray-950)
    }

    .bg-gray-950\/15 {
        background-color: #03071226
    }

    @supports (color:color-mix(in lab,red,red)) {
        .bg-gray-950\/15 {
            background-color: color-mix(in oklab,var(--color-gray-950)15%,transparent)
        }
    }

    .bg-gray-950\/30 {
        background-color: #0307124d
    }

    @supports (color:color-mix(in lab,red,red)) {
        .bg-gray-950\/30 {
            background-color: color-mix(in oklab,var(--color-gray-950)30%,transparent)
        }
    }

    .bg-gray-950\/50 {
        background-color: #03071280
    }

    @supports (color:color-mix(in lab,red,red)) {
        .bg-gray-950\/50 {
            background-color: color-mix(in oklab,var(--color-gray-950)50%,transparent)
        }
    }

    .bg-green-50 {
        background-color: var(--color-green-50)
    }

    .bg-green-100 {
        background-color: var(--color-green-100)
    }

    .bg-green-200 {
        background-color: var(--color-green-200)
    }

    .bg-green-300 {
        background-color: var(--color-green-300)
    }

    .bg-green-400 {
        background-color: var(--color-green-400)
    }

    .bg-green-500 {
        background-color: var(--color-green-500)
    }

    .bg-green-500\/10 {
        background-color: #00c7581a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .bg-green-500\/10 {
            background-color: color-mix(in oklab,var(--color-green-500)10%,transparent)
        }
    }

    .bg-green-500\/15 {
        background-color: #00c75826
    }

    @supports (color:color-mix(in lab,red,red)) {
        .bg-green-500\/15 {
            background-color: color-mix(in oklab,var(--color-green-500)15%,transparent)
        }
    }

    .bg-green-500\/20 {
        background-color: #00c75833
    }

    @supports (color:color-mix(in lab,red,red)) {
        .bg-green-500\/20 {
            background-color: color-mix(in oklab,var(--color-green-500)20%,transparent)
        }
    }

    .bg-green-600 {
        background-color: var(--color-green-600)
    }

    .bg-green-700 {
        background-color: var(--color-green-700)
    }

    .bg-green-800 {
        background-color: var(--color-green-800)
    }

    .bg-green-900 {
        background-color: var(--color-green-900)
    }

    .bg-green-950 {
        background-color: var(--color-green-950)
    }

    .bg-indigo-50 {
        background-color: var(--color-indigo-50)
    }

    .bg-indigo-100 {
        background-color: var(--color-indigo-100)
    }

    .bg-indigo-200 {
        background-color: var(--color-indigo-200)
    }

    .bg-indigo-300 {
        background-color: var(--color-indigo-300)
    }

    .bg-indigo-400 {
        background-color: var(--color-indigo-400)
    }

    .bg-indigo-500 {
        background-color: var(--color-indigo-500)
    }

    .bg-indigo-500\/10 {
        background-color: #625fff1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .bg-indigo-500\/10 {
            background-color: color-mix(in oklab,var(--color-indigo-500)10%,transparent)
        }
    }

    .bg-indigo-500\/15 {
        background-color: #625fff26
    }

    @supports (color:color-mix(in lab,red,red)) {
        .bg-indigo-500\/15 {
            background-color: color-mix(in oklab,var(--color-indigo-500)15%,transparent)
        }
    }

    .bg-indigo-600 {
        background-color: var(--color-indigo-600)
    }

    .bg-indigo-700 {
        background-color: var(--color-indigo-700)
    }

    .bg-indigo-800 {
        background-color: var(--color-indigo-800)
    }

    .bg-indigo-900 {
        background-color: var(--color-indigo-900)
    }

    .bg-indigo-950 {
        background-color: var(--color-indigo-950)
    }

    .bg-lime-500 {
        background-color: var(--color-lime-500)
    }

    .bg-neutral-950 {
        background-color: var(--color-neutral-950)
    }

    .bg-orange-100 {
        background-color: var(--color-orange-100)
    }

    .bg-orange-200 {
        background-color: var(--color-orange-200)
    }

    .bg-orange-400 {
        background-color: var(--color-orange-400)
    }

    .bg-orange-500 {
        background-color: var(--color-orange-500)
    }

    .bg-orange-500\/10 {
        background-color: #fe6e001a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .bg-orange-500\/10 {
            background-color: color-mix(in oklab,var(--color-orange-500)10%,transparent)
        }
    }

    .bg-orange-500\/15 {
        background-color: #fe6e0026
    }

    @supports (color:color-mix(in lab,red,red)) {
        .bg-orange-500\/15 {
            background-color: color-mix(in oklab,var(--color-orange-500)15%,transparent)
        }
    }

    .bg-orange-500\/20 {
        background-color: #fe6e0033
    }

    @supports (color:color-mix(in lab,red,red)) {
        .bg-orange-500\/20 {
            background-color: color-mix(in oklab,var(--color-orange-500)20%,transparent)
        }
    }

    .bg-pink-50 {
        background-color: var(--color-pink-50)
    }

    .bg-pink-100 {
        background-color: var(--color-pink-100)
    }

    .bg-pink-200 {
        background-color: var(--color-pink-200)
    }

    .bg-pink-300 {
        background-color: var(--color-pink-300)
    }

    .bg-pink-400 {
        background-color: var(--color-pink-400)
    }

    .bg-pink-500 {
        background-color: var(--color-pink-500)
    }

    .bg-pink-500\/15 {
        background-color: #f6339a26
    }

    @supports (color:color-mix(in lab,red,red)) {
        .bg-pink-500\/15 {
            background-color: color-mix(in oklab,var(--color-pink-500)15%,transparent)
        }
    }

    .bg-pink-500\/20 {
        background-color: #f6339a33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .bg-pink-500\/20 {
            background-color: color-mix(in oklab,var(--color-pink-500)20%,transparent)
        }
    }

    .bg-pink-600 {
        background-color: var(--color-pink-600)
    }

    .bg-pink-700 {
        background-color: var(--color-pink-700)
    }

    .bg-pink-800 {
        background-color: var(--color-pink-800)
    }

    .bg-pink-900 {
        background-color: var(--color-pink-900)
    }

    .bg-pink-950 {
        background-color: var(--color-pink-950)
    }

    .bg-primary-50 {
        background-color: var(--color-primary-50)
    }

    .bg-primary-100 {
        background-color: var(--color-primary-100)
    }

    .bg-primary-200 {
        background-color: var(--color-primary-200)
    }

    .bg-primary-300 {
        background-color: var(--color-primary-300)
    }

    .bg-primary-400 {
        background-color: var(--color-primary-400)
    }

    .bg-primary-500 {
        background-color: var(--color-primary-500)
    }

    .bg-primary-500\/10 {
        background-color: #358ffc1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .bg-primary-500\/10 {
            background-color: color-mix(in oklab,var(--color-primary-500)10%,transparent)
        }
    }

    .bg-primary-500\/15 {
        background-color: #358ffc26
    }

    @supports (color:color-mix(in lab,red,red)) {
        .bg-primary-500\/15 {
            background-color: color-mix(in oklab,var(--color-primary-500)15%,transparent)
        }
    }

    .bg-primary-500\/20 {
        background-color: #358ffc33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .bg-primary-500\/20 {
            background-color: color-mix(in oklab,var(--color-primary-500)20%,transparent)
        }
    }

    .bg-primary-500\/30 {
        background-color: #358ffc4d
    }

    @supports (color:color-mix(in lab,red,red)) {
        .bg-primary-500\/30 {
            background-color: color-mix(in oklab,var(--color-primary-500)30%,transparent)
        }
    }

    .bg-primary-600 {
        background-color: var(--color-primary-600)
    }

    .bg-primary-700 {
        background-color: var(--color-primary-700)
    }

    .bg-primary-800 {
        background-color: var(--color-primary-800)
    }

    .bg-primary-900 {
        background-color: var(--color-primary-900)
    }

    .bg-primary-950 {
        background-color: var(--color-primary-950)
    }

    .bg-purple-50 {
        background-color: var(--color-purple-50)
    }

    .bg-purple-100 {
        background-color: var(--color-purple-100)
    }

    .bg-purple-200 {
        background-color: var(--color-purple-200)
    }

    .bg-purple-300 {
        background-color: var(--color-purple-300)
    }

    .bg-purple-400 {
        background-color: var(--color-purple-400)
    }

    .bg-purple-500 {
        background-color: var(--color-purple-500)
    }

    .bg-purple-500\/10 {
        background-color: #ac4bff1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .bg-purple-500\/10 {
            background-color: color-mix(in oklab,var(--color-purple-500)10%,transparent)
        }
    }

    .bg-purple-500\/15 {
        background-color: #ac4bff26
    }

    @supports (color:color-mix(in lab,red,red)) {
        .bg-purple-500\/15 {
            background-color: color-mix(in oklab,var(--color-purple-500)15%,transparent)
        }
    }

    .bg-purple-500\/20 {
        background-color: #ac4bff33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .bg-purple-500\/20 {
            background-color: color-mix(in oklab,var(--color-purple-500)20%,transparent)
        }
    }

    .bg-purple-600 {
        background-color: var(--color-purple-600)
    }

    .bg-purple-700 {
        background-color: var(--color-purple-700)
    }

    .bg-purple-800 {
        background-color: var(--color-purple-800)
    }

    .bg-purple-900 {
        background-color: var(--color-purple-900)
    }

    .bg-purple-950 {
        background-color: var(--color-purple-950)
    }

    .bg-red-50 {
        background-color: var(--color-red-50)
    }

    .bg-red-100 {
        background-color: var(--color-red-100)
    }

    .bg-red-200 {
        background-color: var(--color-red-200)
    }

    .bg-red-300 {
        background-color: var(--color-red-300)
    }

    .bg-red-400 {
        background-color: var(--color-red-400)
    }

    .bg-red-500 {
        background-color: var(--color-red-500)
    }

    .bg-red-500\/10 {
        background-color: #fb2c361a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .bg-red-500\/10 {
            background-color: color-mix(in oklab,var(--color-red-500)10%,transparent)
        }
    }

    .bg-red-500\/15 {
        background-color: #fb2c3626
    }

    @supports (color:color-mix(in lab,red,red)) {
        .bg-red-500\/15 {
            background-color: color-mix(in oklab,var(--color-red-500)15%,transparent)
        }
    }

    .bg-red-500\/20 {
        background-color: #fb2c3633
    }

    @supports (color:color-mix(in lab,red,red)) {
        .bg-red-500\/20 {
            background-color: color-mix(in oklab,var(--color-red-500)20%,transparent)
        }
    }

    .bg-red-600 {
        background-color: var(--color-red-600)
    }

    .bg-red-700 {
        background-color: var(--color-red-700)
    }

    .bg-red-800 {
        background-color: var(--color-red-800)
    }

    .bg-red-900 {
        background-color: var(--color-red-900)
    }

    .bg-red-950 {
        background-color: var(--color-red-950)
    }

    .bg-sidebar {
        background-color: var(--color-sidebar)
    }

    .bg-sky-50 {
        background-color: var(--color-sky-50)
    }

    .bg-sky-100 {
        background-color: var(--color-sky-100)
    }

    .bg-sky-200 {
        background-color: var(--color-sky-200)
    }

    .bg-sky-300 {
        background-color: var(--color-sky-300)
    }

    .bg-sky-400 {
        background-color: var(--color-sky-400)
    }

    .bg-sky-500 {
        background-color: var(--color-sky-500)
    }

    .bg-sky-500\/10 {
        background-color: #00a5ef1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .bg-sky-500\/10 {
            background-color: color-mix(in oklab,var(--color-sky-500)10%,transparent)
        }
    }

    .bg-sky-500\/15 {
        background-color: #00a5ef26
    }

    @supports (color:color-mix(in lab,red,red)) {
        .bg-sky-500\/15 {
            background-color: color-mix(in oklab,var(--color-sky-500)15%,transparent)
        }
    }

    .bg-sky-500\/20 {
        background-color: #00a5ef33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .bg-sky-500\/20 {
            background-color: color-mix(in oklab,var(--color-sky-500)20%,transparent)
        }
    }

    .bg-sky-600 {
        background-color: var(--color-sky-600)
    }

    .bg-sky-700 {
        background-color: var(--color-sky-700)
    }

    .bg-sky-800 {
        background-color: var(--color-sky-800)
    }

    .bg-sky-900 {
        background-color: var(--color-sky-900)
    }

    .bg-sky-950 {
        background-color: var(--color-sky-950)
    }

    .bg-slate-50 {
        background-color: var(--color-slate-50)
    }

    .bg-slate-100 {
        background-color: var(--color-slate-100)
    }

    .bg-slate-200 {
        background-color: var(--color-slate-200)
    }

    .bg-slate-300 {
        background-color: var(--color-slate-300)
    }

    .bg-slate-400 {
        background-color: var(--color-slate-400)
    }

    .bg-slate-500 {
        background-color: var(--color-slate-500)
    }

    .bg-slate-600 {
        background-color: var(--color-slate-600)
    }

    .bg-slate-700 {
        background-color: var(--color-slate-700)
    }

    .bg-slate-800 {
        background-color: var(--color-slate-800)
    }

    .bg-slate-900 {
        background-color: var(--color-slate-900)
    }

    .bg-slate-950 {
        background-color: var(--color-slate-950)
    }

    .bg-stone-950 {
        background-color: var(--color-stone-950)
    }

    .bg-teal-500 {
        background-color: var(--color-teal-500)
    }

    .bg-transparent {
        background-color: #0000
    }

    .bg-violet-500 {
        background-color: var(--color-violet-500)
    }

    .bg-white {
        background-color: var(--color-white)
    }

    .bg-white\/10 {
        background-color: #ffffff1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .bg-white\/10 {
            background-color: color-mix(in oklab,var(--color-white)10%,transparent)
        }
    }

    .bg-white\/20 {
        background-color: #fff3
    }

    @supports (color:color-mix(in lab,red,red)) {
        .bg-white\/20 {
            background-color: color-mix(in oklab,var(--color-white)20%,transparent)
        }
    }

    .bg-white\/30 {
        background-color: #ffffff4d
    }

    @supports (color:color-mix(in lab,red,red)) {
        .bg-white\/30 {
            background-color: color-mix(in oklab,var(--color-white)30%,transparent)
        }
    }

    .bg-white\/50 {
        background-color: #ffffff80
    }

    @supports (color:color-mix(in lab,red,red)) {
        .bg-white\/50 {
            background-color: color-mix(in oklab,var(--color-white)50%,transparent)
        }
    }

    .bg-white\/80 {
        background-color: #fffc
    }

    @supports (color:color-mix(in lab,red,red)) {
        .bg-white\/80 {
            background-color: color-mix(in oklab,var(--color-white)80%,transparent)
        }
    }

    .bg-white\/90 {
        background-color: #ffffffe6
    }

    @supports (color:color-mix(in lab,red,red)) {
        .bg-white\/90 {
            background-color: color-mix(in oklab,var(--color-white)90%,transparent)
        }
    }

    .bg-yellow-50 {
        background-color: var(--color-yellow-50)
    }

    .bg-yellow-100 {
        background-color: var(--color-yellow-100)
    }

    .bg-yellow-200 {
        background-color: var(--color-yellow-200)
    }

    .bg-yellow-300 {
        background-color: var(--color-yellow-300)
    }

    .bg-yellow-400 {
        background-color: var(--color-yellow-400)
    }

    .bg-yellow-500 {
        background-color: var(--color-yellow-500)
    }

    .bg-yellow-500\/10 {
        background-color: #edb2001a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .bg-yellow-500\/10 {
            background-color: color-mix(in oklab,var(--color-yellow-500)10%,transparent)
        }
    }

    .bg-yellow-500\/15 {
        background-color: #edb20026
    }

    @supports (color:color-mix(in lab,red,red)) {
        .bg-yellow-500\/15 {
            background-color: color-mix(in oklab,var(--color-yellow-500)15%,transparent)
        }
    }

    .bg-yellow-500\/20 {
        background-color: #edb20033
    }

    @supports (color:color-mix(in lab,red,red)) {
        .bg-yellow-500\/20 {
            background-color: color-mix(in oklab,var(--color-yellow-500)20%,transparent)
        }
    }

    .bg-yellow-600 {
        background-color: var(--color-yellow-600)
    }

    .bg-yellow-700 {
        background-color: var(--color-yellow-700)
    }

    .bg-yellow-800 {
        background-color: var(--color-yellow-800)
    }

    .bg-yellow-900 {
        background-color: var(--color-yellow-900)
    }

    .bg-yellow-950 {
        background-color: var(--color-yellow-950)
    }

    .bg-zinc-950 {
        background-color: var(--color-zinc-950)
    }

    .switch-gray:is(:where(.peer):checked~*) {
        background-color: var(--color-gray-500) !important
    }

    .switch-green:is(:where(.peer):checked~*) {
        background-color: var(--color-green-500) !important
    }

    .switch-indigo:is(:where(.peer):checked~*) {
        background-color: var(--color-indigo-500) !important
    }

    .switch-orange:is(:where(.peer):checked~*) {
        background-color: var(--color-orange-500) !important
    }

    .switch-pink:is(:where(.peer):checked~*) {
        background-color: var(--color-pink-500) !important
    }

    .switch-primary:is(:where(.peer):checked~*) {
        background-color: var(--color-primary-500) !important
    }

    .switch-purple:is(:where(.peer):checked~*) {
        background-color: var(--color-purple-500) !important
    }

    .switch-red:is(:where(.peer):checked~*) {
        background-color: var(--color-red-500) !important
    }

    .switch-sky:is(:where(.peer):checked~*) {
        background-color: var(--color-sky-500) !important
    }

    .switch-yellow:is(:where(.peer):checked~*) {
        background-color: var(--color-yellow-500) !important
    }

    .bg-gradient-to-b {
        --tw-gradient-position: to bottom in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-gradient-to-bl {
        --tw-gradient-position: to bottom left in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-gradient-to-br {
        --tw-gradient-position: to bottom right in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-gradient-to-r {
        --tw-gradient-position: to right in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-gradient-to-t {
        --tw-gradient-position: to top in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-gradient-to-tr {
        --tw-gradient-position: to top right in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-\[image\:radial-gradient\(75\%_100\%_at_50\%_0\%\,rgba\(56\,189\,248\,0\.6\)_0\%\,rgba\(56\,189\,248\,0\)_75\%\)\] {
        background-image: radial-gradient(75% 100% at 50% 0,#38bdf899,#38bdf800 75%)
    }

    .bg-\[url\(\'\.\.\/images\/dashboards\/dashboard-patterm\.png\'\)\] {
        background-image: url(../images/dashboard-patterm.png)
    }

    .bg-\[url\(\'\.\.\/images\/ecommerce\/landing\/cta-01\.jpg\'\)\] {
        background-image: url(../images/cta-01.jpg)
    }

    .bg-\[url\(\'\.\.\/images\/ecommerce\/landing\/home\.jpg\'\)\] {
        background-image: url(../images/home.jpg)
    }

    .bg-\[url\(\'\.\.\/images\/invoice\/cta\.jpg\'\)\] {
        background-image: url(../images/cta.jpg)
    }

    .bg-\[url\(\'\.\.\/images\/others\/auth\.jpg\'\)\] {
        background-image: url(../images/auth.jpg)
    }

    .bg-\[url\(\'\.\.\/images\/others\/payment-modal\.png\'\)\] {
        background-image: url(../images/payment-modal.png)
    }

    .from-gray-900\/50 {
        --tw-gradient-from: #10182880
    }

    @supports (color:color-mix(in lab,red,red)) {
        .from-gray-900\/50 {
            --tw-gradient-from: color-mix(in oklab,var(--color-gray-900)50%,transparent)
        }
    }

    .from-gray-900\/50 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-green-500 {
        --tw-gradient-from: var(--color-green-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-green-500\/10 {
        --tw-gradient-from: #00c7581a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .from-green-500\/10 {
            --tw-gradient-from: color-mix(in oklab,var(--color-green-500)10%,transparent)
        }
    }

    .from-green-500\/10 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-green-500\/15 {
        --tw-gradient-from: #00c75826
    }

    @supports (color:color-mix(in lab,red,red)) {
        .from-green-500\/15 {
            --tw-gradient-from: color-mix(in oklab,var(--color-green-500)15%,transparent)
        }
    }

    .from-green-500\/15 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-indigo-500 {
        --tw-gradient-from: var(--color-indigo-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-orange-500\/10 {
        --tw-gradient-from: #fe6e001a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .from-orange-500\/10 {
            --tw-gradient-from: color-mix(in oklab,var(--color-orange-500)10%,transparent)
        }
    }

    .from-orange-500\/10 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-pink-500\/10 {
        --tw-gradient-from: #f6339a1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .from-pink-500\/10 {
            --tw-gradient-from: color-mix(in oklab,var(--color-pink-500)10%,transparent)
        }
    }

    .from-pink-500\/10 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-pink-500\/15 {
        --tw-gradient-from: #f6339a26
    }

    @supports (color:color-mix(in lab,red,red)) {
        .from-pink-500\/15 {
            --tw-gradient-from: color-mix(in oklab,var(--color-pink-500)15%,transparent)
        }
    }

    .from-pink-500\/15 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-primary-200 {
        --tw-gradient-from: var(--color-primary-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-primary-300 {
        --tw-gradient-from: var(--color-primary-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-primary-500 {
        --tw-gradient-from: var(--color-primary-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-primary-500\/10 {
        --tw-gradient-from: #358ffc1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .from-primary-500\/10 {
            --tw-gradient-from: color-mix(in oklab,var(--color-primary-500)10%,transparent)
        }
    }

    .from-primary-500\/10 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-primary-500\/15 {
        --tw-gradient-from: #358ffc26
    }

    @supports (color:color-mix(in lab,red,red)) {
        .from-primary-500\/15 {
            --tw-gradient-from: color-mix(in oklab,var(--color-primary-500)15%,transparent)
        }
    }

    .from-primary-500\/15 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-primary-500\/20 {
        --tw-gradient-from: #358ffc33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .from-primary-500\/20 {
            --tw-gradient-from: color-mix(in oklab,var(--color-primary-500)20%,transparent)
        }
    }

    .from-primary-500\/20 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-primary-500\/30 {
        --tw-gradient-from: #358ffc4d
    }

    @supports (color:color-mix(in lab,red,red)) {
        .from-primary-500\/30 {
            --tw-gradient-from: color-mix(in oklab,var(--color-primary-500)30%,transparent)
        }
    }

    .from-primary-500\/30 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-primary-500\/50 {
        --tw-gradient-from: #358ffc80
    }

    @supports (color:color-mix(in lab,red,red)) {
        .from-primary-500\/50 {
            --tw-gradient-from: color-mix(in oklab,var(--color-primary-500)50%,transparent)
        }
    }

    .from-primary-500\/50 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-primary-500\/80 {
        --tw-gradient-from: #358ffccc
    }

    @supports (color:color-mix(in lab,red,red)) {
        .from-primary-500\/80 {
            --tw-gradient-from: color-mix(in oklab,var(--color-primary-500)80%,transparent)
        }
    }

    .from-primary-500\/80 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-primary-600 {
        --tw-gradient-from: var(--color-primary-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-primary-950 {
        --tw-gradient-from: var(--color-primary-950);
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-purple-400 {
        --tw-gradient-from: var(--color-purple-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-purple-500 {
        --tw-gradient-from: var(--color-purple-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-purple-500\/10 {
        --tw-gradient-from: #ac4bff1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .from-purple-500\/10 {
            --tw-gradient-from: color-mix(in oklab,var(--color-purple-500)10%,transparent)
        }
    }

    .from-purple-500\/10 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-purple-500\/15 {
        --tw-gradient-from: #ac4bff26
    }

    @supports (color:color-mix(in lab,red,red)) {
        .from-purple-500\/15 {
            --tw-gradient-from: color-mix(in oklab,var(--color-purple-500)15%,transparent)
        }
    }

    .from-purple-500\/15 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-purple-500\/20 {
        --tw-gradient-from: #ac4bff33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .from-purple-500\/20 {
            --tw-gradient-from: color-mix(in oklab,var(--color-purple-500)20%,transparent)
        }
    }

    .from-purple-500\/20 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-red-500\/10 {
        --tw-gradient-from: #fb2c361a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .from-red-500\/10 {
            --tw-gradient-from: color-mix(in oklab,var(--color-red-500)10%,transparent)
        }
    }

    .from-red-500\/10 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-red-500\/15 {
        --tw-gradient-from: #fb2c3626
    }

    @supports (color:color-mix(in lab,red,red)) {
        .from-red-500\/15 {
            --tw-gradient-from: color-mix(in oklab,var(--color-red-500)15%,transparent)
        }
    }

    .from-red-500\/15 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-red-500\/20 {
        --tw-gradient-from: #fb2c3633
    }

    @supports (color:color-mix(in lab,red,red)) {
        .from-red-500\/20 {
            --tw-gradient-from: color-mix(in oklab,var(--color-red-500)20%,transparent)
        }
    }

    .from-red-500\/20 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-sky-100 {
        --tw-gradient-from: var(--color-sky-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-sky-400 {
        --tw-gradient-from: var(--color-sky-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-sky-500\/10 {
        --tw-gradient-from: #00a5ef1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .from-sky-500\/10 {
            --tw-gradient-from: color-mix(in oklab,var(--color-sky-500)10%,transparent)
        }
    }

    .from-sky-500\/10 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-sky-500\/15 {
        --tw-gradient-from: #00a5ef26
    }

    @supports (color:color-mix(in lab,red,red)) {
        .from-sky-500\/15 {
            --tw-gradient-from: color-mix(in oklab,var(--color-sky-500)15%,transparent)
        }
    }

    .from-sky-500\/15 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-sky-600 {
        --tw-gradient-from: var(--color-sky-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-white {
        --tw-gradient-from: var(--color-white);
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-yellow-500\/10 {
        --tw-gradient-from: #edb2001a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .from-yellow-500\/10 {
            --tw-gradient-from: color-mix(in oklab,var(--color-yellow-500)10%,transparent)
        }
    }

    .from-yellow-500\/10 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-yellow-500\/15 {
        --tw-gradient-from: #edb20026
    }

    @supports (color:color-mix(in lab,red,red)) {
        .from-yellow-500\/15 {
            --tw-gradient-from: color-mix(in oklab,var(--color-yellow-500)15%,transparent)
        }
    }

    .from-yellow-500\/15 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-yellow-500\/20 {
        --tw-gradient-from: #edb20033
    }

    @supports (color:color-mix(in lab,red,red)) {
        .from-yellow-500\/20 {
            --tw-gradient-from: color-mix(in oklab,var(--color-yellow-500)20%,transparent)
        }
    }

    .from-yellow-500\/20 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .via-green-50 {
        --tw-gradient-via: var(--color-green-50);
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-green-500\/5 {
        --tw-gradient-via: #00c7580d
    }

    @supports (color:color-mix(in lab,red,red)) {
        .via-green-500\/5 {
            --tw-gradient-via: color-mix(in oklab,var(--color-green-500)5%,transparent)
        }
    }

    .via-green-500\/5 {
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-green-500\/20 {
        --tw-gradient-via: #00c75833
    }

    @supports (color:color-mix(in lab,red,red)) {
        .via-green-500\/20 {
            --tw-gradient-via: color-mix(in oklab,var(--color-green-500)20%,transparent)
        }
    }

    .via-green-500\/20 {
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-green-500\/30 {
        --tw-gradient-via: #00c7584d
    }

    @supports (color:color-mix(in lab,red,red)) {
        .via-green-500\/30 {
            --tw-gradient-via: color-mix(in oklab,var(--color-green-500)30%,transparent)
        }
    }

    .via-green-500\/30 {
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-indigo-500 {
        --tw-gradient-via: var(--color-indigo-500);
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-pink-300 {
        --tw-gradient-via: var(--color-pink-300);
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-pink-500\/5 {
        --tw-gradient-via: #f6339a0d
    }

    @supports (color:color-mix(in lab,red,red)) {
        .via-pink-500\/5 {
            --tw-gradient-via: color-mix(in oklab,var(--color-pink-500)5%,transparent)
        }
    }

    .via-pink-500\/5 {
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-pink-500\/20 {
        --tw-gradient-via: #f6339a33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .via-pink-500\/20 {
            --tw-gradient-via: color-mix(in oklab,var(--color-pink-500)20%,transparent)
        }
    }

    .via-pink-500\/20 {
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-primary-500\/5 {
        --tw-gradient-via: #358ffc0d
    }

    @supports (color:color-mix(in lab,red,red)) {
        .via-primary-500\/5 {
            --tw-gradient-via: color-mix(in oklab,var(--color-primary-500)5%,transparent)
        }
    }

    .via-primary-500\/5 {
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-purple-300 {
        --tw-gradient-via: var(--color-purple-300);
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-purple-500 {
        --tw-gradient-via: var(--color-purple-500);
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-purple-500\/5 {
        --tw-gradient-via: #ac4bff0d
    }

    @supports (color:color-mix(in lab,red,red)) {
        .via-purple-500\/5 {
            --tw-gradient-via: color-mix(in oklab,var(--color-purple-500)5%,transparent)
        }
    }

    .via-purple-500\/5 {
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-purple-500\/15 {
        --tw-gradient-via: #ac4bff26
    }

    @supports (color:color-mix(in lab,red,red)) {
        .via-purple-500\/15 {
            --tw-gradient-via: color-mix(in oklab,var(--color-purple-500)15%,transparent)
        }
    }

    .via-purple-500\/15 {
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-purple-500\/20 {
        --tw-gradient-via: #ac4bff33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .via-purple-500\/20 {
            --tw-gradient-via: color-mix(in oklab,var(--color-purple-500)20%,transparent)
        }
    }

    .via-purple-500\/20 {
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-red-300 {
        --tw-gradient-via: var(--color-red-300);
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-red-500\/5 {
        --tw-gradient-via: #fb2c360d
    }

    @supports (color:color-mix(in lab,red,red)) {
        .via-red-500\/5 {
            --tw-gradient-via: color-mix(in oklab,var(--color-red-500)5%,transparent)
        }
    }

    .via-red-500\/5 {
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-sky-500\/30 {
        --tw-gradient-via: #00a5ef4d
    }

    @supports (color:color-mix(in lab,red,red)) {
        .via-sky-500\/30 {
            --tw-gradient-via: color-mix(in oklab,var(--color-sky-500)30%,transparent)
        }
    }

    .via-sky-500\/30 {
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-sky-500\/50 {
        --tw-gradient-via: #00a5ef80
    }

    @supports (color:color-mix(in lab,red,red)) {
        .via-sky-500\/50 {
            --tw-gradient-via: color-mix(in oklab,var(--color-sky-500)50%,transparent)
        }
    }

    .via-sky-500\/50 {
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-sky-600 {
        --tw-gradient-via: var(--color-sky-600);
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-yellow-500\/5 {
        --tw-gradient-via: #edb2000d
    }

    @supports (color:color-mix(in lab,red,red)) {
        .via-yellow-500\/5 {
            --tw-gradient-via: color-mix(in oklab,var(--color-yellow-500)5%,transparent)
        }
    }

    .via-yellow-500\/5 {
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-yellow-500\/15 {
        --tw-gradient-via: #edb20026
    }

    @supports (color:color-mix(in lab,red,red)) {
        .via-yellow-500\/15 {
            --tw-gradient-via: color-mix(in oklab,var(--color-yellow-500)15%,transparent)
        }
    }

    .via-yellow-500\/15 {
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .to-emerald-300 {
        --tw-gradient-to: var(--color-emerald-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-green-300 {
        --tw-gradient-to: var(--color-green-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-green-500 {
        --tw-gradient-to: var(--color-green-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-green-500\/15 {
        --tw-gradient-to: #00c75826
    }

    @supports (color:color-mix(in lab,red,red)) {
        .to-green-500\/15 {
            --tw-gradient-to: color-mix(in oklab,var(--color-green-500)15%,transparent)
        }
    }

    .to-green-500\/15 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-green-500\/20 {
        --tw-gradient-to: #00c75833
    }

    @supports (color:color-mix(in lab,red,red)) {
        .to-green-500\/20 {
            --tw-gradient-to: color-mix(in oklab,var(--color-green-500)20%,transparent)
        }
    }

    .to-green-500\/20 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-pink-50 {
        --tw-gradient-to: var(--color-pink-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-pink-400 {
        --tw-gradient-to: var(--color-pink-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-pink-500 {
        --tw-gradient-to: var(--color-pink-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-pink-500\/5 {
        --tw-gradient-to: #f6339a0d
    }

    @supports (color:color-mix(in lab,red,red)) {
        .to-pink-500\/5 {
            --tw-gradient-to: color-mix(in oklab,var(--color-pink-500)5%,transparent)
        }
    }

    .to-pink-500\/5 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-pink-500\/10 {
        --tw-gradient-to: #f6339a1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .to-pink-500\/10 {
            --tw-gradient-to: color-mix(in oklab,var(--color-pink-500)10%,transparent)
        }
    }

    .to-pink-500\/10 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-pink-500\/15 {
        --tw-gradient-to: #f6339a26
    }

    @supports (color:color-mix(in lab,red,red)) {
        .to-pink-500\/15 {
            --tw-gradient-to: color-mix(in oklab,var(--color-pink-500)15%,transparent)
        }
    }

    .to-pink-500\/15 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-primary-500 {
        --tw-gradient-to: var(--color-primary-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-primary-500\/10 {
        --tw-gradient-to: #358ffc1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .to-primary-500\/10 {
            --tw-gradient-to: color-mix(in oklab,var(--color-primary-500)10%,transparent)
        }
    }

    .to-primary-500\/10 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-primary-500\/15 {
        --tw-gradient-to: #358ffc26
    }

    @supports (color:color-mix(in lab,red,red)) {
        .to-primary-500\/15 {
            --tw-gradient-to: color-mix(in oklab,var(--color-primary-500)15%,transparent)
        }
    }

    .to-primary-500\/15 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-primary-600 {
        --tw-gradient-to: var(--color-primary-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-primary-700 {
        --tw-gradient-to: var(--color-primary-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-primary-800 {
        --tw-gradient-to: var(--color-primary-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-purple-500 {
        --tw-gradient-to: var(--color-purple-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-purple-500\/10 {
        --tw-gradient-to: #ac4bff1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .to-purple-500\/10 {
            --tw-gradient-to: color-mix(in oklab,var(--color-purple-500)10%,transparent)
        }
    }

    .to-purple-500\/10 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-purple-500\/20 {
        --tw-gradient-to: #ac4bff33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .to-purple-500\/20 {
            --tw-gradient-to: color-mix(in oklab,var(--color-purple-500)20%,transparent)
        }
    }

    .to-purple-500\/20 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-purple-700 {
        --tw-gradient-to: var(--color-purple-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-red-950 {
        --tw-gradient-to: var(--color-red-950);
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-sky-500 {
        --tw-gradient-to: var(--color-sky-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-sky-500\/10 {
        --tw-gradient-to: #00a5ef1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .to-sky-500\/10 {
            --tw-gradient-to: color-mix(in oklab,var(--color-sky-500)10%,transparent)
        }
    }

    .to-sky-500\/10 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-sky-500\/20 {
        --tw-gradient-to: #00a5ef33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .to-sky-500\/20 {
            --tw-gradient-to: color-mix(in oklab,var(--color-sky-500)20%,transparent)
        }
    }

    .to-sky-500\/20 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-sky-800 {
        --tw-gradient-to: var(--color-sky-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-transparent {
        --tw-gradient-to: transparent;
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-yellow-500\/10 {
        --tw-gradient-to: #edb2001a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .to-yellow-500\/10 {
            --tw-gradient-to: color-mix(in oklab,var(--color-yellow-500)10%,transparent)
        }
    }

    .to-yellow-500\/10 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-yellow-500\/20 {
        --tw-gradient-to: #edb20033
    }

    @supports (color:color-mix(in lab,red,red)) {
        .to-yellow-500\/20 {
            --tw-gradient-to: color-mix(in oklab,var(--color-yellow-500)20%,transparent)
        }
    }

    .to-yellow-500\/20 {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .bg-cover {
        background-size: cover
    }

    .bg-clip-text {
        -webkit-background-clip: text;
        background-clip: text
    }

    .bg-center {
        background-position: 50%
    }

    .bg-no-repeat {
        background-repeat: no-repeat
    }

    .fill-current {
        fill: currentColor
    }

    .fill-gray-100 {
        fill: var(--color-gray-100)
    }

    .fill-gray-100\/50 {
        fill: #f3f4f680
    }

    @supports (color:color-mix(in lab,red,red)) {
        .fill-gray-100\/50 {
            fill: color-mix(in oklab,var(--color-gray-100)50%,transparent)
        }
    }

    .fill-gray-200 {
        fill: var(--color-gray-200)
    }

    .fill-gray-500\/20 {
        fill: #6a728233
    }

    @supports (color:color-mix(in lab,red,red)) {
        .fill-gray-500\/20 {
            fill: color-mix(in oklab,var(--color-gray-500)20%,transparent)
        }
    }

    .fill-green-50 {
        fill: var(--color-green-50)
    }

    .fill-green-100 {
        fill: var(--color-green-100)
    }

    .fill-green-100\/20 {
        fill: #dcfce733
    }

    @supports (color:color-mix(in lab,red,red)) {
        .fill-green-100\/20 {
            fill: color-mix(in oklab,var(--color-green-100)20%,transparent)
        }
    }

    .fill-green-200 {
        fill: var(--color-green-200)
    }

    .fill-green-500\/10 {
        fill: #00c7581a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .fill-green-500\/10 {
            fill: color-mix(in oklab,var(--color-green-500)10%,transparent)
        }
    }

    .fill-green-500\/15 {
        fill: #00c75826
    }

    @supports (color:color-mix(in lab,red,red)) {
        .fill-green-500\/15 {
            fill: color-mix(in oklab,var(--color-green-500)15%,transparent)
        }
    }

    .fill-green-500\/20 {
        fill: #00c75833
    }

    @supports (color:color-mix(in lab,red,red)) {
        .fill-green-500\/20 {
            fill: color-mix(in oklab,var(--color-green-500)20%,transparent)
        }
    }

    .fill-green-500\/80 {
        fill: #00c758cc
    }

    @supports (color:color-mix(in lab,red,red)) {
        .fill-green-500\/80 {
            fill: color-mix(in oklab,var(--color-green-500)80%,transparent)
        }
    }

    .fill-indigo-100\/20 {
        fill: #e0e7ff33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .fill-indigo-100\/20 {
            fill: color-mix(in oklab,var(--color-indigo-100)20%,transparent)
        }
    }

    .fill-indigo-500\/10 {
        fill: #625fff1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .fill-indigo-500\/10 {
            fill: color-mix(in oklab,var(--color-indigo-500)10%,transparent)
        }
    }

    .fill-orange-500\/20 {
        fill: #fe6e0033
    }

    @supports (color:color-mix(in lab,red,red)) {
        .fill-orange-500\/20 {
            fill: color-mix(in oklab,var(--color-orange-500)20%,transparent)
        }
    }

    .fill-pink-200 {
        fill: var(--color-pink-200)
    }

    .fill-pink-500 {
        fill: var(--color-pink-500)
    }

    .fill-pink-500\/10 {
        fill: #f6339a1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .fill-pink-500\/10 {
            fill: color-mix(in oklab,var(--color-pink-500)10%,transparent)
        }
    }

    .fill-pink-500\/20 {
        fill: #f6339a33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .fill-pink-500\/20 {
            fill: color-mix(in oklab,var(--color-pink-500)20%,transparent)
        }
    }

    .fill-primary-100 {
        fill: var(--color-primary-100)
    }

    .fill-primary-100\/20 {
        fill: #daedff33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .fill-primary-100\/20 {
            fill: color-mix(in oklab,var(--color-primary-100)20%,transparent)
        }
    }

    .fill-primary-200 {
        fill: var(--color-primary-200)
    }

    .fill-primary-400\/20 {
        fill: #5bb1ff33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .fill-primary-400\/20 {
            fill: color-mix(in oklab,var(--color-primary-400)20%,transparent)
        }
    }

    .fill-primary-400\/50 {
        fill: #5bb1ff80
    }

    @supports (color:color-mix(in lab,red,red)) {
        .fill-primary-400\/50 {
            fill: color-mix(in oklab,var(--color-primary-400)50%,transparent)
        }
    }

    .fill-primary-500 {
        fill: var(--color-primary-500)
    }

    .fill-primary-500\/10 {
        fill: #358ffc1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .fill-primary-500\/10 {
            fill: color-mix(in oklab,var(--color-primary-500)10%,transparent)
        }
    }

    .fill-primary-500\/15 {
        fill: #358ffc26
    }

    @supports (color:color-mix(in lab,red,red)) {
        .fill-primary-500\/15 {
            fill: color-mix(in oklab,var(--color-primary-500)15%,transparent)
        }
    }

    .fill-primary-500\/20 {
        fill: #358ffc33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .fill-primary-500\/20 {
            fill: color-mix(in oklab,var(--color-primary-500)20%,transparent)
        }
    }

    .fill-purple-200 {
        fill: var(--color-purple-200)
    }

    .fill-purple-400 {
        fill: var(--color-purple-400)
    }

    .fill-purple-500\/10 {
        fill: #ac4bff1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .fill-purple-500\/10 {
            fill: color-mix(in oklab,var(--color-purple-500)10%,transparent)
        }
    }

    .fill-purple-500\/15 {
        fill: #ac4bff26
    }

    @supports (color:color-mix(in lab,red,red)) {
        .fill-purple-500\/15 {
            fill: color-mix(in oklab,var(--color-purple-500)15%,transparent)
        }
    }

    .fill-purple-500\/20 {
        fill: #ac4bff33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .fill-purple-500\/20 {
            fill: color-mix(in oklab,var(--color-purple-500)20%,transparent)
        }
    }

    .fill-red-100 {
        fill: var(--color-red-100)
    }

    .fill-red-500 {
        fill: var(--color-red-500)
    }

    .fill-red-500\/10 {
        fill: #fb2c361a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .fill-red-500\/10 {
            fill: color-mix(in oklab,var(--color-red-500)10%,transparent)
        }
    }

    .fill-red-500\/20 {
        fill: #fb2c3633
    }

    @supports (color:color-mix(in lab,red,red)) {
        .fill-red-500\/20 {
            fill: color-mix(in oklab,var(--color-red-500)20%,transparent)
        }
    }

    .fill-sky-50 {
        fill: var(--color-sky-50)
    }

    .fill-sky-100 {
        fill: var(--color-sky-100)
    }

    .fill-sky-200 {
        fill: var(--color-sky-200)
    }

    .fill-sky-200\/0 {
        fill: #0000
    }

    @supports (color:color-mix(in lab,red,red)) {
        .fill-sky-200\/0 {
            fill: color-mix(in oklab,var(--color-sky-200)0%,transparent)
        }
    }

    .fill-sky-500 {
        fill: var(--color-sky-500)
    }

    .fill-sky-500\/10 {
        fill: #00a5ef1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .fill-sky-500\/10 {
            fill: color-mix(in oklab,var(--color-sky-500)10%,transparent)
        }
    }

    .fill-sky-500\/15 {
        fill: #00a5ef26
    }

    @supports (color:color-mix(in lab,red,red)) {
        .fill-sky-500\/15 {
            fill: color-mix(in oklab,var(--color-sky-500)15%,transparent)
        }
    }

    .fill-sky-500\/20 {
        fill: #00a5ef33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .fill-sky-500\/20 {
            fill: color-mix(in oklab,var(--color-sky-500)20%,transparent)
        }
    }

    .fill-sky-500\/80 {
        fill: #00a5efcc
    }

    @supports (color:color-mix(in lab,red,red)) {
        .fill-sky-500\/80 {
            fill: color-mix(in oklab,var(--color-sky-500)80%,transparent)
        }
    }

    .fill-white\/20 {
        fill: #fff3
    }

    @supports (color:color-mix(in lab,red,red)) {
        .fill-white\/20 {
            fill: color-mix(in oklab,var(--color-white)20%,transparent)
        }
    }

    .fill-yellow-50 {
        fill: var(--color-yellow-50)
    }

    .fill-yellow-100 {
        fill: var(--color-yellow-100)
    }

    .fill-yellow-100\/20 {
        fill: #fef9c233
    }

    @supports (color:color-mix(in lab,red,red)) {
        .fill-yellow-100\/20 {
            fill: color-mix(in oklab,var(--color-yellow-100)20%,transparent)
        }
    }

    .fill-yellow-200 {
        fill: var(--color-yellow-200)
    }

    .fill-yellow-300 {
        fill: var(--color-yellow-300)
    }

    .fill-yellow-500\/10 {
        fill: #edb2001a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .fill-yellow-500\/10 {
            fill: color-mix(in oklab,var(--color-yellow-500)10%,transparent)
        }
    }

    .fill-yellow-500\/20 {
        fill: #edb20033
    }

    @supports (color:color-mix(in lab,red,red)) {
        .fill-yellow-500\/20 {
            fill: color-mix(in oklab,var(--color-yellow-500)20%,transparent)
        }
    }

    .fill-yellow-500\/80 {
        fill: #edb200cc
    }

    @supports (color:color-mix(in lab,red,red)) {
        .fill-yellow-500\/80 {
            fill: color-mix(in oklab,var(--color-yellow-500)80%,transparent)
        }
    }

    .stroke-current {
        stroke: currentColor
    }

    .stroke-green-500 {
        stroke: var(--color-green-500)
    }

    .stroke-green-500\/20 {
        stroke: #00c75833
    }

    @supports (color:color-mix(in lab,red,red)) {
        .stroke-green-500\/20 {
            stroke: color-mix(in oklab,var(--color-green-500)20%,transparent)
        }
    }

    .stroke-green-500\/30 {
        stroke: #00c7584d
    }

    @supports (color:color-mix(in lab,red,red)) {
        .stroke-green-500\/30 {
            stroke: color-mix(in oklab,var(--color-green-500)30%,transparent)
        }
    }

    .stroke-primary-300\/10 {
        stroke: #90cdff1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .stroke-primary-300\/10 {
            stroke: color-mix(in oklab,var(--color-primary-300)10%,transparent)
        }
    }

    .stroke-primary-400\/15 {
        stroke: #5bb1ff26
    }

    @supports (color:color-mix(in lab,red,red)) {
        .stroke-primary-400\/15 {
            stroke: color-mix(in oklab,var(--color-primary-400)15%,transparent)
        }
    }

    .stroke-primary-500 {
        stroke: var(--color-primary-500)
    }

    .stroke-purple-500\/30 {
        stroke: #ac4bff4d
    }

    @supports (color:color-mix(in lab,red,red)) {
        .stroke-purple-500\/30 {
            stroke: color-mix(in oklab,var(--color-purple-500)30%,transparent)
        }
    }

    .stroke-red-500 {
        stroke: var(--color-red-500)
    }

    .stroke-red-500\/30 {
        stroke: #fb2c364d
    }

    @supports (color:color-mix(in lab,red,red)) {
        .stroke-red-500\/30 {
            stroke: color-mix(in oklab,var(--color-red-500)30%,transparent)
        }
    }

    .stroke-sky-200\/20 {
        stroke: #b8e6fe33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .stroke-sky-200\/20 {
            stroke: color-mix(in oklab,var(--color-sky-200)20%,transparent)
        }
    }

    .stroke-sky-200\/30 {
        stroke: #b8e6fe4d
    }

    @supports (color:color-mix(in lab,red,red)) {
        .stroke-sky-200\/30 {
            stroke: color-mix(in oklab,var(--color-sky-200)30%,transparent)
        }
    }

    .stroke-sky-300 {
        stroke: var(--color-sky-300)
    }

    .stroke-sky-500 {
        stroke: var(--color-sky-500)
    }

    .stroke-sky-500\/20 {
        stroke: #00a5ef33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .stroke-sky-500\/20 {
            stroke: color-mix(in oklab,var(--color-sky-500)20%,transparent)
        }
    }

    .stroke-sky-500\/30 {
        stroke: #00a5ef4d
    }

    @supports (color:color-mix(in lab,red,red)) {
        .stroke-sky-500\/30 {
            stroke: color-mix(in oklab,var(--color-sky-500)30%,transparent)
        }
    }

    .stroke-yellow-500 {
        stroke: var(--color-yellow-500)
    }

    .stroke-1 {
        stroke-width: 1px
    }

    .stroke-2 {
        stroke-width: 2px
    }

    .stroke-3 {
        stroke-width: 3px
    }

    .stroke-4 {
        stroke-width: 4px
    }

    .object-contain {
        object-fit: contain
    }

    .object-cover {
        object-fit: cover
    }

    .object-center {
        object-position: center
    }

    .\!p-0 {
        padding: calc(var(--spacing)*0) !important
    }

    .\!p-2 {
        padding: calc(var(--spacing)*2) !important
    }

    .\!p-8 {
        padding: calc(var(--spacing)*8) !important
    }

    .card-body, .modal-content {
        padding: calc(var(--spacing)*5)
    }

    .p-0 {
        padding: calc(var(--spacing)*0)
    }

    .p-1 {
        padding: calc(var(--spacing)*1)
    }

    .p-1\.5 {
        padding: calc(var(--spacing)*1.5)
    }

    .p-2 {
        padding: calc(var(--spacing)*2)
    }

    .p-3 {
        padding: calc(var(--spacing)*3)
    }

    .p-4 {
        padding: calc(var(--spacing)*4)
    }

    .p-5 {
        padding: calc(var(--spacing)*5)
    }

    .p-6 {
        padding: calc(var(--spacing)*6)
    }

    .p-7 {
        padding: calc(var(--spacing)*7)
    }

    .p-8 {
        padding: calc(var(--spacing)*8)
    }

    .p-12 {
        padding: calc(var(--spacing)*12)
    }

    .p-space {
        padding: var(--spacing-space)
    }

    .fc-timeline-events .fc-timeline-event {
        padding-inline: calc(var(--spacing)*5);
        padding-block: calc(var(--spacing)*2)
    }

    .\!px-0 {
        padding-inline: calc(var(--spacing)*0) !important
    }

    .px-0 {
        padding-inline: calc(var(--spacing)*0)
    }

    .px-1 {
        padding-inline: calc(var(--spacing)*1)
    }

    .px-1\.5 {
        padding-inline: calc(var(--spacing)*1.5)
    }

    .px-2 {
        padding-inline: calc(var(--spacing)*2)
    }

    .px-2\.5 {
        padding-inline: calc(var(--spacing)*2.5)
    }

    .px-3 {
        padding-inline: calc(var(--spacing)*3)
    }

    .px-3\.5 {
        padding-inline: calc(var(--spacing)*3.5)
    }

    .px-4 {
        padding-inline: calc(var(--spacing)*4)
    }

    .px-5 {
        padding-inline: calc(var(--spacing)*5)
    }

    .px-6 {
        padding-inline: calc(var(--spacing)*6)
    }

    .px-8 {
        padding-inline: calc(var(--spacing)*8)
    }

    .px-10 {
        padding-inline: calc(var(--spacing)*10)
    }

    .px-12 {
        padding-inline: calc(var(--spacing)*12)
    }

    .px-space {
        padding-inline: var(--spacing-space)
    }

    .\!py-1\.5 {
        padding-block: calc(var(--spacing)*1.5) !important
    }

    .py-0\.5 {
        padding-block: calc(var(--spacing)*.5)
    }

    .py-1 {
        padding-block: calc(var(--spacing)*1)
    }

    .py-1\.5 {
        padding-block: calc(var(--spacing)*1.5)
    }

    .py-2 {
        padding-block: calc(var(--spacing)*2)
    }

    .py-2\.5 {
        padding-block: calc(var(--spacing)*2.5)
    }

    .py-3 {
        padding-block: calc(var(--spacing)*3)
    }

    .py-3\.5 {
        padding-block: calc(var(--spacing)*3.5)
    }

    .py-4 {
        padding-block: calc(var(--spacing)*4)
    }

    .py-5 {
        padding-block: calc(var(--spacing)*5)
    }

    .py-6 {
        padding-block: calc(var(--spacing)*6)
    }

    .py-8 {
        padding-block: calc(var(--spacing)*8)
    }

    .py-9 {
        padding-block: calc(var(--spacing)*9)
    }

    .py-10 {
        padding-block: calc(var(--spacing)*10)
    }

    .py-12 {
        padding-block: calc(var(--spacing)*12)
    }

    .py-14 {
        padding-block: calc(var(--spacing)*14)
    }

    .py-16 {
        padding-block: calc(var(--spacing)*16)
    }

    .py-20 {
        padding-block: calc(var(--spacing)*20)
    }

    .py-60 {
        padding-block: calc(var(--spacing)*60)
    }

    .py-\[0\.5625rem\] {
        padding-block: .5625rem
    }

    .pe-404 {
        padding-inline-end: calc(var(--spacing)*404)
    }

    .pe-500 {
        padding-inline-end: calc(var(--spacing)*500)
    }

    .pt-0 {
        padding-top: calc(var(--spacing)*0)
    }

    .pt-1 {
        padding-top: calc(var(--spacing)*1)
    }

    .pt-2 {
        padding-top: calc(var(--spacing)*2)
    }

    .pt-3 {
        padding-top: calc(var(--spacing)*3)
    }

    .pt-4 {
        padding-top: calc(var(--spacing)*4)
    }

    .pt-5 {
        padding-top: calc(var(--spacing)*5)
    }

    .pt-6 {
        padding-top: calc(var(--spacing)*6)
    }

    .pt-8 {
        padding-top: calc(var(--spacing)*8)
    }

    .pt-10 {
        padding-top: calc(var(--spacing)*10)
    }

    .pt-12 {
        padding-top: calc(var(--spacing)*12)
    }

    .pt-14 {
        padding-top: calc(var(--spacing)*14)
    }

    .pt-28 {
        padding-top: calc(var(--spacing)*28)
    }

    .pt-36 {
        padding-top: calc(var(--spacing)*36)
    }

    .pt-44 {
        padding-top: calc(var(--spacing)*44)
    }

    .pt-48 {
        padding-top: calc(var(--spacing)*48)
    }

    .pt-80 {
        padding-top: calc(var(--spacing)*80)
    }

    .pt-\[calc\(theme\(\"spacing\.topbar\"\)_\*_1\.2\)\], .pt-\[calc\(theme\(\'spacing\.topbar\'\)_\*_1\.2\)\] {
        padding-top: 5.625rem
    }

    .pr-3 {
        padding-right: calc(var(--spacing)*3)
    }

    .pr-4 {
        padding-right: calc(var(--spacing)*4)
    }

    .\!pb-0 {
        padding-bottom: calc(var(--spacing)*0) !important
    }

    .pb-0 {
        padding-bottom: calc(var(--spacing)*0)
    }

    .pb-1 {
        padding-bottom: calc(var(--spacing)*1)
    }

    .pb-2 {
        padding-bottom: calc(var(--spacing)*2)
    }

    .pb-3 {
        padding-bottom: calc(var(--spacing)*3)
    }

    .pb-4 {
        padding-bottom: calc(var(--spacing)*4)
    }

    .pb-5 {
        padding-bottom: calc(var(--spacing)*5)
    }

    .pb-8 {
        padding-bottom: calc(var(--spacing)*8)
    }

    .pb-10 {
        padding-bottom: calc(var(--spacing)*10)
    }

    .pb-14 {
        padding-bottom: calc(var(--spacing)*14)
    }

    .pb-20 {
        padding-bottom: calc(var(--spacing)*20)
    }

    .pb-48 {
        padding-bottom: calc(var(--spacing)*48)
    }

    .pl-3 {
        padding-left: calc(var(--spacing)*3)
    }

    .pl-5 {
        padding-left: calc(var(--spacing)*5)
    }

    .pl-9 {
        padding-left: calc(var(--spacing)*9)
    }

    .text-center {
        text-align: center
    }

    .text-left {
        text-align: left
    }

    .text-right {
        text-align: right
    }

    .text-start {
        text-align: start
    }

    .align-baseline {
        vertical-align: baseline
    }

    .align-bottom {
        vertical-align: bottom
    }

    .align-middle {
        vertical-align: middle
    }

    .align-top {
        vertical-align: top
    }

    .font-body {
        font-family: var(--font-body)
    }

    .font-heading {
        font-family: var(--font-heading)
    }

    .font-roboto-slab {
        font-family: var(--font-roboto-slab)
    }

    .font-sans {
        font-family: var(--font-sans)
    }

    .text-2xl {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading,var(--text-2xl--line-height))
    }

    .text-3xl {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading,var(--text-3xl--line-height))
    }

    .text-4xl {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading,var(--text-4xl--line-height))
    }

    .text-5xl {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading,var(--text-5xl--line-height))
    }

    .text-6xl {
        font-size: var(--text-6xl);
        line-height: var(--tw-leading,var(--text-6xl--line-height))
    }

    .text-7xl {
        font-size: var(--text-7xl);
        line-height: var(--tw-leading,var(--text-7xl--line-height))
    }

    .text-8xl {
        font-size: var(--text-8xl);
        line-height: var(--tw-leading,var(--text-8xl--line-height))
    }

    .text-base {
        font-size: var(--text-base);
        line-height: var(--tw-leading,var(--text-base--line-height))
    }

    .text-lg {
        font-size: var(--text-lg);
        line-height: var(--tw-leading,var(--text-lg--line-height))
    }

    .text-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading,var(--text-sm--line-height))
    }

    .text-xl {
        font-size: var(--text-xl);
        line-height: var(--tw-leading,var(--text-xl--line-height))
    }

    .text-xs {
        font-size: var(--text-xs);
        line-height: var(--tw-leading,var(--text-xs--line-height))
    }

    .\!text-11 {
        font-size: var(--text-11) !important
    }

    .\!text-13 {
        font-size: var(--text-13) !important
    }

    .text-11 {
        font-size: var(--text-11)
    }

    .text-13 {
        font-size: var(--text-13)
    }

    .text-14 {
        font-size: var(--text-14)
    }

    .text-15 {
        font-size: var(--text-15)
    }

    .text-16 {
        font-size: var(--text-16)
    }

    .text-17 {
        font-size: var(--text-17)
    }

    .text-\[0\.75rem\] {
        font-size: .75rem
    }

    .text-\[14\.5px\] {
        font-size: 14.5px
    }

    .text-card-title {
        font-size: var(--text-card-title)
    }

    .leading-4 {
        --tw-leading: calc(var(--spacing)*4);
        line-height: calc(var(--spacing)*4)
    }

    .leading-7 {
        --tw-leading: calc(var(--spacing)*7);
        line-height: calc(var(--spacing)*7)
    }

    .leading-none {
        --tw-leading: 1;
        line-height: 1
    }

    .leading-normal {
        --tw-leading: var(--leading-normal);
        line-height: var(--leading-normal)
    }

    .leading-relaxed {
        --tw-leading: var(--leading-relaxed);
        line-height: var(--leading-relaxed)
    }

    .leading-tight {
        --tw-leading: var(--leading-tight);
        line-height: var(--leading-tight)
    }

    .\!font-medium {
        --tw-font-weight: var(--font-weight-medium) !important;
        font-weight: var(--font-weight-medium) !important
    }

    .font-black {
        --tw-font-weight: var(--font-weight-black);
        font-weight: var(--font-weight-black)
    }

    .font-bold {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold)
    }

    .font-extrabold {
        --tw-font-weight: var(--font-weight-extrabold);
        font-weight: var(--font-weight-extrabold)
    }

    .font-extralight {
        --tw-font-weight: var(--font-weight-extralight);
        font-weight: var(--font-weight-extralight)
    }

    .font-light {
        --tw-font-weight: var(--font-weight-light);
        font-weight: var(--font-weight-light)
    }

    .font-medium {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .font-normal {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal)
    }

    .font-semibold {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold)
    }

    .font-thin {
        --tw-font-weight: var(--font-weight-thin);
        font-weight: var(--font-weight-thin)
    }

    .-tracking-tighter {
        --tw-tracking: calc(var(--tracking-tighter)*-1);
        letter-spacing: calc(var(--tracking-tighter)*-1)
    }

    .tracking-wide {
        --tw-tracking: var(--tracking-wide);
        letter-spacing: var(--tracking-wide)
    }

    .tracking-wider {
        --tw-tracking: var(--tracking-wider);
        letter-spacing: var(--tracking-wider)
    }

    .text-wrap {
        text-wrap: wrap
    }

    .break-words {
        overflow-wrap: break-word
    }

    .hyphens-auto {
        -webkit-hyphens: auto;
        hyphens: auto
    }

    .whitespace-normal {
        white-space: normal
    }

    .whitespace-nowrap {
        white-space: nowrap
    }

    .link {
        color: var(--color-gray-500);
        transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration));
        --tw-duration: .2s;
        --tw-ease: linear;
        transition-duration: .2s;
        transition-timing-function: linear
    }

        .link:where([data-mode=dark],[data-mode=dark] *) {
            color: var(--color-dark-500)
        }

    .arrow-icon {
        color: var(--color-gray-500)
    }

        .arrow-icon:where([data-mode=dark],[data-mode=dark] *) {
            color: var(--color-dark-500)
        }

        .arrow-icon.active {
            color: currentColor
        }

    @media (hover:hover) {
        .navigation-primary:hover, .navigation-primary:where([data-mode=dark],[data-mode=dark] *):hover {
            color: var(--color-primary-500)
        }
    }

    .navigation-primary.active, .navigation-primary:where([data-mode=dark],[data-mode=dark] *).active {
        color: var(--color-primary-500)
    }

    .btn.btn-sub-gray:where([data-mode=dark],[data-mode=dark] *) {
        color: var(--color-gray-400)
    }

    @media (hover:hover) {
        .btn.btn-sub-gray:where([data-mode=dark],[data-mode=dark] *):hover {
            color: var(--color-gray-300)
        }
    }

    .input-spin-green :is(.input-spin-minus,.input-spin-plus):hover {
        color: #00c65a;
        color: oklch(72.3% .219 149.579)
    }

    .input-spin-primary :is(.input-spin-minus,.input-spin-plus):hover {
        color: #358ffc
    }

    .input-spin-purple :is(.input-spin-minus,.input-spin-plus):hover {
        color: #ab4eff;
        color: oklch(62.7% .265 303.9)
    }

    .input-spin-red :is(.input-spin-minus,.input-spin-plus):hover {
        color: #fb2c36
    }

    .input-spin-sky :is(.input-spin-minus,.input-spin-plus):hover {
        color: #00a5ea;
        color: oklch(68.5% .169 237.323)
    }

    .input-spin-yellow :is(.input-spin-minus,.input-spin-plus):hover {
        color: #eab300;
        color: oklch(79.5% .184 86.047)
    }

    @media (hover:hover) {
        .link-green:hover {
            color: var(--color-green-500)
        }

        .link-indigo:hover {
            color: var(--color-indigo-500)
        }

        .link-orange:hover {
            color: var(--color-orange-500)
        }

        .link-pink:hover {
            color: var(--color-pink-500)
        }

        .link-primary:hover {
            color: var(--color-primary-500)
        }

        .link-purple:hover {
            color: var(--color-purple-500)
        }

        .link-red:hover {
            color: var(--color-red-500)
        }

        .link-sky:hover {
            color: var(--color-sky-500)
        }

        .link-yellow:hover {
            color: var(--color-yellow-500)
        }
    }

    .text-blue-500 {
        color: var(--color-blue-500)
    }

    .text-current {
        color: currentColor
    }

    .text-gray-50 {
        color: var(--color-gray-50)
    }

    .text-gray-100 {
        color: var(--color-gray-100)
    }

    .text-gray-100\/5 {
        color: #f3f4f60d
    }

    @supports (color:color-mix(in lab,red,red)) {
        .text-gray-100\/5 {
            color: color-mix(in oklab,var(--color-gray-100)5%,transparent)
        }
    }

    .text-gray-200 {
        color: var(--color-gray-200)
    }

    .text-gray-400 {
        color: var(--color-gray-400)
    }

    .text-gray-500 {
        color: var(--color-gray-500)
    }

    .text-gray-500\/10 {
        color: #6a72821a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .text-gray-500\/10 {
            color: color-mix(in oklab,var(--color-gray-500)10%,transparent)
        }
    }

    .text-gray-700 {
        color: var(--color-gray-700)
    }

    .text-gray-800 {
        color: var(--color-gray-800)
    }

    .text-gray-900 {
        color: var(--color-gray-900)
    }

    .text-green-50 {
        color: var(--color-green-50)
    }

    .text-green-100 {
        color: var(--color-green-100)
    }

    .text-green-200 {
        color: var(--color-green-200)
    }

    .text-green-300 {
        color: var(--color-green-300)
    }

    .text-green-400 {
        color: var(--color-green-400)
    }

    .text-green-500 {
        color: var(--color-green-500)
    }

    .text-green-600 {
        color: var(--color-green-600)
    }

    .text-green-700 {
        color: var(--color-green-700)
    }

    .text-indigo-50 {
        color: var(--color-indigo-50)
    }

    .text-indigo-100 {
        color: var(--color-indigo-100)
    }

    .text-indigo-200 {
        color: var(--color-indigo-200)
    }

    .text-indigo-400 {
        color: var(--color-indigo-400)
    }

    .text-indigo-500 {
        color: var(--color-indigo-500)
    }

    .text-indigo-700 {
        color: var(--color-indigo-700)
    }

    .text-menu-title {
        color: var(--color-menu-title)
    }

    .text-orange-50 {
        color: var(--color-orange-50)
    }

    .text-orange-100 {
        color: var(--color-orange-100)
    }

    .text-orange-400 {
        color: var(--color-orange-400)
    }

    .text-orange-500 {
        color: var(--color-orange-500)
    }

    .text-orange-500\/30 {
        color: #fe6e004d
    }

    @supports (color:color-mix(in lab,red,red)) {
        .text-orange-500\/30 {
            color: color-mix(in oklab,var(--color-orange-500)30%,transparent)
        }
    }

    .text-pink-50 {
        color: var(--color-pink-50)
    }

    .text-pink-100 {
        color: var(--color-pink-100)
    }

    .text-pink-200 {
        color: var(--color-pink-200)
    }

    .text-pink-400 {
        color: var(--color-pink-400)
    }

    .text-pink-500 {
        color: var(--color-pink-500)
    }

    .text-pink-700 {
        color: var(--color-pink-700)
    }

    .text-primary-50 {
        color: var(--color-primary-50)
    }

    .text-primary-100 {
        color: var(--color-primary-100)
    }

    .text-primary-200 {
        color: var(--color-primary-200)
    }

    .text-primary-300 {
        color: var(--color-primary-300)
    }

    .text-primary-400 {
        color: var(--color-primary-400)
    }

    .text-primary-500 {
        color: var(--color-primary-500)
    }

    .text-primary-600 {
        color: var(--color-primary-600)
    }

    .text-primary-700 {
        color: var(--color-primary-700)
    }

    .text-purple-50 {
        color: var(--color-purple-50)
    }

    .text-purple-50\/75 {
        color: #faf5ffbf
    }

    @supports (color:color-mix(in lab,red,red)) {
        .text-purple-50\/75 {
            color: color-mix(in oklab,var(--color-purple-50)75%,transparent)
        }
    }

    .text-purple-100 {
        color: var(--color-purple-100)
    }

    .text-purple-200 {
        color: var(--color-purple-200)
    }

    .text-purple-400 {
        color: var(--color-purple-400)
    }

    .text-purple-500 {
        color: var(--color-purple-500)
    }

    .text-purple-700 {
        color: var(--color-purple-700)
    }

    .text-red-50 {
        color: var(--color-red-50)
    }

    .text-red-100 {
        color: var(--color-red-100)
    }

    .text-red-200 {
        color: var(--color-red-200)
    }

    .text-red-400 {
        color: var(--color-red-400)
    }

    .text-red-500 {
        color: var(--color-red-500)
    }

    .text-red-600 {
        color: var(--color-red-600)
    }

    .text-red-700 {
        color: var(--color-red-700)
    }

    .text-sidebar-text {
        color: var(--color-sidebar-text)
    }

    .text-sidebar-text-active {
        color: var(--color-sidebar-text-active)
    }

    .text-sky-50 {
        color: var(--color-sky-50)
    }

    .text-sky-100 {
        color: var(--color-sky-100)
    }

    .text-sky-200 {
        color: var(--color-sky-200)
    }

    .text-sky-400 {
        color: var(--color-sky-400)
    }

    .text-sky-500 {
        color: var(--color-sky-500)
    }

    .text-sky-500\/10 {
        color: #00a5ef1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .text-sky-500\/10 {
            color: color-mix(in oklab,var(--color-sky-500)10%,transparent)
        }
    }

    .text-sky-500\/15 {
        color: #00a5ef26
    }

    @supports (color:color-mix(in lab,red,red)) {
        .text-sky-500\/15 {
            color: color-mix(in oklab,var(--color-sky-500)15%,transparent)
        }
    }

    .text-sky-700 {
        color: var(--color-sky-700)
    }

    .text-slate-100 {
        color: var(--color-slate-100)
    }

    .text-slate-200 {
        color: var(--color-slate-200)
    }

    .text-slate-200\/50 {
        color: #e2e8f080
    }

    @supports (color:color-mix(in lab,red,red)) {
        .text-slate-200\/50 {
            color: color-mix(in oklab,var(--color-slate-200)50%,transparent)
        }
    }

    .text-slate-500 {
        color: var(--color-slate-500)
    }

    .text-slate-700 {
        color: var(--color-slate-700)
    }

    .text-slate-800 {
        color: var(--color-slate-800)
    }

    .text-slate-900 {
        color: var(--color-slate-900)
    }

    .text-topbar {
        color: var(--color-topbar)
    }

    .text-transparent {
        color: #0000
    }

    .text-white {
        color: var(--color-white)
    }

    .text-white\/50 {
        color: #ffffff80
    }

    @supports (color:color-mix(in lab,red,red)) {
        .text-white\/50 {
            color: color-mix(in oklab,var(--color-white)50%,transparent)
        }
    }

    .text-white\/60 {
        color: #fff9
    }

    @supports (color:color-mix(in lab,red,red)) {
        .text-white\/60 {
            color: color-mix(in oklab,var(--color-white)60%,transparent)
        }
    }

    .text-white\/70 {
        color: #ffffffb3
    }

    @supports (color:color-mix(in lab,red,red)) {
        .text-white\/70 {
            color: color-mix(in oklab,var(--color-white)70%,transparent)
        }
    }

    .text-white\/75 {
        color: #ffffffbf
    }

    @supports (color:color-mix(in lab,red,red)) {
        .text-white\/75 {
            color: color-mix(in oklab,var(--color-white)75%,transparent)
        }
    }

    .text-yellow-50 {
        color: var(--color-yellow-50)
    }

    .text-yellow-100 {
        color: var(--color-yellow-100)
    }

    .text-yellow-200 {
        color: var(--color-yellow-200)
    }

    .text-yellow-400 {
        color: var(--color-yellow-400)
    }

    .text-yellow-500 {
        color: var(--color-yellow-500)
    }

    .text-yellow-700 {
        color: var(--color-yellow-700)
    }

    .capitalize {
        text-transform: capitalize
    }

    .lowercase {
        text-transform: lowercase
    }

    .uppercase {
        text-transform: uppercase
    }

    .italic {
        font-style: italic
    }

    .link-line-green {
        text-underline-offset: 2px;
        text-decoration-line: underline
    }

    @media (hover:hover) {
        .link-line-green:hover {
            -webkit-text-decoration-color: var(--color-green-500);
            text-decoration-color: var(--color-green-500)
        }
    }

    .link-line-indigo {
        text-underline-offset: 2px;
        text-decoration-line: underline
    }

    @media (hover:hover) {
        .link-line-indigo:hover {
            -webkit-text-decoration-color: var(--color-indigo-500);
            text-decoration-color: var(--color-indigo-500)
        }
    }

    .link-line-orange {
        text-underline-offset: 2px;
        text-decoration-line: underline
    }

    @media (hover:hover) {
        .link-line-orange:hover {
            -webkit-text-decoration-color: var(--color-orange-500);
            text-decoration-color: var(--color-orange-500)
        }
    }

    .link-line-pink {
        text-underline-offset: 2px;
        text-decoration-line: underline
    }

    @media (hover:hover) {
        .link-line-pink:hover {
            -webkit-text-decoration-color: var(--color-pink-500);
            text-decoration-color: var(--color-pink-500)
        }
    }

    .link-line-primary {
        text-underline-offset: 2px;
        text-decoration-line: underline
    }

    @media (hover:hover) {
        .link-line-primary:hover {
            -webkit-text-decoration-color: var(--color-primary-500);
            text-decoration-color: var(--color-primary-500)
        }
    }

    .link-line-purple {
        text-underline-offset: 2px;
        text-decoration-line: underline
    }

    @media (hover:hover) {
        .link-line-purple:hover {
            -webkit-text-decoration-color: var(--color-purple-500);
            text-decoration-color: var(--color-purple-500)
        }
    }

    .link-line-red {
        text-underline-offset: 2px;
        text-decoration-line: underline
    }

    @media (hover:hover) {
        .link-line-red:hover {
            -webkit-text-decoration-color: var(--color-red-500);
            text-decoration-color: var(--color-red-500)
        }
    }

    .link-line-sky {
        text-underline-offset: 2px;
        text-decoration-line: underline
    }

    @media (hover:hover) {
        .link-line-sky:hover {
            -webkit-text-decoration-color: var(--color-sky-500);
            text-decoration-color: var(--color-sky-500)
        }
    }

    .link-line-yellow {
        text-underline-offset: 2px;
        text-decoration-line: underline
    }

    @media (hover:hover) {
        .link-line-yellow:hover {
            -webkit-text-decoration-color: var(--color-yellow-500);
            text-decoration-color: var(--color-yellow-500)
        }
    }

    .line-through {
        text-decoration-line: line-through
    }

    .no-underline {
        text-decoration-line: none
    }

    .underline {
        text-decoration-line: underline
    }

    .decoration-sky-300 {
        -webkit-text-decoration-color: var(--color-sky-300);
        text-decoration-color: var(--color-sky-300)
    }

    .decoration-dashed {
        text-decoration-style: dashed
    }

    .decoration-2 {
        text-decoration-thickness: 2px
    }

    .underline-offset-2 {
        text-underline-offset: 2px
    }

    .underline-offset-4 {
        text-underline-offset: 4px
    }

    .opacity-0 {
        opacity: 0
    }

    .opacity-10 {
        opacity: .1
    }

    .opacity-15 {
        opacity: .15
    }

    .opacity-20 {
        opacity: .2
    }

    .opacity-30 {
        opacity: .3
    }

    .opacity-45 {
        opacity: .45
    }

    .opacity-50 {
        opacity: .5
    }

    .opacity-75 {
        opacity: .75
    }

    .opacity-90 {
        opacity: .9
    }

    .opacity-100 {
        opacity: 1
    }

    .shadow {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

    .shadow-2xl {
        --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color,#00000040);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

    .shadow-inner {
        --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

    .shadow-lg {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

    .shadow-md {
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

    .shadow-none {
        --tw-shadow: 0 0 #0000;
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

    .shadow-sm {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

    .shadow-xs {
        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color,#0000000d);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

    .ring, .ring-1 {
        --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

    .ring-2 {
        --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

    .ring-4 {
        --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

    .ring-8 {
        --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(8px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

    .shadow-gray-100 {
        --tw-shadow-color: oklch(96.7% .003 264.542)
    }

    @supports (color:color-mix(in lab,red,red)) {
        .shadow-gray-100 {
            --tw-shadow-color: color-mix(in oklab,var(--color-gray-100)var(--tw-shadow-alpha),transparent)
        }
    }

    .shadow-gray-200 {
        --tw-shadow-color: oklch(92.8% .006 264.531)
    }

    @supports (color:color-mix(in lab,red,red)) {
        .shadow-gray-200 {
            --tw-shadow-color: color-mix(in oklab,var(--color-gray-200)var(--tw-shadow-alpha),transparent)
        }
    }

    .shadow-gray-200\/30 {
        --tw-shadow-color: #e5e7eb4d
    }

    @supports (color:color-mix(in lab,red,red)) {
        .shadow-gray-200\/30 {
            --tw-shadow-color: color-mix(in oklab,color-mix(in oklab,var(--color-gray-200)30%,transparent)var(--tw-shadow-alpha),transparent)
        }
    }

    .shadow-gray-200\/50 {
        --tw-shadow-color: #e5e7eb80
    }

    @supports (color:color-mix(in lab,red,red)) {
        .shadow-gray-200\/50 {
            --tw-shadow-color: color-mix(in oklab,color-mix(in oklab,var(--color-gray-200)50%,transparent)var(--tw-shadow-alpha),transparent)
        }
    }

    .shadow-gray-300 {
        --tw-shadow-color: oklch(87.2% .01 258.338)
    }

    @supports (color:color-mix(in lab,red,red)) {
        .shadow-gray-300 {
            --tw-shadow-color: color-mix(in oklab,var(--color-gray-300)var(--tw-shadow-alpha),transparent)
        }
    }

    .shadow-gray-400 {
        --tw-shadow-color: oklch(70.7% .022 261.325)
    }

    @supports (color:color-mix(in lab,red,red)) {
        .shadow-gray-400 {
            --tw-shadow-color: color-mix(in oklab,var(--color-gray-400)var(--tw-shadow-alpha),transparent)
        }
    }

    .shadow-green-100 {
        --tw-shadow-color: oklch(96.2% .044 156.743)
    }

    @supports (color:color-mix(in lab,red,red)) {
        .shadow-green-100 {
            --tw-shadow-color: color-mix(in oklab,var(--color-green-100)var(--tw-shadow-alpha),transparent)
        }
    }

    .shadow-indigo-100 {
        --tw-shadow-color: oklch(93% .034 272.788)
    }

    @supports (color:color-mix(in lab,red,red)) {
        .shadow-indigo-100 {
            --tw-shadow-color: color-mix(in oklab,var(--color-indigo-100)var(--tw-shadow-alpha),transparent)
        }
    }

    .shadow-orange-100 {
        --tw-shadow-color: oklch(95.4% .038 75.164)
    }

    @supports (color:color-mix(in lab,red,red)) {
        .shadow-orange-100 {
            --tw-shadow-color: color-mix(in oklab,var(--color-orange-100)var(--tw-shadow-alpha),transparent)
        }
    }

    .shadow-pink-100 {
        --tw-shadow-color: oklch(94.8% .028 342.258)
    }

    @supports (color:color-mix(in lab,red,red)) {
        .shadow-pink-100 {
            --tw-shadow-color: color-mix(in oklab,var(--color-pink-100)var(--tw-shadow-alpha),transparent)
        }
    }

    .shadow-primary-100 {
        --tw-shadow-color: oklch(93.75% .0317 246.7)
    }

    @supports (color:color-mix(in lab,red,red)) {
        .shadow-primary-100 {
            --tw-shadow-color: color-mix(in oklab,var(--color-primary-100)var(--tw-shadow-alpha),transparent)
        }
    }

    .shadow-primary-500\/10 {
        --tw-shadow-color: #358ffc1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .shadow-primary-500\/10 {
            --tw-shadow-color: color-mix(in oklab,color-mix(in oklab,var(--color-primary-500)10%,transparent)var(--tw-shadow-alpha),transparent)
        }
    }

    .shadow-purple-100 {
        --tw-shadow-color: oklch(94.6% .033 307.174)
    }

    @supports (color:color-mix(in lab,red,red)) {
        .shadow-purple-100 {
            --tw-shadow-color: color-mix(in oklab,var(--color-purple-100)var(--tw-shadow-alpha),transparent)
        }
    }

    .shadow-red-100 {
        --tw-shadow-color: oklch(93.6% .032 17.717)
    }

    @supports (color:color-mix(in lab,red,red)) {
        .shadow-red-100 {
            --tw-shadow-color: color-mix(in oklab,var(--color-red-100)var(--tw-shadow-alpha),transparent)
        }
    }

    .shadow-sky-100 {
        --tw-shadow-color: oklch(95.1% .026 236.824)
    }

    @supports (color:color-mix(in lab,red,red)) {
        .shadow-sky-100 {
            --tw-shadow-color: color-mix(in oklab,var(--color-sky-100)var(--tw-shadow-alpha),transparent)
        }
    }

    .shadow-sky-200\/50 {
        --tw-shadow-color: #b8e6fe80
    }

    @supports (color:color-mix(in lab,red,red)) {
        .shadow-sky-200\/50 {
            --tw-shadow-color: color-mix(in oklab,color-mix(in oklab,var(--color-sky-200)50%,transparent)var(--tw-shadow-alpha),transparent)
        }
    }

    .shadow-slate-200 {
        --tw-shadow-color: oklch(92.9% .013 255.508)
    }

    @supports (color:color-mix(in lab,red,red)) {
        .shadow-slate-200 {
            --tw-shadow-color: color-mix(in oklab,var(--color-slate-200)var(--tw-shadow-alpha),transparent)
        }
    }

    .shadow-slate-900\/10 {
        --tw-shadow-color: #0f172b1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .shadow-slate-900\/10 {
            --tw-shadow-color: color-mix(in oklab,color-mix(in oklab,var(--color-slate-900)10%,transparent)var(--tw-shadow-alpha),transparent)
        }
    }

    .shadow-yellow-100 {
        --tw-shadow-color: oklch(97.3% .071 103.193)
    }

    @supports (color:color-mix(in lab,red,red)) {
        .shadow-yellow-100 {
            --tw-shadow-color: color-mix(in oklab,var(--color-yellow-100)var(--tw-shadow-alpha),transparent)
        }
    }

    .ring-green-500\/10 {
        --tw-ring-color: #00c7581a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .ring-green-500\/10 {
            --tw-ring-color: color-mix(in oklab,var(--color-green-500)10%,transparent)
        }
    }

    .ring-primary-500\/20 {
        --tw-ring-color: #358ffc33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .ring-primary-500\/20 {
            --tw-ring-color: color-mix(in oklab,var(--color-primary-500)20%,transparent)
        }
    }

    .ring-purple-500\/20 {
        --tw-ring-color: #ac4bff33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .ring-purple-500\/20 {
            --tw-ring-color: color-mix(in oklab,var(--color-purple-500)20%,transparent)
        }
    }

    .ring-red-500\/10 {
        --tw-ring-color: #fb2c361a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .ring-red-500\/10 {
            --tw-ring-color: color-mix(in oklab,var(--color-red-500)10%,transparent)
        }
    }

    .ring-red-500\/20 {
        --tw-ring-color: #fb2c3633
    }

    @supports (color:color-mix(in lab,red,red)) {
        .ring-red-500\/20 {
            --tw-ring-color: color-mix(in oklab,var(--color-red-500)20%,transparent)
        }
    }

    .ring-sky-500\/20 {
        --tw-ring-color: #00a5ef33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .ring-sky-500\/20 {
            --tw-ring-color: color-mix(in oklab,var(--color-sky-500)20%,transparent)
        }
    }

    .ring-transparent {
        --tw-ring-color: transparent
    }

    .ring-white {
        --tw-ring-color: var(--color-white)
    }

    .ring-yellow-500\/10 {
        --tw-ring-color: #edb2001a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .ring-yellow-500\/10 {
            --tw-ring-color: color-mix(in oklab,var(--color-yellow-500)10%,transparent)
        }
    }

    .ring-offset-2 {
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-shadow: var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
    }

    .outline-hidden {
        --tw-outline-style: none;
        outline-style: none
    }

    @media (forced-colors:active) {
        .outline-hidden {
            outline-offset: 2px;
            outline: 2px solid #0000
        }
    }

    .outline, .outline-1 {
        outline-style: var(--tw-outline-style);
        outline-width: 1px
    }

    .outline-2 {
        outline-style: var(--tw-outline-style);
        outline-width: 2px
    }

    .outline-offset-2 {
        outline-offset: 2px
    }

    .outline-offset-4 {
        outline-offset: 4px
    }

    .outline-blue-500\/20 {
        outline-color: #3080ff33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .outline-blue-500\/20 {
            outline-color: color-mix(in oklab,var(--color-blue-500)20%,transparent)
        }
    }

    .outline-gray-200 {
        outline-color: var(--color-gray-200)
    }

    .outline-green-500 {
        outline-color: var(--color-green-500)
    }

    .outline-green-500\/20 {
        outline-color: #00c75833
    }

    @supports (color:color-mix(in lab,red,red)) {
        .outline-green-500\/20 {
            outline-color: color-mix(in oklab,var(--color-green-500)20%,transparent)
        }
    }

    .outline-green-500\/50 {
        outline-color: #00c75880
    }

    @supports (color:color-mix(in lab,red,red)) {
        .outline-green-500\/50 {
            outline-color: color-mix(in oklab,var(--color-green-500)50%,transparent)
        }
    }

    .outline-indigo-500 {
        outline-color: var(--color-indigo-500)
    }

    .outline-pink-500\/20 {
        outline-color: #f6339a33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .outline-pink-500\/20 {
            outline-color: color-mix(in oklab,var(--color-pink-500)20%,transparent)
        }
    }

    .outline-primary-500 {
        outline-color: var(--color-primary-500)
    }

    .outline-red-500\/20 {
        outline-color: #fb2c3633
    }

    @supports (color:color-mix(in lab,red,red)) {
        .outline-red-500\/20 {
            outline-color: color-mix(in oklab,var(--color-red-500)20%,transparent)
        }
    }

    .outline-white {
        outline-color: var(--color-white)
    }

    .outline-yellow-500 {
        outline-color: var(--color-yellow-500)
    }

    .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,)
    }

    .blur-2xl {
        --tw-blur: blur(var(--blur-2xl));
        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,)
    }

    .blur-3xl {
        --tw-blur: blur(var(--blur-3xl));
        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,)
    }

    .blur-md {
        --tw-blur: blur(var(--blur-md));
        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,)
    }

    .blur-xl {
        --tw-blur: blur(var(--blur-xl));
        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,)
    }

    .blur-xs {
        --tw-blur: blur(var(--blur-xs));
        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,)
    }

    .drop-shadow-lg {
        --tw-drop-shadow-size: drop-shadow(0 4px 4px var(--tw-drop-shadow-color,#00000026));
        --tw-drop-shadow: drop-shadow(var(--drop-shadow-lg));
        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,)
    }

    .drop-shadow-xl {
        --tw-drop-shadow-size: drop-shadow(0 9px 7px var(--tw-drop-shadow-color,#0000001a));
        --tw-drop-shadow: drop-shadow(var(--drop-shadow-xl));
        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,)
    }

    .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,)
    }

    .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,)
    }

    .\!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
    }

    .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,)
    }

    .backdrop-blur-lg {
        --tw-backdrop-blur: blur(var(--blur-lg));
        -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,)
    }

    .backdrop-blur-md {
        --tw-backdrop-blur: blur(var(--blur-md));
        -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,)
    }

    .backdrop-blur-sm {
        --tw-backdrop-blur: blur(var(--blur-sm));
        -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,)
    }

    .backdrop-blur-xl {
        --tw-backdrop-blur: blur(var(--blur-xl));
        -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,)
    }

    .backdrop-blur-xs {
        --tw-backdrop-blur: blur(var(--blur-xs));
        -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,)
    }

    .transition {
        transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration))
    }

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

    .transition-colors {
        transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration))
    }

    .transition-opacity {
        transition-property: opacity;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration))
    }

    .transition-transform {
        transition-property: transform,translate,scale,rotate;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration))
    }

    .delay-300 {
        transition-delay: .3s
    }

    .duration-100 {
        --tw-duration: .1s;
        transition-duration: .1s
    }

    .duration-200 {
        --tw-duration: .2s;
        transition-duration: .2s
    }

    .duration-300 {
        --tw-duration: .3s;
        transition-duration: .3s
    }

    .duration-500 {
        --tw-duration: .5s;
        transition-duration: .5s
    }

    .duration-700 {
        --tw-duration: .7s;
        transition-duration: .7s
    }

    .duration-1000 {
        --tw-duration: 1s;
        transition-duration: 1s
    }

    .duration-\[8s\] {
        --tw-duration: 8s;
        transition-duration: 8s
    }

    .ease-effect {
        --tw-ease: var(--ease-effect);
        transition-timing-function: var(--ease-effect)
    }

    .ease-in {
        --tw-ease: var(--ease-in);
        transition-timing-function: var(--ease-in)
    }

    .ease-in-out {
        --tw-ease: var(--ease-in-out);
        transition-timing-function: var(--ease-in-out)
    }

    .ease-linear {
        --tw-ease: linear;
        transition-timing-function: linear
    }

    .ease-out {
        --tw-ease: var(--ease-out);
        transition-timing-function: var(--ease-out)
    }

    .will-change-transform {
        will-change: transform
    }

    .outline-dashed {
        --tw-outline-style: dashed;
        outline-style: dashed
    }

    .select-none {
        -webkit-user-select: none;
        user-select: none
    }

    .\[animation-delay\:-0\.3s\] {
        animation-delay: -.3s
    }

    .\[animation-delay\:-0\.15s\] {
        animation-delay: -.15s
    }

    .clip-path-plus {
        clip-path: polygon(20% 0%,0% 20%,30% 50%,0% 80%,20% 100%,50% 70%,80% 100%,100% 80%,70% 50%,100% 20%,80% 0%,50% 30%)
    }

    .clip-path-triangle {
        clip-path: polygon(50% 0%,100% 38%,100% 100%,0 99%,0% 38%)
    }

    :is(.\*\:absolute>*) {
        position: absolute
    }

    :is(.\*\:relative>*) {
        position: relative
    }

    :is(.\*\:mb-3>*) {
        margin-bottom: calc(var(--spacing)*3)
    }

    :is(:is(.\*\:\*\:flex>*)>*) {
        display: flex
    }

    :is(.\*\:block>*) {
        display: block
    }

    :is(.\*\:flex>*) {
        display: flex
    }

    :is(.\*\:inline-block>*) {
        display: inline-block
    }

    :is(.\*\:inline-flex>*) {
        display: inline-flex
    }

    :is(.\*\:size-8>*) {
        width: calc(var(--spacing)*8);
        height: calc(var(--spacing)*8)
    }

    :is(.\*\:size-10>*) {
        width: calc(var(--spacing)*10);
        height: calc(var(--spacing)*10)
    }

    :is(.\*\:h-9>*) {
        height: calc(var(--spacing)*9)
    }

    :is(.\*\:shrink-0>*) {
        flex-shrink: 0
    }

    :is(.\*\:grow>*) {
        flex-grow: 1
    }

    :is(.\*\:cursor-pointer>*) {
        cursor: pointer
    }

    :is(:is(.\*\:\*\:items-center>*)>*), :is(.\*\:items-center>*) {
        align-items: center
    }

    :is(.\*\:justify-center>*) {
        justify-content: center
    }

    :is(.\*\:gap-2>*) {
        gap: calc(var(--spacing)*2)
    }

    :is(:is(.\*\:\*\:rounded-md>*)>*) {
        border-radius: var(--radius-md)
    }

    :is(.\*\:rounded-full>*) {
        border-radius: 3.40282e38px
    }

    :is(.\*\:rounded-md>*) {
        border-radius: var(--radius-md)
    }

    :is(.\*\:border>*) {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    :is(.\*\:border-b>*) {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }

    :is(.\*\:border-b-0>*) {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0
    }

    :is(.\*\:border-dashed>*) {
        --tw-border-style: dashed;
        border-style: dashed
    }

    :is(.\*\:\!border-green-200>*) {
        border-color: var(--color-green-200) !important
    }

    :is(.\*\:\!border-primary-200>*) {
        border-color: var(--color-primary-200) !important
    }

    :is(.\*\:border-gray-200>*) {
        border-color: var(--color-gray-200)
    }

    :is(.\*\:border-primary-200>*) {
        border-color: var(--color-primary-200)
    }

    :is(.\*\:bg-gray-50>*) {
        background-color: var(--color-gray-50)
    }

    :is(.\*\:bg-gray-100>*) {
        background-color: var(--color-gray-100)
    }

    :is(.\*\:p-2>*) {
        padding: calc(var(--spacing)*2)
    }

    :is(:is(.\*\:\*\:px-3>*)>*) {
        padding-inline: calc(var(--spacing)*3)
    }

    :is(.\*\:px-2\.5>*) {
        padding-inline: calc(var(--spacing)*2.5)
    }

    :is(.\*\:px-3>*) {
        padding-inline: calc(var(--spacing)*3)
    }

    :is(.\*\:px-4>*) {
        padding-inline: calc(var(--spacing)*4)
    }

    :is(.\*\:px-5>*) {
        padding-inline: calc(var(--spacing)*5)
    }

    :is(.\*\:\!py-1\.5>*) {
        padding-block: calc(var(--spacing)*1.5) !important
    }

    :is(:is(.\*\:\*\:py-2>*)>*) {
        padding-block: calc(var(--spacing)*2)
    }

    :is(.\*\:py-1\.5>*) {
        padding-block: calc(var(--spacing)*1.5)
    }

    :is(.\*\:py-2>*) {
        padding-block: calc(var(--spacing)*2)
    }

    :is(.\*\:py-2\.5>*) {
        padding-block: calc(var(--spacing)*2.5)
    }

    :is(.\*\:py-3>*) {
        padding-block: calc(var(--spacing)*3)
    }

    :is(.\*\:pt-3>*) {
        padding-top: calc(var(--spacing)*3)
    }

    :is(.\*\:pb-3>*) {
        padding-bottom: calc(var(--spacing)*3)
    }

    :is(.\*\:pb-5>*) {
        padding-bottom: calc(var(--spacing)*5)
    }

    :is(.\*\:pb-6>*) {
        padding-bottom: calc(var(--spacing)*6)
    }

    :is(:is(.\*\:\*\:text-sm>*)>*), :is(.\*\:text-sm>*) {
        font-size: var(--text-sm);
        line-height: var(--tw-leading,var(--text-sm--line-height))
    }

    :is(.\*\:text-xs>*) {
        font-size: var(--text-xs);
        line-height: var(--tw-leading,var(--text-xs--line-height))
    }

    :is(.\*\:text-16>*) {
        font-size: var(--text-16)
    }

    :is(:is(.\*\:\*\:font-medium>*)>*), :is(.\*\:font-medium>*) {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    :is(.\*\:tracking-wide>*) {
        --tw-tracking: var(--tracking-wide);
        letter-spacing: var(--tracking-wide)
    }

    :is(.\*\:tracking-wider>*) {
        --tw-tracking: var(--tracking-wider);
        letter-spacing: var(--tracking-wider)
    }

    :is(:is(.\*\:\*\:link>*)>*) {
        color: var(--color-gray-500);
        transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration));
        --tw-duration: .2s;
        --tw-ease: linear;
        transition-duration: .2s;
        transition-timing-function: linear
    }

        :is(:is(.\*\:\*\:link>*)>*):where([data-mode=dark],[data-mode=dark] *) {
            color: var(--color-dark-500)
        }

    :is(:is(.\*\:\*\:text-gray-500>*)>*) {
        color: var(--color-gray-500)
    }

    :is(.\*\:text-dark-500>*) {
        color: var(--color-dark-500)
    }

    :is(.\*\:text-gray-500>*) {
        color: var(--color-gray-500)
    }

    :is(.\*\:uppercase>*) {
        text-transform: uppercase
    }

    :is(.\*\:outline>*) {
        outline-style: var(--tw-outline-style);
        outline-width: 1px
    }

    :is(.\*\:outline-offset-2>*) {
        outline-offset: 2px
    }

    :is(.\*\:outline-gray-200>*) {
        outline-color: var(--color-gray-200)
    }

    :is(.\*\:outline-dashed>*) {
        --tw-outline-style: dashed;
        outline-style: dashed
    }

    :is(.\*\*\:text-sm *) {
        font-size: var(--text-sm);
        line-height: var(--tw-leading,var(--text-sm--line-height))
    }

    @media (hover:hover) {
        .group-hover\/effect\:opacity-100:is(:where(.group\/effect):hover *) {
            opacity: 1
        }

        .group-hover\/item\:visible:is(:where(.group\/item):hover *) {
            visibility: visible
        }

        .group-hover\/item\:top-1\/2:is(:where(.group\/item):hover *) {
            top: 50%
        }

        .group-hover\/item\:top-5:is(:where(.group\/item):hover *) {
            top: calc(var(--spacing)*5)
        }

        .group-hover\/item\:-translate-x-0\.5:is(:where(.group\/item):hover *) {
            --tw-translate-x: calc(var(--spacing)*-.5);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .group-hover\/item\:translate-x-0\.5:is(:where(.group\/item):hover *) {
            --tw-translate-x: calc(var(--spacing)*.5);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .group-hover\/item\:-translate-y-0\.5:is(:where(.group\/item):hover *) {
            --tw-translate-y: calc(var(--spacing)*-.5);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .group-hover\/item\:-translate-y-3:is(:where(.group\/item):hover *) {
            --tw-translate-y: calc(var(--spacing)*-3);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .group-hover\/item\:translate-y-11:is(:where(.group\/item):hover *) {
            --tw-translate-y: calc(var(--spacing)*11);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .group-hover\/item\:scale-105:is(:where(.group\/item):hover *) {
            --tw-scale-x: 105%;
            --tw-scale-y: 105%;
            --tw-scale-z: 105%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }

        .group-hover\/item\:scale-125:is(:where(.group\/item):hover *) {
            --tw-scale-x: 125%;
            --tw-scale-y: 125%;
            --tw-scale-z: 125%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }

        .group-hover\/item\:scale-\[10\]:is(:where(.group\/item):hover *) {
            scale: 10
        }

        .group-hover\/item\:skew-x-3:is(:where(.group\/item):hover *) {
            --tw-skew-x: skewX(3deg);
            transform: var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)
        }

        .group-hover\/item\:animate-bounce:is(:where(.group\/item):hover *) {
            animation: var(--animate-bounce)
        }

        .group-hover\/item\:animate-pulse:is(:where(.group\/item):hover *) {
            animation: var(--animate-pulse)
        }

        .group-hover\/item\:\!border-green-400\/50:is(:where(.group\/item):hover *) {
            border-color: #05df7280 !important
        }

        @supports (color:color-mix(in lab,red,red)) {
            .group-hover\/item\:\!border-green-400\/50:is(:where(.group\/item):hover *) {
                border-color: color-mix(in oklab,var(--color-green-400)50%,transparent) !important
            }
        }

        .group-hover\/item\:\!border-primary-400\/50:is(:where(.group\/item):hover *) {
            border-color: #5bb1ff80 !important
        }

        @supports (color:color-mix(in lab,red,red)) {
            .group-hover\/item\:\!border-primary-400\/50:is(:where(.group\/item):hover *) {
                border-color: color-mix(in oklab,var(--color-primary-400)50%,transparent) !important
            }
        }

        .group-hover\/item\:\!border-purple-400\/50:is(:where(.group\/item):hover *) {
            border-color: #c07eff80 !important
        }

        @supports (color:color-mix(in lab,red,red)) {
            .group-hover\/item\:\!border-purple-400\/50:is(:where(.group\/item):hover *) {
                border-color: color-mix(in oklab,var(--color-purple-400)50%,transparent) !important
            }
        }

        .group-hover\/item\:\!border-red-400\/50:is(:where(.group\/item):hover *) {
            border-color: #ff656880 !important
        }

        @supports (color:color-mix(in lab,red,red)) {
            .group-hover\/item\:\!border-red-400\/50:is(:where(.group\/item):hover *) {
                border-color: color-mix(in oklab,var(--color-red-400)50%,transparent) !important
            }
        }

        .group-hover\/item\:\!border-sky-400\/50:is(:where(.group\/item):hover *) {
            border-color: #00bcfe80 !important
        }

        @supports (color:color-mix(in lab,red,red)) {
            .group-hover\/item\:\!border-sky-400\/50:is(:where(.group\/item):hover *) {
                border-color: color-mix(in oklab,var(--color-sky-400)50%,transparent) !important
            }
        }

        .group-hover\/item\:\!border-yellow-400\/50:is(:where(.group\/item):hover *) {
            border-color: #fac80080 !important
        }

        @supports (color:color-mix(in lab,red,red)) {
            .group-hover\/item\:\!border-yellow-400\/50:is(:where(.group\/item):hover *) {
                border-color: color-mix(in oklab,var(--color-yellow-400)50%,transparent) !important
            }
        }

        .group-hover\/item\:border-green-600:is(:where(.group\/item):hover *) {
            border-color: var(--color-green-600)
        }

        .group-hover\/item\:border-primary-600:is(:where(.group\/item):hover *) {
            border-color: var(--color-primary-600)
        }

        .group-hover\/item\:border-purple-600:is(:where(.group\/item):hover *) {
            border-color: var(--color-purple-600)
        }

        .group-hover\/item\:border-red-600:is(:where(.group\/item):hover *) {
            border-color: var(--color-red-600)
        }

        .group-hover\/item\:border-sky-600:is(:where(.group\/item):hover *) {
            border-color: var(--color-sky-600)
        }

        .group-hover\/item\:border-yellow-600:is(:where(.group\/item):hover *) {
            border-color: var(--color-yellow-600)
        }

        .group-hover\/item\:bg-green-400\/30:is(:where(.group\/item):hover *) {
            background-color: #05df724d
        }

        @supports (color:color-mix(in lab,red,red)) {
            .group-hover\/item\:bg-green-400\/30:is(:where(.group\/item):hover *) {
                background-color: color-mix(in oklab,var(--color-green-400)30%,transparent)
            }
        }

        .group-hover\/item\:bg-green-600:is(:where(.group\/item):hover *) {
            background-color: var(--color-green-600)
        }

        .group-hover\/item\:bg-primary-400\/30:is(:where(.group\/item):hover *) {
            background-color: #5bb1ff4d
        }

        @supports (color:color-mix(in lab,red,red)) {
            .group-hover\/item\:bg-primary-400\/30:is(:where(.group\/item):hover *) {
                background-color: color-mix(in oklab,var(--color-primary-400)30%,transparent)
            }
        }

        .group-hover\/item\:bg-primary-600:is(:where(.group\/item):hover *) {
            background-color: var(--color-primary-600)
        }

        .group-hover\/item\:bg-purple-600:is(:where(.group\/item):hover *) {
            background-color: var(--color-purple-600)
        }

        .group-hover\/item\:bg-red-600:is(:where(.group\/item):hover *) {
            background-color: var(--color-red-600)
        }

        .group-hover\/item\:bg-sky-600:is(:where(.group\/item):hover *) {
            background-color: var(--color-sky-600)
        }

        .group-hover\/item\:bg-yellow-600:is(:where(.group\/item):hover *) {
            background-color: var(--color-yellow-600)
        }

        .group-hover\/item\:text-green-100:is(:where(.group\/item):hover *) {
            color: var(--color-green-100)
        }

        .group-hover\/item\:text-primary-100:is(:where(.group\/item):hover *) {
            color: var(--color-primary-100)
        }

        .group-hover\/item\:text-primary-500:is(:where(.group\/item):hover *) {
            color: var(--color-primary-500)
        }

        .group-hover\/item\:text-purple-100:is(:where(.group\/item):hover *) {
            color: var(--color-purple-100)
        }

        .group-hover\/item\:text-purple-500:is(:where(.group\/item):hover *) {
            color: var(--color-purple-500)
        }

        .group-hover\/item\:text-red-100:is(:where(.group\/item):hover *) {
            color: var(--color-red-100)
        }

        .group-hover\/item\:text-sky-100:is(:where(.group\/item):hover *) {
            color: var(--color-sky-100)
        }

        .group-hover\/item\:text-white:is(:where(.group\/item):hover *) {
            color: var(--color-white)
        }

        .group-hover\/item\:text-white\/90:is(:where(.group\/item):hover *) {
            color: #ffffffe6
        }

        @supports (color:color-mix(in lab,red,red)) {
            .group-hover\/item\:text-white\/90:is(:where(.group\/item):hover *) {
                color: color-mix(in oklab,var(--color-white)90%,transparent)
            }
        }

        .group-hover\/item\:text-yellow-100:is(:where(.group\/item):hover *) {
            color: var(--color-yellow-100)
        }

        .group-hover\/item\:opacity-100:is(:where(.group\/item):hover *) {
            opacity: 1
        }

        .group-hover\/items\:scale-100:is(:where(.group\/items):hover *) {
            --tw-scale-x: 100%;
            --tw-scale-y: 100%;
            --tw-scale-z: 100%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }

        .group-hover\/items\:scale-x-100:is(:where(.group\/items):hover *) {
            --tw-scale-x: 100%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }

        .group-hover\/items\:opacity-100:is(:where(.group\/items):hover *), .group-hover\/swiper\:opacity-100:is(:where(.group\/swiper):hover *) {
            opacity: 1
        }
    }

    .group-focus\/items\:scale-x-100:is(:where(.group\/items):focus *) {
        --tw-scale-x: 100%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .group-data-\[content-width\=fluid\]\:mx-space:is(:where(.group)[data-content-width=fluid] *) {
        margin-inline: var(--spacing-space)
    }

    .group-data-\[content-width\=fluid\]\:px-space:is(:where(.group)[data-content-width=fluid] *) {
        padding-inline: var(--spacing-space)
    }

    .group-data-\[layout\=boxed\]\:inset-x-8:is(:where(.group)[data-layout=boxed] *) {
        inset-inline: calc(var(--spacing)*8)
    }

    .group-data-\[layout\=boxed\]\:\!top-topbar:is(:where(.group)[data-layout=boxed] *) {
        top: var(--spacing-topbar) !important
    }

    .group-data-\[layout\=boxed\]\:top-0:is(:where(.group)[data-layout=boxed] *) {
        top: calc(var(--spacing)*0)
    }

    .group-data-\[layout\=boxed\]\:top-8:is(:where(.group)[data-layout=boxed] *) {
        top: calc(var(--spacing)*8)
    }

    .group-data-\[layout\=boxed\]\:top-\[calc\(theme\(\'spacing\.topbar\'\)_\+_theme\(\'spacing\.sidebar-boxed\'\)\)\]:is(:where(.group)[data-layout=boxed] *) {
        top: 6.6875rem
    }

    .group-data-\[layout\=boxed\]\:hidden:is(:where(.group)[data-layout=boxed] *) {
        display: none
    }

    .group-data-\[layout\=boxed\]\:h-\[calc\(100\%_-_5rem\)\]:is(:where(.group)[data-layout=boxed] *) {
        height: calc(100% - 5rem)
    }

    .group-data-\[layout\=boxed\]\:min-h-screen:is(:where(.group)[data-layout=boxed] *) {
        min-height: 100vh
    }

    .group-data-\[layout\=boxed\]\:rounded-md:is(:where(.group)[data-layout=boxed] *) {
        border-radius: var(--radius-md)
    }

    .group-data-\[layout\=boxed\]\:rounded-t-md:is(:where(.group)[data-layout=boxed] *) {
        border-top-left-radius: var(--radius-md);
        border-top-right-radius: var(--radius-md)
    }

    .group-data-\[layout\=boxed\]\:bg-white:is(:where(.group)[data-layout=boxed] *) {
        background-color: var(--color-white)
    }

    .group-data-\[layout\=default\]\:hidden:is(:where(.group)[data-layout=default] *) {
        display: none
    }

    .group-data-\[layout\=default\]\:px-4:is(:where(.group)[data-layout=default] *) {
        padding-inline: calc(var(--spacing)*4)
    }

    .group-data-\[layout\=doulcolumn\]\:block:is(:where(.group)[data-layout=doulcolumn] *) {
        display: block
    }

    .group-data-\[layout\=horizontal\]\:static:is(:where(.group)[data-layout=horizontal] *) {
        position: static
    }

    .group-data-\[layout\=horizontal\]\:top-topbar:is(:where(.group)[data-layout=horizontal] *) {
        top: var(--spacing-topbar)
    }

    .group-data-\[layout\=horizontal\]\:bottom-auto:is(:where(.group)[data-layout=horizontal] *) {
        bottom: auto
    }

    .group-data-\[layout\=horizontal\]\:z-\[1005\]:is(:where(.group)[data-layout=horizontal] *) {
        z-index: 1005
    }

    .group-data-\[layout\=horizontal\]\:hidden:is(:where(.group)[data-layout=horizontal] *) {
        display: none
    }

    .group-data-\[layout\=horizontal\]\:h-64:is(:where(.group)[data-layout=horizontal] *) {
        height: calc(var(--spacing)*64)
    }

    .group-data-\[layout\=horizontal\]\:w-full:is(:where(.group)[data-layout=horizontal] *) {
        width: 100%
    }

    .group-data-\[layout\=horizontal\]\:overflow-y-auto:is(:where(.group)[data-layout=horizontal] *) {
        overflow-y: auto
    }

    .group-data-\[layout\=horizontal\]\:border-b:is(:where(.group)[data-layout=horizontal] *) {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }

    .group-data-\[layout\=horizontal\]\:bg-white:is(:where(.group)[data-layout=horizontal] *) {
        background-color: var(--color-white)
    }

    .group-data-\[layout\=horizontal\]\:p-3:is(:where(.group)[data-layout=horizontal] *) {
        padding: calc(var(--spacing)*3)
    }

    .group-data-\[layout\=horizontal\]\:py-0:is(:where(.group)[data-layout=horizontal] *) {
        padding-block: calc(var(--spacing)*0)
    }

    .group-data-\[layout\=horizontal\]\:py-2:is(:where(.group)[data-layout=horizontal] *) {
        padding-block: calc(var(--spacing)*2)
    }

    .group-data-\[layout\=horizontal\]\:pt-\[calc\(theme\(\"spacing\.topbar\"\)_\*_1\.2\)\]:is(:where(.group)[data-layout=horizontal] *) {
        padding-top: 5.625rem
    }

    .group-data-\[layout\=horizontal\]\:pt-\[calc\(theme\(\"spacing\.topbar\"\)_\*_1\.9\)\]:is(:where(.group)[data-layout=horizontal] *), .group-data-\[layout\=horizontal\]\:pt-\[calc\(theme\(\'spacing\.topbar\'\)_\*_1\.9\)\]:is(:where(.group)[data-layout=horizontal] *) {
        padding-top: 8.90625rem
    }

    :is(.group-data-\[layout\=horizontal\]\:\*\:shrink-0:is(:where(.group)[data-layout=horizontal] *)>*) {
        flex-shrink: 0
    }

    .group-data-\[layout\=modern\]\:top-0:is(:where(.group)[data-layout=modern] *) {
        top: calc(var(--spacing)*0)
    }

    .group-data-\[layout\=modern\]\:hidden:is(:where(.group)[data-layout=modern] *) {
        display: none
    }

    .group-data-\[layout\=modern\]\:h-\[calc\(100\%_-_10rem\)\]:is(:where(.group)[data-layout=modern] *) {
        height: calc(100% - 10rem)
    }

    .group-data-\[layout\=semibox\]\:top-0:is(:where(.group)[data-layout=semibox] *) {
        top: calc(var(--spacing)*0)
    }

    .group-data-\[layout\=semibox\]\:top-3:is(:where(.group)[data-layout=semibox] *) {
        top: calc(var(--spacing)*3)
    }

    .group-data-\[layout\=semibox\]\:bottom-3:is(:where(.group)[data-layout=semibox] *) {
        bottom: calc(var(--spacing)*3)
    }

    .group-data-\[layout\=semibox\]\:hidden:is(:where(.group)[data-layout=semibox] *) {
        display: none
    }

    .group-data-\[layout\=semibox\]\:h-\[calc\(100\%_-_10rem\)\]:is(:where(.group)[data-layout=semibox] *) {
        height: calc(100% - 10rem)
    }

    .group-data-\[layout\=semibox\]\:rounded-md:is(:where(.group)[data-layout=semibox] *) {
        border-radius: var(--radius-md)
    }

    .group-data-\[layout\=semibox\]\:border:is(:where(.group)[data-layout=semibox] *) {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .group-data-\[layout\=semibox\]\:pt-\[calc\(theme\(\"spacing\.topbar\"\)_\*_1\.3\)\]:is(:where(.group)[data-layout=semibox] *) {
        padding-top: 6.09375rem
    }

    .group-data-\[content-width\=fluid\]\:group-data-\[layout\=semibox\]\:px-3:is(:where(.group)[data-content-width=fluid] *):is(:where(.group)[data-layout=semibox] *) {
        padding-inline: calc(var(--spacing)*3)
    }

    .group-data-\[nav-type\=pattern\]\:\!border-primary-400:is(:where(.group)[data-nav-type=pattern] *) {
        border-color: var(--color-primary-400) !important
    }

    .group-data-\[nav-type\=pattern\]\:bg-transparent:is(:where(.group)[data-nav-type=pattern] *) {
        background-color: #0000
    }

    .group-data-\[nav-type\=pattern\]\:text-white:is(:where(.group)[data-nav-type=pattern] *) {
        color: var(--color-white)
    }

    .group-data-\[nav-type\=pattern\]\:text-white\/50:is(:where(.group)[data-nav-type=pattern] *) {
        color: #ffffff80
    }

    @supports (color:color-mix(in lab,red,red)) {
        .group-data-\[nav-type\=pattern\]\:text-white\/50:is(:where(.group)[data-nav-type=pattern] *) {
            color: color-mix(in oklab,var(--color-white)50%,transparent)
        }
    }

    .group-data-\[nav-type\=pattern\]\:text-white\/75:is(:where(.group)[data-nav-type=pattern] *) {
        color: #ffffffbf
    }

    @supports (color:color-mix(in lab,red,red)) {
        .group-data-\[nav-type\=pattern\]\:text-white\/75:is(:where(.group)[data-nav-type=pattern] *) {
            color: color-mix(in oklab,var(--color-white)75%,transparent)
        }
    }

    .group-data-\[sidebar-colors\=brand\]\:hidden:is(:where(.group)[data-sidebar-colors=brand] *), .group-data-\[sidebar-colors\=dark\]\:hidden:is(:where(.group)[data-sidebar-colors=dark] *), .group-data-\[sidebar-colors\=light\]\:hidden:is(:where(.group)[data-sidebar-colors=light] *), .group-data-\[sidebar-colors\=purple\]\:hidden:is(:where(.group)[data-sidebar-colors=purple] *), .group-data-\[sidebar-colors\=sky\]\:hidden:is(:where(.group)[data-sidebar-colors=sky] *), .group-data-\[sidebar\=icon\]\:hidden:is(:where(.group)[data-sidebar=icon] *) {
        display: none
    }

    .group-data-\[sidebar\=icon\]\:w-sidebar-icon:is(:where(.group)[data-sidebar=icon] *) {
        width: var(--spacing-sidebar-icon)
    }

    .group-data-\[sidebar\=medium\]\:m-0:is(:where(.group)[data-sidebar=medium] *) {
        margin: calc(var(--spacing)*0)
    }

    .group-data-\[sidebar\=medium\]\:mx-3:is(:where(.group)[data-sidebar=medium] *) {
        margin-inline: calc(var(--spacing)*3)
    }

    .group-data-\[sidebar\=medium\]\:my-2:is(:where(.group)[data-sidebar=medium] *) {
        margin-block: calc(var(--spacing)*2)
    }

    .group-data-\[sidebar\=medium\]\:hidden:is(:where(.group)[data-sidebar=medium] *) {
        display: none
    }

    .group-data-\[sidebar\=medium\]\:size-5:is(:where(.group)[data-sidebar=medium] *) {
        width: calc(var(--spacing)*5);
        height: calc(var(--spacing)*5)
    }

    .group-data-\[sidebar\=medium\]\:\!w-\[calc\(theme\(\"spacing\.sidebar-medium\"\)_-_24px\)\]:is(:where(.group)[data-sidebar=medium] *) {
        width: calc(10rem - 24px) !important
    }

    .group-data-\[sidebar\=medium\]\:\!w-full:is(:where(.group)[data-sidebar=medium] *) {
        width: 100% !important
    }

    .group-data-\[sidebar\=medium\]\:w-sidebar-medium:is(:where(.group)[data-sidebar=medium] *) {
        width: var(--spacing-sidebar-medium)
    }

    .group-data-\[sidebar\=medium\]\:flex-col:is(:where(.group)[data-sidebar=medium] *) {
        flex-direction: column
    }

    .group-data-\[sidebar\=medium\]\:justify-center:is(:where(.group)[data-sidebar=medium] *) {
        justify-content: center
    }

    .group-data-\[sidebar\=medium\]\:gap-3:is(:where(.group)[data-sidebar=medium] *) {
        gap: calc(var(--spacing)*3)
    }

    .group-data-\[sidebar\=medium\]\:py-3:is(:where(.group)[data-sidebar=medium] *) {
        padding-block: calc(var(--spacing)*3)
    }

    .group-data-\[sidebar\=medium\]\:text-center:is(:where(.group)[data-sidebar=medium] *) {
        text-align: center
    }

    .group-data-\[sidebar\=small\]\:fixed:is(:where(.group)[data-sidebar=small] *) {
        position: fixed
    }

    .group-data-\[sidebar\=small\]\:z-30:is(:where(.group)[data-sidebar=small] *) {
        z-index: 30
    }

    .group-data-\[sidebar\=small\]\:m-0:is(:where(.group)[data-sidebar=small] *) {
        margin: calc(var(--spacing)*0)
    }

    .group-data-\[sidebar\=small\]\:mx-auto:is(:where(.group)[data-sidebar=small] *) {
        margin-inline: auto
    }

    .group-data-\[sidebar\=small\]\:block:is(:where(.group)[data-sidebar=small] *) {
        display: block
    }

    .group-data-\[sidebar\=small\]\:hidden:is(:where(.group)[data-sidebar=small] *) {
        display: none
    }

    .group-data-\[sidebar\=small\]\:inline-block:is(:where(.group)[data-sidebar=small] *) {
        display: inline-block
    }

    .group-data-\[sidebar\=small\]\:size-5:is(:where(.group)[data-sidebar=small] *) {
        width: calc(var(--spacing)*5);
        height: calc(var(--spacing)*5)
    }

    .group-data-\[sidebar\=small\]\:\!w-\[calc\(theme\(\"spacing\.sidebar-small\"\)_-_24px\)\]:is(:where(.group)[data-sidebar=small] *) {
        width: calc(4.6875rem - 24px) !important
    }

    .group-data-\[sidebar\=small\]\:w-48:is(:where(.group)[data-sidebar=small] *) {
        width: calc(var(--spacing)*48)
    }

    .group-data-\[sidebar\=small\]\:w-full:is(:where(.group)[data-sidebar=small] *) {
        width: 100%
    }

    .group-data-\[sidebar\=small\]\:w-sidebar-small:is(:where(.group)[data-sidebar=small] *) {
        width: var(--spacing-sidebar-small)
    }

    .group-data-\[sidebar\=small\]\:bg-sidebar:is(:where(.group)[data-sidebar=small] *) {
        background-color: var(--color-sidebar)
    }

    .group-data-\[sidebar\=small\]\:px-0:is(:where(.group)[data-sidebar=small] *) {
        padding-inline: calc(var(--spacing)*0)
    }

    .group-data-\[sidebar\=small\]\:px-6:is(:where(.group)[data-sidebar=small] *) {
        padding-inline: calc(var(--spacing)*6)
    }

    .group-data-\[sidebar\=small\]\:py-1\.5:is(:where(.group)[data-sidebar=small] *) {
        padding-block: calc(var(--spacing)*1.5)
    }

    .group-data-\[sidebar\=small\]\:py-2:is(:where(.group)[data-sidebar=small] *) {
        padding-block: calc(var(--spacing)*2)
    }

    .group-data-\[sidebar\=small\]\:py-3:is(:where(.group)[data-sidebar=small] *) {
        padding-block: calc(var(--spacing)*3)
    }

    .group-data-\[sidebar\=small\]\:shadow-lg:is(:where(.group)[data-sidebar=small] *) {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

    .group-\[\&\.active\]\/item\:block:is(:where(.group\/item).active *) {
        display: block
    }

    .group-\[\&\.card-view\]\:col-span-12:is(:where(.group).card-view *) {
        grid-column: span 12/span 12
    }

    .group-\[\&\.card-view\]\:block:is(:where(.group).card-view *) {
        display: block
    }

    .group-\[\&\.card-view\]\:grid:is(:where(.group).card-view *) {
        display: grid
    }

    .group-\[\&\.card-view\]\:hidden:is(:where(.group).card-view *) {
        display: none
    }

    .group-\[\&\.card-view\]\:inline-block:is(:where(.group).card-view *) {
        display: inline-block
    }

    .group-\[\&\.card-view\]\:grid-cols-12:is(:where(.group).card-view *) {
        grid-template-columns: repeat(12,minmax(0,1fr))
    }

    .group-\[\&\.card-view\]\:font-medium:is(:where(.group).card-view *) {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .group-\[\&\.card-view\]\:text-gray-800:is(:where(.group).card-view *) {
        color: var(--color-gray-800)
    }

    .group-\[\&\.list-view\]\:flex:is(:where(.group).list-view *) {
        display: flex
    }

    .group-\[\&\.list-view\]\:w-28:is(:where(.group).list-view *) {
        width: calc(var(--spacing)*28)
    }

    .group-\[\&\.list-view\]\:justify-between:is(:where(.group).list-view *) {
        justify-content: space-between
    }

    .group-\[\&\.list-view\]\:justify-end:is(:where(.group).list-view *) {
        justify-content: flex-end
    }

    .group-\[\&\.list-view\]\:overflow-x-auto:is(:where(.group).list-view *) {
        overflow-x: auto
    }

    .group-\[\&\.list-view\]\:whitespace-nowrap:is(:where(.group).list-view *) {
        white-space: nowrap
    }

    .group-data-\[nav-type\=pattern\]\:group-\[\&\.nav-sticky\]\/topbar\:\!border-primary-400:is(:where(.group)[data-nav-type=pattern] *):is(:where(.group\/topbar).nav-sticky *) {
        border-color: var(--color-primary-400) !important
    }

    .group-data-\[nav-type\=pattern\]\:group-\[\&\.nav-sticky\]\/topbar\:\!bg-primary-500:is(:where(.group)[data-nav-type=pattern] *):is(:where(.group\/topbar).nav-sticky *) {
        background-color: var(--color-primary-500) !important
    }

    .group-\[\&\.right\]\:order-1:is(:where(.group).right *) {
        order: 1
    }

    .group-\[\&\.right\]\:order-2:is(:where(.group).right *) {
        order: 2
    }

    .group-\[\&\.right\]\:bg-primary-100:is(:where(.group).right *) {
        background-color: var(--color-primary-100)
    }

    .group-\[\&\.right\]\:text-primary-500:is(:where(.group).right *) {
        color: var(--color-primary-500)
    }

    .group-\[\&\.right\]\/chat\:order-1:is(:where(.group\/chat).right *) {
        order: 1
    }

    .group-\[\&\.right\]\/chat\:order-2:is(:where(.group\/chat).right *) {
        order: 2
    }

    .group-\[\&\.right\]\/form\:right-3:is(:where(.group\/form).right *) {
        right: calc(var(--spacing)*3)
    }

    .group-\[\&\.right\]\/form\:left-auto:is(:where(.group\/form).right *) {
        left: auto
    }

    .group-\[\&\.right\]\/form\:pr-9:is(:where(.group\/form).right *) {
        padding-right: calc(var(--spacing)*9)
    }

    .group-\[\&\.right\]\/form\:pl-4:is(:where(.group\/form).right *) {
        padding-left: calc(var(--spacing)*4)
    }

    .group-\[\&\.show\]\:top-2:is(:where(.group).show *) {
        top: calc(var(--spacing)*2)
    }

    .group-\[\&\.show\]\:-translate-y-4:is(:where(.group).show *) {
        --tw-translate-y: calc(var(--spacing)*-4);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-\[\&\.show\]\:scale-\[0\.85\]:is(:where(.group).show *) {
        scale: .85
    }

    .group-\[\&\.show\]\:px-2:is(:where(.group).show *) {
        padding-inline: calc(var(--spacing)*2)
    }

    .group-\[\&\.unread\]\/item\:bg-white:is(:where(.group\/item).unread *) {
        background-color: var(--color-white)
    }

    .group-\[\&\.unread\]\/item\:font-medium:is(:where(.group\/item).unread *) {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .group-\[\&\.unread\]\/item\:text-gray-950:is(:where(.group\/item).unread *) {
        color: var(--color-gray-950)
    }

    .peer-checked\:translate-x-full:is(:where(.peer):checked~*) {
        --tw-translate-x: 100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .peer-checked\:border-green-300:is(:where(.peer):checked~*) {
        border-color: var(--color-green-300)
    }

    .peer-checked\:border-green-500:is(:where(.peer):checked~*) {
        border-color: var(--color-green-500)
    }

    .peer-checked\:border-indigo-500:is(:where(.peer):checked~*) {
        border-color: var(--color-indigo-500)
    }

    .peer-checked\:border-orange-500:is(:where(.peer):checked~*) {
        border-color: var(--color-orange-500)
    }

    .peer-checked\:border-pink-500:is(:where(.peer):checked~*) {
        border-color: var(--color-pink-500)
    }

    .peer-checked\:border-primary-300:is(:where(.peer):checked~*) {
        border-color: var(--color-primary-300)
    }

    .peer-checked\:border-primary-500:is(:where(.peer):checked~*) {
        border-color: var(--color-primary-500)
    }

    .peer-checked\:border-purple-300:is(:where(.peer):checked~*) {
        border-color: var(--color-purple-300)
    }

    .peer-checked\:border-purple-500:is(:where(.peer):checked~*) {
        border-color: var(--color-purple-500)
    }

    .peer-checked\:border-red-500:is(:where(.peer):checked~*) {
        border-color: var(--color-red-500)
    }

    .peer-checked\:border-sky-500:is(:where(.peer):checked~*) {
        border-color: var(--color-sky-500)
    }

    .peer-checked\:border-yellow-300:is(:where(.peer):checked~*) {
        border-color: var(--color-yellow-300)
    }

    .peer-checked\:border-yellow-500:is(:where(.peer):checked~*) {
        border-color: var(--color-yellow-500)
    }

    .peer-checked\:\!bg-green-500:is(:where(.peer):checked~*) {
        background-color: var(--color-green-500) !important
    }

    .peer-checked\:\!bg-green-500\/15:is(:where(.peer):checked~*) {
        background-color: #00c75826 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .peer-checked\:\!bg-green-500\/15:is(:where(.peer):checked~*) {
            background-color: color-mix(in oklab,var(--color-green-500)15%,transparent) !important
        }
    }

    .peer-checked\:\!bg-indigo-500:is(:where(.peer):checked~*) {
        background-color: var(--color-indigo-500) !important
    }

    .peer-checked\:\!bg-indigo-500\/15:is(:where(.peer):checked~*) {
        background-color: #625fff26 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .peer-checked\:\!bg-indigo-500\/15:is(:where(.peer):checked~*) {
            background-color: color-mix(in oklab,var(--color-indigo-500)15%,transparent) !important
        }
    }

    .peer-checked\:\!bg-orange-500:is(:where(.peer):checked~*) {
        background-color: var(--color-orange-500) !important
    }

    .peer-checked\:\!bg-orange-500\/15:is(:where(.peer):checked~*) {
        background-color: #fe6e0026 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .peer-checked\:\!bg-orange-500\/15:is(:where(.peer):checked~*) {
            background-color: color-mix(in oklab,var(--color-orange-500)15%,transparent) !important
        }
    }

    .peer-checked\:\!bg-pink-500:is(:where(.peer):checked~*) {
        background-color: var(--color-pink-500) !important
    }

    .peer-checked\:\!bg-pink-500\/15:is(:where(.peer):checked~*) {
        background-color: #f6339a26 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .peer-checked\:\!bg-pink-500\/15:is(:where(.peer):checked~*) {
            background-color: color-mix(in oklab,var(--color-pink-500)15%,transparent) !important
        }
    }

    .peer-checked\:\!bg-primary-500:is(:where(.peer):checked~*) {
        background-color: var(--color-primary-500) !important
    }

    .peer-checked\:\!bg-primary-500\/15:is(:where(.peer):checked~*) {
        background-color: #358ffc26 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .peer-checked\:\!bg-primary-500\/15:is(:where(.peer):checked~*) {
            background-color: color-mix(in oklab,var(--color-primary-500)15%,transparent) !important
        }
    }

    .peer-checked\:\!bg-purple-500:is(:where(.peer):checked~*) {
        background-color: var(--color-purple-500) !important
    }

    .peer-checked\:\!bg-purple-500\/15:is(:where(.peer):checked~*) {
        background-color: #ac4bff26 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .peer-checked\:\!bg-purple-500\/15:is(:where(.peer):checked~*) {
            background-color: color-mix(in oklab,var(--color-purple-500)15%,transparent) !important
        }
    }

    .peer-checked\:\!bg-red-500:is(:where(.peer):checked~*) {
        background-color: var(--color-red-500) !important
    }

    .peer-checked\:\!bg-red-500\/15:is(:where(.peer):checked~*) {
        background-color: #fb2c3626 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .peer-checked\:\!bg-red-500\/15:is(:where(.peer):checked~*) {
            background-color: color-mix(in oklab,var(--color-red-500)15%,transparent) !important
        }
    }

    .peer-checked\:\!bg-sky-500:is(:where(.peer):checked~*) {
        background-color: var(--color-sky-500) !important
    }

    .peer-checked\:\!bg-sky-500\/15:is(:where(.peer):checked~*) {
        background-color: #00a5ef26 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .peer-checked\:\!bg-sky-500\/15:is(:where(.peer):checked~*) {
            background-color: color-mix(in oklab,var(--color-sky-500)15%,transparent) !important
        }
    }

    .peer-checked\:\!bg-yellow-500:is(:where(.peer):checked~*) {
        background-color: var(--color-yellow-500) !important
    }

    .peer-checked\:\!bg-yellow-500\/15:is(:where(.peer):checked~*) {
        background-color: #edb20026 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .peer-checked\:\!bg-yellow-500\/15:is(:where(.peer):checked~*) {
            background-color: color-mix(in oklab,var(--color-yellow-500)15%,transparent) !important
        }
    }

    .peer-checked\:bg-green-50:is(:where(.peer):checked~*) {
        background-color: var(--color-green-50)
    }

    .peer-checked\:bg-green-100:is(:where(.peer):checked~*) {
        background-color: var(--color-green-100)
    }

    .peer-checked\:bg-green-500:is(:where(.peer):checked~*) {
        background-color: var(--color-green-500)
    }

    .peer-checked\:bg-green-500\/15:is(:where(.peer):checked~*) {
        background-color: #00c75826
    }

    @supports (color:color-mix(in lab,red,red)) {
        .peer-checked\:bg-green-500\/15:is(:where(.peer):checked~*) {
            background-color: color-mix(in oklab,var(--color-green-500)15%,transparent)
        }
    }

    .peer-checked\:bg-indigo-50:is(:where(.peer):checked~*) {
        background-color: var(--color-indigo-50)
    }

    .peer-checked\:bg-indigo-500:is(:where(.peer):checked~*) {
        background-color: var(--color-indigo-500)
    }

    .peer-checked\:bg-orange-50:is(:where(.peer):checked~*) {
        background-color: var(--color-orange-50)
    }

    .peer-checked\:bg-orange-500:is(:where(.peer):checked~*) {
        background-color: var(--color-orange-500)
    }

    .peer-checked\:bg-pink-50:is(:where(.peer):checked~*) {
        background-color: var(--color-pink-50)
    }

    .peer-checked\:bg-pink-500:is(:where(.peer):checked~*) {
        background-color: var(--color-pink-500)
    }

    .peer-checked\:bg-primary-50:is(:where(.peer):checked~*) {
        background-color: var(--color-primary-50)
    }

    .peer-checked\:bg-primary-100:is(:where(.peer):checked~*) {
        background-color: var(--color-primary-100)
    }

    .peer-checked\:bg-primary-500:is(:where(.peer):checked~*) {
        background-color: var(--color-primary-500)
    }

    .peer-checked\:bg-primary-500\/10:is(:where(.peer):checked~*) {
        background-color: #358ffc1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .peer-checked\:bg-primary-500\/10:is(:where(.peer):checked~*) {
            background-color: color-mix(in oklab,var(--color-primary-500)10%,transparent)
        }
    }

    .peer-checked\:bg-primary-500\/15:is(:where(.peer):checked~*) {
        background-color: #358ffc26
    }

    @supports (color:color-mix(in lab,red,red)) {
        .peer-checked\:bg-primary-500\/15:is(:where(.peer):checked~*) {
            background-color: color-mix(in oklab,var(--color-primary-500)15%,transparent)
        }
    }

    .peer-checked\:bg-purple-50:is(:where(.peer):checked~*) {
        background-color: var(--color-purple-50)
    }

    .peer-checked\:bg-purple-100:is(:where(.peer):checked~*) {
        background-color: var(--color-purple-100)
    }

    .peer-checked\:bg-purple-500:is(:where(.peer):checked~*) {
        background-color: var(--color-purple-500)
    }

    .peer-checked\:bg-red-50:is(:where(.peer):checked~*) {
        background-color: var(--color-red-50)
    }

    .peer-checked\:bg-red-500:is(:where(.peer):checked~*) {
        background-color: var(--color-red-500)
    }

    .peer-checked\:bg-red-500\/15:is(:where(.peer):checked~*) {
        background-color: #fb2c3626
    }

    @supports (color:color-mix(in lab,red,red)) {
        .peer-checked\:bg-red-500\/15:is(:where(.peer):checked~*) {
            background-color: color-mix(in oklab,var(--color-red-500)15%,transparent)
        }
    }

    .peer-checked\:bg-sky-50:is(:where(.peer):checked~*) {
        background-color: var(--color-sky-50)
    }

    .peer-checked\:bg-sky-500:is(:where(.peer):checked~*) {
        background-color: var(--color-sky-500)
    }

    .peer-checked\:bg-yellow-50:is(:where(.peer):checked~*) {
        background-color: var(--color-yellow-50)
    }

    .peer-checked\:bg-yellow-100:is(:where(.peer):checked~*) {
        background-color: var(--color-yellow-100)
    }

    .peer-checked\:bg-yellow-500:is(:where(.peer):checked~*) {
        background-color: var(--color-yellow-500)
    }

    .peer-checked\:bg-yellow-500\/15:is(:where(.peer):checked~*) {
        background-color: #edb20026
    }

    @supports (color:color-mix(in lab,red,red)) {
        .peer-checked\:bg-yellow-500\/15:is(:where(.peer):checked~*) {
            background-color: color-mix(in oklab,var(--color-yellow-500)15%,transparent)
        }
    }

    .peer-checked\:text-gray-500:is(:where(.peer):checked~*) {
        color: var(--color-gray-500)
    }

    .peer-checked\:text-green-500:is(:where(.peer):checked~*) {
        color: var(--color-green-500)
    }

    .peer-checked\:text-red-500:is(:where(.peer):checked~*) {
        color: var(--color-red-500)
    }

    .peer-checked\:text-white:is(:where(.peer):checked~*) {
        color: var(--color-white)
    }

    .peer-checked\:text-yellow-500:is(:where(.peer):checked~*) {
        color: var(--color-yellow-500)
    }

    .peer-checked\:line-through:is(:where(.peer):checked~*) {
        text-decoration-line: line-through
    }

    .peer-checked\:ring-1:is(:where(.peer):checked~*) {
        --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

    .peer-checked\:ring-primary-400:is(:where(.peer):checked~*) {
        --tw-ring-color: var(--color-primary-400)
    }

    .peer-checked\:ring-offset-2:is(:where(.peer):checked~*) {
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-shadow: var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
    }

    .peer-checked\:outline-green-500\/50:is(:where(.peer):checked~*) {
        outline-color: #00c75880
    }

    @supports (color:color-mix(in lab,red,red)) {
        .peer-checked\:outline-green-500\/50:is(:where(.peer):checked~*) {
            outline-color: color-mix(in oklab,var(--color-green-500)50%,transparent)
        }
    }

    .peer-checked\:outline-red-500\/50:is(:where(.peer):checked~*) {
        outline-color: #fb2c3680
    }

    @supports (color:color-mix(in lab,red,red)) {
        .peer-checked\:outline-red-500\/50:is(:where(.peer):checked~*) {
            outline-color: color-mix(in oklab,var(--color-red-500)50%,transparent)
        }
    }

    .peer-checked\:outline-yellow-500\/50:is(:where(.peer):checked~*) {
        outline-color: #edb20080
    }

    @supports (color:color-mix(in lab,red,red)) {
        .peer-checked\:outline-yellow-500\/50:is(:where(.peer):checked~*) {
            outline-color: color-mix(in oklab,var(--color-yellow-500)50%,transparent)
        }
    }

    .peer-focus\:top-2:is(:where(.peer):focus~*) {
        top: calc(var(--spacing)*2)
    }

    .peer-focus\:-translate-y-4:is(:where(.peer):focus~*) {
        --tw-translate-y: calc(var(--spacing)*-4);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .peer-focus\:scale-\[0\.85\]:is(:where(.peer):focus~*) {
        scale: .85
    }

    .peer-focus\:px-2:is(:where(.peer):focus~*) {
        padding-inline: calc(var(--spacing)*2)
    }

    .peer-disabled\:bg-gray-100:is(:where(.peer):disabled~*) {
        background-color: var(--color-gray-100)
    }

    .peer-disabled\:text-gray-500:is(:where(.peer):disabled~*) {
        color: var(--color-gray-500)
    }

    .peer-has-\[\:checked\]\:hidden:is(:where(.peer):has(:checked)~*) {
        display: none
    }

    .marker\:text-green-500 ::marker {
        color: var(--color-green-500)
    }

    .marker\:text-green-500::marker {
        color: var(--color-green-500)
    }

    .marker\:text-green-500 ::-webkit-details-marker {
        color: var(--color-green-500)
    }

    .marker\:text-green-500::-webkit-details-marker {
        color: var(--color-green-500)
    }

    .marker\:text-primary-500 ::marker {
        color: var(--color-primary-500)
    }

    .marker\:text-primary-500::marker {
        color: var(--color-primary-500)
    }

    .marker\:text-primary-500 ::-webkit-details-marker {
        color: var(--color-primary-500)
    }

    .marker\:text-primary-500::-webkit-details-marker {
        color: var(--color-primary-500)
    }

    .marker\:text-purple-500 ::marker {
        color: var(--color-purple-500)
    }

    .marker\:text-purple-500::marker {
        color: var(--color-purple-500)
    }

    .marker\:text-purple-500 ::-webkit-details-marker {
        color: var(--color-purple-500)
    }

    .marker\:text-purple-500::-webkit-details-marker {
        color: var(--color-purple-500)
    }

    .file\:mr-4::file-selector-button {
        margin-right: calc(var(--spacing)*4)
    }

    .file\:cursor-pointer::file-selector-button {
        cursor: pointer
    }

    .file\:rounded-full::file-selector-button {
        border-radius: 3.40282e38px
    }

    .file\:rounded-md::file-selector-button {
        border-radius: var(--radius-md)
    }

    .file\:border-0::file-selector-button {
        border-style: var(--tw-border-style);
        border-width: 0
    }

    .file\:bg-gray-100::file-selector-button {
        background-color: var(--color-gray-100)
    }

    .file\:bg-gray-900::file-selector-button {
        background-color: var(--color-gray-900)
    }

    .file\:bg-violet-50::file-selector-button {
        background-color: var(--color-violet-50)
    }

    .file\:bg-violet-500\/10::file-selector-button {
        background-color: #8d54ff1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .file\:bg-violet-500\/10::file-selector-button {
            background-color: color-mix(in oklab,var(--color-violet-500)10%,transparent)
        }
    }

    .file\:px-4::file-selector-button {
        padding-inline: calc(var(--spacing)*4)
    }

    .file\:py-2::file-selector-button {
        padding-block: calc(var(--spacing)*2)
    }

    .file\:text-sm::file-selector-button {
        font-size: var(--text-sm);
        line-height: var(--tw-leading,var(--text-sm--line-height))
    }

    .file\:font-semibold::file-selector-button {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold)
    }

    .file\:text-gray-100::file-selector-button {
        color: var(--color-gray-100)
    }

    .file\:text-gray-500::file-selector-button {
        color: var(--color-gray-500)
    }

    .file\:text-violet-700::file-selector-button {
        color: var(--color-violet-700)
    }

    .placeholder\:text-gray-400::placeholder {
        color: var(--color-gray-400)
    }

    .placeholder\:text-white\/75::placeholder {
        color: #ffffffbf
    }

    @supports (color:color-mix(in lab,red,red)) {
        .placeholder\:text-white\/75::placeholder {
            color: color-mix(in oklab,var(--color-white)75%,transparent)
        }
    }

    .group-data-\[nav-type\=pattern\]\:placeholder\:text-white\/50:is(:where(.group)[data-nav-type=pattern] *)::placeholder {
        color: #ffffff80
    }

    @supports (color:color-mix(in lab,red,red)) {
        .group-data-\[nav-type\=pattern\]\:placeholder\:text-white\/50:is(:where(.group)[data-nav-type=pattern] *)::placeholder {
            color: color-mix(in oklab,var(--color-white)50%,transparent)
        }
    }

    .before\:absolute:before {
        content: var(--tw-content);
        position: absolute
    }

    .before\:inset-0:before {
        content: var(--tw-content);
        inset: calc(var(--spacing)*0)
    }

    .before\:inset-x-0:before {
        content: var(--tw-content);
        inset-inline: calc(var(--spacing)*0)
    }

    .before\:inset-y-0:before {
        content: var(--tw-content);
        inset-block: calc(var(--spacing)*0)
    }

    .before\:inset-y-2:before {
        content: var(--tw-content);
        inset-block: calc(var(--spacing)*2)
    }

    .before\:top-1\.5:before {
        content: var(--tw-content);
        top: calc(var(--spacing)*1.5)
    }

    .before\:top-1\/2:before {
        content: var(--tw-content);
        top: 50%
    }

    .before\:top-2:before {
        content: var(--tw-content);
        top: calc(var(--spacing)*2)
    }

    .before\:top-2\.5:before {
        content: var(--tw-content);
        top: calc(var(--spacing)*2.5)
    }

    .before\:top-3:before {
        content: var(--tw-content);
        top: calc(var(--spacing)*3)
    }

    .before\:top-3\.5:before {
        content: var(--tw-content);
        top: calc(var(--spacing)*3.5)
    }

    .before\:top-5:before {
        content: var(--tw-content);
        top: calc(var(--spacing)*5)
    }

    .before\:top-20:before {
        content: var(--tw-content);
        top: calc(var(--spacing)*20)
    }

    .before\:right-0:before {
        content: var(--tw-content);
        right: calc(var(--spacing)*0)
    }

    .before\:-bottom-1:before {
        content: var(--tw-content);
        bottom: calc(var(--spacing)*-1)
    }

    .before\:-bottom-2:before {
        content: var(--tw-content);
        bottom: calc(var(--spacing)*-2)
    }

    .before\:-bottom-4:before {
        content: var(--tw-content);
        bottom: calc(var(--spacing)*-4)
    }

    .before\:bottom-0:before {
        content: var(--tw-content);
        bottom: calc(var(--spacing)*0)
    }

    .before\:-left-\[5px\]:before {
        content: var(--tw-content);
        left: -5px
    }

    .before\:left-0:before {
        content: var(--tw-content);
        left: calc(var(--spacing)*0)
    }

    .before\:z-10:before {
        content: var(--tw-content);
        z-index: 10
    }

    .before\:\!hidden:before {
        content: var(--tw-content);
        display: none !important
    }

    .before\:block:before {
        content: var(--tw-content);
        display: block
    }

    .before\:hidden:before {
        content: var(--tw-content);
        display: none
    }

    .before\:size-2:before {
        content: var(--tw-content);
        width: calc(var(--spacing)*2);
        height: calc(var(--spacing)*2)
    }

    .before\:size-3:before {
        content: var(--tw-content);
        width: calc(var(--spacing)*3);
        height: calc(var(--spacing)*3)
    }

    .before\:size-full:before {
        content: var(--tw-content);
        width: 100%;
        height: 100%
    }

    .before\:h-0\.5:before {
        content: var(--tw-content);
        height: calc(var(--spacing)*.5)
    }

    .before\:h-1\/2:before {
        content: var(--tw-content);
        height: 50%
    }

    .before\:h-2\/3:before {
        content: var(--tw-content);
        height: 66.6667%
    }

    .before\:h-12:before {
        content: var(--tw-content);
        height: calc(var(--spacing)*12)
    }

    .before\:h-\[0\.2em\]:before {
        content: var(--tw-content);
        height: .2em
    }

    .before\:h-\[1px\]:before {
        content: var(--tw-content);
        height: 1px
    }

    .before\:h-\[2px\]:before {
        content: var(--tw-content);
        height: 2px
    }

    .before\:h-\[80\%\]:before {
        content: var(--tw-content);
        height: 80%
    }

    .before\:h-\[calc\(100\%_-_5px\)\]:before {
        content: var(--tw-content);
        height: calc(100% - 5px)
    }

    .before\:h-px:before {
        content: var(--tw-content);
        height: 1px
    }

    .before\:w-0:before {
        content: var(--tw-content);
        width: calc(var(--spacing)*0)
    }

    .before\:w-1:before {
        content: var(--tw-content);
        width: calc(var(--spacing)*1)
    }

    .before\:w-1\/2:before {
        content: var(--tw-content);
        width: 50%
    }

    .before\:w-2:before {
        content: var(--tw-content);
        width: calc(var(--spacing)*2)
    }

    .before\:w-2\/3:before {
        content: var(--tw-content);
        width: 66.6667%
    }

    .before\:w-7:before {
        content: var(--tw-content);
        width: calc(var(--spacing)*7)
    }

    .before\:w-8:before {
        content: var(--tw-content);
        width: calc(var(--spacing)*8)
    }

    .before\:w-\[2px\]:before {
        content: var(--tw-content);
        width: 2px
    }

    .before\:w-full:before {
        content: var(--tw-content);
        width: 100%
    }

    .before\:-translate-y-1\/2:before {
        content: var(--tw-content);
        --tw-translate-y: -50%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .before\:rounded-full:before {
        content: var(--tw-content);
        border-radius: 3.40282e38px
    }

    .before\:rounded-md:before {
        content: var(--tw-content);
        border-radius: var(--radius-md)
    }

    .before\:rounded-t-full:before {
        content: var(--tw-content);
        border-top-left-radius: 3.40282e38px;
        border-top-right-radius: 3.40282e38px
    }

    .before\:border:before {
        content: var(--tw-content);
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .before\:border-4:before {
        content: var(--tw-content);
        border-style: var(--tw-border-style);
        border-width: 4px
    }

    .before\:border-b:before {
        content: var(--tw-content);
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }

    .before\:border-b-2:before {
        content: var(--tw-content);
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 2px
    }

    .before\:border-dashed:before {
        content: var(--tw-content);
        --tw-border-style: dashed;
        border-style: dashed
    }

    .before\:border-gray-200:before {
        content: var(--tw-content);
        border-color: var(--color-gray-200)
    }

    .before\:border-orange-500:before {
        content: var(--tw-content);
        border-color: var(--color-orange-500)
    }

    .before\:border-pink-500:before {
        content: var(--tw-content);
        border-color: var(--color-pink-500)
    }

    .before\:border-primary-500:before {
        content: var(--tw-content);
        border-color: var(--color-primary-500)
    }

    .before\:border-purple-500:before {
        content: var(--tw-content);
        border-color: var(--color-purple-500)
    }

    .before\:border-red-500:before {
        content: var(--tw-content);
        border-color: var(--color-red-500)
    }

    .before\:border-sky-300:before {
        content: var(--tw-content);
        border-color: var(--color-sky-300)
    }

    .before\:border-sky-500:before {
        content: var(--tw-content);
        border-color: var(--color-sky-500)
    }

    .before\:border-white:before {
        content: var(--tw-content);
        border-color: var(--color-white)
    }

    .before\:border-yellow-500:before {
        content: var(--tw-content);
        border-color: var(--color-yellow-500)
    }

    .before\:border-b-transparent:before {
        content: var(--tw-content);
        border-bottom-color: #0000
    }

    .before\:bg-effect:before {
        content: var(--tw-content);
        background-color: var(--color-effect)
    }

    .before\:bg-gray-100:before {
        content: var(--tw-content);
        background-color: var(--color-gray-100)
    }

    .before\:bg-gray-200:before {
        content: var(--tw-content);
        background-color: var(--color-gray-200)
    }

    .before\:bg-gray-950:before {
        content: var(--tw-content);
        background-color: var(--color-gray-950)
    }

    .before\:bg-green-500:before {
        content: var(--tw-content);
        background-color: var(--color-green-500)
    }

    .before\:bg-green-500\/10:before {
        content: var(--tw-content);
        background-color: #00c7581a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .before\:bg-green-500\/10:before {
            background-color: color-mix(in oklab,var(--color-green-500)10%,transparent)
        }
    }

    .before\:bg-orange-500\/10:before {
        content: var(--tw-content);
        background-color: #fe6e001a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .before\:bg-orange-500\/10:before {
            background-color: color-mix(in oklab,var(--color-orange-500)10%,transparent)
        }
    }

    .before\:bg-primary-500:before {
        content: var(--tw-content);
        background-color: var(--color-primary-500)
    }

    .before\:bg-purple-500:before {
        content: var(--tw-content);
        background-color: var(--color-purple-500)
    }

    .before\:bg-purple-500\/10:before {
        content: var(--tw-content);
        background-color: #ac4bff1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .before\:bg-purple-500\/10:before {
            background-color: color-mix(in oklab,var(--color-purple-500)10%,transparent)
        }
    }

    .before\:bg-red-500:before {
        content: var(--tw-content);
        background-color: var(--color-red-500)
    }

    .before\:bg-sky-300:before {
        content: var(--tw-content);
        background-color: var(--color-sky-300)
    }

    .before\:bg-sky-500:before {
        content: var(--tw-content);
        background-color: var(--color-sky-500)
    }

    .before\:bg-sky-500\/10:before {
        content: var(--tw-content);
        background-color: #00a5ef1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .before\:bg-sky-500\/10:before {
            background-color: color-mix(in oklab,var(--color-sky-500)10%,transparent)
        }
    }

    .before\:bg-yellow-500:before {
        content: var(--tw-content);
        background-color: var(--color-yellow-500)
    }

    .before\:bg-yellow-500\/10:before {
        content: var(--tw-content);
        background-color: #edb2001a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .before\:bg-yellow-500\/10:before {
            background-color: color-mix(in oklab,var(--color-yellow-500)10%,transparent)
        }
    }

    .before\:bg-gradient-to-r:before {
        content: var(--tw-content);
        --tw-gradient-position: to right in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .before\:from-green-500:before {
        content: var(--tw-content);
        --tw-gradient-from: var(--color-green-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .before\:from-orange-500:before {
        content: var(--tw-content);
        --tw-gradient-from: var(--color-orange-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .before\:from-primary-500:before {
        content: var(--tw-content);
        --tw-gradient-from: var(--color-primary-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .before\:from-purple-500:before {
        content: var(--tw-content);
        --tw-gradient-from: var(--color-purple-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .before\:to-green-600:before {
        content: var(--tw-content);
        --tw-gradient-to: var(--color-green-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .before\:to-orange-600:before {
        content: var(--tw-content);
        --tw-gradient-to: var(--color-orange-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .before\:to-primary-600:before {
        content: var(--tw-content);
        --tw-gradient-to: var(--color-primary-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .before\:to-purple-600:before {
        content: var(--tw-content);
        --tw-gradient-to: var(--color-purple-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .before\:outline-1:before {
        content: var(--tw-content);
        outline-style: var(--tw-outline-style);
        outline-width: 1px
    }

    .before\:outline-sidebar-text:before {
        content: var(--tw-content);
        outline-color: var(--color-sidebar-text)
    }

    .before\:backdrop-blur-lg:before {
        content: var(--tw-content);
        --tw-backdrop-blur: blur(var(--blur-lg));
        -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,)
    }

    .before\:transition-all:before {
        content: var(--tw-content);
        transition-property: all;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration))
    }

    .before\:duration-300:before {
        content: var(--tw-content);
        --tw-duration: .3s;
        transition-duration: .3s
    }

    .before\:duration-500:before {
        content: var(--tw-content);
        --tw-duration: .5s;
        transition-duration: .5s
    }

    .before\:ease-in-out:before {
        content: var(--tw-content);
        --tw-ease: var(--ease-in-out);
        transition-timing-function: var(--ease-in-out)
    }

    .before\:ease-linear:before {
        content: var(--tw-content);
        --tw-ease: linear;
        transition-timing-function: linear
    }

    .before\:content-\[\'\'\]:before {
        --tw-content: "";
        content: var(--tw-content)
    }

    .before\:outline-dashed:before {
        content: var(--tw-content);
        --tw-outline-style: dashed;
        outline-style: dashed
    }

    :is(.\*\:before\:absolute>*):before {
        content: var(--tw-content);
        position: absolute
    }

    :is(.\*\:before\:-inset-y-5>*):before {
        content: var(--tw-content);
        inset-block: calc(var(--spacing)*-5)
    }

    :is(.\*\:before\:inset-y-0>*):before {
        content: var(--tw-content);
        inset-block: calc(var(--spacing)*0)
    }

    :is(.\*\:before\:top-2>*):before {
        content: var(--tw-content);
        top: calc(var(--spacing)*2)
    }

    :is(.\*\:before\:top-5>*):before {
        content: var(--tw-content);
        top: calc(var(--spacing)*5)
    }

    :is(.\*\:before\:-bottom-2>*):before {
        content: var(--tw-content);
        bottom: calc(var(--spacing)*-2)
    }

    :is(.\*\:before\:-bottom-5>*):before {
        content: var(--tw-content);
        bottom: calc(var(--spacing)*-5)
    }

    :is(.\*\:before\:w-0\.5>*):before {
        content: var(--tw-content);
        width: calc(var(--spacing)*.5)
    }

    :is(.\*\:before\:w-\[1px\]>*):before {
        content: var(--tw-content);
        width: 1px
    }

    :is(.\*\:before\:bg-gray-200>*):before {
        content: var(--tw-content);
        background-color: var(--color-gray-200)
    }

    :is(.\*\:before\:font-remix>*):before {
        content: var(--tw-content);
        font-family: var(--font-remix)
    }

    :is(.\*\:before\:text-gray-500>*):before {
        content: var(--tw-content);
        color: var(--color-gray-500)
    }

    :is(.\*\:before\:content-\[\'\\EA6E\'\]>*):before {
        --tw-content: "";
        content: var(--tw-content)
    }

    :is(.\*\:before\:content-\[\'\\F1AF\'\]>*):before {
        --tw-content: "";
        content: var(--tw-content)
    }

    :is(.\*\:before\:content-\[\'\\f2e5\'\]>*):before {
        --tw-content: "";
        content: var(--tw-content)
    }

    .group-data-\[layout\=horizontal\]\:before\:hidden:is(:where(.group)[data-layout=horizontal] *):before {
        content: var(--tw-content);
        display: none
    }

    .group-data-\[nav-type\=pattern\]\:before\:text-white\/50:is(:where(.group)[data-nav-type=pattern] *):before {
        content: var(--tw-content);
        color: #ffffff80
    }

    @supports (color:color-mix(in lab,red,red)) {
        .group-data-\[nav-type\=pattern\]\:before\:text-white\/50:is(:where(.group)[data-nav-type=pattern] *):before {
            color: color-mix(in oklab,var(--color-white)50%,transparent)
        }
    }

    .group-data-\[sidebar\=medium\]\:before\:hidden:is(:where(.group)[data-sidebar=medium] *):before, .group-data-\[sidebar\=small\]\:before\:hidden:is(:where(.group)[data-sidebar=small] *):before {
        content: var(--tw-content);
        display: none
    }

    .after\:absolute:after {
        content: var(--tw-content);
        position: absolute
    }

    .after\:inset-0:after {
        content: var(--tw-content);
        inset: calc(var(--spacing)*0)
    }

    .after\:inset-x-0:after {
        content: var(--tw-content);
        inset-inline: calc(var(--spacing)*0)
    }

    .after\:top-0:after {
        content: var(--tw-content);
        top: calc(var(--spacing)*0)
    }

    .after\:top-1\/2:after {
        content: var(--tw-content);
        top: 50%
    }

    .after\:top-2:after {
        content: var(--tw-content);
        top: calc(var(--spacing)*2)
    }

    .after\:-bottom-3:after {
        content: var(--tw-content);
        bottom: calc(var(--spacing)*-3)
    }

    .after\:-bottom-5:after {
        content: var(--tw-content);
        bottom: calc(var(--spacing)*-5)
    }

    .after\:-bottom-\[1px\]:after {
        content: var(--tw-content);
        bottom: -1px
    }

    .after\:bottom-0:after {
        content: var(--tw-content);
        bottom: calc(var(--spacing)*0)
    }

    .after\:bottom-auto:after {
        content: var(--tw-content);
        bottom: auto
    }

    .after\:left-3:after {
        content: var(--tw-content);
        left: calc(var(--spacing)*3)
    }

    .after\:mx-auto:after {
        content: var(--tw-content);
        margin-inline: auto
    }

    .after\:\!hidden:after {
        content: var(--tw-content);
        display: none !important
    }

    .after\:flex:after {
        content: var(--tw-content);
        display: flex
    }

    .after\:size-1:after {
        content: var(--tw-content);
        width: calc(var(--spacing)*1);
        height: calc(var(--spacing)*1)
    }

    .after\:size-1\.5:after {
        content: var(--tw-content);
        width: calc(var(--spacing)*1.5);
        height: calc(var(--spacing)*1.5)
    }

    .after\:size-3:after {
        content: var(--tw-content);
        width: calc(var(--spacing)*3);
        height: calc(var(--spacing)*3)
    }

    .after\:size-10:after {
        content: var(--tw-content);
        width: calc(var(--spacing)*10);
        height: calc(var(--spacing)*10)
    }

    .after\:size-full:after {
        content: var(--tw-content);
        width: 100%;
        height: 100%
    }

    .after\:h-\[1px\]:after {
        content: var(--tw-content);
        height: 1px
    }

    .after\:h-\[2px\]:after {
        content: var(--tw-content);
        height: 2px
    }

    .after\:w-0:after {
        content: var(--tw-content);
        width: calc(var(--spacing)*0)
    }

    .after\:-rotate-45:after {
        content: var(--tw-content);
        rotate: -45deg
    }

    .after\:justify-center:after {
        content: var(--tw-content);
        justify-content: center
    }

    .after\:rounded-full:after {
        content: var(--tw-content);
        border-radius: 3.40282e38px
    }

    .after\:rounded-lg:after {
        content: var(--tw-content);
        border-radius: var(--radius-lg)
    }

    .after\:border:after {
        content: var(--tw-content);
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .after\:border-gray-200:after {
        content: var(--tw-content);
        border-color: var(--color-gray-200)
    }

    .after\:border-sky-300:after {
        content: var(--tw-content);
        border-color: var(--color-sky-300)
    }

    .after\:bg-gray-800\/50:after {
        content: var(--tw-content);
        background-color: #1e293980
    }

    @supports (color:color-mix(in lab,red,red)) {
        .after\:bg-gray-800\/50:after {
            background-color: color-mix(in oklab,var(--color-gray-800)50%,transparent)
        }
    }

    .after\:bg-pink-500\/10:after {
        content: var(--tw-content);
        background-color: #f6339a1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .after\:bg-pink-500\/10:after {
            background-color: color-mix(in oklab,var(--color-pink-500)10%,transparent)
        }
    }

    .after\:bg-primary-500:after {
        content: var(--tw-content);
        background-color: var(--color-primary-500)
    }

    .after\:bg-primary-500\/10:after {
        content: var(--tw-content);
        background-color: #358ffc1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .after\:bg-primary-500\/10:after {
            background-color: color-mix(in oklab,var(--color-primary-500)10%,transparent)
        }
    }

    .after\:bg-purple-500:after {
        content: var(--tw-content);
        background-color: var(--color-purple-500)
    }

    .after\:bg-red-500\/10:after {
        content: var(--tw-content);
        background-color: #fb2c361a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .after\:bg-red-500\/10:after {
            background-color: color-mix(in oklab,var(--color-red-500)10%,transparent)
        }
    }

    .after\:bg-sky-500\/10:after {
        content: var(--tw-content);
        background-color: #00a5ef1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .after\:bg-sky-500\/10:after {
            background-color: color-mix(in oklab,var(--color-sky-500)10%,transparent)
        }
    }

    .after\:bg-white:after {
        content: var(--tw-content);
        background-color: var(--color-white)
    }

    .after\:\!font-\[\'remixicon\'\]:after {
        content: var(--tw-content);
        font-family: remixicon !important
    }

    .after\:font-remix:after {
        content: var(--tw-content);
        font-family: var(--font-remix)
    }

    .after\:text-2xl:after {
        content: var(--tw-content);
        font-size: var(--text-2xl);
        line-height: var(--tw-leading,var(--text-2xl--line-height))
    }

    .after\:text-4xl:after {
        content: var(--tw-content);
        font-size: var(--text-4xl);
        line-height: var(--tw-leading,var(--text-4xl--line-height))
    }

    .after\:font-semibold:after {
        content: var(--tw-content);
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold)
    }

    .after\:text-gray-800:after {
        content: var(--tw-content);
        color: var(--color-gray-800)
    }

    .after\:text-orange-500:after {
        content: var(--tw-content);
        color: var(--color-orange-500)
    }

    .after\:text-primary-500:after {
        content: var(--tw-content);
        color: var(--color-primary-500)
    }

    .after\:opacity-0:after {
        content: var(--tw-content);
        opacity: 0
    }

    .after\:transition-all:after {
        content: var(--tw-content);
        transition-property: all;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration))
    }

    .after\:duration-200:after {
        content: var(--tw-content);
        --tw-duration: .2s;
        transition-duration: .2s
    }

    .after\:\!content-\[\'\\ea64\'\]:after {
        content: var(--tw-content);
        --tw-content: "" !important;
        content: var(--tw-content) !important
    }

    .after\:content-\[\"N\"\]:after {
        --tw-content: "N";
        content: var(--tw-content)
    }

    .after\:content-\[\'\\ea6e\'\]:after {
        --tw-content: "";
        content: var(--tw-content)
    }

    .after\:content-\[\'\\ea64\'\]:after {
        --tw-content: "";
        content: var(--tw-content)
    }

    :is(.\*\:after\:absolute>*):after {
        content: var(--tw-content);
        position: absolute
    }

    :is(.\*\:after\:top-2>*):after {
        content: var(--tw-content);
        top: calc(var(--spacing)*2)
    }

    :is(.\*\:after\:top-5>*):after {
        content: var(--tw-content);
        top: calc(var(--spacing)*5)
    }

    :is(.\*\:after\:size-1\.5>*):after {
        content: var(--tw-content);
        width: calc(var(--spacing)*1.5);
        height: calc(var(--spacing)*1.5)
    }

    :is(.\*\:after\:size-2>*):after {
        content: var(--tw-content);
        width: calc(var(--spacing)*2);
        height: calc(var(--spacing)*2)
    }

    :is(.\*\:after\:rounded-full>*):after {
        content: var(--tw-content);
        border-radius: 3.40282e38px
    }

    :is(.\*\:after\:rounded-xs>*):after {
        content: var(--tw-content);
        border-radius: var(--radius-xs)
    }

    :is(.\*\:after\:border>*):after {
        content: var(--tw-content);
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    :is(.\*\:after\:border-gray-300>*):after {
        content: var(--tw-content);
        border-color: var(--color-gray-300)
    }

    :is(.\*\:after\:bg-gray-300>*):after {
        content: var(--tw-content);
        background-color: var(--color-gray-300)
    }

    :is(.\*\:after\:bg-white>*):after {
        content: var(--tw-content);
        background-color: var(--color-white)
    }

    .peer-checked\:after\:text-primary-50:is(:where(.peer):checked~*):after {
        content: var(--tw-content);
        color: var(--color-primary-50)
    }

    .peer-checked\:after\:text-purple-50:is(:where(.peer):checked~*):after {
        content: var(--tw-content);
        color: var(--color-purple-50)
    }

    .peer-checked\:after\:\!content-\[\'\\ea6e\'\]:is(:where(.peer):checked~*):after {
        content: var(--tw-content);
        --tw-content: "" !important;
        content: var(--tw-content) !important
    }

    .peer-checked\:after\:content-\[\"Y\"\]:is(:where(.peer):checked~*):after {
        --tw-content: "Y";
        content: var(--tw-content)
    }

    .first\:rounded-t-md:first-child {
        border-top-left-radius: var(--radius-md);
        border-top-right-radius: var(--radius-md)
    }

    .first\:pt-0:first-child {
        padding-top: calc(var(--spacing)*0)
    }

    .first\:pt-2:first-child {
        padding-top: calc(var(--spacing)*2)
    }

    .first\:\!pl-5:first-child {
        padding-left: calc(var(--spacing)*5) !important
    }

    .last\:mb-0:last-child {
        margin-bottom: calc(var(--spacing)*0)
    }

    .last\:rounded-b-md:last-child {
        border-bottom-right-radius: var(--radius-md);
        border-bottom-left-radius: var(--radius-md)
    }

    .last\:border-0:last-child {
        border-style: var(--tw-border-style);
        border-width: 0
    }

    .last\:border-b:last-child {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }

    .last\:border-none:last-child {
        --tw-border-style: none;
        border-style: none
    }

    .last\:\!pr-5:last-child {
        padding-right: calc(var(--spacing)*5) !important
    }

    .last\:pb-0:last-child {
        padding-bottom: calc(var(--spacing)*0)
    }

    .last\:before\:hidden:last-child:before {
        content: var(--tw-content);
        display: none
    }

    .last\:before\:w-\[33\.3\%\]:last-child:before {
        content: var(--tw-content);
        width: 33.3%
    }

    .last\:after\:hidden:last-child:after {
        content: var(--tw-content);
        display: none
    }

    .odd\:\!bg-purple-50:nth-child(odd) {
        background-color: var(--color-purple-50) !important
    }

    .odd\:bg-gray-100:nth-child(odd) {
        background-color: var(--color-gray-100)
    }

    .odd\:bg-white:nth-child(odd) {
        background-color: var(--color-white)
    }

    .even\:bg-gray-100:nth-child(2n) {
        background-color: var(--color-gray-100)
    }

    .even\:bg-white:nth-child(2n) {
        background-color: var(--color-white)
    }

    .first-of-type\:rounded-t-md:first-of-type {
        border-top-left-radius: var(--radius-md);
        border-top-right-radius: var(--radius-md)
    }

    .last-of-type\:rounded-b-md:last-of-type {
        border-bottom-right-radius: var(--radius-md);
        border-bottom-left-radius: var(--radius-md)
    }

    .checked\:\!border-purple-500:checked {
        border-color: var(--color-purple-500) !important
    }

    .checked\:border-primary-500:checked {
        border-color: var(--color-primary-500)
    }

    .checked\:\!bg-purple-500:checked {
        background-color: var(--color-purple-500) !important
    }

    .checked\:bg-primary-500:checked {
        background-color: var(--color-primary-500)
    }

    .checked\:\!ring-0:checked {
        --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor) !important;
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) !important
    }

    .valid\:border-green-500:valid {
        border-color: var(--color-green-500)
    }

    .invalid\:border-red-500:invalid {
        border-color: var(--color-red-500)
    }

    .read-only\:bg-gray-100:read-only {
        background-color: var(--color-gray-100)
    }

    @media (hover:hover) {
        .hover\:z-10:hover {
            z-index: 10
        }

        .hover\:-translate-y-0\.5:hover {
            --tw-translate-y: calc(var(--spacing)*-.5);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .hover\:-translate-y-1:hover {
            --tw-translate-y: calc(var(--spacing)*-1);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .hover\:-translate-y-1\.5:hover {
            --tw-translate-y: calc(var(--spacing)*-1.5);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .hover\:-translate-y-2:hover {
            --tw-translate-y: calc(var(--spacing)*-2);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .hover\:translate-y-0\.5:hover {
            --tw-translate-y: calc(var(--spacing)*.5);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .hover\:scale-105:hover {
            --tw-scale-x: 105%;
            --tw-scale-y: 105%;
            --tw-scale-z: 105%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }

        .hover\:\!border-primary-500\/30:hover {
            border-color: #358ffc4d !important
        }

        @supports (color:color-mix(in lab,red,red)) {
            .hover\:\!border-primary-500\/30:hover {
                border-color: color-mix(in oklab,var(--color-primary-500)30%,transparent) !important
            }
        }

        .hover\:\!border-purple-500\/30:hover {
            border-color: #ac4bff4d !important
        }

        @supports (color:color-mix(in lab,red,red)) {
            .hover\:\!border-purple-500\/30:hover {
                border-color: color-mix(in oklab,var(--color-purple-500)30%,transparent) !important
            }
        }

        .hover\:border-gray-200:hover {
            border-color: var(--color-gray-200)
        }

        .hover\:border-gray-300:hover {
            border-color: var(--color-gray-300)
        }

        .hover\:border-gray-800:hover {
            border-color: var(--color-gray-800)
        }

        .hover\:border-pink-600:hover {
            border-color: var(--color-pink-600)
        }

        .hover\:border-primary-600:hover {
            border-color: var(--color-primary-600)
        }

        .hover\:border-purple-600:hover {
            border-color: var(--color-purple-600)
        }

        .hover\:border-slate-200:hover {
            border-color: var(--color-slate-200)
        }

        .hover\:\!bg-gray-200\/50:hover {
            background-color: #e5e7eb80 !important
        }

        @supports (color:color-mix(in lab,red,red)) {
            .hover\:\!bg-gray-200\/50:hover {
                background-color: color-mix(in oklab,var(--color-gray-200)50%,transparent) !important
            }
        }

        .hover\:bg-gray-50:hover {
            background-color: var(--color-gray-50)
        }

        .hover\:bg-gray-100:hover {
            background-color: var(--color-gray-100)
        }

        .hover\:bg-gray-200:hover {
            background-color: var(--color-gray-200)
        }

        .hover\:bg-gray-300:hover {
            background-color: var(--color-gray-300)
        }

        .hover\:bg-gray-800:hover {
            background-color: var(--color-gray-800)
        }

        .hover\:bg-green-500:hover {
            background-color: var(--color-green-500)
        }

        .hover\:bg-pink-600:hover {
            background-color: var(--color-pink-600)
        }

        .hover\:bg-primary-500:hover {
            background-color: var(--color-primary-500)
        }

        .hover\:bg-primary-600:hover {
            background-color: var(--color-primary-600)
        }

        .hover\:bg-purple-500:hover {
            background-color: var(--color-purple-500)
        }

        .hover\:bg-purple-600:hover {
            background-color: var(--color-purple-600)
        }

        .hover\:bg-red-500\/10:hover {
            background-color: #fb2c361a
        }

        @supports (color:color-mix(in lab,red,red)) {
            .hover\:bg-red-500\/10:hover {
                background-color: color-mix(in oklab,var(--color-red-500)10%,transparent)
            }
        }

        .hover\:bg-sky-500:hover {
            background-color: var(--color-sky-500)
        }

        .hover\:bg-white:hover {
            background-color: var(--color-white)
        }

        .hover\:bg-white\/10:hover {
            background-color: #ffffff1a
        }

        @supports (color:color-mix(in lab,red,red)) {
            .hover\:bg-white\/10:hover {
                background-color: color-mix(in oklab,var(--color-white)10%,transparent)
            }
        }

        .hover\:fill-green-500\/20:hover {
            fill: #00c75833
        }

        @supports (color:color-mix(in lab,red,red)) {
            .hover\:fill-green-500\/20:hover {
                fill: color-mix(in oklab,var(--color-green-500)20%,transparent)
            }
        }

        .hover\:fill-pink-500\/20:hover {
            fill: #f6339a33
        }

        @supports (color:color-mix(in lab,red,red)) {
            .hover\:fill-pink-500\/20:hover {
                fill: color-mix(in oklab,var(--color-pink-500)20%,transparent)
            }
        }

        .hover\:fill-primary-500\/20:hover {
            fill: #358ffc33
        }

        @supports (color:color-mix(in lab,red,red)) {
            .hover\:fill-primary-500\/20:hover {
                fill: color-mix(in oklab,var(--color-primary-500)20%,transparent)
            }
        }

        .hover\:fill-purple-500\/20:hover {
            fill: #ac4bff33
        }

        @supports (color:color-mix(in lab,red,red)) {
            .hover\:fill-purple-500\/20:hover {
                fill: color-mix(in oklab,var(--color-purple-500)20%,transparent)
            }
        }

        .hover\:fill-red-500\/20:hover {
            fill: #fb2c3633
        }

        @supports (color:color-mix(in lab,red,red)) {
            .hover\:fill-red-500\/20:hover {
                fill: color-mix(in oklab,var(--color-red-500)20%,transparent)
            }
        }

        .hover\:fill-sky-500\/20:hover {
            fill: #00a5ef33
        }

        @supports (color:color-mix(in lab,red,red)) {
            .hover\:fill-sky-500\/20:hover {
                fill: color-mix(in oklab,var(--color-sky-500)20%,transparent)
            }
        }

        .hover\:fill-yellow-500\/20:hover {
            fill: #edb20033
        }

        @supports (color:color-mix(in lab,red,red)) {
            .hover\:fill-yellow-500\/20:hover {
                fill: color-mix(in oklab,var(--color-yellow-500)20%,transparent)
            }
        }

        .hover\:\!text-red-500:hover {
            color: var(--color-red-500) !important
        }

        .hover\:text-gray-500:hover {
            color: var(--color-gray-500)
        }

        .hover\:text-gray-800:hover {
            color: var(--color-gray-800)
        }

        .hover\:text-gray-900:hover {
            color: var(--color-gray-900)
        }

        .hover\:text-green-100:hover {
            color: var(--color-green-100)
        }

        .hover\:text-green-500:hover {
            color: var(--color-green-500)
        }

        .hover\:text-indigo-500:hover {
            color: var(--color-indigo-500)
        }

        .hover\:text-orange-500:hover {
            color: var(--color-orange-500)
        }

        .hover\:text-orange-600:hover {
            color: var(--color-orange-600)
        }

        .hover\:text-pink-500:hover {
            color: var(--color-pink-500)
        }

        .hover\:text-primary-50:hover {
            color: var(--color-primary-50)
        }

        .hover\:text-primary-100:hover {
            color: var(--color-primary-100)
        }

        .hover\:text-primary-200:hover {
            color: var(--color-primary-200)
        }

        .hover\:text-primary-500:hover {
            color: var(--color-primary-500)
        }

        .hover\:text-primary-600:hover {
            color: var(--color-primary-600)
        }

        .hover\:text-primary-700:hover {
            color: var(--color-primary-700)
        }

        .hover\:text-purple-200:hover {
            color: var(--color-purple-200)
        }

        .hover\:text-purple-500:hover {
            color: var(--color-purple-500)
        }

        .hover\:text-purple-700:hover {
            color: var(--color-purple-700)
        }

        .hover\:text-red-200:hover {
            color: var(--color-red-200)
        }

        .hover\:text-red-500:hover {
            color: var(--color-red-500)
        }

        .hover\:text-red-600:hover {
            color: var(--color-red-600)
        }

        .hover\:text-red-700:hover {
            color: var(--color-red-700)
        }

        .hover\:text-sidebar-text-hover:hover {
            color: var(--color-sidebar-text-hover)
        }

        .hover\:text-sky-500:hover {
            color: var(--color-sky-500)
        }

        .hover\:text-white:hover {
            color: var(--color-white)
        }

        .hover\:text-yellow-500:hover {
            color: var(--color-yellow-500)
        }

        .hover\:no-underline:hover {
            text-decoration-line: none
        }

        .hover\:underline:hover {
            text-decoration-line: underline
        }

        .hover\:opacity-80:hover {
            opacity: .8
        }

        .hover\:shadow-2xl:hover {
            --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color,#00000040);
            box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
        }

        .hover\:shadow-lg:hover {
            --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);
            box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
        }

        .hover\:ring-2:hover {
            --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
            box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
        }

        .hover\:shadow-gray-200:hover {
            --tw-shadow-color: oklch(92.8% .006 264.531)
        }

        @supports (color:color-mix(in lab,red,red)) {
            .hover\:shadow-gray-200:hover {
                --tw-shadow-color: color-mix(in oklab,var(--color-gray-200)var(--tw-shadow-alpha),transparent)
            }
        }

        .hover\:shadow-slate-200\/75:hover {
            --tw-shadow-color: #e2e8f0bf
        }

        @supports (color:color-mix(in lab,red,red)) {
            .hover\:shadow-slate-200\/75:hover {
                --tw-shadow-color: color-mix(in oklab,color-mix(in oklab,var(--color-slate-200)75%,transparent)var(--tw-shadow-alpha),transparent)
            }
        }

        .hover\:ring-primary-500:hover {
            --tw-ring-color: var(--color-primary-500)
        }

        .hover\:ring-offset-2:hover {
            --tw-ring-offset-width: 2px;
            --tw-ring-offset-shadow: var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
        }

        :is(:is(.\*\:\*\:hover\:not-\[\&\.active\]\:bg-gray-100>*)>*):hover:not(.active) {
            background-color: var(--color-gray-100)
        }

        .group-data-\[nav-type\=pattern\]\:hover\:text-white:is(:where(.group)[data-nav-type=pattern] *):hover {
            color: var(--color-white)
        }

        .hover\:file\:bg-violet-100:hover::file-selector-button {
            background-color: var(--color-violet-100)
        }

        .hover\:file\:bg-violet-500\/15:hover::file-selector-button {
            background-color: #8d54ff26
        }

        @supports (color:color-mix(in lab,red,red)) {
            .hover\:file\:bg-violet-500\/15:hover::file-selector-button {
                background-color: color-mix(in oklab,var(--color-violet-500)15%,transparent)
            }
        }

        .hover\:before\:top-0:hover:before {
            content: var(--tw-content);
            top: calc(var(--spacing)*0)
        }

        .hover\:before\:h-full:hover:before {
            content: var(--tw-content);
            height: 100%
        }

        .hover\:before\:w-full:hover:before {
            content: var(--tw-content);
            width: 100%
        }

        .hover\:before\:animate-spin:hover:before {
            content: var(--tw-content);
            animation: var(--animate-spin)
        }

        .hover\:before\:outline-sidebar-text-hover:hover:before {
            content: var(--tw-content);
            outline-color: var(--color-sidebar-text-hover)
        }

        .hover\:after\:-bottom-1\.5:hover:after {
            content: var(--tw-content);
            bottom: calc(var(--spacing)*-1.5)
        }

        .hover\:after\:bottom-3:hover:after {
            content: var(--tw-content);
            bottom: calc(var(--spacing)*3)
        }

        .hover\:after\:w-full:hover:after {
            content: var(--tw-content);
            width: 100%
        }

        .hover\:after\:opacity-100:hover:after {
            content: var(--tw-content);
            opacity: 1
        }
    }

    .focus\:animate-pulse:focus {
        animation: var(--animate-pulse)
    }

    .focus\:\!border-green-500\/20:focus {
        border-color: #00c75833 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .focus\:\!border-green-500\/20:focus {
            border-color: color-mix(in oklab,var(--color-green-500)20%,transparent) !important
        }
    }

    .focus\:\!border-purple-500:focus {
        border-color: var(--color-purple-500) !important
    }

    .focus\:border-gray-200:focus {
        border-color: var(--color-gray-200)
    }

    .focus\:border-gray-300:focus {
        border-color: var(--color-gray-300)
    }

    .focus\:border-gray-800:focus {
        border-color: var(--color-gray-800)
    }

    .focus\:border-pink-600:focus {
        border-color: var(--color-pink-600)
    }

    .focus\:border-primary-400:focus {
        border-color: var(--color-primary-400)
    }

    .focus\:border-primary-500:focus {
        border-color: var(--color-primary-500)
    }

    .focus\:border-primary-600:focus {
        border-color: var(--color-primary-600)
    }

    .focus\:border-purple-500:focus {
        border-color: var(--color-purple-500)
    }

    .focus\:border-purple-600:focus {
        border-color: var(--color-purple-600)
    }

    .focus\:border-b-sky-500:focus {
        border-bottom-color: var(--color-sky-500)
    }

    .focus\:bg-gray-50:focus {
        background-color: var(--color-gray-50)
    }

    .focus\:bg-gray-200:focus {
        background-color: var(--color-gray-200)
    }

    .focus\:bg-gray-300:focus {
        background-color: var(--color-gray-300)
    }

    .focus\:bg-gray-800:focus {
        background-color: var(--color-gray-800)
    }

    .focus\:bg-pink-600:focus {
        background-color: var(--color-pink-600)
    }

    .focus\:bg-primary-600:focus {
        background-color: var(--color-primary-600)
    }

    .focus\:bg-purple-600:focus {
        background-color: var(--color-purple-600)
    }

    .focus\:bg-white:focus {
        background-color: var(--color-white)
    }

    .focus\:bg-white\/10:focus {
        background-color: #ffffff1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .focus\:bg-white\/10:focus {
            background-color: color-mix(in oklab,var(--color-white)10%,transparent)
        }
    }

    .focus\:text-gray-500:focus {
        color: var(--color-gray-500)
    }

    .focus\:text-gray-800:focus {
        color: var(--color-gray-800)
    }

    .focus\:text-primary-500:focus {
        color: var(--color-primary-500)
    }

    .focus\:text-sky-500:focus {
        color: var(--color-sky-500)
    }

    .focus\:text-white:focus {
        color: var(--color-white)
    }

    .focus\:shadow-none:focus {
        --tw-shadow: 0 0 #0000;
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

    .focus\:ring-0:focus {
        --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

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

    .focus\:ring-primary-500\/10:focus {
        --tw-ring-color: #358ffc1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .focus\:ring-primary-500\/10:focus {
            --tw-ring-color: color-mix(in oklab,var(--color-primary-500)10%,transparent)
        }
    }

    .focus\:ring-primary-500\/15:focus {
        --tw-ring-color: #358ffc26
    }

    @supports (color:color-mix(in lab,red,red)) {
        .focus\:ring-primary-500\/15:focus {
            --tw-ring-color: color-mix(in oklab,var(--color-primary-500)15%,transparent)
        }
    }

    .focus\:outline-hidden:focus {
        --tw-outline-style: none;
        outline-style: none
    }

    @media (forced-colors:active) {
        .focus\:outline-hidden:focus {
            outline-offset: 2px;
            outline: 2px solid #0000
        }
    }

    .focus\:outline-0:focus {
        outline-style: var(--tw-outline-style);
        outline-width: 0
    }

    .focus\:checked\:ring-1:focus:checked {
        --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

    .focus\:checked\:ring-offset-1:focus:checked {
        --tw-ring-offset-width: 1px;
        --tw-ring-offset-shadow: var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
    }

    .focus\:checked\:ring-offset-white:focus:checked {
        --tw-ring-offset-color: var(--color-white)
    }

    .disabled\:cursor-default:disabled {
        cursor: default
    }

    .disabled\:border-gray-200:disabled {
        border-color: var(--color-gray-200)
    }

    .disabled\:bg-gray-100:disabled {
        background-color: var(--color-gray-100)
    }

    .disabled\:text-gray-500:disabled {
        color: var(--color-gray-500)
    }

    .disabled\:text-green-300:disabled {
        color: var(--color-green-300)
    }

    .disabled\:text-primary-300:disabled {
        color: var(--color-primary-300)
    }

    .has-\[\:checked\]\:bg-primary-500\/10:has(:checked) {
        background-color: #358ffc1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .has-\[\:checked\]\:bg-primary-500\/10:has(:checked) {
            background-color: color-mix(in oklab,var(--color-primary-500)10%,transparent)
        }
    }

    .has-\[\:checked\]\:text-primary-500:has(:checked) {
        color: var(--color-primary-500)
    }

    .has-\[\:checked\]\:ring-primary-500\/20:has(:checked) {
        --tw-ring-color: #358ffc33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .has-\[\:checked\]\:ring-primary-500\/20:has(:checked) {
            --tw-ring-color: color-mix(in oklab,var(--color-primary-500)20%,transparent)
        }
    }

    @media (min-width:40rem) {
        .sm\:left-40 {
            left: calc(var(--spacing)*40)
        }

        .sm\:col-span-4 {
            grid-column: span 4/span 4
        }

        .sm\:col-span-6 {
            grid-column: span 6/span 6
        }

        .sm\:col-span-8 {
            grid-column: span 8/span 8
        }

        .sm\:mt-0 {
            margin-top: calc(var(--spacing)*0)
        }

        .sm\:flex {
            display: flex
        }

        .sm\:inline-flex {
            display: inline-flex
        }

        .sm\:size-12 {
            width: calc(var(--spacing)*12);
            height: calc(var(--spacing)*12)
        }

        .sm\:size-64 {
            width: calc(var(--spacing)*64);
            height: calc(var(--spacing)*64)
        }

        .sm\:\!w-\[300px\] {
            width: 300px !important
        }

        .sm\:max-w-6xl {
            max-width: var(--container-6xl)
        }

        .sm\:grid-cols-2 {
            grid-template-columns: repeat(2,minmax(0,1fr))
        }

        .sm\:grid-cols-3 {
            grid-template-columns: repeat(3,minmax(0,1fr))
        }

        .sm\:flex-row {
            flex-direction: row
        }

        .sm\:items-center {
            align-items: center
        }

        .sm\:\!justify-end {
            justify-content: flex-end !important
        }

        .sm\:rounded-md {
            border-radius: var(--radius-md)
        }

        .sm\:pr-0 {
            padding-right: calc(var(--spacing)*0)
        }

        .sm\:text-3xl {
            font-size: var(--text-3xl);
            line-height: var(--tw-leading,var(--text-3xl--line-height))
        }
    }

    @media (min-width:48rem) {
        .md\:absolute {
            position: absolute
        }

        .md\:top-0 {
            top: calc(var(--spacing)*0)
        }

        .md\:top-1\/2 {
            top: 50%
        }

        .md\:col-span-2 {
            grid-column: span 2/span 2
        }

        .md\:col-span-3 {
            grid-column: span 3/span 3
        }

        .md\:col-span-4 {
            grid-column: span 4/span 4
        }

        .md\:col-span-5 {
            grid-column: span 5/span 5
        }

        .md\:col-span-6 {
            grid-column: span 6/span 6
        }

        .md\:col-span-7 {
            grid-column: span 7/span 7
        }

        .md\:col-span-8 {
            grid-column: span 8/span 8
        }

        .md\:col-span-9 {
            grid-column: span 9/span 9
        }

        .md\:col-span-10 {
            grid-column: span 10/span 10
        }

        .md\:col-span-12 {
            grid-column: span 12/span 12
        }

        .md\:col-start-2 {
            grid-column-start: 2
        }

        .md\:col-start-3 {
            grid-column-start: 3
        }

        .md\:col-start-4 {
            grid-column-start: 4
        }

        .md\:col-start-9 {
            grid-column-start: 9
        }

        .md\:row-span-2 {
            grid-row: span 2/span 2
        }

        .md\:float-end {
            float: inline-end
        }

        .md\:m-0 {
            margin: calc(var(--spacing)*0)
        }

        .md\:mx-10 {
            margin-inline: calc(var(--spacing)*10)
        }

        .md\:mx-12 {
            margin-inline: calc(var(--spacing)*12)
        }

        .md\:mx-auto {
            margin-inline: auto
        }

        .md\:my-0 {
            margin-block: calc(var(--spacing)*0)
        }

        .md\:mt-0 {
            margin-top: calc(var(--spacing)*0)
        }

        .md\:mt-10 {
            margin-top: calc(var(--spacing)*10)
        }

        .md\:mb-0 {
            margin-bottom: calc(var(--spacing)*0)
        }

        .md\:block {
            display: block
        }

        .md\:flex {
            display: flex
        }

        .md\:inline-block {
            display: inline-block
        }

        .md\:size-14 {
            width: calc(var(--spacing)*14);
            height: calc(var(--spacing)*14)
        }

        .md\:size-80 {
            width: calc(var(--spacing)*80);
            height: calc(var(--spacing)*80)
        }

        .md\:size-96 {
            width: calc(var(--spacing)*96);
            height: calc(var(--spacing)*96)
        }

        .md\:h-16 {
            height: calc(var(--spacing)*16)
        }

        .md\:h-20 {
            height: calc(var(--spacing)*20)
        }

        .md\:h-24 {
            height: calc(var(--spacing)*24)
        }

        .md\:h-auto {
            height: auto
        }

        .md\:min-h-32 {
            min-height: calc(var(--spacing)*32)
        }

        .md\:\!w-80 {
            width: calc(var(--spacing)*80) !important
        }

        .md\:\!w-96 {
            width: calc(var(--spacing)*96) !important
        }

        .md\:\!w-\[20rem\] {
            width: 20rem !important
        }

        .md\:\!w-\[26rem\] {
            width: 26rem !important
        }

        .md\:\!w-\[30rem\] {
            width: 30rem !important
        }

        .md\:\!w-auto {
            width: auto !important
        }

        .md\:w-16 {
            width: calc(var(--spacing)*16)
        }

        .md\:w-20 {
            width: calc(var(--spacing)*20)
        }

        .md\:w-24 {
            width: calc(var(--spacing)*24)
        }

        .md\:w-36 {
            width: calc(var(--spacing)*36)
        }

        .md\:w-44 {
            width: calc(var(--spacing)*44)
        }

        .md\:w-64 {
            width: calc(var(--spacing)*64)
        }

        .md\:w-80 {
            width: calc(var(--spacing)*80)
        }

        .md\:w-96 {
            width: calc(var(--spacing)*96)
        }

        .md\:-translate-y-1\/2 {
            --tw-translate-y: -50%;
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .md\:grid-cols-2 {
            grid-template-columns: repeat(2,minmax(0,1fr))
        }

        .md\:grid-cols-3 {
            grid-template-columns: repeat(3,minmax(0,1fr))
        }

        .md\:grid-cols-4 {
            grid-template-columns: repeat(4,minmax(0,1fr))
        }

        .md\:grid-cols-5 {
            grid-template-columns: repeat(5,minmax(0,1fr))
        }

        .md\:flex-col {
            flex-direction: column
        }

        .md\:flex-row {
            flex-direction: row
        }

        .md\:items-center {
            align-items: center
        }

        .md\:items-end {
            align-items: flex-end
        }

        .md\:justify-between {
            justify-content: space-between
        }

        .md\:justify-end {
            justify-content: flex-end
        }

        .md\:justify-start {
            justify-content: flex-start
        }

        .md\:gap-5 {
            gap: calc(var(--spacing)*5)
        }

        .md\:gap-8 {
            gap: calc(var(--spacing)*8)
        }

        .md\:gap-space {
            gap: var(--spacing-space)
        }

        :where(.md\:space-y-0>:not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing)*0)*var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-y-reverse)))
        }

        .md\:gap-x-8 {
            column-gap: calc(var(--spacing)*8)
        }

        :where(.md\:divide-x>:not(:last-child)) {
            --tw-divide-x-reverse: 0;
            border-inline-style: var(--tw-border-style);
            border-inline-start-width: calc(1px*var(--tw-divide-x-reverse));
            border-inline-end-width: calc(1px*calc(1 - var(--tw-divide-x-reverse)))
        }

        :where(.md\:divide-y-0>:not(:last-child)) {
            --tw-divide-y-reverse: 0;
            border-bottom-style: var(--tw-border-style);
            border-top-style: var(--tw-border-style);
            border-top-width: calc(0px*var(--tw-divide-y-reverse));
            border-bottom-width: calc(0px*calc(1 - var(--tw-divide-y-reverse)))
        }

        .md\:justify-self-end {
            justify-self: flex-end
        }

        .md\:justify-self-start {
            justify-self: flex-start
        }

        .md\:border-y-0 {
            border-block-style: var(--tw-border-style);
            border-block-width: 0
        }

        .md\:border-b-0 {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 0
        }

        .md\:border-l {
            border-left-style: var(--tw-border-style);
            border-left-width: 1px
        }

        .md\:p-4 {
            padding: calc(var(--spacing)*4)
        }

        .md\:p-5 {
            padding: calc(var(--spacing)*5)
        }

        .md\:p-9 {
            padding: calc(var(--spacing)*9)
        }

        .md\:p-10 {
            padding: calc(var(--spacing)*10)
        }

        .md\:px-0 {
            padding-inline: calc(var(--spacing)*0)
        }

        .md\:px-5 {
            padding-inline: calc(var(--spacing)*5)
        }

        .md\:px-20 {
            padding-inline: calc(var(--spacing)*20)
        }

        .md\:py-12 {
            padding-block: calc(var(--spacing)*12)
        }

        .md\:py-20 {
            padding-block: calc(var(--spacing)*20)
        }

        .md\:py-24 {
            padding-block: calc(var(--spacing)*24)
        }

        .md\:py-28 {
            padding-block: calc(var(--spacing)*28)
        }

        .md\:py-122 {
            padding-block: calc(var(--spacing)*122)
        }

        .md\:pt-24 {
            padding-top: calc(var(--spacing)*24)
        }

        .md\:pt-28 {
            padding-top: calc(var(--spacing)*28)
        }

        .md\:pb-20 {
            padding-bottom: calc(var(--spacing)*20)
        }

        .md\:pb-24 {
            padding-bottom: calc(var(--spacing)*24)
        }

        .md\:pb-28 {
            padding-bottom: calc(var(--spacing)*28)
        }

        .md\:text-left {
            text-align: left
        }

        .md\:text-4xl {
            font-size: var(--text-4xl);
            line-height: var(--tw-leading,var(--text-4xl--line-height))
        }

        .md\:text-5xl {
            font-size: var(--text-5xl);
            line-height: var(--tw-leading,var(--text-5xl--line-height))
        }

        .md\:text-6xl {
            font-size: var(--text-6xl);
            line-height: var(--tw-leading,var(--text-6xl--line-height))
        }

        .md\:text-lg {
            font-size: var(--text-lg);
            line-height: var(--tw-leading,var(--text-lg--line-height))
        }

        .md\:text-\[80px\] {
            font-size: 80px
        }

        .md\:leading-normal {
            --tw-leading: var(--leading-normal);
            line-height: var(--leading-normal)
        }

        .md\:leading-tight {
            --tw-leading: var(--leading-tight);
            line-height: var(--leading-tight)
        }

        .md\:text-primary-50 {
            color: var(--color-primary-50)
        }

        .md\:text-primary-100 {
            color: var(--color-primary-100)
        }

        .md\:group-data-\[layout\=default\]\:w-sidebar:is(:where(.group)[data-layout=default] *) {
            width: var(--spacing-sidebar)
        }

        .group-data-\[layout\=horizontal\]\:md\:fixed:is(:where(.group)[data-layout=horizontal] *) {
            position: fixed
        }

        .group-data-\[layout\=horizontal\]\:md\:flex:is(:where(.group)[data-layout=horizontal] *) {
            display: flex
        }

        .group-data-\[layout\=horizontal\]\:md\:grid:is(:where(.group)[data-layout=horizontal] *) {
            display: grid
        }

        .group-data-\[layout\=horizontal\]\:md\:h-auto:is(:where(.group)[data-layout=horizontal] *) {
            height: auto
        }

        .group-data-\[layout\=horizontal\]\:md\:max-h-\[calc\(100vh_-_10rem\)\]:is(:where(.group)[data-layout=horizontal] *) {
            max-height: calc(100vh - 10rem)
        }

        .group-data-\[layout\=horizontal\]\:md\:w-40:is(:where(.group)[data-layout=horizontal] *) {
            width: calc(var(--spacing)*40)
        }

        .group-data-\[layout\=horizontal\]\:md\:w-96:is(:where(.group)[data-layout=horizontal] *) {
            width: calc(var(--spacing)*96)
        }

        .group-data-\[layout\=horizontal\]\:md\:grid-cols-2:is(:where(.group)[data-layout=horizontal] *) {
            grid-template-columns: repeat(2,minmax(0,1fr))
        }

        .group-data-\[layout\=horizontal\]\:md\:p-4:is(:where(.group)[data-layout=horizontal] *) {
            padding: calc(var(--spacing)*4)
        }

        .group-data-\[layout\=horizontal\]\:md\:py-2:is(:where(.group)[data-layout=horizontal] *) {
            padding-block: calc(var(--spacing)*2)
        }

        .group-data-\[layout\=horizontal\]\:md\:shadow-sm:is(:where(.group)[data-layout=horizontal] *) {
            --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);
            box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
        }

        .group-\[\&\.card-view\]\:md\:col-span-6:is(:where(.group).card-view *) {
            grid-column: span 6/span 6
        }

        .md\:after\:h-\[calc\(100\%_\+_2rem_\)\]:after {
            content: var(--tw-content);
            height: calc(100% + 2rem)
        }

        .md\:first\:pl-0:first-child {
            padding-left: calc(var(--spacing)*0)
        }

        .md\:last\:pr-0:last-child {
            padding-right: calc(var(--spacing)*0)
        }
    }

    @media (min-width:64rem) {
        .lg\:top-0 {
            top: calc(var(--spacing)*0)
        }

        .lg\:top-topbar {
            top: var(--spacing-topbar)
        }

        .lg\:right-4 {
            right: calc(var(--spacing)*4)
        }

        .lg\:left-0 {
            left: calc(var(--spacing)*0)
        }

        .lg\:z-\[1002\] {
            z-index: 1002
        }

        .lg\:col-span-2 {
            grid-column: span 2/span 2
        }

        .lg\:col-span-3 {
            grid-column: span 3/span 3
        }

        .lg\:col-span-4 {
            grid-column: span 4/span 4
        }

        .lg\:col-span-5 {
            grid-column: span 5/span 5
        }

        .lg\:col-span-6 {
            grid-column: span 6/span 6
        }

        .lg\:col-span-7 {
            grid-column: span 7/span 7
        }

        .lg\:col-span-8 {
            grid-column: span 8/span 8
        }

        .lg\:col-span-9 {
            grid-column: span 9/span 9
        }

        .lg\:col-span-10 {
            grid-column: span 10/span 10
        }

        .lg\:col-span-12 {
            grid-column: span 12/span 12
        }

        .lg\:col-start-2 {
            grid-column-start: 2
        }

        .lg\:col-start-3 {
            grid-column-start: 3
        }

        .lg\:col-start-4 {
            grid-column-start: 4
        }

        .lg\:col-start-7 {
            grid-column-start: 7
        }

        .lg\:col-start-8 {
            grid-column-start: 8
        }

        .lg\:col-start-10 {
            grid-column-start: 10
        }

        .lg\:row-span-2 {
            grid-row: span 2/span 2
        }

        .lg\:my-0 {
            margin-block: calc(var(--spacing)*0)
        }

        .lg\:-mt-8 {
            margin-top: calc(var(--spacing)*-8)
        }

        .lg\:mt-0 {
            margin-top: calc(var(--spacing)*0)
        }

        .lg\:mt-10 {
            margin-top: calc(var(--spacing)*10)
        }

        .lg\:mt-20 {
            margin-top: calc(var(--spacing)*20)
        }

        .lg\:mb-0 {
            margin-bottom: calc(var(--spacing)*0)
        }

        .lg\:ml-12 {
            margin-left: calc(var(--spacing)*12)
        }

        .lg\:block {
            display: block
        }

        .lg\:flex {
            display: flex
        }

        .lg\:hidden {
            display: none
        }

        .lg\:inline-block {
            display: inline-block
        }

        .lg\:size-\[480px\] {
            width: 480px;
            height: 480px
        }

        .lg\:h-\[calc\(100vh_-_28rem\)\] {
            height: calc(100vh - 28rem)
        }

        .lg\:h-screen {
            height: 100vh
        }

        .lg\:min-h-screen {
            min-height: 100vh
        }

        .lg\:\!w-\[40rem\] {
            width: 40rem !important
        }

        .lg\:\!w-\[52rem\] {
            width: 52rem !important
        }

        .lg\:w-2\/5 {
            width: 40%
        }

        .lg\:w-3\/5 {
            width: 60%
        }

        .lg\:w-full {
            width: 100%
        }

        .lg\:max-w-\[400px\] {
            max-width: 400px
        }

        .lg\:max-w-\[600px\] {
            max-width: 600px
        }

        .lg\:max-w-\[1300px\] {
            max-width: 1300px
        }

        .lg\:max-w-\[1350px\] {
            max-width: 1350px
        }

        .lg\:grid-cols-2 {
            grid-template-columns: repeat(2,minmax(0,1fr))
        }

        .lg\:grid-cols-3 {
            grid-template-columns: repeat(3,minmax(0,1fr))
        }

        .lg\:grid-cols-4 {
            grid-template-columns: repeat(4,minmax(0,1fr))
        }

        .lg\:grid-cols-5 {
            grid-template-columns: repeat(5,minmax(0,1fr))
        }

        .lg\:grid-cols-6 {
            grid-template-columns: repeat(6,minmax(0,1fr))
        }

        .lg\:flex-row {
            flex-direction: row
        }

        .lg\:items-center {
            align-items: center
        }

        .lg\:justify-end {
            justify-content: flex-end
        }

        .lg\:justify-start {
            justify-content: flex-start
        }

        .lg\:gap-0 {
            gap: calc(var(--spacing)*0)
        }

        .lg\:gap-8 {
            gap: calc(var(--spacing)*8)
        }

        .lg\:gap-x-16 {
            column-gap: calc(var(--spacing)*16)
        }

        .lg\:border-r {
            border-right-style: var(--tw-border-style);
            border-right-width: 1px
        }

        .lg\:p-8 {
            padding: calc(var(--spacing)*8)
        }

        .lg\:px-20 {
            padding-inline: calc(var(--spacing)*20)
        }

        .lg\:py-0 {
            padding-block: calc(var(--spacing)*0)
        }

        .lg\:py-20 {
            padding-block: calc(var(--spacing)*20)
        }

        .lg\:py-24 {
            padding-block: calc(var(--spacing)*24)
        }

        .lg\:pt-40 {
            padding-top: calc(var(--spacing)*40)
        }

        .lg\:pr-10 {
            padding-right: calc(var(--spacing)*10)
        }

        .lg\:pb-0 {
            padding-bottom: calc(var(--spacing)*0)
        }

        .lg\:text-7xl {
            font-size: var(--text-7xl);
            line-height: var(--tw-leading,var(--text-7xl--line-height))
        }

        .lg\:text-8xl {
            font-size: var(--text-8xl);
            line-height: var(--tw-leading,var(--text-8xl--line-height))
        }

        .lg\:leading-relaxed {
            --tw-leading: var(--leading-relaxed);
            line-height: var(--leading-relaxed)
        }

        .group-data-\[layout\=horizontal\]\:lg\:hidden:is(:where(.group)[data-layout=horizontal] *) {
            display: none
        }

        .group-data-\[layout\=horizontal\]\:lg\:pt-\[calc\(theme\(\"spacing\.topbar\"\)_\*_1\.9\)\]:is(:where(.group)[data-layout=horizontal] *) {
            padding-top: 8.90625rem
        }

        .lg\:before\:absolute:before {
            content: var(--tw-content);
            position: absolute
        }

        .lg\:before\:h-1\/2:before {
            content: var(--tw-content);
            height: 50%
        }

        .lg\:before\:w-1:before {
            content: var(--tw-content);
            width: calc(var(--spacing)*1)
        }

        .lg\:before\:rounded-full:before {
            content: var(--tw-content);
            border-radius: 3.40282e38px
        }

        .lg\:before\:bg-primary-500:before {
            content: var(--tw-content);
            background-color: var(--color-primary-500)
        }

        .lg\:last\:pr-0:last-child {
            padding-right: calc(var(--spacing)*0)
        }
    }

    @media (min-width:80rem) {
        .xl\:absolute {
            position: absolute
        }

        .xl\:relative {
            position: relative
        }

        .xl\:static {
            position: static
        }

        .xl\:top-16 {
            top: calc(var(--spacing)*16)
        }

        .xl\:top-\[315px\] {
            top: 315px
        }

        .xl\:top-auto {
            top: auto
        }

        .xl\:left-42 {
            left: var(--spacing-42)
        }

        .xl\:left-\[115px\] {
            left: 115px
        }

        .xl\:z-0 {
            z-index: 0
        }

        .xl\:col-span-2 {
            grid-column: span 2/span 2
        }

        .xl\:col-span-3 {
            grid-column: span 3/span 3
        }

        .xl\:col-span-4 {
            grid-column: span 4/span 4
        }

        .xl\:col-span-5 {
            grid-column: span 5/span 5
        }

        .xl\:col-span-6 {
            grid-column: span 6/span 6
        }

        .xl\:col-span-7 {
            grid-column: span 7/span 7
        }

        .xl\:col-span-8 {
            grid-column: span 8/span 8
        }

        .xl\:col-span-9 {
            grid-column: span 9/span 9
        }

        .xl\:col-span-10 {
            grid-column: span 10/span 10
        }

        .xl\:col-start-2 {
            grid-column-start: 2
        }

        .xl\:col-start-3 {
            grid-column-start: 3
        }

        .xl\:col-start-5 {
            grid-column-start: 5
        }

        .xl\:col-start-7 {
            grid-column-start: 7
        }

        .xl\:col-start-8 {
            grid-column-start: 8
        }

        .xl\:col-start-9 {
            grid-column-start: 9
        }

        .xl\:col-start-10 {
            grid-column-start: 10
        }

        .xl\:row-span-2 {
            grid-row: span 2/span 2
        }

        .xl\:row-span-3 {
            grid-row: span 3/span 3
        }

        .xl\:mx-28 {
            margin-inline: calc(var(--spacing)*28)
        }

        .xl\:-mt-16 {
            margin-top: calc(var(--spacing)*-16)
        }

        .xl\:mt-0 {
            margin-top: calc(var(--spacing)*0)
        }

        .xl\:mt-10 {
            margin-top: calc(var(--spacing)*10)
        }

        .xl\:mr-40 {
            margin-right: calc(var(--spacing)*40)
        }

        .xl\:mb-space {
            margin-bottom: var(--spacing-space)
        }

        .xl\:\!hidden {
            display: none !important
        }

        .xl\:block {
            display: block
        }

        .xl\:flex {
            display: flex
        }

        .xl\:hidden {
            display: none
        }

        .xl\:size-\[650px\] {
            width: 650px;
            height: 650px
        }

        .xl\:h-52 {
            height: calc(var(--spacing)*52)
        }

        .xl\:h-screen {
            height: 100vh
        }

        .xl\:\!w-\[64rem\] {
            width: 64rem !important
        }

        .xl\:w-2\/3 {
            width: 66.6667%
        }

        .xl\:max-w-\[300px\] {
            max-width: 300px
        }

        .xl\:max-w-\[400px\] {
            max-width: 400px
        }

        .xl\:max-w-\[500px\] {
            max-width: 500px
        }

        .xl\:max-w-md {
            max-width: var(--container-md)
        }

        .xl\:scale-110 {
            --tw-scale-x: 110%;
            --tw-scale-y: 110%;
            --tw-scale-z: 110%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }

        .xl\:scale-150 {
            --tw-scale-x: 150%;
            --tw-scale-y: 150%;
            --tw-scale-z: 150%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }

        .xl\:scale-\[1\.3\] {
            scale: 1.3
        }

        .xl\:scale-\[1\.8\] {
            scale: 1.8
        }

        .xl\:grid-cols-2 {
            grid-template-columns: repeat(2,minmax(0,1fr))
        }

        .xl\:grid-cols-3 {
            grid-template-columns: repeat(3,minmax(0,1fr))
        }

        .xl\:grid-cols-4 {
            grid-template-columns: repeat(4,minmax(0,1fr))
        }

        .xl\:grid-cols-5 {
            grid-template-columns: repeat(5,minmax(0,1fr))
        }

        .xl\:grid-cols-6 {
            grid-template-columns: repeat(6,minmax(0,1fr))
        }

        .xl\:flex-row {
            flex-direction: row
        }

        .xl\:flex-nowrap {
            flex-wrap: nowrap
        }

        .xl\:items-center {
            align-items: center
        }

        .xl\:justify-end {
            justify-content: flex-end
        }

        .xl\:justify-start {
            justify-content: flex-start
        }

        .xl\:gap-5 {
            gap: calc(var(--spacing)*5)
        }

        .xl\:gap-x-8 {
            column-gap: calc(var(--spacing)*8)
        }

        :where(.xl\:divide-x>:not(:last-child)) {
            --tw-divide-x-reverse: 0;
            border-inline-style: var(--tw-border-style);
            border-inline-start-width: calc(1px*var(--tw-divide-x-reverse));
            border-inline-end-width: calc(1px*calc(1 - var(--tw-divide-x-reverse)))
        }

        :where(.xl\:divide-y-0>:not(:last-child)) {
            --tw-divide-y-reverse: 0;
            border-bottom-style: var(--tw-border-style);
            border-top-style: var(--tw-border-style);
            border-top-width: calc(0px*var(--tw-divide-y-reverse));
            border-bottom-width: calc(0px*calc(1 - var(--tw-divide-y-reverse)))
        }

        .xl\:rounded-none {
            border-radius: 0
        }

        .xl\:border-x-0 {
            border-inline-style: var(--tw-border-style);
            border-inline-width: 0
        }

        .xl\:border-b-0 {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 0
        }

        .xl\:bg-transparent {
            background-color: #0000
        }

        .xl\:p-12 {
            padding: calc(var(--spacing)*12)
        }

        .xl\:px-20 {
            padding-inline: calc(var(--spacing)*20)
        }

        .xl\:px-28 {
            padding-inline: calc(var(--spacing)*28)
        }

        .xl\:py-0 {
            padding-block: calc(var(--spacing)*0)
        }

        .xl\:pb-48 {
            padding-bottom: calc(var(--spacing)*48)
        }

        .xl\:text-4xl {
            font-size: var(--text-4xl);
            line-height: var(--tw-leading,var(--text-4xl--line-height))
        }

        .xl\:text-5xl {
            font-size: var(--text-5xl);
            line-height: var(--tw-leading,var(--text-5xl--line-height))
        }

        .xl\:text-6xl {
            font-size: var(--text-6xl);
            line-height: var(--tw-leading,var(--text-6xl--line-height))
        }

        .xl\:text-\[140px\] {
            font-size: 140px
        }

        .xl\:leading-normal {
            --tw-leading: var(--leading-normal);
            line-height: var(--leading-normal)
        }

        .xl\:tracking-wide {
            --tw-tracking: var(--tracking-wide);
            letter-spacing: var(--tracking-wide)
        }

        .xl\:shadow-none {
            --tw-shadow: 0 0 #0000;
            box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
        }

        :is(.xl\:\*\:px-3>*) {
            padding-inline: calc(var(--spacing)*3)
        }
    }

    @media (min-width:96rem) {
        .\32xl\:top-auto {
            top: auto
        }

        .\32xl\:-right-24 {
            right: calc(var(--spacing)*-24)
        }

        .\32xl\:bottom-10 {
            bottom: calc(var(--spacing)*10)
        }

        .\32xl\:left-48 {
            left: calc(var(--spacing)*48)
        }

        .\32xl\:order-1 {
            order: 1
        }

        .\32xl\:order-2 {
            order: 2
        }

        .\32xl\:order-4 {
            order: 4
        }

        .\32xl\:order-5 {
            order: 5
        }

        .\32xl\:order-6 {
            order: 6
        }

        .\32xl\:order-7 {
            order: 7
        }

        .\32xl\:order-8 {
            order: 8
        }

        .\32xl\:order-9 {
            order: 9
        }

        .\32xl\:col-span-1 {
            grid-column: span 1/span 1
        }

        .\32xl\:col-span-2 {
            grid-column: span 2/span 2
        }

        .\32xl\:col-span-3 {
            grid-column: span 3/span 3
        }

        .\32xl\:col-span-4 {
            grid-column: span 4/span 4
        }

        .\32xl\:col-span-5 {
            grid-column: span 5/span 5
        }

        .\32xl\:col-span-6 {
            grid-column: span 6/span 6
        }

        .\32xl\:col-span-7 {
            grid-column: span 7/span 7
        }

        .\32xl\:col-span-8 {
            grid-column: span 8/span 8
        }

        .\32xl\:col-span-9 {
            grid-column: span 9/span 9
        }

        .\32xl\:col-start-2 {
            grid-column-start: 2
        }

        .\32xl\:col-start-3 {
            grid-column-start: 3
        }

        .\32xl\:col-start-5 {
            grid-column-start: 5
        }

        .\32xl\:col-start-8 {
            grid-column-start: 8
        }

        .\32xl\:col-start-9 {
            grid-column-start: 9
        }

        .\32xl\:col-start-11 {
            grid-column-start: 11
        }

        .\32xl\:row-span-2 {
            grid-row: span 2/span 2
        }

        .\32xl\:row-span-4 {
            grid-row: span 4/span 4
        }

        .\32xl\:mt-0 {
            margin-top: calc(var(--spacing)*0)
        }

        .\32xl\:grid-cols-2 {
            grid-template-columns: repeat(2,minmax(0,1fr))
        }

        .\32xl\:grid-cols-3 {
            grid-template-columns: repeat(3,minmax(0,1fr))
        }

        .\32xl\:grid-cols-4 {
            grid-template-columns: repeat(4,minmax(0,1fr))
        }

        .\32xl\:grid-cols-5 {
            grid-template-columns: repeat(5,minmax(0,1fr))
        }

        .\32xl\:grid-cols-9 {
            grid-template-columns: repeat(9,minmax(0,1fr))
        }

        .\32xl\:flex-col {
            flex-direction: column
        }

        .\32xl\:flex-row {
            flex-direction: row
        }

        .\32xl\:flex-nowrap {
            flex-wrap: nowrap
        }

        .\32xl\:justify-end {
            justify-content: flex-end
        }

        .\32xl\:pt-80 {
            padding-top: calc(var(--spacing)*80)
        }

        .\32xl\:text-\[11rem\] {
            font-size: 11rem
        }

        .group-\[\&\.card-view\]\:2xl\:col-span-3:is(:where(.group).card-view *) {
            grid-column: span 3/span 3
        }
    }

    .ltr\:-right-1\.5:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        right: calc(var(--spacing)*-1.5)
    }

    .ltr\:-right-12:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        right: calc(var(--spacing)*-12)
    }

    .ltr\:right-0:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        right: calc(var(--spacing)*0)
    }

    .ltr\:right-0\.5:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        right: calc(var(--spacing)*.5)
    }

    .ltr\:right-1:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        right: calc(var(--spacing)*1)
    }

    .ltr\:right-1\.5:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        right: calc(var(--spacing)*1.5)
    }

    .ltr\:right-1\/4:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        right: 25%
    }

    .ltr\:right-2:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        right: calc(var(--spacing)*2)
    }

    .ltr\:right-2\.5:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        right: calc(var(--spacing)*2.5)
    }

    .ltr\:right-3:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        right: calc(var(--spacing)*3)
    }

    .ltr\:right-4:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        right: calc(var(--spacing)*4)
    }

    .ltr\:right-5:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        right: calc(var(--spacing)*5)
    }

    .ltr\:right-8:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        right: calc(var(--spacing)*8)
    }

    .ltr\:right-10:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        right: calc(var(--spacing)*10)
    }

    .ltr\:right-20:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        right: calc(var(--spacing)*20)
    }

    .ltr\:right-28:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        right: calc(var(--spacing)*28)
    }

    .ltr\:right-64:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        right: calc(var(--spacing)*64)
    }

    .ltr\:-left-0\.5:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        left: calc(var(--spacing)*-.5)
    }

    .ltr\:left-0:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        left: calc(var(--spacing)*0)
    }

    .ltr\:left-1:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        left: calc(var(--spacing)*1)
    }

    .ltr\:left-1\/2:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        left: 50%
    }

    .ltr\:left-1\/3:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        left: 33.3333%
    }

    .ltr\:left-1\/4:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        left: 25%
    }

    .ltr\:left-2:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        left: calc(var(--spacing)*2)
    }

    .ltr\:left-3:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        left: calc(var(--spacing)*3)
    }

    .ltr\:left-4:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        left: calc(var(--spacing)*4)
    }

    .ltr\:left-5:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        left: calc(var(--spacing)*5)
    }

    .ltr\:left-10:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        left: calc(var(--spacing)*10)
    }

    .ltr\:left-20:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        left: calc(var(--spacing)*20)
    }

    .ltr\:left-48:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        left: calc(var(--spacing)*48)
    }

    .ltr\:left-auto:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        left: auto
    }

    .ltr\:left-sidebar:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        left: var(--spacing-sidebar)
    }

    .ltr\:float-end:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        float: inline-end
    }

    .ltr\:float-right:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        float: right
    }

    .ltr\:-mr-1:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        margin-right: calc(var(--spacing)*-1)
    }

    .ltr\:mr-0\.5:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        margin-right: calc(var(--spacing)*.5)
    }

    .ltr\:mr-1:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        margin-right: calc(var(--spacing)*1)
    }

    .ltr\:mr-2:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        margin-right: calc(var(--spacing)*2)
    }

    .ltr\:mr-3:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        margin-right: calc(var(--spacing)*3)
    }

    .ltr\:mr-auto:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        margin-right: auto
    }

    .ltr\:ml-0:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        margin-left: calc(var(--spacing)*0)
    }

    .ltr\:ml-0\.5:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        margin-left: calc(var(--spacing)*.5)
    }

    .ltr\:ml-1:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        margin-left: calc(var(--spacing)*1)
    }

    .ltr\:ml-1\.5:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        margin-left: calc(var(--spacing)*1.5)
    }

    .ltr\:ml-2:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        margin-left: calc(var(--spacing)*2)
    }

    .ltr\:ml-3:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        margin-left: calc(var(--spacing)*3)
    }

    .ltr\:ml-3\.5:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        margin-left: calc(var(--spacing)*3.5)
    }

    .ltr\:ml-5:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        margin-left: calc(var(--spacing)*5)
    }

    .ltr\:ml-6:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        margin-left: calc(var(--spacing)*6)
    }

    .ltr\:ml-auto:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        margin-left: auto
    }

    .ltr\:hidden:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        display: none
    }

    .ltr\:inline-block:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        display: inline-block
    }

    .ltr\:translate-x-0:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        --tw-translate-x: calc(var(--spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .ltr\:translate-x-full:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        --tw-translate-x: 100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .ltr\:-rotate-45:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        rotate: -45deg
    }

    .ltr\:justify-end:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        justify-content: flex-end
    }

    .ltr\:rounded-l-md:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        border-top-left-radius: var(--radius-md);
        border-bottom-left-radius: var(--radius-md)
    }

    .ltr\:rounded-l-none:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .ltr\:rounded-r-md:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        border-top-right-radius: var(--radius-md);
        border-bottom-right-radius: var(--radius-md)
    }

    .ltr\:rounded-r-none:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .ltr\:rounded-br-none:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        border-bottom-right-radius: 0
    }

    .ltr\:rounded-bl-full:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        border-bottom-left-radius: 3.40282e38px
    }

    .ltr\:rounded-bl-none:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        border-bottom-left-radius: 0
    }

    .ltr\:border-r:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        border-right-style: var(--tw-border-style);
        border-right-width: 1px
    }

    .ltr\:border-r-0:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        border-right-style: var(--tw-border-style);
        border-right-width: 0
    }

    .ltr\:border-l:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        border-left-style: var(--tw-border-style);
        border-left-width: 1px
    }

    .ltr\:border-l-0:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        border-left-style: var(--tw-border-style);
        border-left-width: 0
    }

    .ltr\:border-l-2:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        border-left-style: var(--tw-border-style);
        border-left-width: 2px
    }

    .ltr\:\!border-l-transparent:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        border-left-color: #0000 !important
    }

    .ltr\:bg-gradient-to-bl:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        --tw-gradient-position: to bottom left in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .ltr\:bg-gradient-to-l:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        --tw-gradient-position: to left in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .ltr\:bg-gradient-to-r:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        --tw-gradient-position: to right in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .ltr\:bg-gradient-to-tr:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        --tw-gradient-position: to top right in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .ltr\:pr-1:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        padding-right: calc(var(--spacing)*1)
    }

    .ltr\:pr-4:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        padding-right: calc(var(--spacing)*4)
    }

    .ltr\:pr-7:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        padding-right: calc(var(--spacing)*7)
    }

    .ltr\:pr-8:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        padding-right: calc(var(--spacing)*8)
    }

    .ltr\:pr-9:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        padding-right: calc(var(--spacing)*9)
    }

    .ltr\:pr-10:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        padding-right: calc(var(--spacing)*10)
    }

    .ltr\:pr-12:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        padding-right: calc(var(--spacing)*12)
    }

    .ltr\:pr-14:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        padding-right: calc(var(--spacing)*14)
    }

    .ltr\:pr-32:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        padding-right: calc(var(--spacing)*32)
    }

    .ltr\:pr-36:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        padding-right: calc(var(--spacing)*36)
    }

    .ltr\:pl-0:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        padding-left: calc(var(--spacing)*0)
    }

    .ltr\:pl-2:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        padding-left: calc(var(--spacing)*2)
    }

    .ltr\:pl-3:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        padding-left: calc(var(--spacing)*3)
    }

    .ltr\:pl-4:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        padding-left: calc(var(--spacing)*4)
    }

    .ltr\:pl-5:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        padding-left: calc(var(--spacing)*5)
    }

    .ltr\:pl-6:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        padding-left: calc(var(--spacing)*6)
    }

    .ltr\:pl-8:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        padding-left: calc(var(--spacing)*8)
    }

    .ltr\:pl-9:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        padding-left: calc(var(--spacing)*9)
    }

    .ltr\:pl-10:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        padding-left: calc(var(--spacing)*10)
    }

    .ltr\:pl-12:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        padding-left: calc(var(--spacing)*12)
    }

    .ltr\:pl-16:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        padding-left: calc(var(--spacing)*16)
    }

    .ltr\:\!text-right:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        text-align: right !important
    }

    .ltr\:text-left:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        text-align: left
    }

    .ltr\:text-right:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        text-align: right
    }

    :is(.ltr\:\*\:pr-6:where(:dir(ltr),[dir=ltr],[dir=ltr] *)>*) {
        padding-right: calc(var(--spacing)*6)
    }

    :is(.ltr\:\*\:pl-5:where(:dir(ltr),[dir=ltr],[dir=ltr] *)>*) {
        padding-left: calc(var(--spacing)*5)
    }

    .ltr\:group-data-\[layout\=boxed\]\:left-8:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-layout=boxed] *) {
        left: calc(var(--spacing)*8)
    }

    .ltr\:group-data-\[layout\=boxed\]\:rounded-r-md:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-layout=boxed] *) {
        border-top-right-radius: var(--radius-md);
        border-bottom-right-radius: var(--radius-md)
    }

    .ltr\:group-data-\[layout\=boxed\]\:rounded-bl-md:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-layout=boxed] *) {
        border-bottom-left-radius: var(--radius-md)
    }

    .ltr\:group-data-\[layout\=default\]\:ml-2:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-layout=default] *) {
        margin-left: calc(var(--spacing)*2)
    }

    .ltr\:group-data-\[layout\=dualcolumn\]\:left-20:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-layout=dualcolumn] *) {
        left: calc(var(--spacing)*20)
    }

    .group-data-\[layout\=horizontal\]\:ltr\:right-0:is(:where(.group)[data-layout=horizontal] *):where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        right: calc(var(--spacing)*0)
    }

    .ltr\:group-data-\[layout\=horizontal\]\:left-0:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-layout=horizontal] *) {
        left: calc(var(--spacing)*0)
    }

    .ltr\:group-data-\[layout\=horizontal\]\:ml-0:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-layout=horizontal] *) {
        margin-left: calc(var(--spacing)*0)
    }

    .ltr\:group-data-\[layout\=semibox\]\:right-3:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-layout=semibox] *) {
        right: calc(var(--spacing)*3)
    }

    .ltr\:group-data-\[layout\=semibox\]\:left-3:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-layout=semibox] *) {
        left: calc(var(--spacing)*3)
    }

    .ltr\:group-data-\[layout\=semibox\]\:ml-0:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-layout=semibox] *) {
        margin-left: calc(var(--spacing)*0)
    }

    .group-data-\[sidebar\=medium\]\:ltr\:left-sidebar-medium:is(:where(.group)[data-sidebar=medium] *):where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        left: var(--spacing-sidebar-medium)
    }

    .ltr\:group-data-\[sidebar\=medium\]\:ml-0:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-sidebar=medium] *) {
        margin-left: calc(var(--spacing)*0)
    }

    .ltr\:group-data-\[layout\=semibox\]\:group-data-\[sidebar\=medium\]\:left-\[calc\(theme\(\"height\.sidebar-medium\"\)_\+_theme\(\"spacing\.3\"\)_\+_theme\(\"spacing\.3\"\)\)\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-layout=semibox] *):is(:where(.group)[data-sidebar=medium] *) {
        left: 11.5rem
    }

    .ltr\:group-data-\[layout\=semibox\]\:group-data-\[sidebar\=medium\]\:ml-\[calc\(theme\(\"spacing\.sidebar-medium\"\)_\+_theme\(\"spacing\.3\"\)\)\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-layout=semibox] *):is(:where(.group)[data-sidebar=medium] *) {
        margin-left: 10.75rem
    }

    .group-data-\[sidebar\=small\]\:ltr\:left-sidebar-small:is(:where(.group)[data-sidebar=small] *):where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        left: var(--spacing-sidebar-small)
    }

    .ltr\:group-data-\[sidebar\=small\]\:ml-0:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-sidebar=small] *) {
        margin-left: calc(var(--spacing)*0)
    }

    .ltr\:group-data-\[layout\=semibox\]\:group-data-\[sidebar\=small\]\:left-\[calc\(theme\(\"height\.sidebar-small\"\)_\+_theme\(\"spacing\.3\"\)_\+_theme\(\"spacing\.3\"\)\)\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-layout=semibox] *):is(:where(.group)[data-sidebar=small] *) {
        left: 6.1875rem
    }

    .ltr\:group-data-\[layout\=semibox\]\:group-data-\[sidebar\=small\]\:ml-\[calc\(theme\(\"spacing\.sidebar-small\"\)_\+_theme\(\"spacing\.3\"\)\)\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-layout=semibox] *):is(:where(.group)[data-sidebar=small] *) {
        margin-left: 5.4375rem
    }

    .ltr\:group-\[\&\.right\]\:rounded-l-none:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group).right *) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .ltr\:group-\[\&\.right\]\:rounded-r-md:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group).right *) {
        border-top-right-radius: var(--radius-md);
        border-bottom-right-radius: var(--radius-md)
    }

    .ltr\:group-\[\&\.right\]\:rounded-br-none:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group).right *) {
        border-bottom-right-radius: 0
    }

    .ltr\:group-\[\&\.right\]\:rounded-bl-md:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group).right *) {
        border-bottom-left-radius: var(--radius-md)
    }

    .ltr\:group-\[\&\.right\]\:border-r:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group).right *) {
        border-right-style: var(--tw-border-style);
        border-right-width: 1px
    }

    .ltr\:group-\[\&\.right\]\:border-l-0:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group).right *) {
        border-left-style: var(--tw-border-style);
        border-left-width: 0
    }

    .ltr\:group-\[\&\.right\]\/chat\:rounded-br-none:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group\/chat).right *) {
        border-bottom-right-radius: 0
    }

    .ltr\:group-\[\&\.right\]\/chat\:rounded-bl-lg:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group\/chat).right *) {
        border-bottom-left-radius: var(--radius-lg)
    }

    .ltr\:group-\[\&\.right\]\/chat\:text-right:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group\/chat).right *) {
        text-align: right
    }

    .ltr\:group-\[\&\.right\]\/form\:right-3:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group\/form).right *) {
        right: calc(var(--spacing)*3)
    }

    .ltr\:group-\[\&\.right\]\/form\:left-auto:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group\/form).right *) {
        left: auto
    }

    .ltr\:group-\[\&\.right\]\/form\:pr-9:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group\/form).right *) {
        padding-right: calc(var(--spacing)*9)
    }

    .ltr\:group-\[\&\.right\]\/form\:pl-4:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group\/form).right *) {
        padding-left: calc(var(--spacing)*4)
    }

    .ltr\:before\:-right-4:where(:dir(ltr),[dir=ltr],[dir=ltr] *):before {
        content: var(--tw-content);
        right: calc(var(--spacing)*-4)
    }

    .ltr\:before\:right-0:where(:dir(ltr),[dir=ltr],[dir=ltr] *):before {
        content: var(--tw-content);
        right: calc(var(--spacing)*0)
    }

    .ltr\:before\:-left-0\.5:where(:dir(ltr),[dir=ltr],[dir=ltr] *):before {
        content: var(--tw-content);
        left: calc(var(--spacing)*-.5)
    }

    .ltr\:before\:-left-1:where(:dir(ltr),[dir=ltr],[dir=ltr] *):before {
        content: var(--tw-content);
        left: calc(var(--spacing)*-1)
    }

    .ltr\:before\:left-0:where(:dir(ltr),[dir=ltr],[dir=ltr] *):before {
        content: var(--tw-content);
        left: calc(var(--spacing)*0)
    }

    .ltr\:before\:left-2:where(:dir(ltr),[dir=ltr],[dir=ltr] *):before {
        content: var(--tw-content);
        left: calc(var(--spacing)*2)
    }

    .ltr\:before\:left-3\.5:where(:dir(ltr),[dir=ltr],[dir=ltr] *):before {
        content: var(--tw-content);
        left: calc(var(--spacing)*3.5)
    }

    .ltr\:before\:left-5:where(:dir(ltr),[dir=ltr],[dir=ltr] *):before {
        content: var(--tw-content);
        left: calc(var(--spacing)*5)
    }

    .ltr\:before\:border-l-transparent:where(:dir(ltr),[dir=ltr],[dir=ltr] *):before {
        content: var(--tw-content);
        border-left-color: #0000
    }

    :is(.ltr\:\*\:before\:right-1:where(:dir(ltr),[dir=ltr],[dir=ltr] *)>*):before {
        content: var(--tw-content);
        right: calc(var(--spacing)*1)
    }

    :is(.ltr\:\*\:before\:left-0\.5:where(:dir(ltr),[dir=ltr],[dir=ltr] *)>*):before {
        content: var(--tw-content);
        left: calc(var(--spacing)*.5)
    }

    :is(.ltr\:\*\:before\:left-4:where(:dir(ltr),[dir=ltr],[dir=ltr] *)>*):before {
        content: var(--tw-content);
        left: calc(var(--spacing)*4)
    }

    :is(.ltr\:\*\:before\:left-\[3px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *)>*):before {
        content: var(--tw-content);
        left: 3px
    }

    .ltr\:after\:-right-5:where(:dir(ltr),[dir=ltr],[dir=ltr] *):after {
        content: var(--tw-content);
        right: calc(var(--spacing)*-5)
    }

    .ltr\:after\:left-2\/3:where(:dir(ltr),[dir=ltr],[dir=ltr] *):after {
        content: var(--tw-content);
        left: 66.6667%
    }

    .ltr\:after\:border-l:where(:dir(ltr),[dir=ltr],[dir=ltr] *):after {
        content: var(--tw-content);
        border-left-style: var(--tw-border-style);
        border-left-width: 1px
    }

    :is(.ltr\:\*\:after\:left-0:where(:dir(ltr),[dir=ltr],[dir=ltr] *)>*):after {
        content: var(--tw-content);
        left: calc(var(--spacing)*0)
    }

    .ltr\:first\:ml-0:where(:dir(ltr),[dir=ltr],[dir=ltr] *):first-child {
        margin-left: calc(var(--spacing)*0)
    }

    .ltr\:first\:rounded-l-md:where(:dir(ltr),[dir=ltr],[dir=ltr] *):first-child {
        border-top-left-radius: var(--radius-md);
        border-bottom-left-radius: var(--radius-md)
    }

    .ltr\:first\:border-l:where(:dir(ltr),[dir=ltr],[dir=ltr] *):first-child {
        border-left-style: var(--tw-border-style);
        border-left-width: 1px
    }

    .ltr\:first\:\!pl-0:where(:dir(ltr),[dir=ltr],[dir=ltr] *):first-child {
        padding-left: calc(var(--spacing)*0) !important
    }

    .ltr\:first\:pl-0:where(:dir(ltr),[dir=ltr],[dir=ltr] *):first-child {
        padding-left: calc(var(--spacing)*0)
    }

    .ltr\:last\:mr-0:where(:dir(ltr),[dir=ltr],[dir=ltr] *):last-child {
        margin-right: calc(var(--spacing)*0)
    }

    .ltr\:last\:rounded-r-md:where(:dir(ltr),[dir=ltr],[dir=ltr] *):last-child {
        border-top-right-radius: var(--radius-md);
        border-bottom-right-radius: var(--radius-md)
    }

    .ltr\:last\:border-r:where(:dir(ltr),[dir=ltr],[dir=ltr] *):last-child {
        border-right-style: var(--tw-border-style);
        border-right-width: 1px
    }

    .ltr\:last\:pr-0:where(:dir(ltr),[dir=ltr],[dir=ltr] *):last-child {
        padding-right: calc(var(--spacing)*0)
    }

    .ltr\:last\:before\:hidden:where(:dir(ltr),[dir=ltr],[dir=ltr] *):last-child:before {
        content: var(--tw-content);
        display: none
    }

    @media (min-width:48rem) {
        .ltr\:md\:right-0:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
            right: calc(var(--spacing)*0)
        }

        .ltr\:md\:right-8:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
            right: calc(var(--spacing)*8)
        }

        .ltr\:md\:mr-2:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
            margin-right: calc(var(--spacing)*2)
        }

        .ltr\:md\:ml-auto:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
            margin-left: auto
        }

        .md\:ltr\:border-r:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
            border-right-style: var(--tw-border-style);
            border-right-width: 1px
        }

        .ltr\:md\:text-left:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
            text-align: left
        }

        .ltr\:md\:text-right:where(:dir(ltr),[dir=ltr],[dir=ltr] *), .md\:ltr\:text-right:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
            text-align: right
        }

        .ltr\:group-data-\[layout\=horizontal\]\:md\:ml-0:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-layout=horizontal] *) {
            margin-left: calc(var(--spacing)*0)
        }
    }

    @media (min-width:64rem) {
        .lg\:ltr\:right-full:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
            right: 100%
        }

        .lg\:ltr\:left-auto:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
            left: auto
        }

        .ltr\:lg\:left-full:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
            left: 100%
        }

        .ltr\:lg\:left-sidebar:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
            left: var(--spacing-sidebar)
        }

        .lg\:ltr\:float-right:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
            float: right
        }

        .ltr\:lg\:ml-sidebar:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
            margin-left: var(--spacing-sidebar)
        }

        .lg\:ltr\:border-r:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
            border-right-style: var(--tw-border-style);
            border-right-width: 1px
        }

        .lg\:ltr\:pl-5:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
            padding-left: calc(var(--spacing)*5)
        }

        .lg\:ltr\:text-left:where(:dir(ltr),[dir=ltr],[dir=ltr] *), .ltr\:lg\:text-left:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
            text-align: left
        }

        .ltr\:lg\:text-right:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
            text-align: right
        }

        .lg\:ltr\:group-data-\[layout\=modern\]\:left-sidebar:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-layout=modern] *), .ltr\:group-data-\[layout\=modern\]\:lg\:left-sidebar:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-layout=modern] *) {
            left: var(--spacing-sidebar)
        }

        .ltr\:lg\:group-data-\[layout\=semibox\]\:left-\[calc\(theme\(\"height\.sidebar\"\)_\+_theme\(\"spacing\.3\"\)_\+_theme\(\"spacing\.3\"\)\)\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-layout=semibox] *) {
            left: 16.5rem
        }

        .ltr\:lg\:group-data-\[layout\=semibox\]\:ml-\[calc\(var\(--spacing-sidebar\)_\+_theme\(\"spacing\.3\"\)\)\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-layout=semibox] *) {
            margin-left: calc(var(--spacing-sidebar) + .75rem)
        }

        .lg\:ltr\:group-data-\[sidebar\=icon\]\:left-sidebar-icon:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-sidebar=icon] *) {
            left: var(--spacing-sidebar-icon)
        }

        .lg\:ltr\:group-data-\[sidebar\=medium\]\:left-sidebar-medium:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-sidebar=medium] *), .ltr\:group-data-\[sidebar\=medium\]\:lg\:left-sidebar-medium:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-sidebar=medium] *) {
            left: var(--spacing-sidebar-medium)
        }

        .lg\:ltr\:group-data-\[sidebar\=medium\]\:ml-sidebar-medium:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-sidebar=medium] *) {
            margin-left: var(--spacing-sidebar-medium)
        }

        .lg\:ltr\:group-data-\[layout\=default\]\:group-data-\[sidebar\=medium\]\:left-0:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-layout=default] *):is(:where(.group)[data-sidebar=medium] *) {
            left: calc(var(--spacing)*0)
        }

        .lg\:ltr\:group-data-\[sidebar\=small\]\:left-sidebar-small:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-sidebar=small] *), .ltr\:group-data-\[sidebar\=small\]\:lg\:left-sidebar-small:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-sidebar=small] *) {
            left: var(--spacing-sidebar-small)
        }

        .lg\:ltr\:group-data-\[sidebar\=small\]\:ml-sidebar-small:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-sidebar=small] *) {
            margin-left: var(--spacing-sidebar-small)
        }

        .lg\:ltr\:group-data-\[layout\=default\]\:group-data-\[sidebar\=small\]\:left-0:where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-layout=default] *):is(:where(.group)[data-sidebar=small] *) {
            left: calc(var(--spacing)*0)
        }

        .lg\:ltr\:before\:left-0:where(:dir(ltr),[dir=ltr],[dir=ltr] *):before {
            content: var(--tw-content);
            left: calc(var(--spacing)*0)
        }
    }

    @media (min-width:80rem) {
        .ltr\:xl\:-right-44:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
            right: calc(var(--spacing)*-44)
        }

        .xl\:ltr\:-right-32:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
            right: calc(var(--spacing)*-32)
        }

        .ltr\:xl\:left-\[115px\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
            left: 115px
        }

        .xl\:ltr\:ml-0:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
            margin-left: calc(var(--spacing)*0)
        }

        .ltr\:xl\:justify-start:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
            justify-content: flex-start
        }

        .ltr\:xl\:rounded-l-none:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

        .ltr\:xl\:rounded-r-none:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        .xl\:ltr\:border-r:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
            border-right-style: var(--tw-border-style);
            border-right-width: 1px
        }

        .xl\:ltr\:first\:pl-0:where(:dir(ltr),[dir=ltr],[dir=ltr] *):first-child {
            padding-left: calc(var(--spacing)*0)
        }
    }

    .rtl\:-right-0\.5:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        right: calc(var(--spacing)*-.5)
    }

    .rtl\:right-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        right: calc(var(--spacing)*0)
    }

    .rtl\:right-1:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        right: calc(var(--spacing)*1)
    }

    .rtl\:right-1\/2:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        right: 50%
    }

    .rtl\:right-1\/3:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        right: 33.3333%
    }

    .rtl\:right-1\/4:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        right: 25%
    }

    .rtl\:right-2:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        right: calc(var(--spacing)*2)
    }

    .rtl\:right-3:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        right: calc(var(--spacing)*3)
    }

    .rtl\:right-4:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        right: calc(var(--spacing)*4)
    }

    .rtl\:right-5:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        right: calc(var(--spacing)*5)
    }

    .rtl\:right-10:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        right: calc(var(--spacing)*10)
    }

    .rtl\:right-20:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        right: calc(var(--spacing)*20)
    }

    .rtl\:right-48:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        right: calc(var(--spacing)*48)
    }

    .rtl\:right-auto:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        right: auto
    }

    .rtl\:right-sidebar:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        right: var(--spacing-sidebar)
    }

    .rtl\:-left-1\.5:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        left: calc(var(--spacing)*-1.5)
    }

    .rtl\:-left-12:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        left: calc(var(--spacing)*-12)
    }

    .rtl\:left-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        left: calc(var(--spacing)*0)
    }

    .rtl\:left-0\.5:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        left: calc(var(--spacing)*.5)
    }

    .rtl\:left-1:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        left: calc(var(--spacing)*1)
    }

    .rtl\:left-1\.5:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        left: calc(var(--spacing)*1.5)
    }

    .rtl\:left-1\/4:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        left: 25%
    }

    .rtl\:left-2:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        left: calc(var(--spacing)*2)
    }

    .rtl\:left-2\.5:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        left: calc(var(--spacing)*2.5)
    }

    .rtl\:left-3:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        left: calc(var(--spacing)*3)
    }

    .rtl\:left-4:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        left: calc(var(--spacing)*4)
    }

    .rtl\:left-5:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        left: calc(var(--spacing)*5)
    }

    .rtl\:left-8:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        left: calc(var(--spacing)*8)
    }

    .rtl\:left-10:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        left: calc(var(--spacing)*10)
    }

    .rtl\:left-20:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        left: calc(var(--spacing)*20)
    }

    .rtl\:left-28:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        left: calc(var(--spacing)*28)
    }

    .rtl\:left-64:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        left: calc(var(--spacing)*64)
    }

    .rtl\:float-left:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        float: left
    }

    .rtl\:float-start:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        float: inline-start
    }

    .rtl\:mt-1:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        margin-top: calc(var(--spacing)*1)
    }

    .rtl\:mr-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        margin-right: calc(var(--spacing)*0)
    }

    .rtl\:mr-0\.5:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        margin-right: calc(var(--spacing)*.5)
    }

    .rtl\:mr-1:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        margin-right: calc(var(--spacing)*1)
    }

    .rtl\:mr-1\.5:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        margin-right: calc(var(--spacing)*1.5)
    }

    .rtl\:mr-2:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        margin-right: calc(var(--spacing)*2)
    }

    .rtl\:mr-3:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        margin-right: calc(var(--spacing)*3)
    }

    .rtl\:mr-3\.5:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        margin-right: calc(var(--spacing)*3.5)
    }

    .rtl\:mr-5:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        margin-right: calc(var(--spacing)*5)
    }

    .rtl\:mr-6:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        margin-right: calc(var(--spacing)*6)
    }

    .rtl\:mr-auto:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        margin-right: auto
    }

    .rtl\:-ml-1:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        margin-left: calc(var(--spacing)*-1)
    }

    .rtl\:ml-0\.5:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        margin-left: calc(var(--spacing)*.5)
    }

    .rtl\:ml-1:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        margin-left: calc(var(--spacing)*1)
    }

    .rtl\:ml-2:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        margin-left: calc(var(--spacing)*2)
    }

    .rtl\:ml-3:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        margin-left: calc(var(--spacing)*3)
    }

    .rtl\:ml-auto:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        margin-left: auto
    }

    .rtl\:hidden:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        display: none
    }

    .rtl\:inline-block:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        display: inline-block
    }

    .rtl\:-translate-x-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        --tw-translate-x: calc(var(--spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .rtl\:-translate-x-full:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        --tw-translate-x: -100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .rtl\:rotate-45:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        rotate: 45deg
    }

    .rtl\:justify-start:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        justify-content: flex-start
    }

    :where(.rtl\:space-x-reverse:where(:dir(rtl),[dir=rtl],[dir=rtl] *)>:not(:last-child)) {
        --tw-space-x-reverse: 1
    }

    .rtl\:rounded-l-md:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        border-top-left-radius: var(--radius-md);
        border-bottom-left-radius: var(--radius-md)
    }

    .rtl\:rounded-l-none:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .rtl\:rounded-r-md:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        border-top-right-radius: var(--radius-md);
        border-bottom-right-radius: var(--radius-md)
    }

    .rtl\:rounded-r-none:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .rtl\:rounded-br-full:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        border-bottom-right-radius: 3.40282e38px
    }

    .rtl\:rounded-br-none:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        border-bottom-right-radius: 0
    }

    .rtl\:rounded-bl-none:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        border-bottom-left-radius: 0
    }

    .rtl\:border-r:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        border-right-style: var(--tw-border-style);
        border-right-width: 1px
    }

    .rtl\:border-r-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        border-right-style: var(--tw-border-style);
        border-right-width: 0
    }

    .rtl\:border-r-2:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        border-right-style: var(--tw-border-style);
        border-right-width: 2px
    }

    .rtl\:border-l:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        border-left-style: var(--tw-border-style);
        border-left-width: 1px
    }

    .rtl\:border-l-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        border-left-style: var(--tw-border-style);
        border-left-width: 0
    }

    .rtl\:\!border-r-transparent:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        border-right-color: #0000 !important
    }

    .rtl\:bg-gradient-to-br:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        --tw-gradient-position: to bottom right in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .rtl\:bg-gradient-to-l:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        --tw-gradient-position: to left in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .rtl\:bg-gradient-to-r:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        --tw-gradient-position: to right in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .rtl\:bg-gradient-to-tl:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        --tw-gradient-position: to top left in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .rtl\:pr-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        padding-right: calc(var(--spacing)*0)
    }

    .rtl\:pr-2:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        padding-right: calc(var(--spacing)*2)
    }

    .rtl\:pr-3:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        padding-right: calc(var(--spacing)*3)
    }

    .rtl\:pr-4:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        padding-right: calc(var(--spacing)*4)
    }

    .rtl\:pr-5:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        padding-right: calc(var(--spacing)*5)
    }

    .rtl\:pr-6:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        padding-right: calc(var(--spacing)*6)
    }

    .rtl\:pr-8:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        padding-right: calc(var(--spacing)*8)
    }

    .rtl\:pr-9:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        padding-right: calc(var(--spacing)*9)
    }

    .rtl\:pr-10:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        padding-right: calc(var(--spacing)*10)
    }

    .rtl\:pr-12:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        padding-right: calc(var(--spacing)*12)
    }

    .rtl\:pr-16:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        padding-right: calc(var(--spacing)*16)
    }

    .rtl\:pl-1:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        padding-left: calc(var(--spacing)*1)
    }

    .rtl\:pl-4:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        padding-left: calc(var(--spacing)*4)
    }

    .rtl\:pl-7:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        padding-left: calc(var(--spacing)*7)
    }

    .rtl\:pl-8:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        padding-left: calc(var(--spacing)*8)
    }

    .rtl\:pl-9:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        padding-left: calc(var(--spacing)*9)
    }

    .rtl\:pl-10:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        padding-left: calc(var(--spacing)*10)
    }

    .rtl\:pl-12:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        padding-left: calc(var(--spacing)*12)
    }

    .rtl\:pl-14:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        padding-left: calc(var(--spacing)*14)
    }

    .rtl\:pl-32:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        padding-left: calc(var(--spacing)*32)
    }

    .rtl\:pl-36:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        padding-left: calc(var(--spacing)*36)
    }

    .rtl\:\!text-left:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        text-align: left !important
    }

    .rtl\:text-left:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        text-align: left
    }

    .rtl\:text-right:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        text-align: right
    }

    :where(.rtl\:divide-x-reverse:where(:dir(rtl),[dir=rtl],[dir=rtl] *)>:not(:last-child)) {
        --tw-divide-x-reverse: 1
    }

    :is(.rtl\:\*\:pr-5:where(:dir(rtl),[dir=rtl],[dir=rtl] *)>*) {
        padding-right: calc(var(--spacing)*5)
    }

    :is(.rtl\:\*\:pl-6:where(:dir(rtl),[dir=rtl],[dir=rtl] *)>*) {
        padding-left: calc(var(--spacing)*6)
    }

    .rtl\:group-data-\[layout\=boxed\]\:right-8:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-layout=boxed] *) {
        right: calc(var(--spacing)*8)
    }

    .rtl\:group-data-\[layout\=boxed\]\:rounded-l-md:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-layout=boxed] *) {
        border-top-left-radius: var(--radius-md);
        border-bottom-left-radius: var(--radius-md)
    }

    .rtl\:group-data-\[layout\=boxed\]\:rounded-br-md:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-layout=boxed] *) {
        border-bottom-right-radius: var(--radius-md)
    }

    .rtl\:group-data-\[layout\=default\]\:mr-2:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-layout=default] *) {
        margin-right: calc(var(--spacing)*2)
    }

    .rtl\:group-data-\[layout\=dualcolumn\]\:right-20:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-layout=dualcolumn] *) {
        right: calc(var(--spacing)*20)
    }

    .rtl\:group-data-\[layout\=horizontal\]\:right-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-layout=horizontal] *) {
        right: calc(var(--spacing)*0)
    }

    .group-data-\[layout\=horizontal\]\:rtl\:left-0:is(:where(.group)[data-layout=horizontal] *):where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        left: calc(var(--spacing)*0)
    }

    .rtl\:group-data-\[layout\=horizontal\]\:mr-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-layout=horizontal] *) {
        margin-right: calc(var(--spacing)*0)
    }

    .rtl\:group-data-\[layout\=semibox\]\:right-3:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-layout=semibox] *) {
        right: calc(var(--spacing)*3)
    }

    .rtl\:group-data-\[layout\=semibox\]\:right-\[calc\(theme\(\"height\.sidebar\"\)_\+_theme\(\"spacing\.3\"\)_\+_theme\(\"spacing\.3\"\)\)\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-layout=semibox] *) {
        right: 16.5rem
    }

    .rtl\:group-data-\[layout\=semibox\]\:left-3:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-layout=semibox] *) {
        left: calc(var(--spacing)*3)
    }

    .rtl\:group-data-\[layout\=semibox\]\:mr-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-layout=semibox] *) {
        margin-right: calc(var(--spacing)*0)
    }

    .group-data-\[sidebar\=medium\]\:rtl\:right-sidebar-medium:is(:where(.group)[data-sidebar=medium] *):where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        right: var(--spacing-sidebar-medium)
    }

    .rtl\:group-data-\[sidebar\=medium\]\:mr-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-sidebar=medium] *) {
        margin-right: calc(var(--spacing)*0)
    }

    .rtl\:group-data-\[layout\=semibox\]\:group-data-\[sidebar\=medium\]\:right-\[calc\(theme\(\"height\.sidebar-medium\"\)_\+_theme\(\"spacing\.3\"\)_\+_theme\(\"spacing\.3\"\)\)\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-layout=semibox] *):is(:where(.group)[data-sidebar=medium] *) {
        right: 11.5rem
    }

    .rtl\:group-data-\[layout\=semibox\]\:group-data-\[sidebar\=medium\]\:mr-\[calc\(theme\(\"spacing\.sidebar-medium\"\)_\+_theme\(\"spacing\.3\"\)\)\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-layout=semibox] *):is(:where(.group)[data-sidebar=medium] *) {
        margin-right: 10.75rem
    }

    .group-data-\[sidebar\=small\]\:rtl\:right-sidebar-small:is(:where(.group)[data-sidebar=small] *):where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        right: var(--spacing-sidebar-small)
    }

    .rtl\:group-data-\[sidebar\=small\]\:mr-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-sidebar=small] *) {
        margin-right: calc(var(--spacing)*0)
    }

    .rtl\:group-data-\[layout\=semibox\]\:group-data-\[sidebar\=small\]\:right-\[calc\(theme\(\"height\.sidebar-small\"\)_\+_theme\(\"spacing\.3\"\)_\+_theme\(\"spacing\.3\"\)\)\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-layout=semibox] *):is(:where(.group)[data-sidebar=small] *) {
        right: 6.1875rem
    }

    .rtl\:group-data-\[layout\=semibox\]\:group-data-\[sidebar\=small\]\:mr-\[calc\(theme\(\"spacing\.sidebar-small\"\)_\+_theme\(\"spacing\.3\"\)\)\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-layout=semibox] *):is(:where(.group)[data-sidebar=small] *) {
        margin-right: 5.4375rem
    }

    .rtl\:group-\[\&\.right\]\:rounded-l-md:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group).right *) {
        border-top-left-radius: var(--radius-md);
        border-bottom-left-radius: var(--radius-md)
    }

    .rtl\:group-\[\&\.right\]\:rounded-r-none:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group).right *) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .rtl\:group-\[\&\.right\]\:rounded-br-md:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group).right *) {
        border-bottom-right-radius: var(--radius-md)
    }

    .rtl\:group-\[\&\.right\]\:rounded-bl-none:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group).right *) {
        border-bottom-left-radius: 0
    }

    .rtl\:group-\[\&\.right\]\:border-r-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group).right *) {
        border-right-style: var(--tw-border-style);
        border-right-width: 0
    }

    .rtl\:group-\[\&\.right\]\:border-l:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group).right *) {
        border-left-style: var(--tw-border-style);
        border-left-width: 1px
    }

    .rtl\:group-\[\&\.right\]\/chat\:rounded-br-lg:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group\/chat).right *) {
        border-bottom-right-radius: var(--radius-lg)
    }

    .rtl\:group-\[\&\.right\]\/chat\:rounded-bl-none:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group\/chat).right *) {
        border-bottom-left-radius: 0
    }

    .rtl\:group-\[\&\.right\]\/chat\:text-left:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group\/chat).right *) {
        text-align: left
    }

    .rtl\:group-\[\&\.right\]\/form\:right-auto:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group\/form).right *) {
        right: auto
    }

    .rtl\:group-\[\&\.right\]\/form\:left-3:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group\/form).right *) {
        left: calc(var(--spacing)*3)
    }

    .rtl\:group-\[\&\.right\]\/form\:pr-4:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group\/form).right *) {
        padding-right: calc(var(--spacing)*4)
    }

    .rtl\:group-\[\&\.right\]\/form\:pl-9:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group\/form).right *) {
        padding-left: calc(var(--spacing)*9)
    }

    .rtl\:peer-checked\:-translate-x-full:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.peer):checked~*) {
        --tw-translate-x: -100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .rtl\:before\:-right-0\.5:where(:dir(rtl),[dir=rtl],[dir=rtl] *):before {
        content: var(--tw-content);
        right: calc(var(--spacing)*-.5)
    }

    .rtl\:before\:-right-1:where(:dir(rtl),[dir=rtl],[dir=rtl] *):before {
        content: var(--tw-content);
        right: calc(var(--spacing)*-1)
    }

    .rtl\:before\:right-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *):before {
        content: var(--tw-content);
        right: calc(var(--spacing)*0)
    }

    .rtl\:before\:right-2:where(:dir(rtl),[dir=rtl],[dir=rtl] *):before {
        content: var(--tw-content);
        right: calc(var(--spacing)*2)
    }

    .rtl\:before\:right-3\.5:where(:dir(rtl),[dir=rtl],[dir=rtl] *):before {
        content: var(--tw-content);
        right: calc(var(--spacing)*3.5)
    }

    .rtl\:before\:right-5:where(:dir(rtl),[dir=rtl],[dir=rtl] *):before {
        content: var(--tw-content);
        right: calc(var(--spacing)*5)
    }

    .rtl\:before\:-left-4:where(:dir(rtl),[dir=rtl],[dir=rtl] *):before {
        content: var(--tw-content);
        left: calc(var(--spacing)*-4)
    }

    .rtl\:before\:left-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *):before {
        content: var(--tw-content);
        left: calc(var(--spacing)*0)
    }

    .rtl\:before\:border-r-transparent:where(:dir(rtl),[dir=rtl],[dir=rtl] *):before {
        content: var(--tw-content);
        border-right-color: #0000
    }

    :is(.rtl\:\*\:before\:right-0\.5:where(:dir(rtl),[dir=rtl],[dir=rtl] *)>*):before {
        content: var(--tw-content);
        right: calc(var(--spacing)*.5)
    }

    :is(.rtl\:\*\:before\:right-4:where(:dir(rtl),[dir=rtl],[dir=rtl] *)>*):before {
        content: var(--tw-content);
        right: calc(var(--spacing)*4)
    }

    :is(.rtl\:\*\:before\:right-\[3px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *)>*):before {
        content: var(--tw-content);
        right: 3px
    }

    :is(.rtl\:\*\:before\:left-1:where(:dir(rtl),[dir=rtl],[dir=rtl] *)>*):before {
        content: var(--tw-content);
        left: calc(var(--spacing)*1)
    }

    .rtl\:after\:right-2\/3:where(:dir(rtl),[dir=rtl],[dir=rtl] *):after {
        content: var(--tw-content);
        right: 66.6667%
    }

    .rtl\:after\:right-3:where(:dir(rtl),[dir=rtl],[dir=rtl] *):after {
        content: var(--tw-content);
        right: calc(var(--spacing)*3)
    }

    .rtl\:after\:-left-5:where(:dir(rtl),[dir=rtl],[dir=rtl] *):after {
        content: var(--tw-content);
        left: calc(var(--spacing)*-5)
    }

    .rtl\:after\:border-r:where(:dir(rtl),[dir=rtl],[dir=rtl] *):after {
        content: var(--tw-content);
        border-right-style: var(--tw-border-style);
        border-right-width: 1px
    }

    :is(.rtl\:\*\:after\:right-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *)>*):after {
        content: var(--tw-content);
        right: calc(var(--spacing)*0)
    }

    .rtl\:first\:mr-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *):first-child {
        margin-right: calc(var(--spacing)*0)
    }

    .rtl\:first\:rounded-r-md:where(:dir(rtl),[dir=rtl],[dir=rtl] *):first-child {
        border-top-right-radius: var(--radius-md);
        border-bottom-right-radius: var(--radius-md)
    }

    .rtl\:first\:border-r:where(:dir(rtl),[dir=rtl],[dir=rtl] *):first-child {
        border-right-style: var(--tw-border-style);
        border-right-width: 1px
    }

    .rtl\:first\:\!pr-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *):first-child {
        padding-right: calc(var(--spacing)*0) !important
    }

    .rtl\:first\:pr-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *):first-child {
        padding-right: calc(var(--spacing)*0)
    }

    .rtl\:last\:ml-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *):last-child {
        margin-left: calc(var(--spacing)*0)
    }

    .rtl\:last\:rounded-l-md:where(:dir(rtl),[dir=rtl],[dir=rtl] *):last-child {
        border-top-left-radius: var(--radius-md);
        border-bottom-left-radius: var(--radius-md)
    }

    .rtl\:last\:border-l:where(:dir(rtl),[dir=rtl],[dir=rtl] *):last-child {
        border-left-style: var(--tw-border-style);
        border-left-width: 1px
    }

    .rtl\:last\:pl-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *):last-child {
        padding-left: calc(var(--spacing)*0)
    }

    @media (min-width:48rem) {
        .rtl\:md\:left-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
            left: calc(var(--spacing)*0)
        }

        .rtl\:md\:left-8:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
            left: calc(var(--spacing)*8)
        }

        .rtl\:md\:mr-auto:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
            margin-right: auto
        }

        .rtl\:md\:ml-2:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
            margin-left: calc(var(--spacing)*2)
        }

        .md\:rtl\:border-l:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
            border-left-style: var(--tw-border-style);
            border-left-width: 1px
        }

        .md\:rtl\:text-left:where(:dir(rtl),[dir=rtl],[dir=rtl] *), .rtl\:md\:text-left:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
            text-align: left
        }

        .rtl\:md\:text-right:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
            text-align: right
        }

        .rtl\:group-data-\[layout\=horizontal\]\:md\:mr-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-layout=horizontal] *) {
            margin-right: calc(var(--spacing)*0)
        }
    }

    @media (min-width:64rem) {
        .lg\:rtl\:right-auto:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
            right: auto
        }

        .rtl\:lg\:right-full:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
            right: 100%
        }

        .rtl\:lg\:right-sidebar:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
            right: var(--spacing-sidebar)
        }

        .lg\:rtl\:left-full:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
            left: 100%
        }

        .lg\:rtl\:float-left:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
            float: left
        }

        .rtl\:lg\:mr-sidebar:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
            margin-right: var(--spacing-sidebar)
        }

        .lg\:rtl\:border-l:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
            border-left-style: var(--tw-border-style);
            border-left-width: 1px
        }

        .lg\:rtl\:pr-5:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
            padding-right: calc(var(--spacing)*5)
        }

        .lg\:rtl\:text-right:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
            text-align: right
        }

        .rtl\:lg\:text-left:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
            text-align: left
        }

        .rtl\:lg\:text-right:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
            text-align: right
        }

        .lg\:rtl\:group-data-\[layout\=modern\]\:right-sidebar:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-layout=modern] *), .rtl\:group-data-\[layout\=modern\]\:lg\:right-sidebar:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-layout=modern] *) {
            right: var(--spacing-sidebar)
        }

        .rtl\:lg\:group-data-\[layout\=semibox\]\:mr-\[calc\(var\(--spacing-sidebar\)_\+_theme\(\"spacing\.3\"\)\)\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-layout=semibox] *) {
            margin-right: calc(var(--spacing-sidebar) + .75rem)
        }

        .lg\:rtl\:group-data-\[sidebar\=icon\]\:right-sidebar-icon:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-sidebar=icon] *) {
            right: var(--spacing-sidebar-icon)
        }

        .lg\:rtl\:group-data-\[sidebar\=medium\]\:right-sidebar-medium:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-sidebar=medium] *), .rtl\:group-data-\[sidebar\=medium\]\:lg\:right-sidebar-medium:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-sidebar=medium] *) {
            right: var(--spacing-sidebar-medium)
        }

        .lg\:rtl\:group-data-\[sidebar\=medium\]\:mr-sidebar-medium:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-sidebar=medium] *) {
            margin-right: var(--spacing-sidebar-medium)
        }

        .lg\:rtl\:group-data-\[layout\=default\]\:group-data-\[sidebar\=medium\]\:right-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-layout=default] *):is(:where(.group)[data-sidebar=medium] *) {
            right: calc(var(--spacing)*0)
        }

        .lg\:rtl\:group-data-\[sidebar\=small\]\:right-sidebar-small:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-sidebar=small] *), .rtl\:group-data-\[sidebar\=small\]\:lg\:right-sidebar-small:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-sidebar=small] *) {
            right: var(--spacing-sidebar-small)
        }

        .lg\:rtl\:group-data-\[sidebar\=small\]\:mr-sidebar-small:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-sidebar=small] *) {
            margin-right: var(--spacing-sidebar-small)
        }

        .lg\:rtl\:group-data-\[layout\=default\]\:group-data-\[sidebar\=small\]\:right-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.group)[data-layout=default] *):is(:where(.group)[data-sidebar=small] *) {
            right: calc(var(--spacing)*0)
        }

        .lg\:rtl\:before\:right-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *):before {
            content: var(--tw-content);
            right: calc(var(--spacing)*0)
        }
    }

    @media (min-width:80rem) {
        .rtl\:xl\:right-\[115px\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
            right: 115px
        }

        .rtl\:xl\:-left-44:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
            left: calc(var(--spacing)*-44)
        }

        .xl\:rtl\:-left-32:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
            left: calc(var(--spacing)*-32)
        }

        .xl\:rtl\:mr-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
            margin-right: calc(var(--spacing)*0)
        }

        .rtl\:xl\:rounded-l-none:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

        .rtl\:xl\:rounded-r-none:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        .xl\:rtl\:border-l:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
            border-left-style: var(--tw-border-style);
            border-left-width: 1px
        }

        :where(.rtl\:xl\:divide-x-reverse:where(:dir(rtl),[dir=rtl],[dir=rtl] *)>:not(:last-child)) {
            --tw-divide-x-reverse: 1
        }

        .xl\:rtl\:first\:pr-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *):first-child {
            padding-right: calc(var(--spacing)*0)
        }
    }

    .rtl\:ltr\:group-data-\[layout\=semibox\]\:right-3:where(:dir(rtl),[dir=rtl],[dir=rtl] *):where(:dir(ltr),[dir=ltr],[dir=ltr] *):is(:where(.group)[data-layout=semibox] *) {
        right: calc(var(--spacing)*3)
    }

    .dark\:block:where([data-mode=dark],[data-mode=dark] *) {
        display: block
    }

    .dark\:hidden:where([data-mode=dark],[data-mode=dark] *) {
        display: none
    }

    .dark\:inline-block:where([data-mode=dark],[data-mode=dark] *) {
        display: inline-block
    }

    :where(.dark\:divide-dark-800:where([data-mode=dark],[data-mode=dark] *)>:not(:last-child)) {
        border-color: var(--color-dark-800)
    }

    .dark\:\!border-dark-900:where([data-mode=dark],[data-mode=dark] *) {
        border-color: var(--color-dark-900) !important
    }

    .dark\:\!border-green-500\/20:where([data-mode=dark],[data-mode=dark] *) {
        border-color: #00c75833 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:\!border-green-500\/20:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-green-500)20%,transparent) !important
        }
    }

    .dark\:\!border-orange-500\/20:where([data-mode=dark],[data-mode=dark] *) {
        border-color: #fe6e0033 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:\!border-orange-500\/20:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-orange-500)20%,transparent) !important
        }
    }

    .dark\:\!border-primary-500\/20:where([data-mode=dark],[data-mode=dark] *) {
        border-color: #358ffc33 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:\!border-primary-500\/20:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-primary-500)20%,transparent) !important
        }
    }

    .dark\:\!border-purple-500\/20:where([data-mode=dark],[data-mode=dark] *) {
        border-color: #ac4bff33 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:\!border-purple-500\/20:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-purple-500)20%,transparent) !important
        }
    }

    .dark\:\!border-sky-500\/20:where([data-mode=dark],[data-mode=dark] *) {
        border-color: #00a5ef33 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:\!border-sky-500\/20:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-sky-500)20%,transparent) !important
        }
    }

    .dark\:\!border-slate-300\/10:where([data-mode=dark],[data-mode=dark] *) {
        border-color: #cad5e21a !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:\!border-slate-300\/10:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-slate-300)10%,transparent) !important
        }
    }

    .dark\:\!border-yellow-500\/20:where([data-mode=dark],[data-mode=dark] *) {
        border-color: #edb20033 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:\!border-yellow-500\/20:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-yellow-500)20%,transparent) !important
        }
    }

    .dark\:border-dark-500:where([data-mode=dark],[data-mode=dark] *) {
        border-color: var(--color-dark-500)
    }

    .dark\:border-dark-700\/50:where([data-mode=dark],[data-mode=dark] *) {
        border-color: #31415880
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:border-dark-700\/50:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-dark-700)50%,transparent)
        }
    }

    .dark\:border-dark-800:where([data-mode=dark],[data-mode=dark] *) {
        border-color: var(--color-dark-800)
    }

    .dark\:border-dark-850:where([data-mode=dark],[data-mode=dark] *) {
        border-color: var(--color-dark-850)
    }

    .dark\:border-dark-900:where([data-mode=dark],[data-mode=dark] *) {
        border-color: var(--color-dark-900)
    }

    .dark\:border-green-500\/30:where([data-mode=dark],[data-mode=dark] *) {
        border-color: #00c7584d
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:border-green-500\/30:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-green-500)30%,transparent)
        }
    }

    .dark\:border-indigo-500:where([data-mode=dark],[data-mode=dark] *) {
        border-color: var(--color-indigo-500)
    }

    .dark\:border-indigo-500\/20:where([data-mode=dark],[data-mode=dark] *) {
        border-color: #625fff33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:border-indigo-500\/20:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-indigo-500)20%,transparent)
        }
    }

    .dark\:border-indigo-500\/30:where([data-mode=dark],[data-mode=dark] *) {
        border-color: #625fff4d
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:border-indigo-500\/30:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-indigo-500)30%,transparent)
        }
    }

    .dark\:border-orange-500\/30:where([data-mode=dark],[data-mode=dark] *) {
        border-color: #fe6e004d
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:border-orange-500\/30:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-orange-500)30%,transparent)
        }
    }

    .dark\:border-pink-500\/20:where([data-mode=dark],[data-mode=dark] *) {
        border-color: #f6339a33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:border-pink-500\/20:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-pink-500)20%,transparent)
        }
    }

    .dark\:border-pink-500\/30:where([data-mode=dark],[data-mode=dark] *) {
        border-color: #f6339a4d
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:border-pink-500\/30:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-pink-500)30%,transparent)
        }
    }

    .dark\:border-primary-500\/20:where([data-mode=dark],[data-mode=dark] *) {
        border-color: #358ffc33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:border-primary-500\/20:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-primary-500)20%,transparent)
        }
    }

    .dark\:border-primary-500\/30:where([data-mode=dark],[data-mode=dark] *) {
        border-color: #358ffc4d
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:border-primary-500\/30:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-primary-500)30%,transparent)
        }
    }

    .dark\:border-purple-500\/20:where([data-mode=dark],[data-mode=dark] *) {
        border-color: #ac4bff33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:border-purple-500\/20:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-purple-500)20%,transparent)
        }
    }

    .dark\:border-purple-500\/30:where([data-mode=dark],[data-mode=dark] *) {
        border-color: #ac4bff4d
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:border-purple-500\/30:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-purple-500)30%,transparent)
        }
    }

    .dark\:border-red-500\/30:where([data-mode=dark],[data-mode=dark] *) {
        border-color: #fb2c364d
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:border-red-500\/30:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-red-500)30%,transparent)
        }
    }

    .dark\:border-sky-500\/20:where([data-mode=dark],[data-mode=dark] *) {
        border-color: #00a5ef33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:border-sky-500\/20:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-sky-500)20%,transparent)
        }
    }

    .dark\:border-sky-500\/30:where([data-mode=dark],[data-mode=dark] *) {
        border-color: #00a5ef4d
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:border-sky-500\/30:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-sky-500)30%,transparent)
        }
    }

    .dark\:border-slate-300\/10:where([data-mode=dark],[data-mode=dark] *) {
        border-color: #cad5e21a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:border-slate-300\/10:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-slate-300)10%,transparent)
        }
    }

    .dark\:border-slate-300\/15:where([data-mode=dark],[data-mode=dark] *) {
        border-color: #cad5e226
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:border-slate-300\/15:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-slate-300)15%,transparent)
        }
    }

    .dark\:border-yellow-500\/30:where([data-mode=dark],[data-mode=dark] *) {
        border-color: #edb2004d
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:border-yellow-500\/30:where([data-mode=dark],[data-mode=dark] *) {
            border-color: color-mix(in oklab,var(--color-yellow-500)30%,transparent)
        }
    }

    .dark\:\!border-t-green-500:where([data-mode=dark],[data-mode=dark] *) {
        border-top-color: var(--color-green-500) !important
    }

    .dark\:\!border-t-red-500:where([data-mode=dark],[data-mode=dark] *) {
        border-top-color: var(--color-red-500) !important
    }

    .dark\:\!border-t-sky-500:where([data-mode=dark],[data-mode=dark] *) {
        border-top-color: var(--color-sky-500) !important
    }

    .dark\:\!border-t-yellow-500:where([data-mode=dark],[data-mode=dark] *) {
        border-top-color: var(--color-yellow-500) !important
    }

    .dark\:\!bg-body-invoice:where([data-mode=dark],[data-mode=dark] *) {
        background-color: var(--color-body-invoice) !important
    }

    .dark\:\!bg-body-invoice\/50:where([data-mode=dark],[data-mode=dark] *) {
        background-color: #04021d80 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:\!bg-body-invoice\/50:where([data-mode=dark],[data-mode=dark] *) {
            background-color: color-mix(in oklab,var(--color-body-invoice)50%,transparent) !important
        }
    }

    .dark\:\!bg-dark-900:where([data-mode=dark],[data-mode=dark] *) {
        background-color: var(--color-dark-900) !important
    }

    .dark\:bg-body-invoice:where([data-mode=dark],[data-mode=dark] *) {
        background-color: var(--color-body-invoice)
    }

    .dark\:bg-dark-300:where([data-mode=dark],[data-mode=dark] *) {
        background-color: var(--color-dark-300)
    }

    .dark\:bg-dark-500:where([data-mode=dark],[data-mode=dark] *) {
        background-color: var(--color-dark-500)
    }

    .dark\:bg-dark-700:where([data-mode=dark],[data-mode=dark] *) {
        background-color: var(--color-dark-700)
    }

    .dark\:bg-dark-800:where([data-mode=dark],[data-mode=dark] *) {
        background-color: var(--color-dark-800)
    }

    .dark\:bg-dark-800\/20:where([data-mode=dark],[data-mode=dark] *) {
        background-color: #1d293d33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:bg-dark-800\/20:where([data-mode=dark],[data-mode=dark] *) {
            background-color: color-mix(in oklab,var(--color-dark-800)20%,transparent)
        }
    }

    .dark\:bg-dark-800\/50:where([data-mode=dark],[data-mode=dark] *) {
        background-color: #1d293d80
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:bg-dark-800\/50:where([data-mode=dark],[data-mode=dark] *) {
            background-color: color-mix(in oklab,var(--color-dark-800)50%,transparent)
        }
    }

    .dark\:bg-dark-850:where([data-mode=dark],[data-mode=dark] *) {
        background-color: var(--color-dark-850)
    }

    .dark\:bg-dark-900:where([data-mode=dark],[data-mode=dark] *) {
        background-color: var(--color-dark-900)
    }

    .dark\:bg-dark-900\/30:where([data-mode=dark],[data-mode=dark] *) {
        background-color: #0f172b4d
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:bg-dark-900\/30:where([data-mode=dark],[data-mode=dark] *) {
            background-color: color-mix(in oklab,var(--color-dark-900)30%,transparent)
        }
    }

    .dark\:bg-dark-900\/40:where([data-mode=dark],[data-mode=dark] *) {
        background-color: #0f172b66
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:bg-dark-900\/40:where([data-mode=dark],[data-mode=dark] *) {
            background-color: color-mix(in oklab,var(--color-dark-900)40%,transparent)
        }
    }

    .dark\:bg-dark-900\/50:where([data-mode=dark],[data-mode=dark] *) {
        background-color: #0f172b80
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:bg-dark-900\/50:where([data-mode=dark],[data-mode=dark] *) {
            background-color: color-mix(in oklab,var(--color-dark-900)50%,transparent)
        }
    }

    .dark\:bg-dark-900\/60:where([data-mode=dark],[data-mode=dark] *) {
        background-color: #0f172b99
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:bg-dark-900\/60:where([data-mode=dark],[data-mode=dark] *) {
            background-color: color-mix(in oklab,var(--color-dark-900)60%,transparent)
        }
    }

    .dark\:bg-dark-900\/90:where([data-mode=dark],[data-mode=dark] *) {
        background-color: #0f172be6
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:bg-dark-900\/90:where([data-mode=dark],[data-mode=dark] *) {
            background-color: color-mix(in oklab,var(--color-dark-900)90%,transparent)
        }
    }

    .dark\:bg-dark-950:where([data-mode=dark],[data-mode=dark] *) {
        background-color: var(--color-dark-950)
    }

    .dark\:bg-dark-950\/80:where([data-mode=dark],[data-mode=dark] *) {
        background-color: #020618cc
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:bg-dark-950\/80:where([data-mode=dark],[data-mode=dark] *) {
            background-color: color-mix(in oklab,var(--color-dark-950)80%,transparent)
        }
    }

    .dark\:bg-gray-800:where([data-mode=dark],[data-mode=dark] *) {
        background-color: var(--color-gray-800)
    }

    .dark\:bg-green-400:where([data-mode=dark],[data-mode=dark] *) {
        background-color: var(--color-green-400)
    }

    .dark\:bg-green-500\/10:where([data-mode=dark],[data-mode=dark] *) {
        background-color: #00c7581a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:bg-green-500\/10:where([data-mode=dark],[data-mode=dark] *) {
            background-color: color-mix(in oklab,var(--color-green-500)10%,transparent)
        }
    }

    .dark\:bg-green-500\/15:where([data-mode=dark],[data-mode=dark] *) {
        background-color: #00c75826
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:bg-green-500\/15:where([data-mode=dark],[data-mode=dark] *) {
            background-color: color-mix(in oklab,var(--color-green-500)15%,transparent)
        }
    }

    .dark\:bg-indigo-500:where([data-mode=dark],[data-mode=dark] *) {
        background-color: var(--color-indigo-500)
    }

    .dark\:bg-indigo-500\/10:where([data-mode=dark],[data-mode=dark] *) {
        background-color: #625fff1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:bg-indigo-500\/10:where([data-mode=dark],[data-mode=dark] *) {
            background-color: color-mix(in oklab,var(--color-indigo-500)10%,transparent)
        }
    }

    .dark\:bg-orange-400:where([data-mode=dark],[data-mode=dark] *) {
        background-color: var(--color-orange-400)
    }

    .dark\:bg-orange-500\/15:where([data-mode=dark],[data-mode=dark] *) {
        background-color: #fe6e0026
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:bg-orange-500\/15:where([data-mode=dark],[data-mode=dark] *) {
            background-color: color-mix(in oklab,var(--color-orange-500)15%,transparent)
        }
    }

    .dark\:bg-pink-500\/15:where([data-mode=dark],[data-mode=dark] *) {
        background-color: #f6339a26
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:bg-pink-500\/15:where([data-mode=dark],[data-mode=dark] *) {
            background-color: color-mix(in oklab,var(--color-pink-500)15%,transparent)
        }
    }

    .dark\:bg-pink-700:where([data-mode=dark],[data-mode=dark] *) {
        background-color: var(--color-pink-700)
    }

    .dark\:bg-primary-500\/10:where([data-mode=dark],[data-mode=dark] *) {
        background-color: #358ffc1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:bg-primary-500\/10:where([data-mode=dark],[data-mode=dark] *) {
            background-color: color-mix(in oklab,var(--color-primary-500)10%,transparent)
        }
    }

    .dark\:bg-primary-500\/15:where([data-mode=dark],[data-mode=dark] *) {
        background-color: #358ffc26
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:bg-primary-500\/15:where([data-mode=dark],[data-mode=dark] *) {
            background-color: color-mix(in oklab,var(--color-primary-500)15%,transparent)
        }
    }

    .dark\:bg-purple-500\/10:where([data-mode=dark],[data-mode=dark] *) {
        background-color: #ac4bff1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:bg-purple-500\/10:where([data-mode=dark],[data-mode=dark] *) {
            background-color: color-mix(in oklab,var(--color-purple-500)10%,transparent)
        }
    }

    .dark\:bg-purple-500\/15:where([data-mode=dark],[data-mode=dark] *) {
        background-color: #ac4bff26
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:bg-purple-500\/15:where([data-mode=dark],[data-mode=dark] *) {
            background-color: color-mix(in oklab,var(--color-purple-500)15%,transparent)
        }
    }

    .dark\:bg-red-400:where([data-mode=dark],[data-mode=dark] *) {
        background-color: var(--color-red-400)
    }

    .dark\:bg-sky-500:where([data-mode=dark],[data-mode=dark] *) {
        background-color: var(--color-sky-500)
    }

    .dark\:bg-sky-500\/10:where([data-mode=dark],[data-mode=dark] *) {
        background-color: #00a5ef1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:bg-sky-500\/10:where([data-mode=dark],[data-mode=dark] *) {
            background-color: color-mix(in oklab,var(--color-sky-500)10%,transparent)
        }
    }

    .dark\:bg-sky-500\/15:where([data-mode=dark],[data-mode=dark] *) {
        background-color: #00a5ef26
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:bg-sky-500\/15:where([data-mode=dark],[data-mode=dark] *) {
            background-color: color-mix(in oklab,var(--color-sky-500)15%,transparent)
        }
    }

    .dark\:bg-transparent:where([data-mode=dark],[data-mode=dark] *) {
        background-color: #0000
    }

    .dark\:bg-white\/10:where([data-mode=dark],[data-mode=dark] *) {
        background-color: #ffffff1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:bg-white\/10:where([data-mode=dark],[data-mode=dark] *) {
            background-color: color-mix(in oklab,var(--color-white)10%,transparent)
        }
    }

    .dark\:bg-yellow-500\/10:where([data-mode=dark],[data-mode=dark] *) {
        background-color: #edb2001a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:bg-yellow-500\/10:where([data-mode=dark],[data-mode=dark] *) {
            background-color: color-mix(in oklab,var(--color-yellow-500)10%,transparent)
        }
    }

    .dark\:bg-yellow-500\/15:where([data-mode=dark],[data-mode=dark] *) {
        background-color: #edb20026
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:bg-yellow-500\/15:where([data-mode=dark],[data-mode=dark] *) {
            background-color: color-mix(in oklab,var(--color-yellow-500)15%,transparent)
        }
    }

    .dark\:bg-none:where([data-mode=dark],[data-mode=dark] *) {
        background-image: none
    }

    .dark\:from-dark-900:where([data-mode=dark],[data-mode=dark] *) {
        --tw-gradient-from: var(--color-dark-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .dark\:from-purple-500\/5:where([data-mode=dark],[data-mode=dark] *) {
        --tw-gradient-from: #ac4bff0d
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:from-purple-500\/5:where([data-mode=dark],[data-mode=dark] *) {
            --tw-gradient-from: color-mix(in oklab,var(--color-purple-500)5%,transparent)
        }
    }

    .dark\:from-purple-500\/5:where([data-mode=dark],[data-mode=dark] *) {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .dark\:from-purple-500\/10:where([data-mode=dark],[data-mode=dark] *) {
        --tw-gradient-from: #ac4bff1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:from-purple-500\/10:where([data-mode=dark],[data-mode=dark] *) {
            --tw-gradient-from: color-mix(in oklab,var(--color-purple-500)10%,transparent)
        }
    }

    .dark\:from-purple-500\/10:where([data-mode=dark],[data-mode=dark] *) {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .dark\:from-sky-500\/15:where([data-mode=dark],[data-mode=dark] *) {
        --tw-gradient-from: #00a5ef26
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:from-sky-500\/15:where([data-mode=dark],[data-mode=dark] *) {
            --tw-gradient-from: color-mix(in oklab,var(--color-sky-500)15%,transparent)
        }
    }

    .dark\:from-sky-500\/15:where([data-mode=dark],[data-mode=dark] *) {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .dark\:via-green-500\/10:where([data-mode=dark],[data-mode=dark] *) {
        --tw-gradient-via: #00c7581a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:via-green-500\/10:where([data-mode=dark],[data-mode=dark] *) {
            --tw-gradient-via: color-mix(in oklab,var(--color-green-500)10%,transparent)
        }
    }

    .dark\:via-green-500\/10:where([data-mode=dark],[data-mode=dark] *) {
        --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .dark\:to-body-invoice:where([data-mode=dark],[data-mode=dark] *) {
        --tw-gradient-to: var(--color-body-invoice);
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .dark\:to-pink-500\/10:where([data-mode=dark],[data-mode=dark] *) {
        --tw-gradient-to: #f6339a1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:to-pink-500\/10:where([data-mode=dark],[data-mode=dark] *) {
            --tw-gradient-to: color-mix(in oklab,var(--color-pink-500)10%,transparent)
        }
    }

    .dark\:to-pink-500\/10:where([data-mode=dark],[data-mode=dark] *) {
        --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .dark\:fill-dark-800:where([data-mode=dark],[data-mode=dark] *) {
        fill: var(--color-dark-800)
    }

    .dark\:fill-dark-850:where([data-mode=dark],[data-mode=dark] *) {
        fill: var(--color-dark-850)
    }

    .dark\:fill-green-900:where([data-mode=dark],[data-mode=dark] *) {
        fill: var(--color-green-900)
    }

    .dark\:fill-muted-invoice:where([data-mode=dark],[data-mode=dark] *) {
        fill: var(--color-muted-invoice)
    }

    .dark\:fill-muted-invoice\/10:where([data-mode=dark],[data-mode=dark] *) {
        fill: #7e779b1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:fill-muted-invoice\/10:where([data-mode=dark],[data-mode=dark] *) {
            fill: color-mix(in oklab,var(--color-muted-invoice)10%,transparent)
        }
    }

    .dark\:fill-red-950:where([data-mode=dark],[data-mode=dark] *) {
        fill: var(--color-red-950)
    }

    .dark\:fill-sky-900:where([data-mode=dark],[data-mode=dark] *) {
        fill: var(--color-sky-900)
    }

    .dark\:fill-yellow-900:where([data-mode=dark],[data-mode=dark] *) {
        fill: var(--color-yellow-900)
    }

    .dark\:\!stroke-slate-300\/10:where([data-mode=dark],[data-mode=dark] *) {
        stroke: #cad5e21a !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:\!stroke-slate-300\/10:where([data-mode=dark],[data-mode=dark] *) {
            stroke: color-mix(in oklab,var(--color-slate-300)10%,transparent) !important
        }
    }

    .dark\:stroke-sky-500\/5:where([data-mode=dark],[data-mode=dark] *) {
        stroke: #00a5ef0d
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:stroke-sky-500\/5:where([data-mode=dark],[data-mode=dark] *) {
            stroke: color-mix(in oklab,var(--color-sky-500)5%,transparent)
        }
    }

    .dark\:text-current:where([data-mode=dark],[data-mode=dark] *) {
        color: currentColor
    }

    .dark\:text-dark-50:where([data-mode=dark],[data-mode=dark] *) {
        color: var(--color-dark-50)
    }

    .dark\:text-dark-100:where([data-mode=dark],[data-mode=dark] *) {
        color: var(--color-dark-100)
    }

    .dark\:text-dark-200:where([data-mode=dark],[data-mode=dark] *) {
        color: var(--color-dark-200)
    }

    .dark\:text-dark-300:where([data-mode=dark],[data-mode=dark] *) {
        color: var(--color-dark-300)
    }

    .dark\:text-dark-400:where([data-mode=dark],[data-mode=dark] *) {
        color: var(--color-dark-400)
    }

    .dark\:text-dark-500:where([data-mode=dark],[data-mode=dark] *) {
        color: var(--color-dark-500)
    }

    .dark\:text-dark-500\/20:where([data-mode=dark],[data-mode=dark] *) {
        color: #62748e33
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:text-dark-500\/20:where([data-mode=dark],[data-mode=dark] *) {
            color: color-mix(in oklab,var(--color-dark-500)20%,transparent)
        }
    }

    .dark\:text-dark-800:where([data-mode=dark],[data-mode=dark] *) {
        color: var(--color-dark-800)
    }

    .dark\:text-gray-200:where([data-mode=dark],[data-mode=dark] *) {
        color: var(--color-gray-200)
    }

    .dark\:text-gray-400:where([data-mode=dark],[data-mode=dark] *) {
        color: var(--color-gray-400)
    }

    .dark\:text-gray-900:where([data-mode=dark],[data-mode=dark] *) {
        color: var(--color-gray-900)
    }

    .dark\:text-muted-invoice:where([data-mode=dark],[data-mode=dark] *) {
        color: var(--color-muted-invoice)
    }

    .dark\:text-pink-200:where([data-mode=dark],[data-mode=dark] *) {
        color: var(--color-pink-200)
    }

    .dark\:text-primary-500:where([data-mode=dark],[data-mode=dark] *) {
        color: var(--color-primary-500)
    }

    .dark\:text-white:where([data-mode=dark],[data-mode=dark] *) {
        color: var(--color-white)
    }

    .dark\:shadow-dark-800:where([data-mode=dark],[data-mode=dark] *) {
        --tw-shadow-color: oklch(27.9% .041 260.031)
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:shadow-dark-800:where([data-mode=dark],[data-mode=dark] *) {
            --tw-shadow-color: color-mix(in oklab,var(--color-dark-800)var(--tw-shadow-alpha),transparent)
        }
    }

    .dark\:shadow-dark-800\/50:where([data-mode=dark],[data-mode=dark] *) {
        --tw-shadow-color: #1d293d80
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:shadow-dark-800\/50:where([data-mode=dark],[data-mode=dark] *) {
            --tw-shadow-color: color-mix(in oklab,color-mix(in oklab,var(--color-dark-800)50%,transparent)var(--tw-shadow-alpha),transparent)
        }
    }

    .dark\:shadow-dark-850:where([data-mode=dark],[data-mode=dark] *) {
        --tw-shadow-color: oklch(23.13% .0399 270.37)
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:shadow-dark-850:where([data-mode=dark],[data-mode=dark] *) {
            --tw-shadow-color: color-mix(in oklab,var(--color-dark-850)var(--tw-shadow-alpha),transparent)
        }
    }

    .dark\:shadow-dark-900:where([data-mode=dark],[data-mode=dark] *) {
        --tw-shadow-color: oklch(20.8% .042 265.755)
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:shadow-dark-900:where([data-mode=dark],[data-mode=dark] *) {
            --tw-shadow-color: color-mix(in oklab,var(--color-dark-900)var(--tw-shadow-alpha),transparent)
        }
    }

    .dark\:shadow-green-500\/10:where([data-mode=dark],[data-mode=dark] *) {
        --tw-shadow-color: #00c7581a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:shadow-green-500\/10:where([data-mode=dark],[data-mode=dark] *) {
            --tw-shadow-color: color-mix(in oklab,color-mix(in oklab,var(--color-green-500)10%,transparent)var(--tw-shadow-alpha),transparent)
        }
    }

    .dark\:shadow-indigo-500\/10:where([data-mode=dark],[data-mode=dark] *) {
        --tw-shadow-color: #625fff1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:shadow-indigo-500\/10:where([data-mode=dark],[data-mode=dark] *) {
            --tw-shadow-color: color-mix(in oklab,color-mix(in oklab,var(--color-indigo-500)10%,transparent)var(--tw-shadow-alpha),transparent)
        }
    }

    .dark\:shadow-orange-500\/10:where([data-mode=dark],[data-mode=dark] *) {
        --tw-shadow-color: #fe6e001a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:shadow-orange-500\/10:where([data-mode=dark],[data-mode=dark] *) {
            --tw-shadow-color: color-mix(in oklab,color-mix(in oklab,var(--color-orange-500)10%,transparent)var(--tw-shadow-alpha),transparent)
        }
    }

    .dark\:shadow-pink-500\/10:where([data-mode=dark],[data-mode=dark] *) {
        --tw-shadow-color: #f6339a1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:shadow-pink-500\/10:where([data-mode=dark],[data-mode=dark] *) {
            --tw-shadow-color: color-mix(in oklab,color-mix(in oklab,var(--color-pink-500)10%,transparent)var(--tw-shadow-alpha),transparent)
        }
    }

    .dark\:shadow-primary-500\/10:where([data-mode=dark],[data-mode=dark] *) {
        --tw-shadow-color: #358ffc1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:shadow-primary-500\/10:where([data-mode=dark],[data-mode=dark] *) {
            --tw-shadow-color: color-mix(in oklab,color-mix(in oklab,var(--color-primary-500)10%,transparent)var(--tw-shadow-alpha),transparent)
        }
    }

    .dark\:shadow-purple-100\/5:where([data-mode=dark],[data-mode=dark] *) {
        --tw-shadow-color: #f3e8ff0d
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:shadow-purple-100\/5:where([data-mode=dark],[data-mode=dark] *) {
            --tw-shadow-color: color-mix(in oklab,color-mix(in oklab,var(--color-purple-100)5%,transparent)var(--tw-shadow-alpha),transparent)
        }
    }

    .dark\:shadow-purple-500\/10:where([data-mode=dark],[data-mode=dark] *) {
        --tw-shadow-color: #ac4bff1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:shadow-purple-500\/10:where([data-mode=dark],[data-mode=dark] *) {
            --tw-shadow-color: color-mix(in oklab,color-mix(in oklab,var(--color-purple-500)10%,transparent)var(--tw-shadow-alpha),transparent)
        }
    }

    .dark\:shadow-red-500\/10:where([data-mode=dark],[data-mode=dark] *) {
        --tw-shadow-color: #fb2c361a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:shadow-red-500\/10:where([data-mode=dark],[data-mode=dark] *) {
            --tw-shadow-color: color-mix(in oklab,color-mix(in oklab,var(--color-red-500)10%,transparent)var(--tw-shadow-alpha),transparent)
        }
    }

    .dark\:shadow-sky-500\/10:where([data-mode=dark],[data-mode=dark] *) {
        --tw-shadow-color: #00a5ef1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:shadow-sky-500\/10:where([data-mode=dark],[data-mode=dark] *) {
            --tw-shadow-color: color-mix(in oklab,color-mix(in oklab,var(--color-sky-500)10%,transparent)var(--tw-shadow-alpha),transparent)
        }
    }

    .dark\:shadow-yellow-500\/10:where([data-mode=dark],[data-mode=dark] *) {
        --tw-shadow-color: #edb2001a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:shadow-yellow-500\/10:where([data-mode=dark],[data-mode=dark] *) {
            --tw-shadow-color: color-mix(in oklab,color-mix(in oklab,var(--color-yellow-500)10%,transparent)var(--tw-shadow-alpha),transparent)
        }
    }

    .dark\:ring-dark-900:where([data-mode=dark],[data-mode=dark] *) {
        --tw-ring-color: var(--color-dark-900)
    }

    .dark\:ring-offset-dark-900:where([data-mode=dark],[data-mode=dark] *) {
        --tw-ring-offset-color: var(--color-dark-900)
    }

    .dark\:outline-dark-800:where([data-mode=dark],[data-mode=dark] *) {
        outline-color: var(--color-dark-800)
    }

    .dark\:outline-dark-900:where([data-mode=dark],[data-mode=dark] *) {
        outline-color: var(--color-dark-900)
    }

    .dark\:outline-gray-800:where([data-mode=dark],[data-mode=dark] *) {
        outline-color: var(--color-gray-800)
    }

    :is(.\*\:dark\:\!border-green-900>*):where([data-mode=dark],[data-mode=dark] *) {
        border-color: var(--color-green-900) !important
    }

    :is(.\*\:dark\:border-dark-800>*):where([data-mode=dark],[data-mode=dark] *) {
        border-color: var(--color-dark-800)
    }

    :is(.dark\:\*\:\!border-primary-900:where([data-mode=dark],[data-mode=dark] *)>*) {
        border-color: var(--color-primary-900) !important
    }

    :is(.dark\:\*\:border-dark-800:where([data-mode=dark],[data-mode=dark] *)>*) {
        border-color: var(--color-dark-800)
    }

    :is(.\*\:dark\:bg-dark-850>*):where([data-mode=dark],[data-mode=dark] *), :is(.dark\:\*\:bg-dark-850:where([data-mode=dark],[data-mode=dark] *)>*) {
        background-color: var(--color-dark-850)
    }

    :is(.dark\:\*\:bg-dark-900:where([data-mode=dark],[data-mode=dark] *)>*) {
        background-color: var(--color-dark-900)
    }

    :is(:is(.\*\:\*\:dark\:text-dark-500>*)>*):where([data-mode=dark],[data-mode=dark] *) {
        color: var(--color-dark-500)
    }

    :is(.\*\:dark\:outline-dark-800>*):where([data-mode=dark],[data-mode=dark] *) {
        outline-color: var(--color-dark-800)
    }

    @media (hover:hover) {
        .dark\:group-hover\/item\:\!border-green-400\/50:where([data-mode=dark],[data-mode=dark] *):is(:where(.group\/item):hover *) {
            border-color: #05df7280 !important
        }

        @supports (color:color-mix(in lab,red,red)) {
            .dark\:group-hover\/item\:\!border-green-400\/50:where([data-mode=dark],[data-mode=dark] *):is(:where(.group\/item):hover *) {
                border-color: color-mix(in oklab,var(--color-green-400)50%,transparent) !important
            }
        }

        .dark\:group-hover\/item\:\!border-primary-400\/50:where([data-mode=dark],[data-mode=dark] *):is(:where(.group\/item):hover *) {
            border-color: #5bb1ff80 !important
        }

        @supports (color:color-mix(in lab,red,red)) {
            .dark\:group-hover\/item\:\!border-primary-400\/50:where([data-mode=dark],[data-mode=dark] *):is(:where(.group\/item):hover *) {
                border-color: color-mix(in oklab,var(--color-primary-400)50%,transparent) !important
            }
        }

        .dark\:group-hover\/item\:\!border-purple-400\/50:where([data-mode=dark],[data-mode=dark] *):is(:where(.group\/item):hover *) {
            border-color: #c07eff80 !important
        }

        @supports (color:color-mix(in lab,red,red)) {
            .dark\:group-hover\/item\:\!border-purple-400\/50:where([data-mode=dark],[data-mode=dark] *):is(:where(.group\/item):hover *) {
                border-color: color-mix(in oklab,var(--color-purple-400)50%,transparent) !important
            }
        }

        .dark\:group-hover\/item\:\!border-red-400\/50:where([data-mode=dark],[data-mode=dark] *):is(:where(.group\/item):hover *) {
            border-color: #ff656880 !important
        }

        @supports (color:color-mix(in lab,red,red)) {
            .dark\:group-hover\/item\:\!border-red-400\/50:where([data-mode=dark],[data-mode=dark] *):is(:where(.group\/item):hover *) {
                border-color: color-mix(in oklab,var(--color-red-400)50%,transparent) !important
            }
        }

        .dark\:group-hover\/item\:\!border-sky-400\/50:where([data-mode=dark],[data-mode=dark] *):is(:where(.group\/item):hover *) {
            border-color: #00bcfe80 !important
        }

        @supports (color:color-mix(in lab,red,red)) {
            .dark\:group-hover\/item\:\!border-sky-400\/50:where([data-mode=dark],[data-mode=dark] *):is(:where(.group\/item):hover *) {
                border-color: color-mix(in oklab,var(--color-sky-400)50%,transparent) !important
            }
        }

        .dark\:group-hover\/item\:\!border-yellow-400\/50:where([data-mode=dark],[data-mode=dark] *):is(:where(.group\/item):hover *) {
            border-color: #fac80080 !important
        }

        @supports (color:color-mix(in lab,red,red)) {
            .dark\:group-hover\/item\:\!border-yellow-400\/50:where([data-mode=dark],[data-mode=dark] *):is(:where(.group\/item):hover *) {
                border-color: color-mix(in oklab,var(--color-yellow-400)50%,transparent) !important
            }
        }
    }

    .group-data-\[layout\=boxed\]\:dark\:bg-dark-950:is(:where(.group)[data-layout=boxed] *):where([data-mode=dark],[data-mode=dark] *) {
        background-color: var(--color-dark-950)
    }

    .dark\:group-data-\[layout\=horizontal\]\:bg-dark-850:where([data-mode=dark],[data-mode=dark] *):is(:where(.group)[data-layout=horizontal] *) {
        background-color: var(--color-dark-850)
    }

    .group-data-\[sidebar-colors\=light\]\:dark\:hidden:is(:where(.group)[data-sidebar-colors=light] *):where([data-mode=dark],[data-mode=dark] *) {
        display: none
    }

    .group-data-\[sidebar-colors\=light\]\:dark\:inline-block:is(:where(.group)[data-sidebar-colors=light] *):where([data-mode=dark],[data-mode=dark] *) {
        display: inline-block
    }

    .group-data-\[sidebar-colors\=light\]\:dark\:border-dark-800:is(:where(.group)[data-sidebar-colors=light] *):where([data-mode=dark],[data-mode=dark] *) {
        border-color: var(--color-dark-800)
    }

    .group-data-\[sidebar-colors\=light\]\:dark\:bg-dark-900:is(:where(.group)[data-sidebar-colors=light] *):where([data-mode=dark],[data-mode=dark] *) {
        background-color: var(--color-dark-900)
    }

    .group-data-\[sidebar-colors\=light\]\:dark\:text-dark-500:is(:where(.group)[data-sidebar-colors=light] *):where([data-mode=dark],[data-mode=dark] *) {
        color: var(--color-dark-500)
    }

    .group-data-\[sidebar\=small\]\:group-data-\[sidebar-colors\=light\]\:dark\:border:is(:where(.group)[data-sidebar=small] *):is(:where(.group)[data-sidebar-colors=light] *):where([data-mode=dark],[data-mode=dark] *) {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .group-data-\[sidebar\=small\]\:group-data-\[sidebar-colors\=light\]\:dark\:border-dark-800:is(:where(.group)[data-sidebar=small] *):is(:where(.group)[data-sidebar-colors=light] *):where([data-mode=dark],[data-mode=dark] *) {
        border-color: var(--color-dark-800)
    }

    .group-data-\[sidebar\=small\]\:group-data-\[sidebar-colors\=light\]\:dark\:bg-dark-900:is(:where(.group)[data-sidebar=small] *):is(:where(.group)[data-sidebar-colors=light] *):where([data-mode=dark],[data-mode=dark] *) {
        background-color: var(--color-dark-900)
    }

    .dark\:group-\[\&\.card-view\]\:text-dark-50:where([data-mode=dark],[data-mode=dark] *):is(:where(.group).card-view *) {
        color: var(--color-dark-50)
    }

    .dark\:group-\[\&\.unread\]\/item\:bg-dark-900:where([data-mode=dark],[data-mode=dark] *):is(:where(.group\/item).unread *) {
        background-color: var(--color-dark-900)
    }

    .dark\:group-\[\&\.unread\]\/item\:text-dark-50:where([data-mode=dark],[data-mode=dark] *):is(:where(.group\/item).unread *) {
        color: var(--color-dark-50)
    }

    .dark\:group-\[\&\.unread\]\/item\:text-gray-50:where([data-mode=dark],[data-mode=dark] *):is(:where(.group\/item).unread *) {
        color: var(--color-gray-50)
    }

    .dark\:peer-checked\:border-green-500\/30:where([data-mode=dark],[data-mode=dark] *):is(:where(.peer):checked~*) {
        border-color: #00c7584d
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:peer-checked\:border-green-500\/30:where([data-mode=dark],[data-mode=dark] *):is(:where(.peer):checked~*) {
            border-color: color-mix(in oklab,var(--color-green-500)30%,transparent)
        }
    }

    .dark\:peer-checked\:border-primary-500:where([data-mode=dark],[data-mode=dark] *):is(:where(.peer):checked~*) {
        border-color: var(--color-primary-500)
    }

    .dark\:peer-checked\:border-primary-500\/30:where([data-mode=dark],[data-mode=dark] *):is(:where(.peer):checked~*) {
        border-color: #358ffc4d
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:peer-checked\:border-primary-500\/30:where([data-mode=dark],[data-mode=dark] *):is(:where(.peer):checked~*) {
            border-color: color-mix(in oklab,var(--color-primary-500)30%,transparent)
        }
    }

    .dark\:peer-checked\:border-purple-500\/30:where([data-mode=dark],[data-mode=dark] *):is(:where(.peer):checked~*) {
        border-color: #ac4bff4d
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:peer-checked\:border-purple-500\/30:where([data-mode=dark],[data-mode=dark] *):is(:where(.peer):checked~*) {
            border-color: color-mix(in oklab,var(--color-purple-500)30%,transparent)
        }
    }

    .dark\:peer-checked\:border-yellow-500\/30:where([data-mode=dark],[data-mode=dark] *):is(:where(.peer):checked~*) {
        border-color: #edb2004d
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:peer-checked\:border-yellow-500\/30:where([data-mode=dark],[data-mode=dark] *):is(:where(.peer):checked~*) {
            border-color: color-mix(in oklab,var(--color-yellow-500)30%,transparent)
        }
    }

    .dark\:peer-checked\:bg-green-500\/10:where([data-mode=dark],[data-mode=dark] *):is(:where(.peer):checked~*) {
        background-color: #00c7581a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:peer-checked\:bg-green-500\/10:where([data-mode=dark],[data-mode=dark] *):is(:where(.peer):checked~*) {
            background-color: color-mix(in oklab,var(--color-green-500)10%,transparent)
        }
    }

    .dark\:peer-checked\:bg-primary-500\/10:where([data-mode=dark],[data-mode=dark] *):is(:where(.peer):checked~*) {
        background-color: #358ffc1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:peer-checked\:bg-primary-500\/10:where([data-mode=dark],[data-mode=dark] *):is(:where(.peer):checked~*) {
            background-color: color-mix(in oklab,var(--color-primary-500)10%,transparent)
        }
    }

    .dark\:peer-checked\:bg-purple-500\/10:where([data-mode=dark],[data-mode=dark] *):is(:where(.peer):checked~*) {
        background-color: #ac4bff1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:peer-checked\:bg-purple-500\/10:where([data-mode=dark],[data-mode=dark] *):is(:where(.peer):checked~*) {
            background-color: color-mix(in oklab,var(--color-purple-500)10%,transparent)
        }
    }

    .dark\:peer-checked\:bg-yellow-500\/10:where([data-mode=dark],[data-mode=dark] *):is(:where(.peer):checked~*) {
        background-color: #edb2001a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:peer-checked\:bg-yellow-500\/10:where([data-mode=dark],[data-mode=dark] *):is(:where(.peer):checked~*) {
            background-color: color-mix(in oklab,var(--color-yellow-500)10%,transparent)
        }
    }

    .dark\:peer-checked\:text-dark-500:where([data-mode=dark],[data-mode=dark] *):is(:where(.peer):checked~*) {
        color: var(--color-dark-500)
    }

    .dark\:peer-checked\:ring-offset-dark-900:where([data-mode=dark],[data-mode=dark] *):is(:where(.peer):checked~*) {
        --tw-ring-offset-color: var(--color-dark-900)
    }

    .dark\:peer-disabled\:bg-dark-850:where([data-mode=dark],[data-mode=dark] *):is(:where(.peer):disabled~*) {
        background-color: var(--color-dark-850)
    }

    .dark\:peer-disabled\:text-dark-500:where([data-mode=dark],[data-mode=dark] *):is(:where(.peer):disabled~*) {
        color: var(--color-dark-500)
    }

    .dark\:file\:bg-dark-800:where([data-mode=dark],[data-mode=dark] *)::file-selector-button {
        background-color: var(--color-dark-800)
    }

    .dark\:file\:bg-dark-850:where([data-mode=dark],[data-mode=dark] *)::file-selector-button {
        background-color: var(--color-dark-850)
    }

    .dark\:file\:text-dark-100:where([data-mode=dark],[data-mode=dark] *)::file-selector-button {
        color: var(--color-dark-100)
    }

    .dark\:file\:text-dark-400:where([data-mode=dark],[data-mode=dark] *)::file-selector-button {
        color: var(--color-dark-400)
    }

    .dark\:placeholder\:\!text-muted-invoice:where([data-mode=dark],[data-mode=dark] *)::placeholder {
        color: var(--color-muted-invoice) !important
    }

    .dark\:placeholder\:text-dark-500:where([data-mode=dark],[data-mode=dark] *)::placeholder {
        color: var(--color-dark-500)
    }

    .dark\:placeholder\:text-muted-invoice:where([data-mode=dark],[data-mode=dark] *)::placeholder {
        color: var(--color-muted-invoice)
    }

    .dark\:before\:border-dark-800:where([data-mode=dark],[data-mode=dark] *):before {
        content: var(--tw-content);
        border-color: var(--color-dark-800)
    }

    .dark\:before\:border-dark-900:where([data-mode=dark],[data-mode=dark] *):before {
        content: var(--tw-content);
        border-color: var(--color-dark-900)
    }

    .dark\:before\:bg-dark-800:where([data-mode=dark],[data-mode=dark] *):before {
        content: var(--tw-content);
        background-color: var(--color-dark-800)
    }

    .dark\:before\:bg-dark-850:where([data-mode=dark],[data-mode=dark] *):before {
        content: var(--tw-content);
        background-color: var(--color-dark-850)
    }

    .dark\:before\:bg-gray-900\/40:where([data-mode=dark],[data-mode=dark] *):before {
        content: var(--tw-content);
        background-color: #10182866
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:before\:bg-gray-900\/40:where([data-mode=dark],[data-mode=dark] *):before {
            background-color: color-mix(in oklab,var(--color-gray-900)40%,transparent)
        }
    }

    :is(.dark\:\*\:before\:bg-dark-800:where([data-mode=dark],[data-mode=dark] *)>*):before {
        content: var(--tw-content);
        background-color: var(--color-dark-800)
    }

    :is(.dark\:\*\:before\:bg-gray-800:where([data-mode=dark],[data-mode=dark] *)>*):before {
        content: var(--tw-content);
        background-color: var(--color-gray-800)
    }

    :is(.dark\:\*\:before\:text-dark-500:where([data-mode=dark],[data-mode=dark] *)>*):before {
        content: var(--tw-content);
        color: var(--color-dark-500)
    }

    .group-data-\[sidebar-colors\=light\]\:dark\:before\:bg-dark-900:is(:where(.group)[data-sidebar-colors=light] *):where([data-mode=dark],[data-mode=dark] *):before {
        content: var(--tw-content);
        background-color: var(--color-dark-900)
    }

    .dark\:after\:border-dark-800:where([data-mode=dark],[data-mode=dark] *):after {
        content: var(--tw-content);
        border-color: var(--color-dark-800)
    }

    .dark\:after\:bg-dark-800\/50:where([data-mode=dark],[data-mode=dark] *):after {
        content: var(--tw-content);
        background-color: #1d293d80
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:after\:bg-dark-800\/50:where([data-mode=dark],[data-mode=dark] *):after {
            background-color: color-mix(in oklab,var(--color-dark-800)50%,transparent)
        }
    }

    .dark\:after\:bg-dark-900:where([data-mode=dark],[data-mode=dark] *):after {
        content: var(--tw-content);
        background-color: var(--color-dark-900)
    }

    .dark\:after\:text-dark-50:where([data-mode=dark],[data-mode=dark] *):after {
        content: var(--tw-content);
        color: var(--color-dark-50)
    }

    .dark\:after\:text-dark-100:where([data-mode=dark],[data-mode=dark] *):after {
        content: var(--tw-content);
        color: var(--color-dark-100)
    }

    :is(.dark\:\*\:after\:border-dark-700:where([data-mode=dark],[data-mode=dark] *)>*):after {
        content: var(--tw-content);
        border-color: var(--color-dark-700)
    }

    :is(.dark\:\*\:after\:bg-dark-900:where([data-mode=dark],[data-mode=dark] *)>*):after {
        content: var(--tw-content);
        background-color: var(--color-dark-900)
    }

    :is(.dark\:\*\:after\:bg-gray-800:where([data-mode=dark],[data-mode=dark] *)>*):after {
        content: var(--tw-content);
        background-color: var(--color-gray-800)
    }

    .dark\:odd\:\!bg-purple-500\/10:where([data-mode=dark],[data-mode=dark] *):nth-child(odd) {
        background-color: #ac4bff1a !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:odd\:\!bg-purple-500\/10:where([data-mode=dark],[data-mode=dark] *):nth-child(odd) {
            background-color: color-mix(in oklab,var(--color-purple-500)10%,transparent) !important
        }
    }

    .dark\:odd\:bg-dark-850:where([data-mode=dark],[data-mode=dark] *):nth-child(odd) {
        background-color: var(--color-dark-850)
    }

    .dark\:odd\:bg-dark-900:where([data-mode=dark],[data-mode=dark] *):nth-child(odd) {
        background-color: var(--color-dark-900)
    }

    .dark\:even\:bg-dark-850:where([data-mode=dark],[data-mode=dark] *):nth-child(2n) {
        background-color: var(--color-dark-850)
    }

    .dark\:even\:bg-dark-900:where([data-mode=dark],[data-mode=dark] *):nth-child(2n) {
        background-color: var(--color-dark-900)
    }

    .dark\:checked\:bg-primary-500:where([data-mode=dark],[data-mode=dark] *):checked {
        background-color: var(--color-primary-500)
    }

    .dark\:read-only\:bg-dark-850:where([data-mode=dark],[data-mode=dark] *):read-only {
        background-color: var(--color-dark-850)
    }

    @media (hover:hover) {
        .dark\:hover\:border-dark-700:where([data-mode=dark],[data-mode=dark] *):hover {
            border-color: var(--color-dark-700)
        }

        .dark\:hover\:border-dark-800:where([data-mode=dark],[data-mode=dark] *):hover {
            border-color: var(--color-dark-800)
        }

        .dark\:hover\:\!bg-dark-850:where([data-mode=dark],[data-mode=dark] *):hover {
            background-color: var(--color-dark-850) !important
        }

        .dark\:hover\:bg-dark-850:where([data-mode=dark],[data-mode=dark] *):hover {
            background-color: var(--color-dark-850)
        }

        .dark\:hover\:bg-dark-900:where([data-mode=dark],[data-mode=dark] *):hover {
            background-color: var(--color-dark-900)
        }

        .dark\:hover\:bg-dark-950:where([data-mode=dark],[data-mode=dark] *):hover {
            background-color: var(--color-dark-950)
        }

        .dark\:hover\:text-dark-50:where([data-mode=dark],[data-mode=dark] *):hover {
            color: var(--color-dark-50)
        }

        .dark\:hover\:text-dark-100:where([data-mode=dark],[data-mode=dark] *):hover {
            color: var(--color-dark-100)
        }

        .dark\:hover\:text-dark-200:where([data-mode=dark],[data-mode=dark] *):hover {
            color: var(--color-dark-200)
        }

        .dark\:hover\:text-gray-300:where([data-mode=dark],[data-mode=dark] *):hover {
            color: var(--color-gray-300)
        }

        .dark\:hover\:text-green-500:where([data-mode=dark],[data-mode=dark] *):hover {
            color: var(--color-green-500)
        }

        .dark\:hover\:text-primary-500:where([data-mode=dark],[data-mode=dark] *):hover {
            color: var(--color-primary-500)
        }

        .dark\:hover\:text-purple-500:where([data-mode=dark],[data-mode=dark] *):hover {
            color: var(--color-purple-500)
        }

        .dark\:hover\:text-red-500:where([data-mode=dark],[data-mode=dark] *):hover {
            color: var(--color-red-500)
        }

        .dark\:hover\:text-yellow-500:where([data-mode=dark],[data-mode=dark] *):hover {
            color: var(--color-yellow-500)
        }

        .dark\:hover\:shadow-dark-850:where([data-mode=dark],[data-mode=dark] *):hover {
            --tw-shadow-color: oklch(23.13% .0399 270.37)
        }

        @supports (color:color-mix(in lab,red,red)) {
            .dark\:hover\:shadow-dark-850:where([data-mode=dark],[data-mode=dark] *):hover {
                --tw-shadow-color: color-mix(in oklab,var(--color-dark-850)var(--tw-shadow-alpha),transparent)
            }
        }

        .dark\:hover\:ring-offset-dark-900:where([data-mode=dark],[data-mode=dark] *):hover {
            --tw-ring-offset-color: var(--color-dark-900)
        }

        .group-data-\[sidebar-colors\=light\]\:dark\:hover\:text-sidebar-text-hover:is(:where(.group)[data-sidebar-colors=light] *):where([data-mode=dark],[data-mode=dark] *):hover {
            color: var(--color-sidebar-text-hover)
        }
    }

    .dark\:focus\:border-dark-800:where([data-mode=dark],[data-mode=dark] *):focus {
        border-color: var(--color-dark-800)
    }

    .dark\:focus\:border-primary-400:where([data-mode=dark],[data-mode=dark] *):focus {
        border-color: var(--color-primary-400)
    }

    .dark\:focus\:border-primary-500:where([data-mode=dark],[data-mode=dark] *):focus {
        border-color: var(--color-primary-500)
    }

    .dark\:focus\:bg-dark-900:where([data-mode=dark],[data-mode=dark] *):focus {
        background-color: var(--color-dark-900)
    }

    .dark\:focus\:text-primary-500:where([data-mode=dark],[data-mode=dark] *):focus {
        color: var(--color-primary-500)
    }

    .dark\:focus\:checked\:ring-offset-dark-900:where([data-mode=dark],[data-mode=dark] *):focus:checked {
        --tw-ring-offset-color: var(--color-dark-900)
    }

    .dark\:disabled\:border-dark-800:where([data-mode=dark],[data-mode=dark] *):disabled {
        border-color: var(--color-dark-800)
    }

    .dark\:disabled\:bg-dark-850:where([data-mode=dark],[data-mode=dark] *):disabled {
        background-color: var(--color-dark-850)
    }

    .dark\:disabled\:text-dark-500:where([data-mode=dark],[data-mode=dark] *):disabled {
        color: var(--color-dark-500)
    }

    @media (min-width:48rem) {
        .dark\:md\:text-primary-50:where([data-mode=dark],[data-mode=dark] *) {
            color: var(--color-primary-50)
        }

        .dark\:md\:text-primary-100:where([data-mode=dark],[data-mode=dark] *) {
            color: var(--color-primary-100)
        }
    }

    @media (min-width:80rem) {
        .dark\:xl\:bg-transparent:where([data-mode=dark],[data-mode=dark] *) {
            background-color: #0000
        }
    }

    @media print {
        .print\:col-span-12 {
            grid-column: span 12/span 12
        }

        .print\:mt-space {
            margin-top: var(--spacing-space)
        }

        .print\:hidden {
            display: none
        }

        .print\:max-w-full {
            max-width: 100%
        }

        .print\:border-0 {
            border-style: var(--tw-border-style);
            border-width: 0
        }

        .print\:bg-gray-100 {
            background-color: var(--color-gray-100)
        }

        .print\:p-0 {
            padding: calc(var(--spacing)*0)
        }

        .print\:shadow-none {
            --tw-shadow: 0 0 #0000;
            box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
        }

        .ltr\:print\:ml-0:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
            margin-left: calc(var(--spacing)*0)
        }

        .rtl\:print\:mr-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
            margin-right: calc(var(--spacing)*0)
        }

        .dark\:print\:bg-dark-850:where([data-mode=dark],[data-mode=dark] *) {
            background-color: var(--color-dark-850)
        }
    }

    .\[\&\.active\]\:border-green-500.active {
        border-color: var(--color-green-500)
    }

    .\[\&\.active\]\:border-primary-500.active {
        border-color: var(--color-primary-500)
    }

    .\[\&\.active\]\:border-purple-500.active {
        border-color: var(--color-purple-500)
    }

    .\[\&\.active\]\:border-red-500.active {
        border-color: var(--color-red-500)
    }

    .\[\&\.active\]\:border-sky-500.active {
        border-color: var(--color-sky-500)
    }

    .\[\&\.active\]\:border-yellow-500.active {
        border-color: var(--color-yellow-500)
    }

    .\[\&\.active\]\:bg-gray-100.active {
        background-color: var(--color-gray-100)
    }

    .\[\&\.active\]\:bg-green-500.active {
        background-color: var(--color-green-500)
    }

    .\[\&\.active\]\:bg-green-500\/15.active {
        background-color: #00c75826
    }

    @supports (color:color-mix(in lab,red,red)) {
        .\[\&\.active\]\:bg-green-500\/15.active {
            background-color: color-mix(in oklab,var(--color-green-500)15%,transparent)
        }
    }

    .\[\&\.active\]\:bg-primary-500.active {
        background-color: var(--color-primary-500)
    }

    .\[\&\.active\]\:bg-primary-500\/10.active {
        background-color: #358ffc1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .\[\&\.active\]\:bg-primary-500\/10.active {
            background-color: color-mix(in oklab,var(--color-primary-500)10%,transparent)
        }
    }

    .\[\&\.active\]\:bg-purple-500.active {
        background-color: var(--color-purple-500)
    }

    .\[\&\.active\]\:bg-red-500.active {
        background-color: var(--color-red-500)
    }

    .\[\&\.active\]\:bg-sky-500.active {
        background-color: var(--color-sky-500)
    }

    .\[\&\.active\]\:bg-white.active {
        background-color: var(--color-white)
    }

    .\[\&\.active\]\:bg-yellow-500.active {
        background-color: var(--color-yellow-500)
    }

    .\[\&\.active\]\:text-current.active {
        color: currentColor
    }

    .\[\&\.active\]\:text-gray-800.active {
        color: var(--color-gray-800)
    }

    .\[\&\.active\]\:text-gray-900.active {
        color: var(--color-gray-900)
    }

    .\[\&\.active\]\:text-green-50.active {
        color: var(--color-green-50)
    }

    .\[\&\.active\]\:text-green-500.active {
        color: var(--color-green-500)
    }

    .\[\&\.active\]\:text-orange-500.active {
        color: var(--color-orange-500)
    }

    .\[\&\.active\]\:text-primary-50.active {
        color: var(--color-primary-50)
    }

    .\[\&\.active\]\:text-primary-500.active {
        color: var(--color-primary-500)
    }

    .\[\&\.active\]\:text-purple-50.active {
        color: var(--color-purple-50)
    }

    .\[\&\.active\]\:text-purple-500.active {
        color: var(--color-purple-500)
    }

    .\[\&\.active\]\:text-red-50.active {
        color: var(--color-red-50)
    }

    .\[\&\.active\]\:text-red-500.active {
        color: var(--color-red-500)
    }

    .\[\&\.active\]\:text-sidebar-text-active.active {
        color: var(--color-sidebar-text-active)
    }

    .\[\&\.active\]\:text-sky-50.active {
        color: var(--color-sky-50)
    }

    .\[\&\.active\]\:text-sky-500.active {
        color: var(--color-sky-500)
    }

    .\[\&\.active\]\:text-white.active {
        color: var(--color-white)
    }

    .\[\&\.active\]\:text-yellow-50.active {
        color: var(--color-yellow-50)
    }

    .\[\&\.active\]\:ring-2.active {
        --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

    .\[\&\.active\]\:ring-primary-500.active {
        --tw-ring-color: var(--color-primary-500)
    }

    .\[\&\.active\]\:ring-offset-2.active {
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-shadow: var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
    }

    .\[\&\.active\]\:outline.active {
        outline-style: var(--tw-outline-style);
        outline-width: 1px
    }

    .\[\&\.active\]\:\!outline-primary-500\/20.active {
        outline-color: #358ffc33 !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .\[\&\.active\]\:\!outline-primary-500\/20.active {
            outline-color: color-mix(in oklab,var(--color-primary-500)20%,transparent) !important
        }
    }

    .\[\&\.active\]\:outline-primary-500\/75.active {
        outline-color: #358ffcbf
    }

    @supports (color:color-mix(in lab,red,red)) {
        .\[\&\.active\]\:outline-primary-500\/75.active {
            outline-color: color-mix(in oklab,var(--color-primary-500)75%,transparent)
        }
    }

    :is(:is(.\*\:\*\:\[\&\.active\]\:bg-primary-500\/10>*)>*).active {
        background-color: #358ffc1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        :is(:is(.\*\:\*\:\[\&\.active\]\:bg-primary-500\/10>*)>*).active {
            background-color: color-mix(in oklab,var(--color-primary-500)10%,transparent)
        }
    }

    :is(:is(.\*\:\*\:\[\&\.active\]\:text-primary-500>*)>*).active {
        color: var(--color-primary-500)
    }

    .group-data-\[sidebar-colors\=light\]\:\[\&\.active\]\:text-sidebar-text-active:is(:where(.group)[data-sidebar-colors=light] *).active {
        color: var(--color-sidebar-text-active)
    }

    .group-data-\[sidebar\=medium\]\:\[\&\.active\]\:bg-sidebar-bg-active\/10:is(:where(.group)[data-sidebar=medium] *).active {
        background-color: #358ffc1a
    }

    @supports (color:color-mix(in lab,red,red)) {
        .group-data-\[sidebar\=medium\]\:\[\&\.active\]\:bg-sidebar-bg-active\/10:is(:where(.group)[data-sidebar=medium] *).active {
            background-color: color-mix(in oklab,var(--color-sidebar-bg-active)10%,transparent)
        }
    }

    .group-data-\[sidebar\=medium\]\:\[\&\.active\]\:bg-transparent:is(:where(.group)[data-sidebar=medium] *).active {
        background-color: #0000
    }

    .group-data-\[sidebar\=small\]\:\[\&\.active\]\:\!bg-sidebar-bg-active\/10:is(:where(.group)[data-sidebar=small] *).active {
        background-color: #358ffc1a !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .group-data-\[sidebar\=small\]\:\[\&\.active\]\:\!bg-sidebar-bg-active\/10:is(:where(.group)[data-sidebar=small] *).active {
            background-color: color-mix(in oklab,var(--color-sidebar-bg-active)10%,transparent) !important
        }
    }

    .group-data-\[sidebar\=small\]\:\[\&\.active\]\:bg-transparent:is(:where(.group)[data-sidebar=small] *).active {
        background-color: #0000
    }

    .\[\&\.active\]\:before\:bg-purple-500.active:before {
        content: var(--tw-content);
        background-color: var(--color-purple-500)
    }

    .\[\&\.active\]\:before\:outline-sidebar-text-hover.active:before {
        content: var(--tw-content);
        outline-color: var(--color-sidebar-text-hover)
    }

    .\[\&\.active\]\:after\:-bottom-1\.5.active:after {
        content: var(--tw-content);
        bottom: calc(var(--spacing)*-1.5)
    }

    .\[\&\.active\]\:after\:bottom-3.active:after {
        content: var(--tw-content);
        bottom: calc(var(--spacing)*3)
    }

    .\[\&\.active\]\:after\:w-full.active:after {
        content: var(--tw-content);
        width: 100%
    }

    .\[\&\.active\]\:after\:border-purple-500.active:after {
        content: var(--tw-content);
        border-color: var(--color-purple-500)
    }

    .\[\&\.active\]\:after\:opacity-100.active:after {
        content: var(--tw-content);
        opacity: 1
    }

    .dark\:\[\&\.active\]\:bg-dark-800:where([data-mode=dark],[data-mode=dark] *).active {
        background-color: var(--color-dark-800)
    }

    .dark\:\[\&\.active\]\:bg-dark-850:where([data-mode=dark],[data-mode=dark] *).active {
        background-color: var(--color-dark-850)
    }

    .dark\:\[\&\.active\]\:bg-dark-900:where([data-mode=dark],[data-mode=dark] *).active {
        background-color: var(--color-dark-900)
    }

    .dark\:\[\&\.active\]\:text-dark-50:where([data-mode=dark],[data-mode=dark] *).active {
        color: var(--color-dark-50)
    }

    .dark\:\[\&\.active\]\:ring-offset-dark-900:where([data-mode=dark],[data-mode=dark] *).active {
        --tw-ring-offset-color: var(--color-dark-900)
    }

    .group-data-\[sidebar-colors\=light\]\:dark\:\[\&\.active\]\:text-sidebar-text-active:is(:where(.group)[data-sidebar-colors=light] *):where([data-mode=dark],[data-mode=dark] *).active {
        color: var(--color-sidebar-text-active)
    }

    .\[\&\.current\]\:before\:absolute.current:before {
        content: var(--tw-content);
        position: absolute
    }

    .\[\&\.current\]\:before\:bottom-0.current:before {
        content: var(--tw-content);
        bottom: calc(var(--spacing)*0)
    }

    .\[\&\.current\]\:before\:-mt-1.current:before {
        content: var(--tw-content);
        margin-top: calc(var(--spacing)*-1)
    }

    .\[\&\.current\]\:before\:h-3.current:before {
        content: var(--tw-content);
        height: calc(var(--spacing)*3)
    }

    .\[\&\.current\]\:before\:w-3.current:before {
        content: var(--tw-content);
        width: calc(var(--spacing)*3)
    }

    .\[\&\.current\]\:before\:animate-ping.current:before {
        content: var(--tw-content);
        animation: var(--animate-ping)
    }

    .\[\&\.current\]\:before\:rounded-full.current:before {
        content: var(--tw-content);
        border-radius: 3.40282e38px
    }

    .\[\&\.current\]\:before\:bg-primary-500.current:before {
        content: var(--tw-content);
        background-color: var(--color-primary-500)
    }

    .ltr\:\[\&\.current\]\:before\:left-0:where(:dir(ltr),[dir=ltr],[dir=ltr] *).current:before {
        content: var(--tw-content);
        left: calc(var(--spacing)*0)
    }

    .ltr\:\[\&\.current\]\:before\:-mr-1:where(:dir(ltr),[dir=ltr],[dir=ltr] *).current:before {
        content: var(--tw-content);
        margin-right: calc(var(--spacing)*-1)
    }

    .rtl\:\[\&\.current\]\:before\:right-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *).current:before {
        content: var(--tw-content);
        right: calc(var(--spacing)*0)
    }

    .rtl\:\[\&\.current\]\:before\:-ml-1:where(:dir(rtl),[dir=rtl],[dir=rtl] *).current:before {
        content: var(--tw-content);
        margin-left: calc(var(--spacing)*-1)
    }

    .\[\&\.done\]\:bg-green-500.done {
        background-color: var(--color-green-500)
    }

    .\[\&\.done\]\:bg-primary-500.done {
        background-color: var(--color-primary-500)
    }

    .\[\&\.right\]\:justify-end.right {
        justify-content: flex-end
    }

    .ltr\:\[\&\.right\]\:ml-auto:where(:dir(ltr),[dir=ltr],[dir=ltr] *).right {
        margin-left: auto
    }

    .ltr\:\[\&\.right\]\:before\:right-0:where(:dir(ltr),[dir=ltr],[dir=ltr] *).right:before {
        content: var(--tw-content);
        right: calc(var(--spacing)*0)
    }

    .ltr\:\[\&\.right\]\:after\:right-2\/3:where(:dir(ltr),[dir=ltr],[dir=ltr] *).right:after {
        content: var(--tw-content);
        right: 66.6667%
    }

    .ltr\:\[\&\.right\]\:after\:left-auto:where(:dir(ltr),[dir=ltr],[dir=ltr] *).right:after {
        content: var(--tw-content);
        left: auto
    }

    .rtl\:\[\&\.right\]\:mr-auto:where(:dir(rtl),[dir=rtl],[dir=rtl] *).right {
        margin-right: auto
    }

    .rtl\:\[\&\.right\]\:before\:left-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *).right:before {
        content: var(--tw-content);
        left: calc(var(--spacing)*0)
    }

    .rtl\:\[\&\.right\]\:after\:right-auto:where(:dir(rtl),[dir=rtl],[dir=rtl] *).right:after {
        content: var(--tw-content);
        right: auto
    }

    .rtl\:\[\&\.right\]\:after\:left-2\/3:where(:dir(rtl),[dir=rtl],[dir=rtl] *).right:after {
        content: var(--tw-content);
        left: 66.6667%
    }

    .\[\&\.scroll-sticky\]\:top-0.scroll-sticky {
        top: calc(var(--spacing)*0)
    }

    .\[\&\.scroll-sticky\]\:max-w-full.scroll-sticky {
        max-width: 100%
    }

    .\[\&\.scroll-sticky\]\:rounded-none.scroll-sticky {
        border-radius: 0
    }

    .\[\&\.scroll-sticky\]\:bg-white.scroll-sticky {
        background-color: var(--color-white)
    }

    .\[\&\.scroll-sticky\]\:shadow-lg.scroll-sticky {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

    .\[\&\.scroll-sticky\]\:shadow-gray-200\/50.scroll-sticky {
        --tw-shadow-color: #e5e7eb80
    }

    @supports (color:color-mix(in lab,red,red)) {
        .\[\&\.scroll-sticky\]\:shadow-gray-200\/50.scroll-sticky {
            --tw-shadow-color: color-mix(in oklab,color-mix(in oklab,var(--color-gray-200)50%,transparent)var(--tw-shadow-alpha),transparent)
        }
    }

    .dark\:\[\&\.scroll-sticky\]\:bg-body-invoice:where([data-mode=dark],[data-mode=dark] *).scroll-sticky {
        background-color: var(--color-body-invoice)
    }

    .dark\:\[\&\.scroll-sticky\]\:bg-dark-900:where([data-mode=dark],[data-mode=dark] *).scroll-sticky {
        background-color: var(--color-dark-900)
    }

    .dark\:\[\&\.scroll-sticky\]\:shadow-dark-850:where([data-mode=dark],[data-mode=dark] *).scroll-sticky {
        --tw-shadow-color: oklch(23.13% .0399 270.37)
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:\[\&\.scroll-sticky\]\:shadow-dark-850:where([data-mode=dark],[data-mode=dark] *).scroll-sticky {
            --tw-shadow-color: color-mix(in oklab,var(--color-dark-850)var(--tw-shadow-alpha),transparent)
        }
    }

    .dark\:\[\&\.scroll-sticky\]\:shadow-purple-100\/5:where([data-mode=dark],[data-mode=dark] *).scroll-sticky {
        --tw-shadow-color: #f3e8ff0d
    }

    @supports (color:color-mix(in lab,red,red)) {
        .dark\:\[\&\.scroll-sticky\]\:shadow-purple-100\/5:where([data-mode=dark],[data-mode=dark] *).scroll-sticky {
            --tw-shadow-color: color-mix(in oklab,color-mix(in oklab,var(--color-purple-100)5%,transparent)var(--tw-shadow-alpha),transparent)
        }
    }

    .\[\&\.unread\]\:bg-gray-100.unread {
        background-color: var(--color-gray-100)
    }

    .dark\:\[\&\.unread\]\:bg-dark-850:where([data-mode=dark],[data-mode=dark] *).unread {
        background-color: var(--color-dark-850)
    }

    .\[\*\:not\(\:last-child\)\]\:border-b:not(:last-child) {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }

    .\[\*\:not\(\:last-child\)\]\:pb-3:not(:last-child) {
        padding-bottom: calc(var(--spacing)*3)
    }
}

[data-colors=green] {
    --color-primary-50: oklch(98.4% .0182 166.4);
    --color-primary-100: oklch(96.73% .0421 168.38);
    --color-primary-200: oklch(93.31% .077 165.84);
    --color-primary-300: oklch(88.6% .1269 164.02);
    --color-primary-400: oklch(82.25% .1654 160.37);
    --color-primary-500: oklch(74.88% .1723 157.44);
    --color-primary-600: oklch(64.79% .1512 157.06);
    --color-primary-700: oklch(54.51% .1228 158.21);
    --color-primary-800: oklch(46.24% .0982 159.81);
    --color-primary-900: oklch(40.38% .0818 161.07);
    --color-primary-950: oklch(27.46% .057 162.48)
}

[data-colors=orange] {
    --color-primary-50: oklch(97.33% .0134 53.35);
    --color-primary-100: oklch(93.76% .0324 52.33);
    --color-primary-200: oklch(86.91% .0692 47.91);
    --color-primary-300: oklch(78.54% .1178 44.51);
    --color-primary-400: oklch(70.79% .1638 38.6);
    --color-primary-500: oklch(64.19% .2084 34.96);
    --color-primary-600: oklch(59.32% .2139 31.82);
    --color-primary-700: oklch(51.23% .1897 30.2);
    --color-primary-800: oklch(43.72% .1565 28.53);
    --color-primary-900: oklch(37.95% .1283 28.1);
    --color-primary-950: oklch(24.88% .084 26.62)
}

[data-colors=teal] {
    --color-primary-50: oklch(98.4% .014 180.72);
    --color-primary-100: oklch(95.3% .051 180.801);
    --color-primary-200: oklch(91% .096 180.426);
    --color-primary-300: oklch(85.5% .138 181.071);
    --color-primary-400: oklch(77.7% .152 181.912);
    --color-primary-500: oklch(70.4% .14 182.503);
    --color-primary-600: oklch(60% .118 184.704);
    --color-primary-700: oklch(51.1% .096 186.391);
    --color-primary-800: oklch(43.7% .078 188.216);
    --color-primary-900: oklch(38.6% .063 188.416);
    --color-primary-950: oklch(27.7% .046 192.524)
}

[data-colors=violet] {
    --color-primary-50: oklch(96.9% .016 293.756);
    --color-primary-100: oklch(94.3% .029 294.588);
    --color-primary-200: oklch(89.4% .057 293.283);
    --color-primary-300: oklch(81.1% .111 293.571);
    --color-primary-400: oklch(70.2% .183 293.541);
    --color-primary-500: oklch(60.6% .25 292.717);
    --color-primary-600: oklch(54.1% .281 293.009);
    --color-primary-700: oklch(49.1% .27 292.581);
    --color-primary-800: oklch(43.2% .232 292.759);
    --color-primary-900: oklch(38% .189 293.745);
    --color-primary-950: oklch(28.3% .141 291.089)
}

[data-colors=fuchsia] {
    --color-primary-50: oklch(97.7% .017 320.058);
    --color-primary-100: oklch(95.2% .037 318.852);
    --color-primary-200: oklch(90.3% .076 319.62);
    --color-primary-300: oklch(83.3% .145 321.434);
    --color-primary-400: oklch(74% .238 322.16);
    --color-primary-500: oklch(66.7% .295 322.15);
    --color-primary-600: oklch(59.1% .293 322.896);
    --color-primary-700: oklch(51.8% .253 323.949);
    --color-primary-800: oklch(45.2% .211 324.591);
    --color-primary-900: oklch(40.1% .17 325.612);
    --color-primary-950: oklch(29.3% .136 325.661)
}

[data-colors=lime] {
    --color-primary-50: oklch(98.6% .031 120.757);
    --color-primary-100: oklch(96.7% .067 122.328);
    --color-primary-200: oklch(93.8% .127 124.321);
    --color-primary-300: oklch(89.7% .196 126.665);
    --color-primary-400: oklch(84.1% .238 128.85);
    --color-primary-500: oklch(76.8% .233 130.85);
    --color-primary-600: oklch(64.8% .2 131.684);
    --color-primary-700: oklch(53.2% .157 131.589);
    --color-primary-800: oklch(45.3% .124 130.933);
    --color-primary-900: oklch(40.5% .101 131.063);
    --color-primary-950: oklch(27.4% .072 132.109)
}

[data-colors=amber] {
    --color-primary-50: oklch(98.7% .022 95.277);
    --color-primary-100: oklch(96.2% .059 95.617);
    --color-primary-200: oklch(92.4% .12 95.746);
    --color-primary-300: oklch(87.9% .169 91.605);
    --color-primary-400: oklch(82.8% .189 84.429);
    --color-primary-500: oklch(76.9% .188 70.08);
    --color-primary-600: oklch(66.6% .179 58.318);
    --color-primary-700: oklch(55.5% .163 48.998);
    --color-primary-800: oklch(47.3% .137 46.201);
    --color-primary-900: oklch(41.4% .112 45.904);
    --color-primary-950: oklch(27.9% .077 45.635)
}

[data-sidebar-colors=dark] {
    --color-sidebar: var(--color-gray-800);
    --color-sidebar-border: var(--color-gray-800);
    --color-menu-title: var(--color-gray-500);
    --color-sidebar-text: var(--color-gray-400);
    --color-sidebar-bg: var(--color-primary-500);
    --color-sidebar-text-hover: var(--color-gray-50);
    --color-sidebar-bg-hover: var(--color-primary-200);
    --color-sidebar-text-active: var(--color-gray-50);
    --color-sidebar-bg-active: var(--color-gray-200);
    --color-effect: var(--color-gray-800)
}

[data-sidebar-colors=brand] {
    --color-sidebar: #1a57d4;
    --color-sidebar-border: #1a57d4;
    --color-menu-title: #bcc5e6;
    --color-sidebar-text: #c0c8f8;
    --color-sidebar-bg: var(--color-primary-500);
    --color-sidebar-text-hover: #fff;
    --color-sidebar-bg-hover: var(--color-primary-50);
    --color-sidebar-text-active: #fff;
    --color-sidebar-bg-active: var(--color-primary-50);
    --color-effect: #1a57d4
}

[data-sidebar-colors=purple] {
    --color-sidebar: var(--color-purple-950);
    --color-sidebar-border: var(--color-purple-950);
    --color-menu-title: #b98fd7;
    --color-sidebar-text: #b98fd7;
    --color-sidebar-bg: var(--color-purple-950);
    --color-sidebar-text-hover: #dfd3eb;
    --color-sidebar-bg-hover: var(--color-purple-50);
    --color-sidebar-text-active: #dfd3eb;
    --color-sidebar-bg-active: var(--color-purple-50);
    --color-effect: var(--color-purple-950)
}

[data-sidebar-colors=sky] {
    --color-sidebar: var(--color-sky-900);
    --color-sidebar-border: var(--color-sky-900);
    --color-menu-title: #8ea2b5;
    --color-sidebar-text: #8ea2b5;
    --color-sidebar-bg: var(--color-sky-900);
    --color-sidebar-text-hover: var(--color-sky-50);
    --color-sidebar-bg-hover: var(--color-sky-50);
    --color-sidebar-text-active: var(--color-sky-50);
    --color-sidebar-bg-active: var(--color-sky-50);
    --color-effect: var(--color-sky-900)
}

[data-mode=dark].zinc {
    --color-dark-50: oklch(98.5% 0 0);
    --color-dark-100: oklch(96.7% .001 286.375);
    --color-dark-200: oklch(92% .004 286.32);
    --color-dark-300: oklch(87.1% .006 286.286);
    --color-dark-400: oklch(70.5% .015 286.067);
    --color-dark-500: oklch(55.2% .016 285.938);
    --color-dark-600: oklch(44.2% .017 285.786);
    --color-dark-700: oklch(37% .013 285.805);
    --color-dark-800: oklch(27.4% .006 286.033);
    --color-dark-850: oklch(30.12% 0 0);
    --color-dark-900: oklch(21% .006 285.885);
    --color-dark-950: oklch(14.1% .005 285.823)
}

[data-mode=dark].stone {
    --color-dark-50: oklch(98.5% .001 106.423);
    --color-dark-100: oklch(97% .001 106.424);
    --color-dark-200: oklch(92.3% .003 48.717);
    --color-dark-300: oklch(86.9% .005 56.366);
    --color-dark-400: oklch(70.9% .01 56.259);
    --color-dark-500: oklch(55.3% .013 58.071);
    --color-dark-600: oklch(44.4% .011 73.639);
    --color-dark-700: oklch(37.4% .01 67.558);
    --color-dark-800: oklch(26.8% .007 34.298);
    --color-dark-850: oklch(25.53% .0082 59.29);
    --color-dark-900: oklch(21.6% .006 56.043);
    --color-dark-950: oklch(14.7% .004 49.25)
}

[data-mode=dark].neutral {
    --color-dark-50: oklch(98.5% 0 0);
    --color-dark-100: oklch(97% 0 0);
    --color-dark-200: oklch(92.2% 0 0);
    --color-dark-300: oklch(87% 0 0);
    --color-dark-400: oklch(70.8% 0 0);
    --color-dark-500: oklch(55.6% 0 0);
    --color-dark-600: oklch(43.9% 0 0);
    --color-dark-700: oklch(37.1% 0 0);
    --color-dark-800: oklch(26.9% 0 0);
    --color-dark-850: oklch(23.5% 0 0);
    --color-dark-900: oklch(20.5% 0 0);
    --color-dark-950: oklch(14.5% 0 0)
}

[data-mode=dark].gray {
    --color-dark-50: oklch(98.5% .002 247.839);
    --color-dark-100: oklch(96.7% .003 264.542);
    --color-dark-200: oklch(92.8% .006 264.531);
    --color-dark-300: oklch(87.2% .01 258.338);
    --color-dark-400: oklch(70.7% .022 261.325);
    --color-dark-500: oklch(55.1% .027 264.364);
    --color-dark-600: oklch(44.6% .03 256.802);
    --color-dark-700: oklch(37.3% .034 259.733);
    --color-dark-800: oklch(27.8% .033 256.848);
    --color-dark-850: oklch(25.89% .0374 268.25);
    --color-dark-900: oklch(21% .034 264.665);
    --color-dark-950: oklch(13% .028 261.692)
}

[data-nav-type=boxed] .main-topbar {
    margin: calc(var(--spacing)*3)
}

    [data-nav-type=boxed] .main-topbar.nav-sticky {
        margin-top: calc(var(--spacing)*0)
    }

    [data-nav-type=boxed] .main-topbar .main-topbar-wrapper {
        border-radius: var(--radius-md);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-gray-200)
    }

        [data-nav-type=boxed] .main-topbar .main-topbar-wrapper:where([data-mode=dark],[data-mode=dark] *) {
            border-color: var(--color-dark-800)
        }

[data-nav-type=boxed] .page-wrapper {
    padding-top: calc(var(--spacing-topbar)*1.3)
}

[data-nav-type=floating] .main-topbar {
    position: absolute
}

[data-nav-type=pattern] .main-topbar .main-topbar-wrapper {
    background-color: #0000
}

[data-nav-type=pattern] .sidebar-toggle {
    color: #ffffffbf
}

@supports (color:color-mix(in lab,red,red)) {
    [data-nav-type=pattern] .sidebar-toggle {
        color: color-mix(in oklab,var(--color-white)75%,transparent)
    }
}

[data-nav-type=pattern] .nav-pattern {
    inset: calc(var(--spacing)*0);
    top: calc(var(--spacing)*0);
    height: calc(var(--spacing)*52);
    background-color: var(--color-primary-500);
    display: inline-block;
    position: absolute
}

[data-layout=horizontal][data-mode=dark] {
    --color-sidebar: var(--color-dark-900);
    --color-sidebar-border: var(--color-dark-800);
    --color-sidebar-divider: var(--color-dark-800);
    --color-menu-title: var(--color-dark-500);
    --color-sidebar-text: var(--color-dark-500);
    --color-sidebar-bg: var(--color-primary-500);
    --color-sidebar-text-hover: var(--color-primary-500);
    --color-sidebar-bg-hover: var(--color-primary-500);
    --color-sidebar-text-active: var(--color-primary-500);
    --color-sidebar-bg-active: var(--color-primary-500)
}

::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 10px
}

::-webkit-scrollbar {
    background-color: #fff;
    width: 12px
}

::-webkit-scrollbar-thumb {
    background-color: #d1d5dc;
    border-radius: 10px;
    width: 10px
}

[data-mode=dark] ::-webkit-scrollbar-track {
    background-color: #0f172b;
    border-radius: 10px
}

[data-mode=dark] ::-webkit-scrollbar {
    background-color: #0f172b;
    width: 12px
}

[data-mode=dark] ::-webkit-scrollbar-thumb {
    background-color: #1d293d;
    border-radius: 10px;
    width: 10px
}

.flatpickr-calendar {
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-width: 1px;
    border-color: var(--color-gray-200);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
    --tw-shadow-color: oklch(92.8% .006 264.531)
}

@supports (color:color-mix(in lab,red,red)) {
    .flatpickr-calendar {
        --tw-shadow-color: color-mix(in oklab,var(--color-gray-200)var(--tw-shadow-alpha),transparent)
    }
}

.flatpickr-calendar:where([data-mode=dark],[data-mode=dark] *) {
    border-color: var(--color-dark-800);
    background-color: var(--color-dark-900);
    --tw-shadow-color: oklch(23.13% .0399 270.37)
}

@supports (color:color-mix(in lab,red,red)) {
    .flatpickr-calendar:where([data-mode=dark],[data-mode=dark] *) {
        --tw-shadow-color: color-mix(in oklab,var(--color-dark-850)var(--tw-shadow-alpha),transparent)
    }
}

.flatpickr-day {
    color: #1e2939cc
}

@supports (color:color-mix(in lab,red,red)) {
    .flatpickr-day {
        color: color-mix(in oklab,var(--color-gray-800)80%,transparent)
    }
}

.flatpickr-day:where([data-mode=dark],[data-mode=dark] *) {
    color: #f1f5f9cc
}

@supports (color:color-mix(in lab,red,red)) {
    .flatpickr-day:where([data-mode=dark],[data-mode=dark] *) {
        color: color-mix(in oklab,var(--color-dark-100)80%,transparent)
    }
}

.flatpickr-day:is(.inRange,.prevMonthDay.inRange,.nextMonthDay.inRange,.today.inRange,.prevMonthDay.today.inRange,.nextMonthDay.today.inRange,:hover,.prevMonthDay:hover,.nextMonthDay:hover,:focus,.prevMonthDay:focus,.nextMonthDay:focus) {
    border-color: var(--color-gray-100);
    background-color: var(--color-gray-100)
}

    .flatpickr-day:is(.inRange,.prevMonthDay.inRange,.nextMonthDay.inRange,.today.inRange,.prevMonthDay.today.inRange,.nextMonthDay.today.inRange,:hover,.prevMonthDay:hover,.nextMonthDay:hover,:focus,.prevMonthDay:focus,.nextMonthDay:focus):where([data-mode=dark],[data-mode=dark] *) {
        border-color: var(--color-dark-850);
        background-color: var(--color-dark-850)
    }

.flatpickr-day:is(.selected,.startRange,.endRange,.selected.inRange,.startRange.inRange,.endRange.inRange,.selected:focus,.startRange:focus,.endRange:focus,.selected:hover,.startRange:hover,.endRange:hover,.selected.prevMonthDay,.startRange.prevMonthDay,.endRange.prevMonthDay,.selected.nextMonthDay,.startRange.nextMonthDay,.endRange.nextMonthDay) {
    border-color: var(--color-primary-500) !important;
    background-color: var(--color-primary-500) !important
}

.flatpickr-day:is(.flatpickr-disabled,.flatpickr-disabled:hover,.prevMonthDay,.nextMonthDay,.notAllowed,.notAllowed.prevMonthDay,.notAllowed.nextMonthDay) {
    color: var(--color-gray-400)
}

    .flatpickr-day:is(.flatpickr-disabled,.flatpickr-disabled:hover,.prevMonthDay,.nextMonthDay,.notAllowed,.notAllowed.prevMonthDay,.notAllowed.nextMonthDay):where([data-mode=dark],[data-mode=dark] *) {
        color: var(--color-dark-500)
    }

.flatpickr-day.today {
    border-color: var(--color-gray-200)
}

    .flatpickr-day.today:where([data-mode=dark],[data-mode=dark] *) {
        border-color: var(--color-dark-800)
    }

.flatpickr-months .flatpickr-month {
    height: calc(var(--spacing)*10);
    color: var(--color-gray-800)
}

    .flatpickr-months .flatpickr-month:where([data-mode=dark],[data-mode=dark] *) {
        color: var(--color-dark-100)
    }

.flatpickr-months :is(.flatpickr-prev-month,.flatpickr-next-month) {
    height: calc(var(--spacing)*10);
    fill: var(--color-gray-500);
    color: var(--color-gray-500);
    align-items: center;
    display: flex
}

    .flatpickr-months :is(.flatpickr-prev-month,.flatpickr-next-month):where([data-mode=dark],[data-mode=dark] *) {
        fill: var(--color-dark-500);
        color: var(--color-dark-500)
    }

span.flatpickr-weekday {
    color: var(--color-gray-500)
}

    span.flatpickr-weekday:where([data-mode=dark],[data-mode=dark] *) {
        color: var(--color-dark-500)
    }

.flatpickr-weekdays {
    height: calc(var(--spacing)*8);
    background-color: var(--color-gray-100)
}

    .flatpickr-weekdays:where([data-mode=dark],[data-mode=dark] *) {
        background-color: var(--color-dark-850)
    }

.flatpickr-current-month {
    padding-top: calc(var(--spacing)*2.5)
}

    .flatpickr-current-month input.cur-year, .flatpickr-current-month .flatpickr-monthDropdown-months {
        font-size: var(--text-16);
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

@media (hover:hover) {
    .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
        background-color: var(--color-gray-100) !important
    }

    .flatpickr-current-month .flatpickr-monthDropdown-months:where([data-mode=dark],[data-mode=dark] *):hover {
        background-color: var(--color-dark-850) !important
    }

    .numInputWrapper:hover {
        background-color: var(--color-gray-100) !important
    }

    .numInputWrapper:where([data-mode=dark],[data-mode=dark] *):hover {
        background-color: var(--color-dark-850) !important
    }
}

.flatpickr-calendar.hasTime .flatpickr-time {
    border-color: var(--color-gray-200)
}

    .flatpickr-calendar.hasTime .flatpickr-time:where([data-mode=dark],[data-mode=dark] *) {
        border-color: var(--color-dark-800)
    }

.flatpickr-time input {
    color: var(--color-gray-500)
}

    .flatpickr-time input:where([data-mode=dark],[data-mode=dark] *) {
        color: var(--color-dark-500)
    }

.flatpickr-time :is(.flatpickr-time-separator,.flatpickr-am-pm) {
    color: var(--color-gray-500)
}

    .flatpickr-time :is(.flatpickr-time-separator,.flatpickr-am-pm):where([data-mode=dark],[data-mode=dark] *) {
        color: var(--color-dark-500)
    }

.flatpickr-time :is(input:hover,.flatpickr-am-pm:hover,input:focus,.flatpickr-am-pm:focus) {
    background-color: var(--color-gray-100)
}

    .flatpickr-time :is(input:hover,.flatpickr-am-pm:hover,input:focus,.flatpickr-am-pm:focus):where([data-mode=dark],[data-mode=dark] *) {
        background-color: var(--color-dark-850)
    }

.flatpickr-day.inRange {
    --tw-shadow: -5px 0 0 var(--tw-shadow-color,var(--tw-shadow-color));
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
    --tw-shadow-color: oklch(96.7% .003 264.542)
}

@supports (color:color-mix(in lab,red,red)) {
    .flatpickr-day.inRange {
        --tw-shadow-color: color-mix(in oklab,var(--color-gray-100)var(--tw-shadow-alpha),transparent)
    }
}

.flatpickr-day.inRange:where([data-mode=dark],[data-mode=dark] *) {
    --tw-shadow-color: oklch(23.13% .0399 270.37)
}

@supports (color:color-mix(in lab,red,red)) {
    .flatpickr-day.inRange:where([data-mode=dark],[data-mode=dark] *) {
        --tw-shadow-color: color-mix(in oklab,var(--color-dark-850)var(--tw-shadow-alpha),transparent)
    }
}

.flatpickr-weekwrapper .flatpickr-weeks {
    --tw-shadow: 1px 0 0 var(--tw-shadow-color,var(--tw-shadow-color));
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
    --tw-shadow-color: oklch(92.8% .006 264.531)
}

@supports (color:color-mix(in lab,red,red)) {
    .flatpickr-weekwrapper .flatpickr-weeks {
        --tw-shadow-color: color-mix(in oklab,var(--color-gray-200)var(--tw-shadow-alpha),transparent)
    }
}

.flatpickr-weekwrapper .flatpickr-weeks:where([data-mode=dark],[data-mode=dark] *) {
    --tw-shadow-color: oklch(27.9% .041 260.031)
}

@supports (color:color-mix(in lab,red,red)) {
    .flatpickr-weekwrapper .flatpickr-weeks:where([data-mode=dark],[data-mode=dark] *) {
        --tw-shadow-color: color-mix(in oklab,var(--color-dark-800)var(--tw-shadow-alpha),transparent)
    }
}

.flatpickr-weekwrapper span:is(.flatpickr-day,.flatpickr-day:hover) {
    color: var(--color-gray-500);
    background-color: #0000 !important
}

    .flatpickr-weekwrapper span:is(.flatpickr-day,.flatpickr-day:hover):where([data-mode=dark],[data-mode=dark] *) {
        color: var(--color-dark-500);
        background-color: #0000 !important
    }

.flatpickr-calendar.arrowTop:before {
    border-bottom-color: var(--color-gray-200)
}

    .flatpickr-calendar.arrowTop:before:where() {
        border-bottom-color: var(--color-dark-800)
    }

.flatpickr-calendar.arrowTop:after {
    border-bottom-color: var(--color-white)
}

    .flatpickr-calendar.arrowTop:after:where() {
        border-bottom-color: var(--color-dark-900)
    }

.flatpickr-calendar.arrowBottom:before {
    border-top-color: var(--color-gray-200)
}

    .flatpickr-calendar.arrowBottom:before:where() {
        border-top-color: var(--color-dark-800)
    }

.flatpickr-calendar.arrowBottom:after {
    border-top-color: var(--color-white)
}

    .flatpickr-calendar.arrowBottom:after:where() {
        border-top-color: var(--color-dark-900)
    }

.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
    color: inherit !important
}

.tippy-box {
    border-radius: var(--radius-md);
    background-color: var(--color-gray-600);
    color: var(--color-gray-50)
}

    .tippy-box:where([data-mode=dark],[data-mode=dark] *) {
        background-color: var(--color-dark-800);
        color: var(--color-dark-50)
    }

.tippy-arrow {
    color: var(--color-gray-600)
}

    .tippy-arrow:where([data-mode=dark],[data-mode=dark] *) {
        color: var(--color-dark-800)
    }

.noUi-target {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-200);
    background-color: var(--color-white);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
    --tw-shadow-color: oklch(98.5% .002 247.839)
}

@supports (color:color-mix(in lab,red,red)) {
    .noUi-target {
        --tw-shadow-color: color-mix(in oklab,var(--color-gray-50)var(--tw-shadow-alpha),transparent)
    }
}

.noUi-target:where([data-mode=dark],[data-mode=dark] *) {
    border-color: var(--color-dark-800);
    background-color: var(--color-dark-900);
    --tw-shadow-color: oklch(20.8% .042 265.755)
}

@supports (color:color-mix(in lab,red,red)) {
    .noUi-target:where([data-mode=dark],[data-mode=dark] *) {
        --tw-shadow-color: color-mix(in oklab,var(--color-dark-900)var(--tw-shadow-alpha),transparent)
    }
}

.noUi-connect {
    background-color: var(--color-primary-500)
}

.noUi-horizontal {
    height: calc(var(--spacing)*3)
}

    .noUi-horizontal .noUi-handle {
        right: calc(var(--spacing)*-1);
        height: calc(var(--spacing)*6);
        width: calc(var(--spacing)*2);
        border-color: var(--color-gray-200);
        background-color: var(--color-white);
        --tw-shadow: 0 0 #0000;
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }

        .noUi-horizontal .noUi-handle:where([data-mode=dark],[data-mode=dark] *) {
            border-color: var(--color-dark-800);
            background-color: var(--color-dark-900)
        }

.noUi-handle {
    border-color: var(--color-gray-200);
    background-color: var(--color-white);
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}

    .noUi-handle:before, .noUi-handle:after {
        content: var(--tw-content);
        display: none
    }

    .noUi-handle:where([data-mode=dark],[data-mode=dark] *) {
        border-color: var(--color-dark-800);
        background-color: var(--color-dark-900)
    }

.noUi-tooltip {
    border-color: var(--color-gray-200);
    background-color: var(--color-white);
    color: var(--color-gray-800)
}

    .noUi-tooltip:where([data-mode=dark],[data-mode=dark] *) {
        border-color: var(--color-dark-800);
        background-color: var(--color-dark-900);
        color: var(--color-dark-50)
    }

:is(.noUi-marker-large,.noUi-marker) {
    background-color: var(--color-gray-200)
}

    :is(.noUi-marker-large,.noUi-marker):where([data-mode=dark],[data-mode=dark] *) {
        background-color: var(--color-dark-800)
    }

.noUi-value-sub {
    color: var(--color-gray-500)
}

    .noUi-value-sub:where([data-mode=dark],[data-mode=dark] *) {
        color: var(--color-dark-500)
    }

.c-1-color {
    background-color: var(--color-red-500)
}

.c-2-color {
    background-color: var(--color-yellow-500) !important
}

.c-3-color {
    background-color: var(--color-green-500) !important
}

.c-4-color {
    background-color: var(--color-purple-500) !important
}

.c-5-color {
    background-color: var(--color-primary-500) !important
}

#slider-toggle {
    height: 3.125rem
}

    #slider-toggle.off .noUi-handle {
        border-color: var(--color-red-500);
        background-color: var(--color-red-500)
    }

#colorpicker {
    margin-inline: auto
}

:is(#red,#green,#blue) {
    margin: calc(var(--spacing)*5);
    height: calc(var(--spacing)*52);
    display: inline-block
}

#result {
    margin: calc(var(--spacing)*10);
    width: calc(var(--spacing)*32);
    height: calc(var(--spacing)*32);
    border-radius: var(--radius-md);
    background-color: var(--color-gray-800);
    vertical-align: top;
    color: var(--color-gray-800);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
    --tw-shadow-color: oklch(92.8% .006 264.531);
    display: inline-block
}

@supports (color:color-mix(in lab,red,red)) {
    #result {
        --tw-shadow-color: color-mix(in oklab,var(--color-gray-200)var(--tw-shadow-alpha),transparent)
    }
}

#result:where([data-mode=dark],[data-mode=dark] *) {
    background-color: var(--color-dark-700);
    color: var(--color-dark-100);
    --tw-shadow-color: oklch(20.8% .042 265.755)
}

@supports (color:color-mix(in lab,red,red)) {
    #result:where([data-mode=dark],[data-mode=dark] *) {
        --tw-shadow-color: color-mix(in oklab,var(--color-dark-900)var(--tw-shadow-alpha),transparent)
    }
}

#red .noUi-connect {
    background-color: var(--color-red-500) !important
}

#green .noUi-connect {
    background-color: var(--color-green-500) !important
}

#blue .noUi-connect {
    background-color: var(--color-sky-500) !important
}

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

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

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

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

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

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

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

@property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-ring-inset {
    syntax: "*";
    inherits: false
}

@property --tw-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

@property --tw-ring-offset-color {
    syntax: "*";
    inherits: false;
    initial-value: #fff
}

@property --tw-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-content {
    syntax: "*";
    inherits: false;
    initial-value: ""
}

@property --tw-rotate-x {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-y {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-z {
    syntax: "*";
    inherits: false
}

@property --tw-skew-x {
    syntax: "*";
    inherits: false
}

@property --tw-skew-y {
    syntax: "*";
    inherits: false
}

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

@property --tw-border-spacing-x {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

@property --tw-border-spacing-y {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

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

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

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

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

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

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

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

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

@property --tw-gradient-position {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-via {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-to {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-via-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 0%
}

@property --tw-gradient-via-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 50%
}

@property --tw-gradient-to-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 100%
}

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

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

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

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

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

@property --tw-hue-rotate {
    syntax: "*";
    inherits: false
}

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

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

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

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

@property --tw-drop-shadow {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-drop-shadow-size {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-blur {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-invert {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-sepia {
    syntax: "*";
    inherits: false
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

@keyframes ping {
    75%,to {
        opacity: 0;
        transform: scale(2)
    }
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

@keyframes bounce {
    0%,to {
        animation-timing-function: cubic-bezier(.8,0,1,1);
        transform: translateY(-25%)
    }

    50% {
        animation-timing-function: cubic-bezier(0,0,.2,1);
        transform: none
    }
}

@keyframes shimmer {
    to {
        opacity: 0;
        transform: translate(0)
    }
}

@keyframes jvm-line {
    0% {
        stroke-dashoffset: 250px
    }
}

@keyframes marquee {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-50%)
    }
}

@keyframes slideUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

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

.tippy-box[data-animation=scale][data-placement^=top] {
    transform-origin: bottom
}

.tippy-box[data-animation=scale][data-placement^=bottom] {
    transform-origin: top
}

.tippy-box[data-animation=scale][data-placement^=left] {
    transform-origin: right
}

.tippy-box[data-animation=scale][data-placement^=right] {
    transform-origin: left
}

.tippy-box[data-animation=scale][data-state=hidden] {
    transform: scale(.5);
    opacity: 0
}

.tippy-box[data-animation=scale-subtle][data-placement^=top] {
    transform-origin: bottom
}

.tippy-box[data-animation=scale-subtle][data-placement^=bottom] {
    transform-origin: top
}

.tippy-box[data-animation=scale-subtle][data-placement^=left] {
    transform-origin: right
}

.tippy-box[data-animation=scale-subtle][data-placement^=right] {
    transform-origin: left
}

.tippy-box[data-animation=scale-subtle][data-state=hidden] {
    transform: scale(.8);
    opacity: 0
}

.tippy-box[data-animation=scale-extreme][data-placement^=top] {
    transform-origin: bottom
}

.tippy-box[data-animation=scale-extreme][data-placement^=bottom] {
    transform-origin: top
}

.tippy-box[data-animation=scale-extreme][data-placement^=left] {
    transform-origin: right
}

.tippy-box[data-animation=scale-extreme][data-placement^=right] {
    transform-origin: left
}

.tippy-box[data-animation=scale-extreme][data-state=hidden] {
    transform: scale(0);
    opacity: .25
}