.dropdown__hui[data-v-71c728d8] .font-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.dropdown__hui[data-v-71c728d8] .font-white:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity))
}

.dropdown__hui[data-v-71c728d8] .font-white.border-t,
.dropdown__hui[data-v-71c728d8] .font-white .border-b {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity))
}

.dropdown__hui[data-v-71c728d8] .font-black {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity))
}

.dropdown__hui[data-v-71c728d8] .font-black:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.dropdown__hui[data-v-71c728d8] .font-black.border-t,
.dropdown__hui[data-v-71c728d8] .font-black .border-b {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity))
}

.dropdown__hui[data-v-71c728d8] button[aria-expanded=true] .arrow_icon_down {
    display: none
}

.dropdown__hui[data-v-71c728d8] button[aria-expanded=true] .arrow_icon_up {
    -webkit-animation: fadeInOpacity-71c728d8 .5s ease-in-out;
    animation: fadeInOpacity-71c728d8 .5s ease-in-out;
    opacity: 1
}

.dropdown__hui[data-v-71c728d8] button[aria-expanded=false] .arrow_icon_up {
    display: none
}

.dropdown__hui[data-v-71c728d8] button[aria-expanded=false] .arrow_icon_down {
    -webkit-animation: fadeInOpacity-71c728d8 .5s ease-in-out;
    animation: fadeInOpacity-71c728d8 .5s ease-in-out;
    opacity: 1
}

@-webkit-keyframes fadeInOpacity-71c728d8 {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeInOpacity-71c728d8 {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.sidebar[data-v-e2d74ba4] {
    height: 100vh;
    width: 6.125rem;
    border-right-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity))
}

.icon-position[data-v-e2d74ba4] {
    position: absolute;
    top: 50%;
    left: 50%;
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.sidebar-icon[data-v-e2d74ba4] {
    position: relative;
    min-height: 6.125rem;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity))
}

.sidebar-icon .menu-enter-from[data-v-e2d74ba4],
.sidebar-icon .menu-leave-to[data-v-e2d74ba4] {
    opacity: 0
}

.sidebar-icon .menu[data-v-e2d74ba4] {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: 1s
}

.sidebar-icon .close-enter-from[data-v-e2d74ba4] #line-1,
.sidebar-icon .close-leave-to[data-v-e2d74ba4] #line-1 {
    transform: rotate(45deg)
}

.sidebar-icon .close-enter-from[data-v-e2d74ba4] #line-2,
.sidebar-icon .close-leave-to[data-v-e2d74ba4] #line-2 {
    transform: rotate(-45deg)
}

.sidebar-icon .close[data-v-e2d74ba4] {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: 1s
}

.sidebar-icon .close[data-v-e2d74ba4] #line-1,
.sidebar-icon .close[data-v-e2d74ba4] #line-2 {
    transition: transform 1s ease-out;
    transform-origin: center
}

.title[data-v-e2d74ba4] {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center
}

.title .title-enter-from[data-v-e2d74ba4],
.title .title-leave-to[data-v-e2d74ba4] {
    opacity: 0
}

.title .title-enter-active[data-v-e2d74ba4],
.title .title-leave-active[data-v-e2d74ba4] {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: 1s
}