@charset "UTF-8";
@keyframes swiper-preloader-spin-ltr {
    0% {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}
@keyframes swiper-preloader-spin-rtl {
    0% {
        transform: rotate(0);
    }
    to {
        transform: rotate(-360deg);
    }
}
@keyframes move-29a0c5fa {
    0%,
    to {
        top: 40px;
    }
    50% {
        top: 60px;
    }
}
@keyframes fade-27c3d3ee {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes draw-ltr-9570916d {
    0% {
        transform: rotate(0);
    }
    to {
        transform: rotate(180deg);
    }
}
@keyframes draw-rtl-9570916d {
    0% {
        transform: rotate(0);
    }
    to {
        transform: rotate(-180deg);
    }
}
@keyframes loading-rotate-ltr {
    to {
        transform: rotate(360deg);
    }
}
@keyframes loading-rotate-rtl {
    to {
        transform: rotate(-360deg);
    }
}
@keyframes loading-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -40px;
    }
    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -120px;
    }
}
@keyframes v-modal-in {
    0% {
        opacity: 0;
    }
}
@keyframes v-modal-out {
    to {
        opacity: 0;
    }
}
@keyframes dialog-fade-in {
    0% {
        transform: translate3d(0, -20px, 0);
        opacity: 0;
    }
    to {
        transform: translateZ(0);
        opacity: 1;
    }
}
@keyframes dialog-fade-out {
    0% {
        transform: translateZ(0);
        opacity: 1;
    }
    to {
        transform: translate3d(0, -20px, 0);
        opacity: 0;
    }
}
@keyframes modal-fade-in {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes modal-fade-out {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes dialog-fade-in-responsive {
    0% {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translate(0);
        opacity: 1;
    }
}
@keyframes dialog-fade-out-responsive {
    0% {
        transform: translate(0);
        opacity: 1;
    }
    to {
        transform: translateY(100%);
        opacity: 0;
    }
}
@keyframes slideInRight-enter-ltr {
    0% {
        opacity: 0;
        transform-origin: 0 0;
        transform: translate(100%);
    }
    to {
        opacity: 1;
        transform-origin: 0 0;
        transform: translate(0);
    }
}
@keyframes slideInRight-enter-rtl {
    0% {
        opacity: 0;
        transform-origin: 100%0;
        transform: translate(-100%);
    }
    to {
        opacity: 1;
        transform-origin: 100%0;
        transform: translate(0);
    }
}
@keyframes slideInRight-leave-ltr {
    0% {
        transform-origin: 0 0;
        transform: translate(0);
        opacity: 1;
    }
    to {
        transform-origin: 0 0;
        transform: translate(100%);
        opacity: 0;
    }
}
@keyframes slideInRight-leave-rtl {
    0% {
        transform-origin: 100%0;
        transform: translate(0);
        opacity: 1;
    }
    to {
        transform-origin: 100%0;
        transform: translate(-100%);
        opacity: 0;
    }
}
@keyframes slideInLeft-enter-ltr {
    0% {
        opacity: 0;
        transform-origin: 0 0;
        transform: translate(-100%);
    }
    to {
        opacity: 1;
        transform-origin: 0 0;
        transform: translate(0);
    }
}
@keyframes slideInLeft-enter-rtl {
    0% {
        opacity: 0;
        transform-origin: 100%0;
        transform: translate(100%);
    }
    to {
        opacity: 1;
        transform-origin: 100%0;
        transform: translate(0);
    }
}
@keyframes slideInLeft-leave-ltr {
    0% {
        transform-origin: 0 0;
        transform: translate(0);
        opacity: 1;
    }
    to {
        transform-origin: 0 0;
        transform: translate(-100%);
        opacity: 0;
    }
}
@keyframes slideInLeft-leave-rtl {
    0% {
        transform-origin: 100%0;
        transform: translate(0);
        opacity: 1;
    }
    to {
        transform-origin: 100%0;
        transform: translate(100%);
        opacity: 0;
    }
}
@keyframes viewer-fade-in {
    0% {
        transform: translate3d(0, -20px, 0);
        opacity: 0;
    }
    to {
        transform: translateZ(0);
        opacity: 1;
    }
}
@keyframes viewer-fade-out {
    0% {
        transform: translateZ(0);
        opacity: 1;
    }
    to {
        transform: translate3d(0, -20px, 0);
        opacity: 0;
    }
}
@keyframes rotating-ltr {
    0% {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}
@keyframes rotating-rtl {
    0% {
        transform: rotate(0);
    }
    to {
        transform: rotate(-360deg);
    }
}
@keyframes bit-skeleton-loading-ltr {
    0% {
        background-position: 100% 50%;
    }
    to {
        background-position: 0 50%;
    }
}
@keyframes bit-skeleton-loading-rtl {
    0% {
        background-position: 0 50%;
    }
    to {
        background-position: 100% 50%;
    }
}
@keyframes shine-ltr {
    to {
        background-position: 320px 0;
    }
}
@keyframes shine-rtl {
    to {
        background-position: right 320px top 0;
    }
}
.micro-privacy-dialog[data-v-e5a81585] {
    --mi-disabled-text-color: var(--color-primary-text);
}
.micro-cookie-dialog[data-v-102b03f8] a {
    color: var(--color-primary);
}
.logo-item:hover img + img[data-v-22e87226],
.logo-item:hover img + img[data-v-62b79900] {
    visibility: visible;
}
.coll[data-v-72d99517] {
    border-style: none !important;
    --mi-collapse-content-bg-color: transparent;
    --mi-collapse-header-bg-color: transparent;
}
.coll[data-v-72d99517] .mi-collapse-item__header {
    border-style: none;
    padding: 12px 0;
}
.coll[data-v-72d99517] .mi-collapse-item__wrap {
    border-style: none;
}
.coll[data-v-72d99517] .mi-collapse-item__content {
    padding: 12px 0;
    line-height: 18px;
    color: var(--color-primary-text);
}
.coll[data-v-72d99517] .mi-collapse-item__arrow {
    display: none;
}
.coll[data-v-72d99517] .mi-collapse-item.is-active .arrow {
    --un-rotate-x: 0;
    --un-rotate-y: 0;
    --un-rotate-z: 0;
    --un-rotate: 180deg;
    transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z))
        rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z))
        skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
        scaleZ(var(--un-scale-z));
}
[dir] .nav-item[data-v-72d99517] {
    margin-bottom: 1.5rem;
}
.telegram-item[data-v-72d99517] {
    display: block;
    text-decoration: none;
    line-height: 24px;
    color: var(--content-primary);
    font-weight: 400;
    font-size: 12px;
}
[dir] .telegram-item[data-v-72d99517] {
    padding: 6px 12px;
}
[dir] .telegram-item[data-v-72d99517]:hover {
    background-color: var(--background-tertiary);
    border-radius: 4px;
}
.popover[data-v-b3bb5aca] {
    transition:
        transform 0.2s cubic-bezier(0.5, 0, 0, 1.25),
        opacity 0.15s ease-out;
}
[dir] .popover[data-v-b3bb5aca] {
    transform: perspective(1px) scale(0.75);
    transform-origin: 50%0;
}
.popover.visible[data-v-b3bb5aca] {
    visibility: visible;
    -webkit-perspective: 1px;
    perspective: 1px;
    --un-scale-x: 0.01;
    --un-scale-y: 0.01;
    transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z))
        rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z))
        skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
        scaleZ(var(--un-scale-z));
    opacity: 1;
}
[dir] .popover.visible[data-v-b3bb5aca] {
    transform: perspective(1px) scale(1);
    box-shadow: 0 6px 18px #92a0ab33;
    border-radius: 12px;
}
[dir="ltr"] .popover.left[data-v-b3bb5aca] {
    left: 8px;
}
[dir="rtl"] .popover.left[data-v-b3bb5aca] {
    right: 8px;
}
[dir="ltr"] .popover.right[data-v-b3bb5aca] {
    right: 0;
}
[dir="rtl"] .popover.right[data-v-b3bb5aca] {
    left: 0;
}
.popover .popover-main[data-v-b3bb5aca] {
    max-height: calc(100vh - 175px);
}
[dir] body.black .popover.visible[data-v-b3bb5aca] {
    box-shadow: 0 6px 18px #0006;
}
[dir] .has-border[data-v-bedcde19] {
    border-radius: 20px;
}
[dir] .has-shadow[data-v-bedcde19] {
    box-shadow: 0 6px 18px #92a0ab33;
}
.logo[data-v-22e87226] {
    display: none;
    width: 132px;
    height: 54px;
}
[dir="rtl"] .logo[data-v-22e87226] {
    --un-rotate: 0;
    --un-rotate-y: 0deg !important;
    transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z))
        rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z))
        skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
        scaleZ(var(--un-scale-z)) !important;
}
.logo-light[data-v-22e87226] {
    display: inline-block;
}
.contact-item .envelope[data-v-22e87226] {
    fill: var(--content-tertiary);
}
.contact-item:hover .envelope[data-v-22e87226] {
    fill: var(--content-secondary);
}
.telegram-item[data-v-22e87226] {
    display: block;
    text-decoration: none;
    line-height: 24px;
    color: var(--content-primary);
    font-weight: 400;
    font-size: 12px;
}
[dir] .telegram-item[data-v-22e87226] {
    cursor: pointer;
    padding: 6px 12px;
}
[dir] .telegram-item[data-v-22e87226]:hover {
    background-color: var(--background-tertiary);
    border-radius: 4px;
}
[dir] .mi-popper.telegram-popper {
    padding: 6px !important;
}
.mi-popper.telegram-popper.is-light {
    --mi-bg-color-popup: #fff;
}
[dir] .mi-popper.telegram-popper.is-light {
    border: solid 1px var(--color-line) !important;
}
.mi-popper.telegram-popper.is-dark {
    --mi-bg-color-popup: #303133;
}
[dir="ltr"] [dir="rtl"] .copyright[data-v-ea4939e7],
[dir="ltr"] [dir="rtl"] .link[data-v-ea4939e7] {
    direction: ltr;
}
[dir="rtl"] [dir="rtl"] .copyright[data-v-ea4939e7],
[dir="rtl"] [dir="rtl"] .link[data-v-ea4939e7] {
    direction: rtl;
}
.item[data-v-ea4939e7] {
    height: 46px;
    display: flex;
    cursor: pointer;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
}
[dir] .copyright a[data-v-ea4939e7],
[dir] .item-span[data-v-ea4939e7] {
    border: 1px solid transparent;
}
[dir] .copyright a[data-v-ea4939e7]:hover,
[dir] .item-span[data-v-ea4939e7]:hover {
    border-bottom: 1px dotted var(--color-third-text);
}
[dir] .footer-item-title[data-v-cb1468c4] {
    margin-bottom: 24px;
}
[dir] a.nav-item[data-v-cb1468c4]:not(:first-of-type) {
    margin-top: 12px;
}
a.nav-item .arrow-right[data-v-cb1468c4],
a.nav-item .football[data-v-cb1468c4] {
    visibility: hidden;
    opacity: 0;
}
[dir="ltr"] a.nav-item .arrow-right[data-v-cb1468c4],
[dir="rtl"] a.nav-item .arrow-right[data-v-cb1468c4] {
    transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z))
        rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z))
        skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
        scaleZ(var(--un-scale-z));
}
[dir="ltr"] a.nav-item .arrow-right[data-v-cb1468c4] {
    --un-translate-x: -10px;
}
[dir="rtl"] a.nav-item .arrow-right[data-v-cb1468c4] {
    --un-translate-x: 10px;
    --un-rotate: 0;
    --un-rotate-y: 180deg;
}
[dir="ltr"]
    .switch-dialog
    .switch-account-box
    .account-line
    .account-info
    .account-subtitle.frozen
    span[data-v-78e02dc0],
[dir="ltr"] .switch-dialog .switch-account-box .operation-bottom .add-subaccount span[data-v-78e02dc0],
[dir="ltr"] a.nav-item .arrow-right[data-v-cb1468c4] {
    margin-left: 5px;
}
[dir="rtl"]
    .switch-dialog
    .switch-account-box
    .account-line
    .account-info
    .account-subtitle.frozen
    span[data-v-78e02dc0],
[dir="rtl"] .switch-dialog .switch-account-box .operation-bottom .add-subaccount span[data-v-78e02dc0],
[dir="rtl"] a.nav-item .arrow-right[data-v-cb1468c4] {
    margin-right: 5px;
}
[dir] a.nav-item .football[data-v-cb1468c4] {
    margin-bottom: 10px;
}
[dir="rtl"] a.nav-item:hover .arrow-right[data-v-cb1468c4],
a.nav-item:hover .arrow-right[data-v-cb1468c4] {
    transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z))
        rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z))
        skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
        scaleZ(var(--un-scale-z));
}
a.nav-item:hover .arrow-right[data-v-cb1468c4] {
    visibility: visible;
    opacity: 1;
    transition: all 0.25s ease-out;
    --un-translate-x: 0rem;
}
[dir="rtl"] a.nav-item:hover .arrow-right[data-v-cb1468c4] {
    --un-rotate: 0;
    --un-rotate-y: 180deg;
}
.logo[data-v-83f8e8d0] {
    display: none;
    width: 132px;
    height: 54px;
}
[dir="rtl"] .logo[data-v-83f8e8d0] {
    --un-rotate: 0;
    --un-rotate-y: 0deg !important;
    transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z))
        rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z))
        skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
        scaleZ(var(--un-scale-z)) !important;
}
.logo-light[data-v-83f8e8d0] {
    display: inline-block;
}
.micro-global-dialog-popper {
    z-index: 100000001 !important;
    border-style: none !important;
    padding: 4px 10px !important;
    font-size: 12px !important;
    --un-text-opacity: 1 !important;
    color: rgba(255, 255, 255, var(--un-text-opacity)) !important;
}
.micro-global-dialog[data-v-431c246f] .mi-overlay-dialog {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.micro-global-dialog[data-v-431c246f] .mi-dialog {
    margin: 0;
    background-color: transparent;
    --mi-dialog-bg-color: transparent;
    --mi-dialog-box-shadow: none;
}
.micro-global-dialog[data-v-431c246f] .mi-dialog .mi-dialog__body,
.micro-global-dialog[data-v-431c246f] .mi-dialog .mi-dialog__header {
    padding: 0;
}
.micro-global-dialog[data-v-431c246f] .mi-dialog .mi-dialog__headerbtn {
    top: -30px;
    right: -30px;
    z-index: 100;
    width: 24px;
    height: 24px;
    font-size: 14px;
}
.micro-global-dialog[data-v-431c246f] .mi-dialog .mi-dialog__close {
    font-size: 16px;
    --un-text-opacity: 1;
    color: rgba(255, 255, 255, var(--un-text-opacity));
}
.micro-global-dialog[data-v-431c246f] .video-dialog {
    --mi-dialog-bg-color: transparent;
    display: inline-block;
    width: auto;
}
.micro-global-dialog[data-v-431c246f] .video-dialog .mi-dialog__body {
    line-height: 0.25rem;
}
[dir="rtl"] .micro-global-dialog .arrow-next[data-v-431c246f],
[dir="rtl"] .micro-global-dialog .arrow-prev[data-v-431c246f],
[dir="rtl"] .micro-header[data-v-0408d032] svg {
    --un-rotate: 0;
    transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z))
        rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z))
        skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
        scaleZ(var(--un-scale-z));
}
[dir="rtl"] .micro-global-dialog .arrow-prev[data-v-431c246f],
[dir="rtl"] .micro-header[data-v-0408d032] svg {
    --un-rotate-y: 180deg;
}
[dir="rtl"] .micro-global-dialog .arrow-next[data-v-431c246f] {
    --un-rotate-y: 0deg;
}
@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;
}
.micro :root {
    --swiper-theme-color: #007aff;
}
.micro .swiper,
.micro swiper-container {
    position: relative;
    overflow: hidden;
    list-style: none;
    z-index: 1;
    display: block;
}
[dir] .micro .swiper,
[dir] .micro swiper-container {
    padding: 0;
}
[dir="ltr"] .micro .swiper,
[dir="ltr"] .micro swiper-container,
[dir="rtl"] .micro .swiper,
[dir="rtl"] .micro swiper-container {
    margin-right: auto;
    margin-left: auto;
}
.micro .swiper-vertical > .swiper-wrapper {
    flex-direction: column;
}
.micro .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    box-sizing: content-box;
}
[dir] .micro .swiper-wrapper {
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    transform: translateZ(0);
}
[dir] .micro .swiper-android .swiper-slide {
    transform: translateZ(0);
}
.micro .swiper-horizontal {
    touch-action: pan-y;
}
.micro .swiper-vertical {
    touch-action: pan-x;
}
.micro .swiper-slide,
.micro swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
}
[dir] .micro .swiper-slide,
[dir] .micro .swiper-wrapper,
[dir] .micro swiper-slide {
    transition-property: transform;
}
.micro .swiper-slide-invisible-blank {
    visibility: hidden;
}
.micro .swiper-autoheight,
.micro .swiper-autoheight .swiper-slide {
    height: auto;
}
.micro .swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
}
[dir] .micro .swiper-autoheight .swiper-wrapper {
    transition-property: transform, height;
}
.micro .swiper-backface-hidden .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
[dir] .micro .swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
}
.micro .swiper-3d,
.micro .swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
}
.micro .swiper-3d .swiper-cube-shadow,
.micro .swiper-3d .swiper-slide,
.micro .swiper-3d .swiper-slide-shadow,
.micro .swiper-3d .swiper-slide-shadow-bottom,
.micro .swiper-3d .swiper-slide-shadow-left,
.micro .swiper-3d .swiper-slide-shadow-right,
.micro .swiper-3d .swiper-slide-shadow-top,
.micro .swiper-3d .swiper-wrapper {
    transform-style: preserve-3d;
}
.micro .swiper-3d .swiper-slide-shadow,
.micro .swiper-3d .swiper-slide-shadow-bottom,
.micro .swiper-3d .swiper-slide-shadow-left,
.micro .swiper-3d .swiper-slide-shadow-right,
.micro .swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}
[dir="ltr"] .micro .swiper-3d .swiper-slide-shadow,
[dir="ltr"] .micro .swiper-3d .swiper-slide-shadow-bottom,
[dir="ltr"] .micro .swiper-3d .swiper-slide-shadow-left,
[dir="ltr"] .micro .swiper-3d .swiper-slide-shadow-right,
[dir="ltr"] .micro .swiper-3d .swiper-slide-shadow-top {
    left: 0;
}
[dir="rtl"] .micro .swiper-3d .swiper-slide-shadow,
[dir="rtl"] .micro .swiper-3d .swiper-slide-shadow-bottom,
[dir="rtl"] .micro .swiper-3d .swiper-slide-shadow-left,
[dir="rtl"] .micro .swiper-3d .swiper-slide-shadow-right,
[dir="rtl"] .micro .swiper-3d .swiper-slide-shadow-top {
    right: 0;
}
[dir] .micro .swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
}
[dir="ltr"] .micro .swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
}
[dir="ltr"] .micro .swiper-3d .swiper-slide-shadow-right,
[dir="rtl"] .micro .swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
}
[dir="rtl"] .micro .swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
}
[dir] .micro .swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
}
[dir] .micro .swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
}
.micro .swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.micro .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}
.micro .swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
}
.micro .swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory;
}
.micro .swiper-vertical.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory;
}
.micro .swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    scroll-snap-type: none;
}
.micro .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: none;
}
.micro .swiper-centered > .swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999;
}
.micro .swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always;
}
.micro .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before);
}
.micro .swiper-centered.swiper-horizontal > .swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}
.micro .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before);
}
.micro .swiper-centered.swiper-vertical > .swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
}
.micro .swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    top: 50%;
    z-index: 10;
    box-sizing: border-box;
}
[dir] .micro .swiper-lazy-preloader {
    margin-top: -21px;
    transform-origin: 50%;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}
[dir="ltr"] .micro .swiper-lazy-preloader {
    left: 50%;
    margin-left: -21px;
}
[dir="rtl"] .micro .swiper-lazy-preloader {
    right: 50%;
    margin-right: -21px;
}
[dir="ltr"] .micro .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
[dir="ltr"] .micro .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
[dir="ltr"] .micro swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin-ltr 1s infinite linear;
}
[dir="rtl"] .micro .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
[dir="rtl"] .micro .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
[dir="rtl"] .micro swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin-rtl 1s infinite linear;
}
.micro .swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}
.micro .swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}
.language-currency[data-v-9460c367] {
    position: relative;
    z-index: 10001;
}
.language-currency[data-v-9460c367] .dialog .mi-dialog__body,
.language-currency[data-v-9460c367] .dialog .mi-dialog__header {
    padding: 0;
}
.language-currency[data-v-9460c367] .dialog .mi-tabs__header {
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 64px !important;
}
.language-currency[data-v-9460c367] .dialog .mi-tabs__item.is-active {
    color: var(--color-primary) !important;
}
.language-currency[data-v-9460c367] .dialog .mi-tabs__active-bar {
    background-color: var(--color-primary);
}
.language-currency[data-v-9460c367] .dialog .mi-dialog__headerbtn {
    top: 20px;
}
.language-currency.fullscreen .item[data-v-9460c367] {
    width: 100%;
}
.language-currency.fullscreen[data-v-9460c367] .dialog {
    border-radius: 0;
}
.language-currency.fullscreen[data-v-9460c367] .mi-dialog__header {
    position: sticky;
    top: 0;
    margin-right: 0;
    background-color: inherit;
    padding: 0 !important;
}
.language-currency.fullscreen[data-v-9460c367] .mi-dialog__body {
    background-color: inherit;
    padding: 0 !important;
}
.list[data-v-9460c367] {
    display: flex;
    flex-wrap: wrap;
    grid-column-gap: 16px;
    column-gap: 16px;
    grid-row-gap: 10px;
    row-gap: 10px;
    padding: 20px;
}
.list .item[data-v-9460c367] {
    box-sizing: border-box;
    height: 44px;
    cursor: pointer;
    border-radius: 4px;
    padding-left: 12px;
    padding-right: 12px;
    line-height: 44px;
    color: var(--color-primary-text);
    width: calc(25% - 16px);
}
.list .item.active[data-v-9460c367],
.list .item[data-v-9460c367]:hover {
    color: var(--color-primary);
}
[dir] .list .item.active[data-v-9460c367],
[dir] .list .item[data-v-9460c367]:hover {
    background: var(--color-secondary-btn-bg);
}
.group-menu[data-v-5f651626],
.menu-item[data-v-5f651626] {
    position: relative;
    margin-right: 8px;
    cursor: pointer;
    align-items: center;
    border-radius: 99px;
}
.menu-item[data-v-5f651626] {
    height: 40px;
    display: inline-flex;
    white-space: nowrap;
    padding: 8px 12px;
    font-size: 16px;
}
.menu-item[data-v-5f651626]:hover {
    background-color: var(--background-secondary);
}
.menu-item .title[data-v-5f651626] {
    font-size: 16px;
    font-weight: 500;
    line-height: 0.25rem;
}
.menu-item .tag-img[data-v-5f651626] {
    position: absolute;
    top: -4px;
    right: -16px;
    z-index: 1;
    height: 16px;
}
.group-menu[data-v-5f651626] {
    width: 40px;
    display: flex;
    justify-content: center;
    padding-top: 8px;
    padding-bottom: 8px;
    --group-primary: currentColor;
}
.group-menu[data-v-5f651626]:hover {
    background-color: var(--background-secondary);
    --group-primary: var(--color-primary);
}
.popover[data-v-29a0c5fa] {
    transition:
        transform 0.2s cubic-bezier(0.5, 0, 0, 1.25),
        opacity 0.15s ease-out;
}
[dir] .popover[data-v-29a0c5fa] {
    transform: perspective(1px) scale(0.75);
    transform-origin: 50%0;
}
.popover.visible[data-v-29a0c5fa] {
    visibility: visible;
    -webkit-perspective: 1px;
    perspective: 1px;
    --un-scale-x: 0.01;
    --un-scale-y: 0.01;
    transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z))
        rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z))
        skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
        scaleZ(var(--un-scale-z));
    opacity: 1;
}
[dir] .popover.visible[data-v-29a0c5fa] {
    transform: perspective(1px) scale(1);
}
[dir="ltr"] .popover.left[data-v-29a0c5fa] {
    right: 0;
}
[dir="ltr"] .popover.right[data-v-29a0c5fa],
[dir="rtl"] .popover.left[data-v-29a0c5fa] {
    left: 0;
}
[dir="rtl"] .popover.right[data-v-29a0c5fa] {
    right: 0;
}
[dir="ltr"] .login-popover-move .popover[data-v-29a0c5fa],
[dir="rtl"] .login-popover-move .popover[data-v-29a0c5fa] {
    animation: move-29a0c5fa 1s infinite;
}
.login-popover-move > div[data-v-29a0c5fa]:first-of-type {
    width: 100%;
}
.tabs[data-v-27c3d3ee] {
    --mi-border-color-light: transparent;
    --mi-font-size-base: 16px;
    --mi-text-color-primary: var(--color-third-text);
}
.tabs[data-v-27c3d3ee] .mi-tabs__nav {
    height: 50px;
}
.tabs[data-v-27c3d3ee] .mi-tabs__item {
    padding-left: 12px;
    padding-right: 12px;
}
.tabs[data-v-27c3d3ee] .mi-tabs__item.is-active {
    color: var(--color-primary-text);
}
.tabs[data-v-27c3d3ee] .mi-tabs__item:hover {
    color: var(--color-primary-text);
    opacity: 0.6;
}
.tabs[data-v-27c3d3ee] .mi-tabs__header {
    margin: 0;
}
.tabs[data-v-27c3d3ee] .mi-tabs__active-bar {
    background-color: var(--color-primary);
}
.tabs[data-v-27c3d3ee] .mi-icon {
    top: -5px;
}
[dir="ltr"] .imail-popover[data-v-27c3d3ee] {
    box-shadow: 2px 4px 6px 2px #abbccb1f;
}
[dir="rtl"] .imail-popover[data-v-27c3d3ee] {
    box-shadow: -2px 4px 6px 2px #abbccb1f;
}
[dir] .icon-inmail-dot[data-v-27c3d3ee] {
    border-color: var(--background-primary);
}
[dir="ltr"] .icon-inmail-dot[data-v-27c3d3ee],
[dir="rtl"] .icon-inmail-dot[data-v-27c3d3ee] {
    animation: fade-27c3d3ee 1.4s alternate-reverse infinite linear;
}
[dir] .micro-inmail-icon:hover .icon-inmail-dot[data-v-27c3d3ee] {
    border-color: var(--background-secondary);
}
.popover-search[data-v-d4f89de5] .popover .popover-main {
    max-height: 600px;
}
@media screen and (max-width: 767px) {
    .popover-search[data-v-d4f89de5] .popover {
        width: 100vw;
        height: 100vh;
        overscroll-behavior: contain;
    }
    .popover-search[data-v-d4f89de5] .popover .popover-main {
        height: 100vh;
        max-height: initial;
        overscroll-behavior: contain;
    }
    [dir] .popover-search[data-v-d4f89de5] .popover .popover-main {
        border-radius: 0;
    }
}
[dir] .task-bubble[data-v-1b6285a2] {
    background: rgba(255, 212, 166, 0.2);
}
.task-bubble-text[data-v-1b6285a2] {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 230px;
    overflow: hidden;
}
[dir] .icon-inmail-dot[data-v-cce12880] {
    border-color: var(--content-always-white);
}
.micro-verified-label .text-verified[data-v-54cd041d] {
    color: var(--content-success);
}
[dir] .micro-verified-label .text-verified[data-v-54cd041d] {
    background-color: #0ecb811f;
}
.micro-verified-label .text-unverified[data-v-54cd041d] {
    color: var(--content-disabled);
}
[dir] .micro-verified-label .text-unverified[data-v-54cd041d] {
    background-color: var(--color-input-bg);
}
.micro-bit-avatar[data-v-a0589d33] {
    position: relative;
}
[dir] .micro-bit-avatar[data-v-a0589d33] {
    border-radius: 100%;
}
.micro-bit-avatar .micro-bit-avatar-mask[data-v-a0589d33] {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
}
[dir] .micro-bit-avatar .micro-bit-avatar-mask[data-v-a0589d33] {
    background: rgba(0, 0, 0, 0.7);
    border-radius: 100%;
}
[dir] .micro-userInfo[data-v-9570916d]:hover .micro-vip-tag {
    background-color: var(--background-primary);
}
[dir] .micro-userInfo .bg-sub-account[data-v-9570916d] {
    background-color: var(--background-purple-soft);
}
[dir] .micro-userInfo .bg-main-account[data-v-9570916d] {
    background-color: var(--background-blue-soft);
}
.micro-userInfo .micro-userInfo-viplevel[data-v-9570916d] {
    color: var(--content-disabled);
}
.micro-userInfo .icon-user-switch-group[data-v-9570916d] {
    position: relative;
    width: 22px;
    height: 22px;
}
.micro-userInfo .icon-user-switch-group .icon-user-switch-outer[data-v-9570916d] {
    position: absolute;
    top: 0;
}
[dir="ltr"] .micro-userInfo .icon-user-switch-group .icon-user-switch-outer[data-v-9570916d] {
    left: 0;
}
[dir="rtl"] .micro-userInfo .icon-user-switch-group .icon-user-switch-outer[data-v-9570916d] {
    right: 0;
}
.micro-userInfo .icon-user-switch-group .icon-user-switch-inner[data-v-9570916d] {
    position: absolute;
    top: 5px;
}
[dir="ltr"] .micro-userInfo .icon-user-switch-group .icon-user-switch-inner[data-v-9570916d] {
    left: 5px;
}
[dir="rtl"] .micro-userInfo .icon-user-switch-group .icon-user-switch-inner[data-v-9570916d] {
    right: 5px;
}
[dir="ltr"] .micro-userInfo .icon-user-switch-group-hover .arrows[data-v-9570916d],
[dir="ltr"] .micro-userInfo .icon-user-switch-group:hover .arrows[data-v-9570916d] {
    -webkit-animation: draw-ltr-9570916d 0.5s linear forwards;
    animation: draw-ltr-9570916d 0.5s linear forwards;
}
[dir="rtl"] .micro-userInfo .icon-user-switch-group-hover .arrows[data-v-9570916d],
[dir="rtl"] .micro-userInfo .icon-user-switch-group:hover .arrows[data-v-9570916d] {
    -webkit-animation: draw-rtl-9570916d 0.5s linear forwards;
    animation: draw-rtl-9570916d 0.5s linear forwards;
}
[dir] .micro-menu-extra-card[data-v-9b258259] {
    background-color: rgb(0, 240, 255) 24;
}
[dir] .micro-user-referral-ad[data-v-9b258259] {
    background-color: #dac3ff33;
}
.micro-user-referral-ad .micro-adbanner-content[data-v-9b258259] {
    font-weight: 700;
}
[dir] .micro-user-affiliate-ad[data-v-9b258259] {
    background-color: #ffd4a680;
}
.menu-collapse[data-v-9b258259] {
    border-width: 0;
    border-style: solid;
}
.menu-collapse[data-v-9b258259] .mi-collapse-item__header {
    position: relative;
    flex: 1 1 0%;
    border-width: 0;
    border-style: solid;
    padding: 0;
    font-weight: 400;
}
.menu-collapse[data-v-9b258259] .mi-collapse-item__arrow {
    position: absolute;
    right: 8px;
    top: 12px;
}
[dir="rtl"] .menu-collapse[data-v-9b258259] .mi-collapse-item__arrow {
    left: 8px;
    right: unset;
}
.menu-collapse[data-v-9b258259] .mi-collapse-item__wrap {
    border-width: 0;
    border-style: solid;
}
.menu-collapse[data-v-9b258259] .mi-collapse-item__content {
    padding-left: 28px;
}
.switch-dialog[data-v-78e02dc0] * {
    box-sizing: border-box;
}
.switch-dialog[data-v-78e02dc0] .dialog {
    --mi-dialog-padding-primary: 0;
    --mi-tabs-header-height: 1.4;
    --mi-text-color-primary: var(--color-primary-text);
    --mi-dialog-border-radius: 8px;
    padding: 0;
}
.micro-light .switch-dialog[data-v-78e02dc0] .dialog {
    background-color: var(--color-bg) !important;
}
.micro-dark .switch-dialog[data-v-78e02dc0] .dialog {
    background-color: var(--color-card-bg) !important;
}
.switch-dialog[data-v-78e02dc0] .dialog .mi-dialog__headerbtn {
    font-size: 16px;
}
.switch-dialog[data-v-78e02dc0] .dialog .mi-dialog__header {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 24px;
}
.switch-dialog[data-v-78e02dc0] .dialog .mi-dialog__body {
    padding: 12px 32px;
}
.switch-dialog[data-v-78e02dc0] .dialog .mi-tabs__item.is-active {
    color: var(--color-primary);
}
.switch-dialog[data-v-78e02dc0] .dialog .mi-tabs__nav-wrap:after {
    height: 1px;
}
.micro-light .switch-dialog[data-v-78e02dc0] .dialog .mi-tabs__nav-wrap:after {
    --un-bg-opacity: 1;
    background-color: rgba(221, 221, 221, var(--un-bg-opacity));
}
.micro-dark .switch-dialog[data-v-78e02dc0] .dialog .mi-tabs__nav-wrap:after {
    --un-bg-opacity: 1;
    background-color: rgba(100, 107, 113, var(--un-bg-opacity));
}
.switch-dialog[data-v-78e02dc0] .dialog .mi-tabs__active-bar {
    background-color: var(--color-primary);
}
[dir] .switch-dialog .switch-account-box[data-v-78e02dc0] {
    padding: 0;
}
.switch-dialog .switch-account-box[data-v-78e02dc0] .mi-autocomplete__popper {
    display: none;
}
.switch-dialog .switch-account-box[data-v-78e02dc0] .mi-tabs__item {
    height: 64px;
    line-height: 64px;
    font-size: 16px;
    font-weight: 500;
}
.switch-dialog .switch-account-box[data-v-78e02dc0] .mi-tabs__item.is-active {
    color: var(--color-primary-text);
}
[dir] .switch-dialog .switch-account-box[data-v-78e02dc0] .mi-tabs__header {
    margin-bottom: 0;
    padding: 0;
}
.switch-dialog .switch-account-box[data-v-78e02dc0] .mi-tabs__active-bar {
    background-color: var(--color-primary);
}
.switch-dialog .switch-account-box[data-v-78e02dc0] .mi-tabs__nav-next,
.switch-dialog .switch-account-box[data-v-78e02dc0] .mi-tabs__nav-prev {
    line-height: 64px;
}
.switch-dialog .switch-account-box[data-v-78e02dc0] .mi-tabs__nav-wrap:after {
    height: 1px !important;
}
[dir] .switch-dialog .switch-account-box[data-v-78e02dc0] .mi-tabs__nav-wrap:after {
    background-color: var(--content-inverse-secondary) !important;
}
.switch-dialog .switch-account-box .sub-account-below[data-v-78e02dc0] {
    font-size: 16px;
}
[dir] .switch-dialog .switch-account-box .sub-account-below[data-v-78e02dc0] {
    margin-bottom: 8px;
    padding: 0;
}
.switch-dialog .switch-account-box[data-v-78e02dc0] .mi-autocomplete {
    width: 100%;
}
.switch-dialog .switch-account-box .search-account[data-v-78e02dc0] {
    display: block;
    height: 40px;
    mix-blend-mode: normal;
}
[dir] .switch-dialog .switch-account-box .search-account[data-v-78e02dc0] .mi-input__inner {
    border-radius: 48px;
}
[dir="ltr"] .switch-dialog .switch-account-box .search-account[data-v-78e02dc0] .mi-input__inner {
    padding-left: 30px;
}
[dir="rtl"] .switch-dialog .switch-account-box .search-account[data-v-78e02dc0] .mi-input__inner {
    padding-right: 30px;
}
.switch-dialog .switch-account-box .input-search-icon[data-v-78e02dc0] .mi-image__inner {
    vertical-align: middle;
}
[dir] .switch-dialog .switch-account-box .input-search-icon[data-v-78e02dc0] .mi-image__inner,
[dir] .switch-dialog .switch-account-box .not-account-list > div div.title[data-v-78e02dc0] {
    margin-bottom: 4px;
}
.switch-dialog .switch-account-box .mi-autocomplete-suggestion.mi-popper[data-v-78e02dc0] {
    display: none;
}
.switch-dialog .switch-account-box .account-line[data-v-78e02dc0] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: auto;
}
[dir] .switch-dialog .switch-account-box .account-line[data-v-78e02dc0] {
    margin: 0;
    cursor: pointer;
}
[dir="ltr"] .switch-dialog .switch-account-box .account-line[data-v-78e02dc0] {
    padding: 12px 0 12px 8px;
}
[dir="rtl"] .switch-dialog .switch-account-box .account-line[data-v-78e02dc0] {
    padding: 12px 8px 12px 0;
}
[dir] .switch-dialog .switch-account-box .account-line.primary-account[data-v-78e02dc0] {
    margin: 16px 0 24px;
}
[dir] .switch-dialog .switch-account-box .account-line[data-v-78e02dc0]:hover {
    background: var(--background-secondary);
}
.switch-dialog .switch-account-box .account-line .account-abbr[data-v-78e02dc0] {
    width: 32px;
    height: 32px;
    color: var(--color-primary);
    line-height: 32px;
}
[dir] .switch-dialog .switch-account-box .account-line .account-abbr[data-v-78e02dc0] {
    border-radius: 16px;
    background-color: var(--content-inverse-secondary);
    text-align: center;
}
.switch-dialog .switch-account-box .account-line .account-abbr .avatar[data-v-78e02dc0] {
    height: 32px;
    width: 32px;
}
[dir] .switch-dialog .switch-account-box .account-line .account-abbr .avatar[data-v-78e02dc0] {
    border-radius: 100%;
    background-color: var(--background-secondary);
    background-size: cover;
}
.switch-dialog .switch-account-box .account-line .account-info[data-v-78e02dc0] {
    width: 80%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
[dir="ltr"] .switch-dialog .switch-account-box .account-line .account-info[data-v-78e02dc0] {
    padding-left: 6px;
}
[dir="rtl"] .switch-dialog .switch-account-box .account-line .account-info[data-v-78e02dc0] {
    padding-right: 6px;
}
.switch-dialog .switch-account-box .account-line .account-info .account-title[data-v-78e02dc0] {
    font-size: 14px;
    line-height: 22px;
    color: var(--content-secondary);
}
.switch-dialog .switch-account-box .account-line .account-info .account-title2[data-v-78e02dc0] {
    color: var(--content-tertiary);
    font-size: 12px;
    line-height: 18px;
}
.switch-dialog .switch-account-box .account-line .account-info .account-subtitle[data-v-78e02dc0] {
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    height: 22px;
    color: var(--main-gray);
}
[dir] .switch-dialog .switch-account-box .account-line .account-info .account-subtitle[data-v-78e02dc0] {
    margin-top: 4px;
    background-color: var(--background-tertiary);
    border-radius: 4px;
    padding: 0 8px;
}
.switch-dialog .switch-account-box .account-line .account-info .account-subtitle.frozen span[data-v-78e02dc0] {
    color: var(--main-golden);
}
.switch-dialog .switch-account-box .account-line .frozen[data-v-78e02dc0] {
    color: var(--main-gray) !important;
}
[dir] .switch-dialog .switch-account-box .account-line .frozen[data-v-78e02dc0] {
    cursor: not-allowed !important;
}
.switch-dialog .switch-account-box .account-line .operation[data-v-78e02dc0] {
    width: 10%;
    position: relative;
    height: 16px;
}
.switch-dialog .switch-account-box .account-line .operation label.radio-label[data-v-78e02dc0] {
    width: 14px;
    height: 14px;
    line-height: 14px;
    display: block;
}
[dir] .switch-dialog .switch-account-box .account-line .operation label.radio-label[data-v-78e02dc0] {
    border-radius: 14px;
    border: 1px solid var(--content-inverse-tertiary);
    background: 0 0 !important;
    cursor: pointer;
}
[dir] .switch-dialog .switch-account-box .account-line .operation label.radio-label.frozen[data-v-78e02dc0] {
    background: var(--main-light-gray);
    cursor: not-allowed;
}
.switch-dialog .switch-account-box .account-line .operation label.check-label[data-v-78e02dc0] {
    width: 16px;
    height: 16px;
    line-height: 16px;
    display: block;
}
[dir] .switch-dialog .switch-account-box .account-line .operation label.check-label[data-v-78e02dc0] {
    border-radius: 2px;
    border: 1px solid var(--main-gray);
    cursor: pointer;
}
.micro-search-hot-search .btn-disabled svg[data-v-61aefafb],
.micro-search-recommend-coins .btn-disabled svg[data-v-aa51778d],
[dir] .switch-dialog .switch-account-box .account-line.selected[data-v-78e02dc0] {
    cursor: not-allowed;
}
[dir] .switch-dialog .switch-account-box .account-line.selected label[data-v-78e02dc0] {
    background: var(--color-primary);
    border-color: var(--color-primary);
    cursor: not-allowed;
}
.switch-dialog .switch-account-box .account-line.selected label.radio-label[data-v-78e02dc0] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
[dir] .switch-dialog .switch-account-box .account-line.selected label.radio-label[data-v-78e02dc0] {
    border: 1px solid var(--color-primary);
}
.switch-dialog .switch-account-box .account-line.selected label.radio-label em[data-v-78e02dc0] {
    display: block;
    width: 8px;
    height: 8px;
    color: var(--color-primary);
}
[dir] .switch-dialog .switch-account-box .account-line.selected label.radio-label em[data-v-78e02dc0] {
    border-radius: 8px;
    background-color: var(--color-primary);
    text-align: center;
    cursor: not-allowed;
}
.switch-dialog .switch-account-box .account-line.selected label.check-label[data-v-78e02dc0]:before {
    display: block;
    content: "✓";
    font-size: 16px;
    color: var(--content-inverse-secondary);
}
[dir] .switch-dialog .switch-account-box .account-line.selected label.check-label[data-v-78e02dc0]:before {
    text-align: center;
    cursor: not-allowed;
}
[dir] .switch-dialog .switch-account-box .switch-account_form-box[data-v-78e02dc0] {
    margin-top: 16px;
    padding: 0;
}
.switch-dialog .switch-account-box .infinite-list-wrapper[data-v-78e02dc0] {
    height: 240px;
    overflow: auto;
}
[dir] .switch-dialog .switch-account-box .infinite-list-wrapper .list[data-v-78e02dc0] {
    padding: 0;
}
[dir] .switch-dialog .switch-account-box .not-account-list[data-v-78e02dc0] {
    padding: 0;
    margin: 16px 0 55px;
}
.switch-dialog .switch-account-box .not-account-list > div[data-v-78e02dc0] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
[dir] .switch-dialog .switch-account-box .not-account-list > div[data-v-78e02dc0] {
    padding: 24px 0;
    background: var(--content-inverse-secondary);
    border-radius: 4px;
}
.switch-dialog .switch-account-box .not-account-list > div .no-data-image[data-v-78e02dc0] {
    width: 104px;
    height: 104px;
}
.switch-dialog .switch-account-box .not-account-list > div div.title[data-v-78e02dc0] {
    font-size: 14px;
    font-weight: 700;
    color: var(--color-black-text);
}
.switch-dialog .switch-account-box .not-account-list > div div.content[data-v-78e02dc0] {
    font-size: 12px;
    font-weight: 400;
    color: var(--content-inverse-secondary);
}
[dir] .switch-dialog .switch-account-box .not-account-list > div div.content[data-v-78e02dc0] {
    padding: 0 60px;
    text-align: center;
}
[dir] .switch-dialog .switch-account-box .load-more-tip[data-v-78e02dc0] {
    text-align: center;
    padding: 10px 0;
}
.switch-dialog .switch-account-box .operation-bottom[data-v-78e02dc0] {
    height: 60px;
}
[dir] .switch-dialog .switch-account-box .operation-bottom[data-v-78e02dc0] {
    border-top: 1px solid var(--border-strength-200);
}
.switch-dialog .switch-account-box .operation-bottom .add-subaccount[data-v-78e02dc0],
.switch-dialog .switch-account-box .operation-bottom[data-v-78e02dc0] {
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
}
[dir] .switch-dialog .switch-account-box .operation-bottom .add-subaccount[data-v-78e02dc0] {
    cursor: pointer;
}
.switch-dialog .switch-account-box .operation-bottom .add-subaccount img[data-v-78e02dc0] {
    width: 20px;
    height: 20px;
}
.switch-dialog .switch-account-box .operation-bottom .add-subaccount span[data-v-78e02dc0] {
    font-size: 12px;
    color: var(--color-primary);
}
@media screen and (max-width: 767px) {
    [dir] .not-account-list div[data-v-78e02dc0]:last-of-type {
        padding: 0 30px !important;
    }
}
.item[data-v-d6d2b52e] {
    height: 46px;
    display: flex;
    cursor: pointer;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
}
.item[data-v-d6d2b52e]:hover {
    background-color: var(--color-input-bg);
}
.menu-collapse[data-v-565de79f] {
    border-width: 0;
    border-style: solid;
    padding-left: 20px;
    padding-right: 20px;
}
.menu-collapse[data-v-565de79f] .mi-collapse-item__header {
    position: relative;
    flex: 1 1 0%;
    border-width: 0;
    border-style: solid;
    padding: 0;
    font-weight: 400;
}
.menu-collapse[data-v-565de79f] .mi-collapse-item__arrow {
    position: absolute;
    right: 8px;
    top: 12px;
}
[dir="rtl"] .menu-collapse[data-v-565de79f] .mi-collapse-item__arrow {
    left: 8px;
    right: unset;
}
[dir] .menu-collapse[data-v-565de79f] .mi-collapse-item__wrap {
    border: 0;
}
[dir] .menu-collapse[data-v-565de79f] .mi-collapse-item__content {
    padding: 0 16px;
}
.menu-collapse .hide-icon[data-v-565de79f] .mi-collapse-item__arrow {
    display: none;
}
.telegram-item[data-v-0e99cc13] {
    display: block;
    text-decoration: none;
    line-height: 24px;
    color: var(--content-primary);
    font-weight: 400;
    font-size: 12px;
}
[dir] .telegram-item[data-v-0e99cc13] {
    padding: 6px 12px;
}
[dir] .telegram-item[data-v-0e99cc13]:hover {
    background-color: var(--background-tertiary);
    border-radius: 4px;
}
[data-v-0e99cc13] .logo-item img {
    width: 32px !important;
    height: 32px !important;
}
.micro-header[data-v-0408d032] {
    position: relative;
    flex-direction: column;
}
.micro-header[data-v-0408d032] * {
    box-sizing: border-box;
}
.micro-header[data-v-0408d032] a {
    text-decoration: none;
}
.micro-header[data-v-0408d032] ::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
[dir] .micro-header[data-v-0408d032] ::-webkit-scrollbar {
    background-color: transparent;
}
.micro-header[data-v-0408d032] ::-webkit-scrollbar-track {
    width: 4px;
}
[dir] .micro-header[data-v-0408d032] ::-webkit-scrollbar-track {
    background-color: transparent;
}
[dir] .micro-header[data-v-0408d032] ::-webkit-scrollbar-thumb {
    background-color: var(--background-tertiary);
    border-radius: 4px;
}
.micro-header .bg[data-v-0408d032] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    --un-backdrop-blur: blur(10px);
    -webkit-backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast)
        var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity)
        var(--un-backdrop-saturate) var(--un-backdrop-sepia);
    backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast)
        var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity)
        var(--un-backdrop-saturate) var(--un-backdrop-sepia);
}
html[dir] .bg[data-v-0408d032] {
    background: var(--ds-color-white-alpha-80);
}
[dir] body.black .bg[data-v-0408d032],
[dir] body.dark .bg[data-v-0408d032],
html[dir].black .bg[data-v-0408d032],
html[dir].dark .bg[data-v-0408d032] {
    background: var(--ds-color-black-alpha-80);
}
.tab[data-v-20ad60bb] .mi-tabs__header,
[dir] .mi-message p {
    margin: 0;
}
.tab[data-v-20ad60bb] .mi-tabs__header .mi-tabs__item {
    padding-left: 8px;
    padding-right: 8px;
    font-size: 12px;
    color: var(--content-secondary);
}
.tab[data-v-20ad60bb] .mi-tabs__header .mi-tabs__item.is-active,
.tab[data-v-20ad60bb] .mi-tabs__header .mi-tabs__item:hover {
    color: var(--content-primary);
}
.tab[data-v-20ad60bb] .mi-tabs__header .mi-tabs__active-bar {
    background-color: var(--content-primary);
}
.tab[data-v-20ad60bb] .mi-tabs__content,
.tab[data-v-20ad60bb] .mi-tabs__nav-wrap:after {
    display: none;
}
.menu-item[data-v-097919ff] {
    position: relative;
    display: flex;
    cursor: pointer;
    align-items: center;
    grid-gap: 12px;
    gap: 12px;
    border-radius: 6px;
    padding: 8px 12px;
}
.menu-item[data-v-097919ff]:first-child {
    margin-top: 0;
}
.menu-item[data-v-097919ff]:hover {
    background-color: var(--color-input-bg);
}
.menu-item[data-v-097919ff]:active {
    background-color: var(--color-secondary-btn-bg);
}
.menu-item .desc[data-v-097919ff],
.menu-item .title[data-v-097919ff] {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}
.menu-item .title[data-v-097919ff] {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
}
.menu-item .title .red-dot[data-v-097919ff] {
    margin-left: 4px;
    display: inline-block;
    width: 8px !important;
    height: 8px !important;
    border-radius: 100%;
    --un-bg-opacity: 1;
    background-color: rgba(247, 100, 126, var(--un-bg-opacity));
}
.menu-item .desc[data-v-097919ff] {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: var(--content-tertiary);
}
.menu-item .menu-icon[data-v-097919ff] {
    width: 24px;
    height: 24px;
}
[dir="rtl"] .menu-item .menu-icon.unreverse[data-v-097919ff],
[dir="rtl"] .menu-item .menu-icon[data-v-097919ff] {
    --un-rotate: 0;
    transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z))
        rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z))
        skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
        scaleZ(var(--un-scale-z));
}
[dir="rtl"] .menu-item .menu-icon[data-v-097919ff] {
    --un-rotate-y: 180deg;
}
[dir="rtl"] .menu-item .menu-icon.unreverse[data-v-097919ff] {
    --un-rotate-y: 0deg;
}
.menu-item .arrow[data-v-097919ff] {
    position: absolute;
    right: 10px;
    fill: var(--content-tertiary);
    opacity: 0;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow,
        transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
    top: calc(50% - 7px);
}
[dir="rtl"] .menu-item .arrow[data-v-097919ff] {
    left: 10px !important;
    right: unset !important;
}
.menu-item:hover .arrow[data-v-097919ff] {
    opacity: 1;
}
.tradingview[data-v-3d905981] {
    position: fixed;
    bottom: 8px;
    width: 252px;
    height: 45px;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-width: 1px;
    border-color: var(--v3-border-strength-0);
    border-radius: 4px;
    border-style: solid;
    padding: 8px;
    color: var(--color-primary-text) !important;
}
.menu-item[data-v-550f7d44] {
    min-height: 48px;
    width: 244px;
    display: flex;
    align-items: center;
    grid-gap: 12px;
    gap: 12px;
    border-radius: 4px;
    padding: 8px 12px;
}
.menu-item[data-v-550f7d44]:hover {
    background-color: var(--color-input-bg);
}
.menu-item[data-v-550f7d44]:active {
    background-color: var(--color-secondary-btn-bg);
}
.menu-item .title[data-v-550f7d44] {
    font-weight: 500;
    line-height: 22px;
}
.menu-item .desc[data-v-550f7d44] {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    font-size: 12px;
    line-height: 18px;
    color: var(--content-disabled);
}
.menu-item .menu-icon[data-v-550f7d44] {
    width: 24px;
    height: 24px;
    min-width: 24px;
}
.card[data-v-e216624f] {
    width: 122px;
    height: 180px;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    border-color: var(--color-line);
    border-radius: 8px;
    padding: 16px 12px;
    text-align: center;
    transition: all 0.4s;
    line-height: 1.4;
}
[dir] .card[data-v-e216624f]:hover {
    box-shadow: 0 5px 16px #1f1f1f26;
    transform: translateY(-8px);
}
.skeleton[data-v-e216624f] .mi-skeleton__paragraph {
    margin-top: 4px;
}
[dir="ltr"] .menu-left-border[data-v-e216624f] {
    border-left-width: 0.5px;
    border-left-color: var(--color-line);
    border-left-style: solid;
}
[dir="ltr"] .menu-right-border[data-v-e216624f],
[dir="rtl"] .menu-left-border[data-v-e216624f] {
    border-right-width: 0.5px;
    border-right-color: var(--color-line);
    border-right-style: solid;
}
[dir="rtl"] .menu-right-border[data-v-e216624f] {
    border-left-width: 0.5px;
    border-left-color: var(--color-line);
    border-left-style: solid;
}
.radio[data-v-25920e85],
.radio[data-v-e216624f] {
    display: flex;
    flex-wrap: nowrap;
}
.radio[data-v-25920e85] .mi-radio-button,
.radio[data-v-e216624f] .mi-radio-button {
    flex: 1 1 0%;
}
.mi-scrollbar__bar.is-vertical > div,
.radio[data-v-25920e85] .mi-radio-button .mi-radio-button__inner,
.radio[data-v-e216624f] .mi-radio-button .mi-radio-button__inner {
    width: 100%;
}
.micro-kyc-guide-bar svg[data-v-1c908101] {
    flex-shrink: 0;
}
[dir] .micro-kyc-tooltip .learn-more[data-v-1c908101] {
    cursor: pointer;
}
.micro-global-kyc-dialog[data-v-760bed17] .mi-dialog {
    background-color: var(--color-bg);
    padding: 0;
    color: var(--color-primary-text);
}
.micro-global-kyc-dialog[data-v-760bed17] .mi-dialog .mi-dialog__header {
    padding-left: 16px;
    padding-top: 32px;
    padding-bottom: 0;
    font-size: 20px;
    font-weight: 700;
}
.micro-global-kyc-dialog[data-v-760bed17] .mi-dialog .mi-dialog__headerbtn {
    top: 18px;
    right: 12px;
    font-size: 16px;
}
.micro-global-kyc-dialog[data-v-760bed17] .mi-dialog .mi-dialog__body {
    padding: 16px;
}
.micro-global-kyc-dialog[data-v-760bed17] .mi-dialog .mi-button {
    margin-top: 16px;
    align-self: flex-end;
    border-style: none;
    font-size: 12px;
    line-height: 18px;
    color: var(--color-white-text);
}
.skeleton[data-v-f24d17e3] .mi-skeleton__paragraph {
    margin-top: 0;
}
.skeleton[data-v-573dee0d] .mi-skeleton__paragraph {
    margin-top: 0;
    height: 22px;
    flex: 1 1 0%;
}
.micro-search-recommend-coins .btn-disabled[data-v-aa51778d] {
    cursor: not-allowed;
    color: var(--color-disabled-text);
}
[dir="rtl"] .micro-search-recommend-coins .btn-prev[data-v-aa51778d] {
    --un-rotate: 0;
    --un-rotate-y: 180deg;
    transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z))
        rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z))
        skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
        scaleZ(var(--un-scale-z));
}
.micro-search-recommend-coins[data-v-aa51778d] .coin-card {
    border-radius: 16px;
}
.text-buy[data-v-edc4ba26] {
    color: var(--color-buy);
}
.text-sell[data-v-edc4ba26] {
    color: var(--color-sell);
}
.text-normal[data-v-edc4ba26] {
    color: var(--color-secondary-text);
}
.micro-search-list-item .btn-favorite[data-v-685aadd8] {
    color: #ff9142;
}
.micro-search-list.micro-search-list-item .match-text {
    position: relative;
    display: inline-block;
}
[dir] .micro-search-list.micro-search-list-item .match-text.light {
    background-color: rgb(0, 240, 255) 1a;
}
[dir] .micro-search-list.micro-search-list-item .match-text.dark {
    background-color: rgb(0, 240, 255) 33;
}
.micro-search-list .price-label {
    width: 136px;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.micro-search-list .swap-displayname {
    display: flex;
    flex-direction: column;
}
@media screen and (max-width: 768px) {
    .micro-search-list .price-label {
        width: auto;
        flex-direction: column;
        align-items: flex-end;
        justify-content: flex-end;
    }
}
.search-result[data-v-e193eb7d] .mi-tabs__nav-wrap:after {
    height: 0;
}
[dir] .search-result[data-v-e193eb7d] .mi-tabs__header {
    margin: 0 0 4px;
}
.search-result[data-v-e193eb7d] .mi-tabs__item {
    height: 54px;
    line-height: 54px;
}
[dir] .search-result[data-v-e193eb7d] .mi-tabs__item {
    padding: 0 12px;
}
.search-result[data-v-e193eb7d] .mi-tabs__item:not(.is-active) {
    color: var(--color-third-text);
}
[dir] .search-result[data-v-e193eb7d] .mi-divider--horizontal {
    margin: 0;
    border-top-color: var(--color-line);
}
.search-result[data-v-e193eb7d] .mi-tabs__item.is-active {
    color: var(--color-primary-text);
}
.search-result[data-v-e193eb7d] .mi-tabs__active-bar {
    background-color: var(--color-primary);
}
.micro .swiper-pagination {
    position: absolute;
    transition: 0.3s opacity;
    z-index: 10;
}
[dir] .micro .swiper-pagination {
    text-align: center;
    transform: translateZ(0);
}
.micro .swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}
.micro .swiper-pagination-disabled > .swiper-pagination,
.micro .swiper-pagination.swiper-pagination-disabled {
    display: none !important;
}
.micro .swiper-horizontal > .swiper-pagination-bullets,
.micro .swiper-pagination-bullets.swiper-pagination-horizontal,
.micro .swiper-pagination-custom,
.micro .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    width: 100%;
}
[dir="ltr"] .micro .swiper-horizontal > .swiper-pagination-bullets,
[dir="ltr"] .micro .swiper-pagination-bullets.swiper-pagination-horizontal,
[dir="ltr"] .micro .swiper-pagination-custom,
[dir="ltr"] .micro .swiper-pagination-fraction {
    left: 0;
}
[dir="rtl"] .micro .swiper-horizontal > .swiper-pagination-bullets,
[dir="rtl"] .micro .swiper-pagination-bullets.swiper-pagination-horizontal,
[dir="rtl"] .micro .swiper-pagination-custom,
[dir="rtl"] .micro .swiper-pagination-fraction {
    right: 0;
}
.micro .swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}
.micro .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
}
[dir] .micro .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
}
[dir] .micro .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
[dir] .micro .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}
[dir] .micro .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
}
[dir] .micro .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
}
[dir] .micro .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
}
[dir] .micro .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
}
.micro .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));
    display: inline-block;
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
[dir] .micro .swiper-pagination-bullet {
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
}
.micro button.swiper-pagination-bullet {
    -webkit-appearance: none;
    appearance: none;
}
[dir] .micro button.swiper-pagination-bullet {
    border: 0;
    margin: 0;
    padding: 0;
    box-shadow: none;
}
[dir] .micro .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}
.micro .swiper-pagination-bullet:only-child {
    display: none !important;
}
.micro .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
}
[dir] .micro .swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.micro .swiper-pagination-vertical.swiper-pagination-bullets,
.micro .swiper-vertical > .swiper-pagination-bullets {
    top: 50%;
}
[dir] .micro .swiper-pagination-vertical.swiper-pagination-bullets,
[dir] .micro .swiper-vertical > .swiper-pagination-bullets {
    transform: translate3d(0, -50%, 0);
}
[dir="ltr"] .micro .swiper-pagination-vertical.swiper-pagination-bullets,
[dir="ltr"] .micro .swiper-vertical > .swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
}
[dir="rtl"] .micro .swiper-pagination-vertical.swiper-pagination-bullets,
[dir="rtl"] .micro .swiper-vertical > .swiper-pagination-bullets {
    left: var(--swiper-pagination-right, 8px);
    right: var(--swiper-pagination-left, auto);
}
.micro .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.micro .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
}
[dir] .micro .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
[dir] .micro .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
}
.micro .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.micro .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    width: 8px;
}
[dir] .micro .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
[dir] .micro .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    transform: translateY(-50%);
}
.micro
    .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet,
.micro .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition:
        0.2s transform,
        0.2s top;
}
[dir] .micro .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
[dir] .micro .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.micro .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.micro .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    white-space: nowrap;
}
[dir="ltr"] .micro .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
[dir="ltr"] .micro .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translate(-50%);
}
[dir="rtl"] .micro .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
[dir="rtl"] .micro .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    right: 50%;
    transform: translate(50%);
}
[dir="ltr"]
    .micro
    .swiper-horizontal
    > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet,
[dir="ltr"]
    .micro
    .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet {
    transition:
        0.2s transform,
        0.2s left;
}
[dir="rtl"]
    .micro
    .swiper-horizontal
    > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet,
[dir="rtl"]
    .micro
    .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet {
    transition:
        0.2s transform,
        0.2s right;
}
[dir="ltr"] .micro .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
[dir="ltr"] .micro :host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition:
        0.2s transform,
        0.2s right;
}
[dir="rtl"] .micro .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
[dir="rtl"] .micro :host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition:
        0.2s transform,
        0.2s left;
}
.micro .swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit);
}
.micro .swiper-pagination-progressbar {
    position: absolute;
}
[dir] .micro .swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
}
.micro .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
[dir] .micro .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    transform: scale(0);
}
[dir="ltr"] .micro .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    left: 0;
    transform-origin: left top;
}
[dir="rtl"] .micro .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    right: 0;
    transform-origin: right top;
}
[dir="ltr"] .micro .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
}
[dir="rtl"] .micro .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: left top;
}
.micro .swiper-horizontal > .swiper-pagination-progressbar,
.micro .swiper-pagination-progressbar.swiper-pagination-horizontal,
.micro .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.micro .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    top: 0;
}
[dir="ltr"] .micro .swiper-horizontal > .swiper-pagination-progressbar,
[dir="ltr"] .micro .swiper-pagination-progressbar.swiper-pagination-horizontal,
[dir="ltr"] .micro .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
[dir="ltr"] .micro .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    left: 0;
}
[dir="rtl"] .micro .swiper-horizontal > .swiper-pagination-progressbar,
[dir="rtl"] .micro .swiper-pagination-progressbar.swiper-pagination-horizontal,
[dir="rtl"] .micro .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
[dir="rtl"] .micro .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    right: 0;
}
.micro .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.micro .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.micro .swiper-pagination-progressbar.swiper-pagination-vertical,
.micro .swiper-vertical > .swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    top: 0;
}
[dir="ltr"] .micro .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
[dir="ltr"] .micro .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
[dir="ltr"] .micro .swiper-pagination-progressbar.swiper-pagination-vertical,
[dir="ltr"] .micro .swiper-vertical > .swiper-pagination-progressbar {
    left: 0;
}
[dir="rtl"] .micro .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
[dir="rtl"] .micro .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
[dir="rtl"] .micro .swiper-pagination-progressbar.swiper-pagination-vertical,
[dir="rtl"] .micro .swiper-vertical > .swiper-pagination-progressbar {
    right: 0;
}
.micro .swiper-pagination-lock {
    display: none;
}
[data-v-61aefafb] .swiper-wrapper {
    height: 110px;
}
[data-v-61aefafb] .swiper-pagination {
    top: 110px;
}
[data-v-61aefafb] .swiper-pagination .swiper-pagination-bullet {
    width: 4px;
    height: 4px;
    background-color: var(--color-third-text);
}
[data-v-61aefafb] .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--color-primary-btn-bg);
}
.micro-search-hot-search .btn-wrapper[data-v-61aefafb] {
    position: relative;
    cursor: pointer;
}
.micro-search-copy-trading .btn-wrapper[data-v-4c974f9b]:after,
.micro-search-earn .btn-wrapper[data-v-64d9d127]:after,
.micro-search-hot-search .btn-wrapper[data-v-61aefafb]:after {
    content: "";
    position: absolute;
    top: -10px;
    bottom: -10px;
}
[dir="ltr"] .micro-search-hot-search .btn-wrapper[data-v-61aefafb]:after,
[dir="rtl"] .micro-search-hot-search .btn-wrapper[data-v-61aefafb]:after {
    right: -10px;
    left: -10px;
}
.micro-search-hot-search .btn-disabled[data-v-61aefafb] {
    cursor: not-allowed;
    color: var(--color-disabled-text);
}
[dir="rtl"] .micro-search-hot-search .btn-prev[data-v-61aefafb] {
    --un-rotate: 0;
    --un-rotate-y: 180deg;
    transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z))
        rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z))
        skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
        scaleZ(var(--un-scale-z));
}
.block-item-wrapper[data-v-80a56d3b] {
    position: relative;
}
[dir="ltr"] .block-item-wrapper[data-v-80a56d3b]:last-child {
    margin-right: 0;
}
[dir="rtl"] .block-item-wrapper[data-v-80a56d3b]:last-child {
    margin-left: 0;
}
.block-item-wrapper .item-pin[data-v-80a56d3b] {
    position: absolute;
    top: 0;
    color: var(--color-primary);
    font-size: 12px;
    line-height: 12px;
}
[dir] .block-item-wrapper .item-pin[data-v-80a56d3b] {
    padding: 6px 8px;
    border: 1px solid var(--color-primary);
    border-radius: 16px;
}
[dir="ltr"] .block-item-wrapper .item-pin[data-v-80a56d3b] {
    right: 0;
    border-bottom-right-radius: 0;
}
[dir="rtl"] .block-item-wrapper .item-pin[data-v-80a56d3b] {
    left: 0;
    border-bottom-left-radius: 0;
}
@media screen and (min-width: 768px) {
    .block-item-wrapper[data-v-80a56d3b] {
        width: 128px;
    }
    [dir] .block-item-wrapper .up[data-v-80a56d3b] {
        background: var(--content-trade-buy-text);
    }
    [dir] .block-item-wrapper .down[data-v-80a56d3b] {
        background-color: var(--content-trade-sell-text);
    }
    .block-item .item-avatar[data-v-80a56d3b],
    .block-item .item-header-info[data-v-80a56d3b] {
        margin-bottom: 16px;
    }
}
@media screen and (max-width: 767px) {
    [dir] .block-item-wrapper[data-v-80a56d3b] {
        margin-bottom: 12px;
    }
    .block-item-wrapper .block-item[data-v-80a56d3b] {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .block-item-wrapper .block-item .item-header[data-v-80a56d3b] {
        display: flex;
        align-items: center;
    }
    [dir="ltr"] .block-item-wrapper .block-item .item-header .item-avatar[data-v-80a56d3b] {
        margin-right: 12px;
    }
    [dir="rtl"] .block-item-wrapper .block-item .item-header .item-avatar[data-v-80a56d3b] {
        margin-left: 12px;
    }
}
.micro-search-earn .list-wrapper[data-v-64d9d127] {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.micro-search-earn .btn-wrapper[data-v-64d9d127] {
    position: relative;
    cursor: pointer;
}
[dir="ltr"] .micro-search-earn .btn-wrapper[data-v-64d9d127]:after,
[dir="rtl"] .micro-search-earn .btn-wrapper[data-v-64d9d127]:after {
    right: -10px;
    left: -10px;
}
@media screen and (max-width: 767px) {
    .micro-search-earn .list-wrapper[data-v-64d9d127] {
        display: block;
    }
    [dir="ltr"] .micro-search-earn .list-wrapper .block-item-wrapper[data-v-64d9d127] {
        margin-right: 0;
    }
    [dir="rtl"] .micro-search-earn .list-wrapper .block-item-wrapper[data-v-64d9d127] {
        margin-left: 0;
    }
}
.micro-search-copy-trading[data-v-4c974f9b] {
    margin-bottom: 24px;
}
.micro-search-copy-trading .up[data-v-4c974f9b] {
    color: var(--content-trade-buy-text);
}
.micro-search-copy-trading .down[data-v-4c974f9b] {
    color: var(--content-trade-sell-text);
}
.micro-search-copy-trading .list-wrapper[data-v-4c974f9b] {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.micro-search-copy-trading .btn-wrapper[data-v-4c974f9b] {
    position: relative;
    cursor: pointer;
}
[dir="ltr"] .micro-search-copy-trading .btn-wrapper[data-v-4c974f9b]:after,
[dir="rtl"] .micro-search-copy-trading .btn-wrapper[data-v-4c974f9b]:after {
    right: -10px;
    left: -10px;
}
@media screen and (max-width: 767px) {
    .micro-search-copy-trading[data-v-4c974f9b] {
        margin-bottom: 20px;
    }
    .micro-search-copy-trading .list-wrapper[data-v-4c974f9b] {
        display: block;
    }
}
[data-v-98b50dc7] .mi-loading-mask {
    --mi-bg-color-primary: var(--ds-color-background-primary);
}
.micro-search-wrapper[data-v-98b50dc7] {
    margin-right: 4px;
    max-height: 582px;
    overflow-y: auto;
    scrollbar-gutter: stable;
    overscroll-behavior: contain;
}
[dir] .micro-search-wrapper[data-v-98b50dc7] {
    margin-top: 8px;
    margin-bottom: 8px;
}
.micro-search[data-v-98b50dc7] {
    width: 456px;
    min-height: 600px;
}
.micro-search[data-v-98b50dc7] .mi-input.light .mi-input__wrapper {
    background-color: var(--color-bg);
}
.micro-search[data-v-98b50dc7] .mi-input.dark .mi-input__wrapper {
    background-color: var(--color-card-bg);
}
.micro-search[data-v-98b50dc7] .mi-input .mi-input__wrapper {
    height: 40px;
    border-radius: 99px;
    transition: all 0.4s;
}
.micro-search[data-v-98b50dc7] .mi-input .mi-input__wrapper .mi-input__inner {
    color: var(--color-primary-text);
}
.micro-search[data-v-98b50dc7] .mi-input .mi-input__wrapper .mi-input__inner::placeholder {
    color: var(--color-placeholder-text);
}
.micro-search[data-v-98b50dc7] .mi-input .mi-input__prefix .el-input__icon {
    color: var(--color-placeholder-text);
}
.micro-search[data-v-98b50dc7] .mi-input .mi-input__suffix .el-input__icon {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: var(--content-disabled);
    color: var(--color-bg);
}
@media screen and (max-width: 767px) {
    .micro-search-wrapper[data-v-98b50dc7] {
        max-height: none;
    }
    .micro-search[data-v-98b50dc7] {
        width: 100%;
        height: auto;
    }
    [dir] .micro-search[data-v-98b50dc7] {
        padding: 12px 16px 20px;
    }
}
.micro-tabbar[data-v-ba5e20f0] * {
    box-sizing: border-box;
}
:root {
    --ds-color-black-alpha-10: #0000001a;
    --ds-color-black-alpha-20: #00000033;
    --ds-color-black-alpha-25: #00000040;
    --ds-color-black-alpha-30: #0000004d;
    --ds-color-black-alpha-40: #00000066;
    --ds-color-black-alpha-50: #00000080;
    --ds-color-black-alpha-60: #00000099;
    --ds-color-black-alpha-65: #000000a6;
    --ds-color-black-alpha-70: #000000b2;
    --ds-color-black-alpha-80: #000000cc;
    --ds-color-black-alpha-90: #000000e5;
    --ds-color-black-alpha-100: #000000;
    --ds-color-brand-1: #e6f6f9;
    --ds-color-brand-2: #a5f8fa;
    --ds-color-brand-3: #77e7ed;
    --ds-color-brand-4: #4cd4e0;
    --ds-color-brand-5: rgb(0, 240, 255);
    --ds-color-brand-6: rgb(0, 240, 255);
    --ds-color-brand-7: #0083a1;
    --ds-color-brand-8: #00607a;
    --ds-color-brand-9: #003f54;
    --ds-color-brand-9_1: #07303f;
    --ds-color-brand-10: #00212e;
    --ds-color-green-1: #e5f9f0;
    --ds-color-green-2: #c5f5e3;
    --ds-color-green-3: #7de4c0;
    --ds-color-green-4: #4fd7ac;
    --ds-color-green-5: rgb(0, 240, 255);
    --ds-color-green-6: #01bc8d;
    --ds-color-green-7: #01a07e;
    --ds-color-green-8: #00846c;
    --ds-color-green-9: #006859;
    --ds-color-green-10: #002420;
    --ds-color-neutral-1: #f4f5f7;
    --ds-color-neutral-2: #eaeaed;
    --ds-color-neutral-3: #dedfe0;
    --ds-color-neutral-4: #c3c3c7;
    --ds-color-neutral-5: #8e8e92;
    --ds-color-neutral-6: #57585c;
    --ds-color-neutral-7: #38393d;
    --ds-color-neutral-8: #252629;
    --ds-color-neutral-9: #17181a;
    --ds-color-neutral-10: #151717;
    --ds-color-neutral-black: #000000;
    --ds-color-neutral-white: #ffffff;
    --ds-color-orange-1: #fff5e8;
    --ds-color-orange-2: #ffe6c7;
    --ds-color-orange-3: #ffd4a6;
    --ds-color-orange-4: #ffc084;
    --ds-color-orange-5: #ffa963;
    --ds-color-orange-6: #ff9142;
    --ds-color-orange-7: #d26a29;
    --ds-color-orange-8: #a64815;
    --ds-color-orange-9: #792c08;
    --ds-color-orange-9_1: #3e1d11;
    --ds-color-orange-10: #2e1f16;
    --ds-color-purple-1: #f6f0fe;
    --ds-color-purple-2: #e5d3f7;
    --ds-color-purple-3: #d5bfef;
    --ds-color-purple-4: #c5ace6;
    --ds-color-purple-5: #b599de;
    --ds-color-purple-6: #a588d6;
    --ds-color-purple-7: #7556b4;
    --ds-color-purple-8: #4c2e91;
    --ds-color-purple-9: #2a126f;
    --ds-color-purple-10: #251d3d;
    --ds-color-red-1: #feedec;
    --ds-color-red-2: #ffeae6;
    --ds-color-red-3: #ffc7bd;
    --ds-color-red-4: #ffa094;
    --ds-color-red-5: #f45f4f;
    --ds-color-red-6: #f1493f;
    --ds-color-red-7: #c82a27;
    --ds-color-red-8: #a61b1d;
    --ds-color-red-9: #800e14;
    --ds-color-red-10: #2c1516;
    --ds-color-rose-1: #fee9ed;
    --ds-color-rose-2: #fdcdcf;
    --ds-color-rose-3: #fcb2b8;
    --ds-color-rose-4: #fa97a3;
    --ds-color-rose-5: #f97d90;
    --ds-color-rose-6: #f7647e;
    --ds-color-rose-7: #cc3d5c;
    --ds-color-rose-8: #a22041;
    --ds-color-rose-9: #770c2a;
    --ds-color-rose-10: #352025;
    --ds-color-white-alpha-10: #ffffff1a;
    --ds-color-white-alpha-20: #ffffff33;
    --ds-color-white-alpha-25: #ffffff40;
    --ds-color-white-alpha-30: #ffffff4d;
    --ds-color-white-alpha-40: #ffffff66;
    --ds-color-white-alpha-50: #ffffff80;
    --ds-color-white-alpha-60: #ffffff99;
    --ds-color-white-alpha-70: #ffffffb2;
    --ds-color-white-alpha-80: #ffffffcc;
    --ds-color-white-alpha-90: #ffffffe5;
    --ds-color-white-alpha-95: #fffffff2;
    --ds-color-white-alpha-100: #ffffff;
    --ds-color-yellow-1: #fef9e7;
    --ds-color-yellow-2: #fdf3cd;
    --ds-color-yellow-3: #fce79c;
    --ds-color-yellow-4: #fbda67;
    --ds-color-yellow-5: #ffcc32;
    --ds-color-yellow-6: #ffb904;
    --ds-color-yellow-7: #d29102;
    --ds-color-yellow-8: #a67401;
    --ds-color-yellow-9: #795e1b;
    --ds-color-yellow-10: #663c00;
    --ds-color-always-black: var(--ds-color-neutral-black);
    --ds-color-always-white: var(--ds-color-neutral-white);
    --ds-color-tag-background-neutral-solid: var(--ds-color-neutral-2);
    --ds-color-tag-background-brand-subtle: var(--ds-color-brand-1);
    --ds-color-tag-background-warning-subtle: var(--ds-color-orange-1);
    --ds-color-background-disabled: var(--ds-color-neutral-2);
    --ds-color-background-input: var(--ds-color-neutral-1);
    --ds-color-background-input-grey: var(--ds-color-neutral-1);
    --ds-color-background-inverse-disabled: var(--ds-color-neutral-7);
    --ds-color-background-inverse-primary: var(--ds-color-neutral-10);
    --ds-color-background-inverse-secondary: var(--ds-color-neutral-8);
    --ds-color-background-inverse-tertiary: var(--ds-color-neutral-6);
    --ds-color-background-mask: var(--ds-color-black-alpha-70);
    --ds-color-background-primary: var(--ds-color-neutral-white);
    --ds-color-background-secondary: var(--ds-color-neutral-1);
    --ds-color-background-tertiary: var(--ds-color-neutral-1);
    --ds-color-background-tooltip: var(--ds-color-neutral-7);
    --ds-color-background-popover: var(--ds-color-neutral-white);
    --ds-color-background-mask-alt: var(--ds-color-black-alpha-70);
    --ds-color-background-mask-themed: var(--ds-color-white-alpha-90);
    --ds-color-border-black: var(--ds-color-neutral-8);
    --ds-color-border-strong: var(--ds-color-neutral-3);
    --ds-color-border-subtle: var(--ds-color-neutral-2);
    --ds-color-border-gutter: var(--ds-color-neutral-1);
    --ds-color-border-disabled: var(--ds-color-neutral-3);
    --ds-color-function-brand: var(--ds-color-brand-6);
    --ds-color-function-brand-active: var(--ds-color-brand-7);
    --ds-color-function-brand-disabled: var(--ds-color-brand-3);
    --ds-color-function-brand-hover: var(--ds-color-brand-5);
    --ds-color-function-brand-soft: var(--ds-color-brand-1);
    --ds-color-function-error: var(--ds-color-rose-6);
    --ds-color-function-error-active: var(--ds-color-rose-7);
    --ds-color-function-error-disabled: var(--ds-color-rose-3);
    --ds-color-function-error-hover: var(--ds-color-rose-5);
    --ds-color-function-error-soft: var(--ds-color-rose-1);
    --ds-color-function-success: var(--ds-color-green-6);
    --ds-color-function-success-active: var(--ds-color-green-7);
    --ds-color-function-success-disabled: var(--ds-color-green-3);
    --ds-color-function-success-hover: var(--ds-color-green-5);
    --ds-color-function-success-soft: var(--ds-color-green-1);
    --ds-color-function-trade-buy: #01bc8d;
    --ds-color-function-trade-buy-active: #01a07e;
    --ds-color-function-trade-buy-disabled: #7de4c0;
    --ds-color-function-trade-buy-hover: rgb(0, 240, 255);
    --ds-color-function-trade-buy-soft: var(--ds-color-green-1);
    --ds-color-function-trade-sell: var(--ds-color-red-6);
    --ds-color-function-trade-sell-active: var(--ds-color-red-7);
    --ds-color-function-trade-sell-disabled: var(--ds-color-red-3);
    --ds-color-function-trade-sell-hover: var(--ds-color-red-5);
    --ds-color-function-trade-sell-soft: var(--ds-color-red-1);
    --ds-color-function-warning: var(--ds-color-orange-6);
    --ds-color-function-warning-active: var(--ds-color-orange-7);
    --ds-color-function-warning-disabled: var(--ds-color-orange-3);
    --ds-color-function-warning-hover: var(--ds-color-orange-5);
    --ds-color-function-warning-soft: var(--ds-color-orange-1);
    --ds-color-function-discovery: var(--ds-color-purple-7);
    --ds-color-function-discovery-soft: var(--ds-color-purple-1);
    --ds-color-function-discovery-disabled: var(--ds-color-neutral-2);
    --ds-color-function-fund: var(--ds-color-yellow-7);
    --ds-color-function-fund-soft: var(--ds-color-yellow-1);
    --ds-color-layer-0: var(--ds-color-neutral-white);
    --ds-color-layer-1: #f9f9fa;
    --ds-color-layer-2: var(--ds-color-neutral-2);
    --ds-color-layer-3: var(--ds-color-neutral-3);
    --ds-color-layer-active: var(--ds-color-neutral-white);
    --ds-color-link-default: var(--ds-color-brand-6);
    --ds-color-link-disabled: var(--ds-color-brand-3);
    --ds-color-link-hover: var(--ds-color-brand-5);
    --ds-color-link-pressed: var(--ds-color-brand-7);
    --ds-color-text-error: var(--ds-color-rose-6);
    --ds-color-text-inverse-primary: var(--ds-color-neutral-1);
    --ds-color-text-inverse-secondary: var(--ds-color-neutral-4);
    --ds-color-text-inverse-tertiary: var(--ds-color-neutral-5);
    --ds-color-text-primary: var(--ds-color-neutral-10);
    --ds-color-text-secondary: var(--ds-color-neutral-6);
    --ds-color-text-tertiary: var(--ds-color-neutral-5);
    --ds-color-text-disabled: var(--ds-color-neutral-4);
    --ds-color-text-success: var(--ds-color-green-6);
    --ds-color-text-warning: var(--ds-color-orange-6);
    --ds-color-card-discovery: rgba(213, 191, 239, 0.5);
    --mi-font-size-extra-large: 20px;
    --mi-font-size-large: 18px;
    --mi-font-size-medium: 16px;
    --mi-font-size-base: 14px;
    --mi-font-size-small: 13px;
    --mi-font-size-extra-small: 12px;
    --mi-font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
        "\5fae\8f6f\96c5\9ed1", Arial, sans-serif;
    --mi-font-weight-primary: 500;
    --mi-font-line-height-primary: 24px;
    --mi-index-normal: 1;
    --mi-index-top: 1000;
    --mi-index-popper: 2000;
    --mi-border-radius-base: 4px;
    --mi-border-radius-small: 2px;
    --mi-border-radius-md: 8px;
    --mi-border-radius-round: 48px;
    --mi-border-radius-circle: 100%;
    --mi-transition-duration: 0.3s;
    --mi-transition-duration-fast: 0.2s;
    --mi-transition-function-ease-in-out-bezier: cubic-bezier(0.645, 0.045, 0.355, 1);
    --mi-transition-function-fast-bezier: cubic-bezier(0.23, 1, 0.32, 1);
    --mi-transition-all: all var(--mi-transition-duration) var(--mi-transition-function-ease-in-out-bezier);
    --mi-transition-fade: opacity var(--mi-transition-duration) var(--mi-transition-function-fast-bezier);
    --mi-transition-md-fade: transform var(--mi-transition-duration) var(--mi-transition-function-fast-bezier),
        opacity var(--mi-transition-duration) var(--mi-transition-function-fast-bezier);
    --mi-transition-fade-linear: opacity var(--mi-transition-duration-fast) linear;
    --mi-transition-border: border-color var(--mi-transition-duration-fast)
        var(--mi-transition-function-ease-in-out-bezier);
    --mi-transition-box-shadow: box-shadow var(--mi-transition-duration-fast)
        var(--mi-transition-function-ease-in-out-bezier);
    --mi-transition-color: color var(--mi-transition-duration-fast) var(--mi-transition-function-ease-in-out-bezier);
    --mi-component-size-large: 48px;
    --mi-component-size-medium: 40px;
    --mi-component-size: 32px;
    --mi-component-size-small: 24px;
    color-scheme: light;
    --mi-color-white: var(--ds-color-always-white);
    --mi-color-black: var(--ds-color-always-black);
    --mi-color-clear: none;
    --mi-color-main: var(--ds-color-background-inverse-primary);
    --mi-color-main-hover: linear-gradient(0deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.12) 100%),
        var(--ds-color-background-inverse-primary);
    --mi-color-main-active: linear-gradient(0deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.18) 100%),
        var(--ds-color-background-inverse-primary);
    --mi-color-main-disabled: var(--ds-color-background-inverse-disabled);
    --mi-color-main-plain: var(--ds-color-always-white);
    --mi-color-chunky: var(--ds-color-background-primary);
    --mi-color-chunky-hover: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%),
        var(--ds-color-background-primary);
    --mi-color-chunky-active: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%),
        var(--ds-color-background-primary);
    --mi-color-chunky-disabled: var(--ds-color-background-inverse-disabled);
    --mi-color-chunky-plain: var(--ds-color-always-white);
    --mi-color-primary: var(--ds-color-function-brand);
    --mi-color-primary-hover: var(--ds-color-function-brand-hover);
    --mi-color-primary-active: var(--ds-color-function-brand-active);
    --mi-color-primary-disabled: var(--ds-color-bit-color-primary-disabled);
    --mi-color-primary-plain: var(--ds-color-function-brand-soft);
    --mi-color-success: var(--ds-color-function-success);
    --mi-color-success-hover: var(--ds-color-function-success-hover);
    --mi-color-success-active: var(--ds-color-function-success-active);
    --mi-color-success-disabled: var(--ds-color-function-success-disabled);
    --mi-color-success-plain: var(--ds-color-function-success-soft);
    --mi-color-warning: var(--ds-color-function-warning);
    --mi-color-warning-hover: var(--ds-color-function-warning-hover);
    --mi-color-warning-active: var(--ds-color-function-warning-active);
    --mi-color-warning-disabled: var(--ds-color-function-warning-disabled);
    --mi-color-warning-plain: var(--ds-color-function-warning-soft);
    --mi-color-danger: var(--ds-color-function-error);
    --mi-color-danger-hover: var(--ds-color-function-error-hover);
    --mi-color-danger-active: var(--ds-color-function-error-active);
    --mi-color-danger-disabled: var(--ds-color-function-error-disabled);
    --mi-color-danger-plain: var(--ds-color-function-error-soft);
    --mi-color-error: var(--ds-color-function-error);
    --mi-color-error-hover: var(--ds-color-function-error-hover);
    --mi-color-error-active: var(--ds-color-function-error-active);
    --mi-color-error-disabled: var(--ds-color-function-error);
    --mi-color-error-plain: var(--ds-color-function-error);
    --mi-color-info: #eff1f1;
    --mi-color-info-hover: #c8cdcd;
    --mi-color-info-active: #9aa3a3;
    --mi-color-info-disabled: #b8b8b8;
    --mi-color-info-plain: var(--ds-color-always-white);
    --mi-bg-color: #ffffff;
    --mi-bg-color-default-primary: var(--ds-color-background-primary);
    --mi-bg-color-primary: var(--ds-color-background-primary);
    --mi-bg-color-secondary: var(--ds-color-background-secondary);
    --mi-bg-color-special: var(--ds-color-brand-1);
    --mi-bg-color-tertiary: var(--ds-color-background-tertiary);
    --mi-bg-color-disabled: var(--ds-color-background-disabled);
    --mi-bg-color-popup: var(--ds-color-background-tooltip);
    --mi-bg-color-dialog: var(--ds-color-layer-0);
    --mi-bg-color-mask: var(--ds-color-background-mask);
    --mi-bg-color-inverse-primary: var(--ds-color-background-inverse-primary);
    --mi-fg-color-tertiary: var(--ds-color-layer-active);
    --mi-text-color-primary: var(--ds-color-text-primary);
    --mi-text-color-secondary: var(--ds-color-text-secondary);
    --mi-text-color-tertiary: var(--ds-color-text-tertiary);
    --mi-text-color-placeholder: var(--ds-color-text-tertiary);
    --mi-text-color-disabled: var(--ds-color-text-disabled);
    --mi-text-color-inverse-primary: var(--ds-color-text-inverse-primary);
    --mi-border-color: #c8cdcd;
    --mi-border-color-light: #eff1f1;
    --mi-border-color-lighter: #ebeef5;
    --mi-border-color-extra-light: #f2f6fc;
    --mi-border-color-dark: #d4d7de;
    --mi-border-color-darker: #cdd0d6;
    --mi-border-color-primary: var(--ds-color-border-subtle);
    --mi-border-color-secondary: var(--ds-color-border-strong);
    --mi-border-color-inverse-primary: var(--ds-color-border-black);
    --mi-border-color-grey: var(--ds-color-neutral-8);
    --mi-border-color-disabled: var(--ds-color-border-disabled);
    --mi-fill-color: #f0f2f5;
    --mi-fill-color-light: rgba(31, 31, 31, 0.03);
    --mi-fill-color-lighter: #fafafa;
    --mi-fill-color-extra-light: #fafcff;
    --mi-fill-color-dark: #ebedf0;
    --mi-fill-color-darker: rgba(31, 31, 31, 0.1);
    --mi-fill-color-blank: #ffffff;
    --mi-fill-color-disabled: #eff1f1;
    --mi-fill-color-overlay: #fff;
    --mi-fill-color-tertiary: #ebebeb;
    --mi-box-shadow: 0px 1px 5px 2px rgba(146, 160, 171, 0.1);
    --mi-box-shadow-light: 0px 6px 18px rgba(146, 160, 171, 0.2);
    --mi-box-shadow-lighter: 0px 10px 32px rgba(146, 160, 171, 0.28);
    --mi-box-shadow-dark: 0px 12px 40px rgba(146, 160, 171, 0.36);
    --mi-box-shadow-input: 0px 0px 0px 2px rgba(3, 170, 199, 0.14);
    --mi-disabled-bg-color: var(--mi-bg-color-disabled);
    --mi-disabled-text-color: var(--mi-text-color-disabled);
    --mi-disabled-border-color: var(--mi-border-color-secondary);
    --mi-overlay-color: rgba(0, 0, 0, 0.8);
    --mi-overlay-color-light: rgba(0, 0, 0, 0.7);
    --mi-overlay-color-lighter: rgba(0, 0, 0, 0.5);
    --mi-mask-color: rgba(255, 255, 255, 0.9);
    --mi-mask-color-extra-light: rgba(255, 255, 255, 0.3);
    --mi-border-width: 1px;
    --mi-border-style: solid;
    --mi-border-color-hover: var(--mi-color-primary);
    --mi-border: var(--mi-border-width) var(--mi-border-style) var(--mi-border-color-secondary);
    --mi-svg-monochrome-grey: var(--mi-border-color);
    --mi-loading-spinner-size: 56px;
    --mi-loading-fullscreen-spinner-size: 50px;
}
body.black,
body.dark,
html.black,
html.dark {
    --ds-color-tag-background-neutral-solid: var(--ds-color-neutral-8);
    --ds-color-tag-background-brand-subtle: var(--ds-color-brand-9_1);
    --ds-color-tag-background-warning-subtle: var(--ds-color-orange-9_1);
    --ds-color-background-disabled: var(--ds-color-neutral-7);
    --ds-color-background-input: var(--ds-color-neutral-8);
    --ds-color-background-input-grey: #1f2023;
    --ds-color-background-inverse-disabled: var(--ds-color-neutral-2);
    --ds-color-background-inverse-primary: var(--ds-color-neutral-white);
    --ds-color-background-inverse-secondary: var(--ds-color-neutral-1);
    --ds-color-background-inverse-tertiary: var(--ds-color-neutral-2);
    --ds-color-background-mask: var(--ds-color-black-alpha-70);
    --ds-color-background-primary: var(--ds-color-neutral-10);
    --ds-color-background-secondary: #1f2023;
    --ds-color-background-tertiary: var(--ds-color-neutral-8);
    --ds-color-background-tooltip: var(--ds-color-neutral-7);
    --ds-color-background-popover: var(--ds-color-neutral-7);
    --ds-color-background-mask-alt: var(--ds-color-black-alpha-80);
    --ds-color-background-mask-themed: var(--ds-color-black-alpha-80);
    --ds-color-border-black: var(--ds-color-neutral-white);
    --ds-color-border-strong: var(--ds-color-neutral-7);
    --ds-color-border-subtle: #27282b;
    --ds-color-border-gutter: #0e0f11;
    --ds-color-border-disabled: var(--ds-color-neutral-6);
    --ds-color-function-brand: var(--ds-color-brand-6);
    --ds-color-function-brand-active: var(--ds-color-brand-7);
    --ds-color-function-brand-disabled: var(--ds-color-brand-8);
    --ds-color-function-brand-hover: var(--ds-color-brand-5);
    --ds-color-function-brand-soft: var(--ds-color-brand-10);
    --ds-color-function-error: var(--ds-color-rose-6);
    --ds-color-function-error-active: var(--ds-color-rose-4);
    --ds-color-function-error-disabled: var(--ds-color-rose-8);
    --ds-color-function-error-hover: var(--ds-color-rose-6);
    --ds-color-function-error-soft: var(--ds-color-rose-10);
    --ds-color-function-success: var(--ds-color-green-5);
    --ds-color-function-success-active: var(--ds-color-green-4);
    --ds-color-function-success-disabled: var(--ds-color-green-8);
    --ds-color-function-success-hover: var(--ds-color-green-6);
    --ds-color-function-success-soft: var(--ds-color-green-10);
    --ds-color-function-trade-buy: rgb(0, 240, 255);
    --ds-color-function-trade-buy-active: #4fd7ac;
    --ds-color-function-trade-buy-disabled: #00846c;
    --ds-color-function-trade-buy-hover: #01bc8d;
    --ds-color-function-trade-buy-soft: var(--ds-color-green-10);
    --ds-color-function-trade-sell: var(--ds-color-red-6);
    --ds-color-function-trade-sell-active: var(--ds-color-red-7);
    --ds-color-function-trade-sell-disabled: var(--ds-color-red-7);
    --ds-color-function-trade-sell-hover: var(--ds-color-red-5);
    --ds-color-function-trade-sell-soft: var(--ds-color-red-10);
    --ds-color-function-warning: var(--ds-color-orange-5);
    --ds-color-function-warning-active: var(--ds-color-orange-4);
    --ds-color-function-warning-disabled: var(--ds-color-orange-8);
    --ds-color-function-warning-hover: var(--ds-color-orange-6);
    --ds-color-function-warning-soft: var(--ds-color-orange-10);
    --ds-color-function-discovery: var(--ds-color-purple-5);
    --ds-color-function-discovery-soft: var(--ds-color-purple-10);
    --ds-color-function-discovery-disabled: var(--ds-color-neutral-7);
    --ds-color-function-fund: var(--ds-color-yellow-5);
    --ds-color-function-fund-soft: var(--ds-color-yellow-10);
    --ds-color-layer-0: var(--ds-color-neutral-9);
    --ds-color-layer-1: #1b1b1d;
    --ds-color-layer-2: var(--ds-color-neutral-8);
    --ds-color-layer-3: var(--ds-color-neutral-7);
    --ds-color-layer-active: var(--ds-color-neutral-7);
    --ds-color-link-default: var(--ds-color-brand-5);
    --ds-color-link-disabled: var(--ds-color-brand-8);
    --ds-color-link-hover: var(--ds-color-brand-6);
    --ds-color-link-pressed: var(--ds-color-brand-4);
    --ds-color-text-error: var(--ds-color-rose-5);
    --ds-color-text-inverse-primary: var(--ds-color-neutral-10);
    --ds-color-text-inverse-secondary: var(--ds-color-neutral-6);
    --ds-color-text-inverse-tertiary: var(--ds-color-neutral-5);
    --ds-color-text-primary: var(--ds-color-neutral-1);
    --ds-color-text-secondary: var(--ds-color-neutral-2);
    --ds-color-text-tertiary: var(--ds-color-neutral-5);
    --ds-color-text-disabled: var(--ds-color-neutral-6);
    --ds-color-text-success: var(--ds-color-green-5);
    --ds-color-text-warning: var(--ds-color-orange-5);
    --ds-color-card-discovery: rgba(213, 191, 239, 0.5);
    --mi-color-main: var(--ds-color-background-inverse-primary);
    --mi-color-main-hover: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%),
        var(--ds-color-background-inverse-primary);
    --mi-color-main-active: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%),
        var(--ds-color-background-inverse-primary);
    --mi-color-main-disabled: var(--ds-color-background-inverse-disabled);
    --mi-color-main-plain: var(--ds-color-always-black);
    --mi-color-chunky: var(--ds-color-background-primary);
    --mi-color-chunky-hover: linear-gradient(0deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.12) 100%),
        var(--ds-color-background-primary);
    --mi-color-chunky-active: linear-gradient(0deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.18) 100%),
        var(--ds-color-background-primary);
    --mi-color-chunky-disabled: var(--ds-color-background-inverse-disabled);
    --mi-color-chunky-plain: var(--ds-color-always-black);
    --mi-color-primary: var(--ds-color-function-brand);
    --mi-color-primary-hover: var(--ds-color-function-brand-hover);
    --mi-color-primary-active: var(--ds-color-function-brand-active);
    --mi-color-primary-disabled: var(--ds-color-bit-color-primary-disabled);
    --mi-color-primary-plain: var(--ds-color-function-brand-soft);
    --mi-color-success: var(--ds-color-function-success);
    --mi-color-success-hover: var(--ds-color-function-success-hover);
    --mi-color-success-active: var(--ds-color-function-success-active);
    --mi-color-success-disabled: var(--ds-color-function-success-disabled);
    --mi-color-success-plain: var(--ds-color-function-success-soft);
    --mi-color-warning: var(--ds-color-function-warning);
    --mi-color-warning-hover: var(--ds-color-function-warning-hover);
    --mi-color-warning-active: var(--ds-color-function-warning-active);
    --mi-color-warning-disabled: var(--ds-color-function-warning-disabled);
    --mi-color-warning-plain: var(--ds-color-function-warning-soft);
    --mi-color-danger: var(--ds-color-function-error);
    --mi-color-danger-hover: var(--ds-color-function-error-hover);
    --mi-color-danger-active: var(--ds-color-function-error-active);
    --mi-color-danger-disabled: var(--ds-color-function-error-disabled);
    --mi-color-danger-plain: var(--ds-color-function-error-soft);
    --mi-color-error: var(--ds-color-function-error);
    --mi-color-error-hover: var(--ds-color-function-error-hover);
    --mi-color-error-active: var(--ds-color-function-error-active);
    --mi-color-error-disabled: var(--ds-color-function-error-disabled);
    --mi-color-error-plain: var(--ds-color-function-error-soft);
    --mi-color-info: #222525;
    --mi-color-info-hover: #414747;
    --mi-color-info-active: #656e6f;
    --mi-color-info-disabled: #b8b8b8;
    --mi-color-info-plain: var(--ds-color-always-black);
    --mi-box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.3);
    --mi-box-shadow-light: 0px 6px 24px rgba(0, 0, 0, 0.2);
    --mi-box-shadow-lighter: 0px 10px 32px rgba(0, 0, 0, 0.5);
    --mi-box-shadow-dark: 0px 12px 42px rgba(0, 0, 0, 0.6);
    --mi-bg-color: #1f1f1f;
    --mi-bg-color-default-primary: transparent;
    --mi-bg-color-primary: var(--ds-color-background-primary);
    --mi-bg-color-secondary: var(--ds-color-background-secondary);
    --mi-bg-color-special: var(--ds-color-brand-1);
    --mi-bg-color-tertiary: var(--ds-color-background-tertiary);
    --mi-bg-color-disabled: var(--ds-color-background-disabled);
    --mi-bg-color-popup: var(--ds-color-background-tooltip);
    --mi-bg-color-dialog: var(--ds-color-layer-0);
    --mi-bg-color-mask: var(--ds-color-background-mask);
    --mi-bg-color-inverse-primary: var(--ds-color-background-inverse-primary);
    --mi-fg-color-tertiary: var(--ds-color-layer-active);
    --mi-text-color-primary: var(--ds-color-text-primary);
    --mi-text-color-secondary: var(--ds-color-text-secondary);
    --mi-text-color-tertiary: var(--ds-color-text-tertiary);
    --mi-text-color-placeholder: var(--ds-color-text-tertiary);
    --mi-text-color-disabled: var(--ds-color-text-disabled);
    --mi-text-color-inverse-primary: var(--ds-color-text-inverse-primary);
    --mi-border-color-darker: rgba(245, 248, 255, 0.35);
    --mi-border-color-dark: rgba(245, 248, 255, 0.3);
    --mi-border-color: rgba(245, 248, 255, 0.25);
    --mi-border-color-light: #222525;
    --mi-border-color-lighter: rgba(245, 248, 255, 0.15);
    --mi-border-color-extra-light: rgba(245, 248, 255, 0.1);
    --mi-border-color-primary: var(--ds-color-border-subtle);
    --mi-border-color-secondary: var(--ds-color-border-strong);
    --mi-border-color-inverse-primary: var(--ds-color-border-black);
    --mi-border-color-grey: var(--ds-color-neutral-8);
    --mi-fill-color: #393a3a;
    --mi-fill-color-light: #262626;
    --mi-fill-color-lighter: #282828;
    --mi-fill-color-extra-light: #232323;
    --mi-fill-color-dark: #424243;
    --mi-fill-color-darker: #353535;
    --mi-fill-color-blank: transparent;
    --mi-fill-color-overlay: #0d0e0e;
    --mi-mask-color: rgba(0, 0, 0, 0.8);
    --mi-mask-color-extra-light: rgba(0, 0, 0, 0.3);
}
.mi-loading-parent--relative {
    position: relative !important;
}
.mi-loading-parent--hidden {
    overflow: hidden !important;
}
.mi-loading-mask {
    position: absolute;
    z-index: 2000;
    opacity: 0.9;
    top: 0;
    bottom: 0;
    transition: opacity var(--mi-transition-duration);
}
[dir] .mi-loading-mask {
    background-color: var(--mi-bg-color-primary);
    margin: 0;
}
[dir="ltr"] .mi-loading-mask,
[dir="rtl"] .mi-loading-mask {
    left: 0;
    right: 0;
}
.mi-loading-mask.is-fullscreen {
    position: fixed;
}
[dir] .mi-loading-mask.is-fullscreen .mi-loading-spinner {
    margin-top: calc((0px - var(--mi-loading-fullscreen-spinner-size)) / 2);
}
.mi-loading-mask.is-fullscreen .mi-loading-spinner .circular {
    height: var(--mi-loading-fullscreen-spinner-size);
    width: var(--mi-loading-fullscreen-spinner-size);
}
.mi-loading-spinner {
    top: 50%;
    width: 100%;
    position: absolute;
}
[dir] .mi-loading-spinner {
    margin-top: calc((0px - var(--mi-loading-spinner-size)) / 2);
    text-align: center;
}
.mi-loading-spinner .mi-loading-text {
    color: var(--mi-color-primary);
    font-size: 14px;
}
[dir] .mi-loading-spinner .mi-loading-text {
    margin: 3px 0;
}
.mi-loading-spinner .circular {
    display: inline;
    height: var(--mi-loading-spinner-size);
    width: var(--mi-loading-spinner-size);
    color: var(--mi-text-color-primary);
}
[dir="ltr"] .mi-loading-spinner .circular {
    animation: loading-rotate-ltr 1s linear infinite;
}
[dir="rtl"] .mi-loading-spinner .circular {
    animation: loading-rotate-rtl 1s linear infinite;
}
.mi-loading-spinner .circular .round {
    stroke: var(--mi-border-color-primary);
}
.mi-loading-spinner .path {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: 0;
    stroke-width: 2;
    stroke: var(--mi-color-primary);
    stroke-linecap: round;
}
[dir="ltr"] .mi-loading-spinner .path,
[dir="rtl"] .mi-loading-spinner .path {
    animation: loading-dash 1.5s ease-in-out infinite;
}
.mi-loading-spinner i {
    color: var(--mi-color-primary);
}
.mi-loading-fade-enter-from,
.mi-loading-fade-leave-to {
    opacity: 0;
}
.mi-badge {
    --mi-badge-bg-color: var(--mi-color-danger);
    --mi-badge-radius: 10px;
    --mi-badge-font-size: 12px;
    --mi-badge-padding: 6px;
    --mi-badge-size: 18px;
    --mi-badge-left: -16px;
    position: relative;
    vertical-align: middle;
    display: inline-block;
    width: -moz-fit-content;
    width: fit-content;
    font-size: var(--mi-badge-font-size);
}
.mi-badge__image {
    position: absolute;
    top: 4px;
}
[dir] .mi-badge__image {
    border-radius: 10px;
    background-color: var(--mi-color-white);
}
[dir="ltr"] .mi-badge__image {
    right: 10px;
    transform: translateY(-50%) translate(100%);
}
[dir="rtl"] .mi-badge__image {
    left: 10px;
    transform: translateY(-50%) translate(-100%);
}
.mi-badge__state--default,
.mi-badge__state--error,
.mi-badge__state--processing,
.mi-badge__state--success,
.mi-badge__state--warning {
    top: 50% !important;
    width: 6px !important;
    height: 6px !important;
}
[dir] .mi-badge__state--processing {
    background-color: var(--mi-color-primary) !important;
    transform: translateY(-50%) !important;
    border: 0 !important;
}
[dir="ltr"] .mi-badge__state--processing {
    left: var(--mi-badge-left);
}
[dir="rtl"] .mi-badge__state--processing {
    right: var(--mi-badge-left) !important;
}
[dir] .mi-badge__state--success {
    background-color: var(--mi-color-success) !important;
    transform: translateY(-50%) !important;
    border: 0 !important;
}
[dir="ltr"] .mi-badge__state--success {
    left: var(--mi-badge-left);
}
[dir="rtl"] .mi-badge__state--success {
    right: var(--mi-badge-left) !important;
}
[dir] .mi-badge__state--warning {
    background-color: var(--mi-color-warning) !important;
    transform: translateY(-50%) !important;
    border: 0 !important;
}
[dir="ltr"] .mi-badge__state--warning {
    left: var(--mi-badge-left);
}
[dir="rtl"] .mi-badge__state--warning {
    right: var(--mi-badge-left) !important;
}
[dir] .mi-badge__state--default {
    background-color: var(--mi-color-info) !important;
    transform: translateY(-50%) !important;
    border: 0 !important;
}
[dir="ltr"] .mi-badge__state--default {
    left: var(--mi-badge-left);
}
[dir="rtl"] .mi-badge__state--default {
    right: var(--mi-badge-left) !important;
}
[dir] .mi-badge__state--error {
    background-color: var(--mi-color-error) !important;
    transform: translateY(-50%) !important;
    border: 0 !important;
}
[dir="ltr"] .mi-badge__state--error {
    left: var(--mi-badge-left);
}
[dir="rtl"] .mi-badge__state--error {
    right: var(--mi-badge-left) !important;
}
.mi-badge__content {
    color: var(--mi-color-white);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: var(--mi-badge-font-size);
    height: var(--mi-badge-size);
    white-space: nowrap;
}
[dir] .mi-badge__content {
    background-color: var(--mi-badge-bg-color);
    border-radius: var(--mi-badge-radius);
    padding: 0 var(--mi-badge-padding);
    border: 1px solid var(--mi-bg-color);
}
.mi-badge__content.is-fixed {
    position: absolute;
    top: 0;
    z-index: var(--mi-index-normal);
}
[dir="ltr"] .mi-badge__content.is-fixed {
    right: calc(1px + var(--mi-badge-size) / 2);
    transform: translateY(-50%) translate(100%);
}
[dir="ltr"] .mi-badge__content.is-fixed-rtl,
[dir="rtl"] .mi-badge__content.is-fixed {
    left: calc(1px + var(--mi-badge-size) / 2);
    transform: translateY(-50%) translate(-100%);
}
[dir="ltr"] .mi-badge__content.is-fixed-rtl {
    right: unset;
}
[dir="rtl"] .mi-badge__content.is-fixed-rtl {
    left: unset;
    right: calc(1px + var(--mi-badge-size) / 2);
    transform: translateY(-50%) translate(100%);
}
[dir="ltr"] .mi-badge__content.is-fixed.is-dot {
    right: 5px;
}
[dir="rtl"] .mi-badge__content.is-fixed.is-dot {
    left: 5px;
}
[dir="ltr"] .mi-badge__content.is-fixed.is-dot-rtl {
    right: unset;
    left: 5px;
}
[dir="rtl"] .mi-badge__content.is-fixed.is-dot-rtl {
    left: unset;
    right: 5px;
}
.mi-badge__content.is-dot {
    height: 8px;
    width: 8px;
}
[dir] .mi-badge__content.is-dot {
    padding: 0;
    border-radius: 50%;
}
[dir="ltr"] .mi-badge__content.is-dot {
    right: 0;
}
[dir="rtl"] .mi-badge__content.is-dot {
    left: 0;
}
.mi-badge__content.is-offset {
    height: 8px;
    width: 8px;
    top: 5px;
}
[dir] .mi-badge__content.is-offset {
    padding: 0;
    border-radius: 50%;
}
[dir="ltr"] .mi-badge__content.is-offset {
    right: 0;
    left: 16px;
}
[dir="rtl"] .mi-badge__content.is-offset {
    left: 0;
    right: 16px;
}
.mi-badge__content.is-right {
    top: 7px;
    height: 16px;
    line-height: 16px;
}
[dir="ltr"] .mi-badge__content.is-right {
    right: 20px;
}
[dir="rtl"] .mi-badge__content.is-right {
    left: 20px;
}
[dir] .mi-badge__content--primary {
    background-color: var(--mi-color-primary);
}
[dir] .mi-badge__content--success {
    background-color: var(--mi-color-success);
}
[dir] .mi-badge__content--warning {
    background-color: var(--mi-color-warning);
}
[dir] .mi-badge__content--info {
    background-color: var(--mi-color-info);
}
[dir] .mi-badge__content--danger {
    background-color: var(--mi-color-danger);
}
.mi-message {
    --mi-message-bg-color: var(--mi-bg-color-dialog);
    --mi-message-padding: 12px 32px;
    --mi-message-close-size: 20px;
    --mi-message-close-icon-color: var(--mi-text-color-placeholder);
    --mi-message-close-hover-color: var(--mi-text-color-secondary);
    --mi-message-box-shadow: 0 10px 32px 0 rgba(31, 31, 31, 0.15);
    --mi-message-max-width: 566px;
    --mi-message-border-radius: 24px;
    width: -moz-fit-content;
    width: fit-content;
    max-width: var(--mi-message-max-width);
    box-sizing: border-box;
    position: fixed;
    top: 20px;
    transition:
        opacity var(--mi-transition-duration),
        transform 0.4s,
        top 0.4s;
    display: flex;
    align-items: center;
}
[dir] .mi-message {
    border-radius: var(--mi-message-border-radius);
    border-width: var(--mi-border-width);
    border-style: var(--mi-border-style);
    border-color: var(--mi-border-color-primary);
    box-shadow: var(--mi-message-box-shadow);
    background-color: var(--mi-message-bg-color);
    padding: var(--mi-message-padding);
}
[dir="ltr"] .mi-message {
    left: 50%;
    transform: translate(-50%);
}
[dir="rtl"] .mi-message {
    right: 50%;
    transform: translate(50%);
}
[dir="ltr"] .mi-message-rtl {
    direction: rtl;
}
[dir="rtl"] .mi-message-rtl {
    direction: ltr;
}
.mi-message.is-center {
    justify-content: center;
}
[dir="ltr"] .mi-message.is-closable .mi-message__content {
    padding-right: 40px;
}
[dir="rtl"] .mi-message.is-closable .mi-message__content {
    padding-left: 40px;
}
.mi-message.is-closable .mi-message__content-rtl {
    -webkit-padding-end: 40px;
    padding-inline-end: 40px;
}
[dir="ltr"] .mi-message.is-closable .mi-message__content-rtl {
    padding-right: unset;
}
[dir="rtl"] .mi-message.is-closable .mi-message__content-rtl {
    padding-left: unset;
}
.mi-message--success {
    --mi-message-text-color: var(--mi-color-success);
}
.mi-message--success .mi-message__content {
    color: var(--mi-text-color-primary);
    overflow-wrap: anywhere;
}
.mi-message .mi-message-icon--success {
    color: var(--mi-message-text-color);
}
.mi-message--info {
    --mi-message-text-color: var(--mi-color-info);
}
.mi-message--info .mi-message__content,
.mi-message--warning .mi-message__content {
    color: var(--mi-text-color-primary);
    overflow-wrap: anywhere;
}
.mi-message--warning {
    --mi-message-text-color: var(--mi-color-warning);
}
.mi-message .mi-message-icon--warning {
    color: var(--mi-message-text-color);
}
.mi-message--error {
    --mi-message-text-color: var(--mi-color-error);
}
.mi-message--error .mi-message__content {
    color: var(--mi-text-color-primary);
    overflow-wrap: anywhere;
}
.mi-message .mi-message-icon--error {
    color: var(--mi-message-text-color);
}
.mi-message .mi-message-icon--info {
    color: var(--mi-color-primary);
}
.mi-message .mi-message-icon--loading {
    color: var(--mi-color-main);
}
[dir="ltr"] .mi-message .mi-message-icon--loading,
[dir="rtl"] .mi-message .mi-message-icon--loading {
    animation: rotating 1s linear infinite;
}
.mi-message .mi-message-icon--question {
    color: var(--mi-color-primary);
}
.mi-message__icon {
    font-size: 20px;
}
[dir="ltr"] .mi-message__icon {
    margin-right: 8px;
}
[dir="ltr"] .mi-button [class*="mi-icon"] + span,
[dir="rtl"] .mi-message__icon {
    margin-left: 8px;
}
.mi-message__icon-rtl {
    -webkit-margin-end: 8px;
    margin-inline-end: 8px;
}
[dir="ltr"] .mi-message__icon-rtl {
    margin-right: unset;
}
[dir="rtl"] .mi-message__icon-rtl {
    margin-left: unset;
}
.mi-message .mi-message__badge {
    position: absolute;
    top: -8px;
}
[dir="ltr"] .mi-message .mi-message__badge {
    right: -8px;
}
[dir="rtl"] .mi-message .mi-message__badge {
    left: -8px;
}
[dir="ltr"] .mi-message .mi-message__badge-rtl {
    right: unset;
    left: -8px;
}
[dir="rtl"] .mi-message .mi-message__badge-rtl {
    left: unset;
    right: -8px;
}
.mi-message__content {
    font-size: 14px;
    line-height: 1;
}
[dir] .mi-message__content {
    padding: 0;
}
.mi-message__content:focus {
    outline-width: 0;
}
.mi-message .mi-message__closeBtn {
    position: absolute;
    top: 50%;
    color: var(--mi-message-close-icon-color);
    font-size: var(--mi-message-close-size);
}
[dir] .mi-message .mi-message__closeBtn {
    transform: translateY(-50%);
    cursor: pointer;
}
[dir="ltr"] .mi-message .mi-message__closeBtn {
    right: 16px;
}
[dir="rtl"] .mi-message .mi-message__closeBtn {
    left: 16px;
}
.mi-message .mi-message__closeBtn:focus {
    outline-width: 0;
}
.mi-message .mi-message__closeBtn:hover {
    color: var(--mi-message-close-hover-color);
}
[dir="ltr"] .mi-message .mi-message__closeBtn-rtl {
    right: unset;
    left: 16px;
}
[dir="rtl"] .mi-message .mi-message__closeBtn-rtl {
    left: unset;
    right: 16px;
}
.mi-message-fade-enter-from,
.mi-message-fade-leave-to {
    opacity: 0;
}
[dir="ltr"] .mi-message-fade-enter-from,
[dir="ltr"] .mi-message-fade-leave-to {
    transform: translate(-50%, -100%);
}
[dir="rtl"] .mi-message-fade-enter-from,
[dir="rtl"] .mi-message-fade-leave-to {
    transform: translate(50%, -100%);
}
@media screen and (max-width: 767px) {
    .mi-message {
        width: calc(100vw - 48px);
        max-width: unset;
    }
}
.mi-button {
    --mi-button-font-weight: var(--mi-font-weight-primary);
    --mi-button-border-color: var(--mi-border-color-secondary);
    --mi-button-bg-color: var(--mi-bg-color-default-primary);
    --mi-button-text-color: var(--mi-text-color-primary);
    --mi-button-disabled-text-color: var(--mi-disabled-text-color);
    --mi-button-disabled-bg-color: var(--mi-bg-color-disabled);
    --mi-button-disabled-border-color: var(--mi-border-color-secondary);
    --mi-button-divide-border-color: rgba(var(--ds-color-always-white), 0.5);
    --mi-button-hover-text-color: var(--mi-text-color-primary);
    --mi-button-hover-bg-color: var(--mi-color-chunky-hover);
    --mi-button-hover-border-color: var(--mi-border-color-secondary);
    --mi-button-active-text-color: var(--mi-text-color-primary);
    --mi-button-active-border-color: var(--mi-border-color-secondary);
    --mi-button-active-bg-color: var(--mi-color-chunky-active);
    --mi-button-outline-color: var(--mi-color-primary-light-5);
    --mi-button-hover-link-text-color: var(--mi-color-info);
    --mi-button-active-color: var(--mi-text-color-primary);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    height: 32px;
    white-space: nowrap;
    color: var(--mi-button-text-color);
    box-sizing: border-box;
    outline: 0;
    transition: 0.1s;
    font-weight: var(--mi-button-font-weight);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    -webkit-appearance: none;
    font-size: var(--mi-font-size-base);
}
[dir] .mi-button {
    cursor: pointer;
    text-align: center;
    background: var(--mi-button-bg-color);
    border: var(--mi-border);
    border-color: var(--mi-button-border-color);
    padding: 8px 12px;
    border-radius: var(--mi-border-radius-base);
}
[dir="ltr"] .mi-button-rtl {
    direction: rtl;
}
[dir="rtl"] .mi-button-rtl {
    direction: ltr;
}
.mi-button:focus,
.mi-button:hover {
    color: var(--mi-button-hover-text-color);
    outline: 0;
}
[dir] .mi-button:focus,
[dir] .mi-button:hover {
    border-color: var(--mi-button-hover-border-color);
    background: var(--mi-button-hover-bg-color);
}
.mi-button:active {
    outline: 0;
}
[dir] .mi-button:active {
    border-color: var(--mi-button-active-border-color);
    background: var(--mi-button-active-bg-color);
}
.mi-button:focus-visible {
    outline: 2px solid var(--mi-button-outline-color);
    outline-offset: 1px;
}
.mi-button > span {
    display: inline-flex;
    align-items: center;
}
.mi-button + .mi-button {
    -webkit-margin-start: 12px;
    margin-inline-start: 12px;
}
[dir] .mi-button.is-round {
    padding: 8px 12px;
}
[dir] .mi-button::-moz-focus-inner {
    border: 0;
}
[dir="rtl"] .mi-button [class*="mi-icon"] + span {
    margin-right: 8px;
}
html[dir="rtl"] .mi-button [class*="mi-icon"] + span,
html[dir="rtl"] .mi-button.is-loading .end {
    margin-left: unset;
    -webkit-margin-start: 8px;
    margin-inline-start: 8px;
}
.mi-button [class*="mi-icon"] svg {
    vertical-align: bottom;
}
.mi-button.is-plain {
    --mi-button-hover-text-color: var(--mi-color-primary);
    --mi-button-hover-bg-color: var(--mi-fill-color-blank);
    --mi-button-hover-border-color: var(--mi-color-primary);
}
.mi-button.is-active {
    color: var(--mi-button-active-text-color);
    outline: 0;
}
[dir] .mi-button.is-active {
    border-color: var(--mi-button-active-border-color);
    background-color: var(--mi-button-active-bg-color);
}
.mi-button.is-disabled,
.mi-button.is-disabled:focus,
.mi-button.is-disabled:hover {
    color: var(--mi-text-color-disabled);
}
[dir] .mi-button.is-disabled,
[dir] .mi-button.is-disabled:focus,
[dir] .mi-button.is-disabled:hover {
    cursor: not-allowed;
    background-image: none;
    background-color: var(--mi-bg-color-disabled);
    border-color: var(--mi-border-color-secondary);
}
.mi-button.is-loading {
    position: relative;
    pointer-events: none;
}
.mi-button.is-loading:before {
    z-index: 1;
    pointer-events: none;
    content: "";
    position: absolute;
    top: -1px;
    bottom: -1px;
}
[dir] .mi-button.is-loading:before {
    border-radius: inherit;
    background-color: var(--mi-mask-color-extra-light);
}
[dir="ltr"] .mi-button.is-loading:before,
[dir="rtl"] .mi-button.is-loading:before {
    right: -1px;
    left: -1px;
}
[dir="ltr"] .mi-button.is-loading .end {
    margin-left: 8px;
}
[dir="rtl"] .mi-button.is-loading .end {
    margin-right: 8px;
}
[dir] .mi-button.is-round {
    border-radius: var(--mi-border-radius-round);
}
[dir] .mi-button.is-circle {
    border-radius: 50%;
    padding: 8px !important;
}
.mi-button.is-text {
    color: var(--mi-button-text-color);
}
[dir] .mi-button.is-text {
    border: 0 solid transparent;
    background-color: transparent;
}
.mi-button.is-text.is-disabled {
    color: var(--mi-button-disabled-text-color);
}
[dir] .mi-button.is-text.is-disabled {
    background-color: transparent !important;
}
[dir] .mi-button.is-text:not(.is-disabled):focus,
[dir] .mi-button.is-text:not(.is-disabled):hover {
    background-color: var(--mi-fill-color-light);
}
.mi-button.is-text:not(.is-disabled):focus-visible {
    outline: 2px solid var(--mi-button-outline-color);
    outline-offset: 1px;
}
[dir] .mi-button.is-text:not(.is-disabled):active {
    background-color: var(--mi-fill-color);
}
[dir] .mi-button.is-text:not(.is-disabled).is-has-bg {
    background-color: var(--mi-fill-color-light);
}
[dir] .mi-button.is-text:not(.is-disabled).is-has-bg:focus,
[dir] .mi-button.is-text:not(.is-disabled).is-has-bg:hover {
    background-color: var(--mi-fill-color);
}
[dir] .mi-button.is-text:not(.is-disabled).is-has-bg:active {
    background-color: var(--mi-fill-color-dark);
}
.mi-button__text--expand {
    letter-spacing: 0.3em;
}
[dir="ltr"] .mi-button__text--expand {
    margin-right: -0.3em;
}
[dir="rtl"] .mi-button__text--expand {
    margin-left: -0.3em;
}
.mi-button.is-link {
    color: var(--mi-button-text-color);
    height: auto;
}
[dir] .mi-button.is-link {
    border-color: transparent;
    padding: 2px;
}
[dir="ltr"] .mi-button.is-link {
    background: 0 0;
}
[dir="rtl"] .mi-button.is-link {
    background: 100%0;
}
.mi-button.is-link:focus,
.mi-button.is-link:hover {
    color: var(--mi-button-hover-link-text-color);
}
.mi-button.is-link.is-disabled {
    color: var(--mi-button-disabled-text-color);
}
[dir] .mi-button.is-link.is-disabled {
    background-color: transparent !important;
    border-color: transparent !important;
}
[dir] .mi-button.is-link:not(.is-disabled):focus,
[dir] .mi-button.is-link:not(.is-disabled):hover {
    border-color: transparent;
    background-color: transparent;
}
.mi-button.is-link:not(.is-disabled):active {
    color: var(--mi-button-active-color);
}
[dir] .mi-button.is-link:not(.is-disabled):active {
    border-color: transparent;
    background-color: transparent;
}
.mi-button--main {
    color: var(--mi-text-color-inverse-primary);
}
.mi-button--main:not(.is-disabled):active,
.mi-button--main:not(.is-disabled):focus,
.mi-button--main:not(.is-disabled):hover {
    color: var(--mi-text-color-inverse-primary);
}
.mi-button--chunky {
    color: var(--mi-text-color-primary);
}
[dir] .mi-button--chunky {
    border-color: var(--mi-text-color-primary);
    box-shadow: 0 4px 0 0 var(--mi-text-color-primary);
}
.mi-button--chunky.is-disabled {
    color: var(--mi-text-color-disabled) !important;
}
[dir] .mi-button--chunky.is-disabled {
    box-shadow: none !important;
}
.mi-button--chunky:not(.is-disabled):focus,
.mi-button--chunky:not(.is-disabled):hover {
    color: var(--mi-text-color-primary);
}
[dir] .mi-button--chunky:not(.is-disabled):focus,
[dir] .mi-button--chunky:not(.is-disabled):hover {
    border-color: var(--mi-text-color-primary);
}
.mi-button--chunky:not(.is-disabled):active {
    color: var(--mi-text-color-primary);
}
[dir] .mi-button--chunky:not(.is-disabled):active {
    border-color: var(--mi-text-color-primary);
    box-shadow: none !important;
    transform: translateY(3px);
}
.mi-button--text {
    color: var(--mi-color-primary);
}
[dir] .mi-button--text {
    border-color: transparent;
}
[dir="ltr"] .mi-button--text {
    background: 0 0;
    padding-left: 0;
    padding-right: 0;
}
[dir="rtl"] .mi-button--text {
    background: 100%0;
    padding-right: 0;
    padding-left: 0;
}
.mi-button--text.is-disabled {
    color: var(--mi-button-disabled-text-color);
}
[dir] .mi-button--text.is-disabled {
    background-color: transparent !important;
    border-color: transparent !important;
}
.mi-button--text:not(.is-disabled):focus,
.mi-button--text:not(.is-disabled):hover {
    color: var(--mi-color-primary-light-3);
}
[dir] .mi-button--text:not(.is-disabled):focus,
[dir] .mi-button--text:not(.is-disabled):hover {
    border-color: transparent;
    background-color: transparent;
}
.mi-button--text:not(.is-disabled):active {
    color: var(--mi-color-primary-dark-2);
}
[dir] .mi-button--text:not(.is-disabled):active {
    border-color: transparent;
    background-color: transparent;
}
.mi-button__link--expand {
    letter-spacing: 0.3em;
}
[dir="ltr"] .mi-button__link--expand {
    margin-right: -0.3em;
}
[dir="rtl"] .mi-button__link--expand {
    margin-left: -0.3em;
}
.mi-button--main,
.mi-button--main.is-link,
.mi-button--main.is-plain,
.mi-button--main.is-text {
    --mi-button-border-color: var(--mi-color-main);
    --mi-button-hover-border-color: var(--mi-color-main);
    --mi-button-active-border-color: var(--mi-color-main);
}
.mi-button--main {
    --mi-button-text-color: var(--mi-color-white);
    --mi-button-bg-color: var(--mi-color-main);
    --mi-button-outline-color: var(--mi-color-main-light-5);
    --mi-button-active-color: var(--mi-color-main-dark-2);
    --mi-button-hover-text-color: var(--mi-color-white);
    --mi-button-hover-link-text-color: var(--mi-color-main-light-5);
    --mi-button-hover-bg-color: var(--mi-color-main-hover);
    --mi-button-active-bg-color: var(--mi-color-main-active);
    --mi-button-disabled-text-color: var(--mi-color-info-hover);
    --mi-button-disabled-bg-color: var(--mi-color-info);
    --mi-button-disabled-border-color: var(--mi-color-info);
}
.mi-button--main.is-link,
.mi-button--main.is-plain,
.mi-button--main.is-text {
    --mi-button-text-color: var(--mi-color-main);
    --mi-button-bg-color: var(--mi-color-clear);
    --mi-button-hover-text-color: var(--mi-color-main-hover);
    --mi-button-hover-bg-color: var(--mi-color-clear);
    --mi-button-active-text-color: var(--mi-color-main-active);
    --mi-button-active-bg-color: var(--mi-color-clear);
}
.mi-button--main.is-link.is-disabled,
.mi-button--main.is-link.is-disabled:active,
.mi-button--main.is-link.is-disabled:focus,
.mi-button--main.is-link.is-disabled:hover,
.mi-button--main.is-plain.is-disabled,
.mi-button--main.is-plain.is-disabled:active,
.mi-button--main.is-plain.is-disabled:focus,
.mi-button--main.is-plain.is-disabled:hover,
.mi-button--main.is-text.is-disabled,
.mi-button--main.is-text.is-disabled:active,
.mi-button--main.is-text.is-disabled:focus,
.mi-button--main.is-text.is-disabled:hover {
    color: var(--mi-color-main-hover);
}
[dir] .mi-button--main.is-link.is-disabled,
[dir] .mi-button--main.is-link.is-disabled:active,
[dir] .mi-button--main.is-link.is-disabled:focus,
[dir] .mi-button--main.is-link.is-disabled:hover,
[dir] .mi-button--main.is-plain.is-disabled,
[dir] .mi-button--main.is-plain.is-disabled:active,
[dir] .mi-button--main.is-plain.is-disabled:focus,
[dir] .mi-button--main.is-plain.is-disabled:hover,
[dir] .mi-button--main.is-text.is-disabled,
[dir] .mi-button--main.is-text.is-disabled:active,
[dir] .mi-button--main.is-text.is-disabled:focus,
[dir] .mi-button--main.is-text.is-disabled:hover {
    background-color: var(--mi-color-main-base);
    border-color: var(--mi-color-main-active);
}
.mi-button--chunky,
.mi-button--chunky.is-link,
.mi-button--chunky.is-plain,
.mi-button--chunky.is-text {
    --mi-button-border-color: var(--mi-color-chunky);
    --mi-button-hover-border-color: var(--mi-color-chunky);
    --mi-button-active-border-color: var(--mi-color-chunky);
}
.mi-button--chunky {
    --mi-button-text-color: var(--mi-color-white);
    --mi-button-bg-color: var(--mi-color-chunky);
    --mi-button-outline-color: var(--mi-color-chunky-light-5);
    --mi-button-active-color: var(--mi-color-chunky-dark-2);
    --mi-button-hover-text-color: var(--mi-color-white);
    --mi-button-hover-link-text-color: var(--mi-color-chunky-light-5);
    --mi-button-hover-bg-color: var(--mi-color-chunky-hover);
    --mi-button-active-bg-color: var(--mi-color-chunky-active);
    --mi-button-disabled-text-color: var(--mi-color-info-hover);
    --mi-button-disabled-bg-color: var(--mi-color-info);
    --mi-button-disabled-border-color: var(--mi-color-info);
}
.mi-button--chunky.is-link,
.mi-button--chunky.is-plain,
.mi-button--chunky.is-text {
    --mi-button-text-color: var(--mi-color-chunky);
    --mi-button-bg-color: var(--mi-color-clear);
    --mi-button-hover-text-color: var(--mi-color-chunky-hover);
    --mi-button-hover-bg-color: var(--mi-color-clear);
    --mi-button-active-text-color: var(--mi-color-chunky-active);
    --mi-button-active-bg-color: var(--mi-color-clear);
}
.mi-button--chunky.is-link.is-disabled,
.mi-button--chunky.is-link.is-disabled:active,
.mi-button--chunky.is-link.is-disabled:focus,
.mi-button--chunky.is-link.is-disabled:hover,
.mi-button--chunky.is-plain.is-disabled,
.mi-button--chunky.is-plain.is-disabled:active,
.mi-button--chunky.is-plain.is-disabled:focus,
.mi-button--chunky.is-plain.is-disabled:hover,
.mi-button--chunky.is-text.is-disabled,
.mi-button--chunky.is-text.is-disabled:active,
.mi-button--chunky.is-text.is-disabled:focus,
.mi-button--chunky.is-text.is-disabled:hover {
    color: var(--mi-color-chunky-hover);
}
[dir] .mi-button--chunky.is-link.is-disabled,
[dir] .mi-button--chunky.is-link.is-disabled:active,
[dir] .mi-button--chunky.is-link.is-disabled:focus,
[dir] .mi-button--chunky.is-link.is-disabled:hover,
[dir] .mi-button--chunky.is-plain.is-disabled,
[dir] .mi-button--chunky.is-plain.is-disabled:active,
[dir] .mi-button--chunky.is-plain.is-disabled:focus,
[dir] .mi-button--chunky.is-plain.is-disabled:hover,
[dir] .mi-button--chunky.is-text.is-disabled,
[dir] .mi-button--chunky.is-text.is-disabled:active,
[dir] .mi-button--chunky.is-text.is-disabled:focus,
[dir] .mi-button--chunky.is-text.is-disabled:hover {
    background-color: var(--mi-color-chunky-base);
    border-color: var(--mi-color-chunky-active);
}
.mi-button--primary,
.mi-button--primary.is-link,
.mi-button--primary.is-plain,
.mi-button--primary.is-text {
    --mi-button-border-color: var(--mi-color-primary);
    --mi-button-hover-border-color: var(--mi-color-primary);
    --mi-button-active-border-color: var(--mi-color-primary);
}
.mi-button--primary {
    --mi-button-text-color: var(--mi-color-white);
    --mi-button-bg-color: var(--mi-color-primary);
    --mi-button-outline-color: var(--mi-color-primary-light-5);
    --mi-button-active-color: var(--mi-color-primary-dark-2);
    --mi-button-hover-text-color: var(--mi-color-white);
    --mi-button-hover-link-text-color: var(--mi-color-primary-light-5);
    --mi-button-hover-bg-color: var(--mi-color-primary-hover);
    --mi-button-active-bg-color: var(--mi-color-primary-active);
    --mi-button-disabled-text-color: var(--mi-color-info-hover);
    --mi-button-disabled-bg-color: var(--mi-color-info);
    --mi-button-disabled-border-color: var(--mi-color-info);
}
.mi-button--primary.is-link,
.mi-button--primary.is-plain,
.mi-button--primary.is-text {
    --mi-button-text-color: var(--mi-color-primary);
    --mi-button-bg-color: var(--mi-color-clear);
    --mi-button-hover-text-color: var(--mi-color-primary-hover);
    --mi-button-hover-bg-color: var(--mi-color-clear);
    --mi-button-active-text-color: var(--mi-color-primary-active);
    --mi-button-active-bg-color: var(--mi-color-clear);
}
.mi-button--primary.is-link.is-disabled,
.mi-button--primary.is-link.is-disabled:active,
.mi-button--primary.is-link.is-disabled:focus,
.mi-button--primary.is-link.is-disabled:hover,
.mi-button--primary.is-plain.is-disabled,
.mi-button--primary.is-plain.is-disabled:active,
.mi-button--primary.is-plain.is-disabled:focus,
.mi-button--primary.is-plain.is-disabled:hover,
.mi-button--primary.is-text.is-disabled,
.mi-button--primary.is-text.is-disabled:active,
.mi-button--primary.is-text.is-disabled:focus,
.mi-button--primary.is-text.is-disabled:hover {
    color: var(--mi-color-primary-hover);
}
[dir] .mi-button--primary.is-link.is-disabled,
[dir] .mi-button--primary.is-link.is-disabled:active,
[dir] .mi-button--primary.is-link.is-disabled:focus,
[dir] .mi-button--primary.is-link.is-disabled:hover,
[dir] .mi-button--primary.is-plain.is-disabled,
[dir] .mi-button--primary.is-plain.is-disabled:active,
[dir] .mi-button--primary.is-plain.is-disabled:focus,
[dir] .mi-button--primary.is-plain.is-disabled:hover,
[dir] .mi-button--primary.is-text.is-disabled,
[dir] .mi-button--primary.is-text.is-disabled:active,
[dir] .mi-button--primary.is-text.is-disabled:focus,
[dir] .mi-button--primary.is-text.is-disabled:hover {
    background-color: var(--mi-color-primary-base);
    border-color: var(--mi-color-primary-active);
}
.mi-button--success,
.mi-button--success.is-link,
.mi-button--success.is-plain,
.mi-button--success.is-text {
    --mi-button-border-color: var(--mi-color-success);
    --mi-button-hover-border-color: var(--mi-color-success);
    --mi-button-active-border-color: var(--mi-color-success);
}
.mi-button--success {
    --mi-button-text-color: var(--mi-color-white);
    --mi-button-bg-color: var(--mi-color-success);
    --mi-button-outline-color: var(--mi-color-success-light-5);
    --mi-button-active-color: var(--mi-color-success-dark-2);
    --mi-button-hover-text-color: var(--mi-color-white);
    --mi-button-hover-link-text-color: var(--mi-color-success-light-5);
    --mi-button-hover-bg-color: var(--mi-color-success-hover);
    --mi-button-active-bg-color: var(--mi-color-success-active);
    --mi-button-disabled-text-color: var(--mi-color-info-hover);
    --mi-button-disabled-bg-color: var(--mi-color-info);
    --mi-button-disabled-border-color: var(--mi-color-info);
}
.mi-button--success.is-link,
.mi-button--success.is-plain,
.mi-button--success.is-text {
    --mi-button-text-color: var(--mi-color-success);
    --mi-button-bg-color: var(--mi-color-clear);
    --mi-button-hover-text-color: var(--mi-color-success-hover);
    --mi-button-hover-bg-color: var(--mi-color-clear);
    --mi-button-active-text-color: var(--mi-color-success-active);
    --mi-button-active-bg-color: var(--mi-color-clear);
}
.mi-button--success.is-link.is-disabled,
.mi-button--success.is-link.is-disabled:active,
.mi-button--success.is-link.is-disabled:focus,
.mi-button--success.is-link.is-disabled:hover,
.mi-button--success.is-plain.is-disabled,
.mi-button--success.is-plain.is-disabled:active,
.mi-button--success.is-plain.is-disabled:focus,
.mi-button--success.is-plain.is-disabled:hover,
.mi-button--success.is-text.is-disabled,
.mi-button--success.is-text.is-disabled:active,
.mi-button--success.is-text.is-disabled:focus,
.mi-button--success.is-text.is-disabled:hover {
    color: var(--mi-color-success-hover);
}
[dir] .mi-button--success.is-link.is-disabled,
[dir] .mi-button--success.is-link.is-disabled:active,
[dir] .mi-button--success.is-link.is-disabled:focus,
[dir] .mi-button--success.is-link.is-disabled:hover,
[dir] .mi-button--success.is-plain.is-disabled,
[dir] .mi-button--success.is-plain.is-disabled:active,
[dir] .mi-button--success.is-plain.is-disabled:focus,
[dir] .mi-button--success.is-plain.is-disabled:hover,
[dir] .mi-button--success.is-text.is-disabled,
[dir] .mi-button--success.is-text.is-disabled:active,
[dir] .mi-button--success.is-text.is-disabled:focus,
[dir] .mi-button--success.is-text.is-disabled:hover {
    background-color: var(--mi-color-success-base);
    border-color: var(--mi-color-success-active);
}
.mi-button--warning,
.mi-button--warning.is-link,
.mi-button--warning.is-plain,
.mi-button--warning.is-text {
    --mi-button-border-color: var(--mi-color-warning);
    --mi-button-hover-border-color: var(--mi-color-warning);
    --mi-button-active-border-color: var(--mi-color-warning);
}
.mi-button--warning {
    --mi-button-text-color: var(--mi-color-white);
    --mi-button-bg-color: var(--mi-color-warning);
    --mi-button-outline-color: var(--mi-color-warning-light-5);
    --mi-button-active-color: var(--mi-color-warning-dark-2);
    --mi-button-hover-text-color: var(--mi-color-white);
    --mi-button-hover-link-text-color: var(--mi-color-warning-light-5);
    --mi-button-hover-bg-color: var(--mi-color-warning-hover);
    --mi-button-active-bg-color: var(--mi-color-warning-active);
    --mi-button-disabled-text-color: var(--mi-color-info-hover);
    --mi-button-disabled-bg-color: var(--mi-color-info);
    --mi-button-disabled-border-color: var(--mi-color-info);
}
.mi-button--warning.is-link,
.mi-button--warning.is-plain,
.mi-button--warning.is-text {
    --mi-button-text-color: var(--mi-color-warning);
    --mi-button-bg-color: var(--mi-color-clear);
    --mi-button-hover-text-color: var(--mi-color-warning-hover);
    --mi-button-hover-bg-color: var(--mi-color-clear);
    --mi-button-active-text-color: var(--mi-color-warning-active);
    --mi-button-active-bg-color: var(--mi-color-clear);
}
.mi-button--warning.is-link.is-disabled,
.mi-button--warning.is-link.is-disabled:active,
.mi-button--warning.is-link.is-disabled:focus,
.mi-button--warning.is-link.is-disabled:hover,
.mi-button--warning.is-plain.is-disabled,
.mi-button--warning.is-plain.is-disabled:active,
.mi-button--warning.is-plain.is-disabled:focus,
.mi-button--warning.is-plain.is-disabled:hover,
.mi-button--warning.is-text.is-disabled,
.mi-button--warning.is-text.is-disabled:active,
.mi-button--warning.is-text.is-disabled:focus,
.mi-button--warning.is-text.is-disabled:hover {
    color: var(--mi-color-warning-hover);
}
[dir] .mi-button--warning.is-link.is-disabled,
[dir] .mi-button--warning.is-link.is-disabled:active,
[dir] .mi-button--warning.is-link.is-disabled:focus,
[dir] .mi-button--warning.is-link.is-disabled:hover,
[dir] .mi-button--warning.is-plain.is-disabled,
[dir] .mi-button--warning.is-plain.is-disabled:active,
[dir] .mi-button--warning.is-plain.is-disabled:focus,
[dir] .mi-button--warning.is-plain.is-disabled:hover,
[dir] .mi-button--warning.is-text.is-disabled,
[dir] .mi-button--warning.is-text.is-disabled:active,
[dir] .mi-button--warning.is-text.is-disabled:focus,
[dir] .mi-button--warning.is-text.is-disabled:hover {
    background-color: var(--mi-color-warning-base);
    border-color: var(--mi-color-warning-active);
}
.mi-button--danger,
.mi-button--danger.is-link,
.mi-button--danger.is-plain,
.mi-button--danger.is-text {
    --mi-button-border-color: var(--mi-color-danger);
    --mi-button-hover-border-color: var(--mi-color-danger);
    --mi-button-active-border-color: var(--mi-color-danger);
}
.mi-button--danger {
    --mi-button-text-color: var(--mi-color-white);
    --mi-button-bg-color: var(--mi-color-danger);
    --mi-button-outline-color: var(--mi-color-danger-light-5);
    --mi-button-active-color: var(--mi-color-danger-dark-2);
    --mi-button-hover-text-color: var(--mi-color-white);
    --mi-button-hover-link-text-color: var(--mi-color-danger-light-5);
    --mi-button-hover-bg-color: var(--mi-color-danger-hover);
    --mi-button-active-bg-color: var(--mi-color-danger-active);
    --mi-button-disabled-text-color: var(--mi-color-info-hover);
    --mi-button-disabled-bg-color: var(--mi-color-info);
    --mi-button-disabled-border-color: var(--mi-color-info);
}
.mi-button--danger.is-link,
.mi-button--danger.is-plain,
.mi-button--danger.is-text {
    --mi-button-text-color: var(--mi-color-danger);
    --mi-button-bg-color: var(--mi-color-clear);
    --mi-button-hover-text-color: var(--mi-color-danger-hover);
    --mi-button-hover-bg-color: var(--mi-color-clear);
    --mi-button-active-text-color: var(--mi-color-danger-active);
    --mi-button-active-bg-color: var(--mi-color-clear);
}
.mi-button--danger.is-link.is-disabled,
.mi-button--danger.is-link.is-disabled:active,
.mi-button--danger.is-link.is-disabled:focus,
.mi-button--danger.is-link.is-disabled:hover,
.mi-button--danger.is-plain.is-disabled,
.mi-button--danger.is-plain.is-disabled:active,
.mi-button--danger.is-plain.is-disabled:focus,
.mi-button--danger.is-plain.is-disabled:hover,
.mi-button--danger.is-text.is-disabled,
.mi-button--danger.is-text.is-disabled:active,
.mi-button--danger.is-text.is-disabled:focus,
.mi-button--danger.is-text.is-disabled:hover {
    color: var(--mi-color-danger-hover);
}
[dir] .mi-button--danger.is-link.is-disabled,
[dir] .mi-button--danger.is-link.is-disabled:active,
[dir] .mi-button--danger.is-link.is-disabled:focus,
[dir] .mi-button--danger.is-link.is-disabled:hover,
[dir] .mi-button--danger.is-plain.is-disabled,
[dir] .mi-button--danger.is-plain.is-disabled:active,
[dir] .mi-button--danger.is-plain.is-disabled:focus,
[dir] .mi-button--danger.is-plain.is-disabled:hover,
[dir] .mi-button--danger.is-text.is-disabled,
[dir] .mi-button--danger.is-text.is-disabled:active,
[dir] .mi-button--danger.is-text.is-disabled:focus,
[dir] .mi-button--danger.is-text.is-disabled:hover {
    background-color: var(--mi-color-danger-base);
    border-color: var(--mi-color-danger-active);
}
.mi-button--info,
.mi-button--info.is-link,
.mi-button--info.is-plain,
.mi-button--info.is-text {
    --mi-button-border-color: var(--mi-color-info);
    --mi-button-hover-border-color: var(--mi-color-info);
    --mi-button-active-border-color: var(--mi-color-info);
}
.mi-button--info {
    --mi-button-text-color: var(--mi-color-white);
    --mi-button-bg-color: var(--mi-color-info);
    --mi-button-outline-color: var(--mi-color-info-light-5);
    --mi-button-active-color: var(--mi-color-info-dark-2);
    --mi-button-hover-text-color: var(--mi-color-white);
    --mi-button-hover-link-text-color: var(--mi-color-info-light-5);
    --mi-button-hover-bg-color: var(--mi-color-info-hover);
    --mi-button-active-bg-color: var(--mi-color-info-active);
    --mi-button-disabled-text-color: var(--mi-color-info-hover);
    --mi-button-disabled-bg-color: var(--mi-color-info);
    --mi-button-disabled-border-color: var(--mi-color-info);
    color: var(--mi-text-color-primary);
}
.mi-button--info.is-link,
.mi-button--info.is-plain,
.mi-button--info.is-text {
    --mi-button-text-color: var(--mi-color-info);
    --mi-button-bg-color: var(--mi-color-clear);
    --mi-button-hover-text-color: var(--mi-color-info-hover);
    --mi-button-hover-bg-color: var(--mi-color-clear);
    --mi-button-active-text-color: var(--mi-color-info-active);
    --mi-button-active-bg-color: var(--mi-color-clear);
}
.mi-button--info.is-link.is-disabled,
.mi-button--info.is-link.is-disabled:active,
.mi-button--info.is-link.is-disabled:focus,
.mi-button--info.is-link.is-disabled:hover,
.mi-button--info.is-plain.is-disabled,
.mi-button--info.is-plain.is-disabled:active,
.mi-button--info.is-plain.is-disabled:focus,
.mi-button--info.is-plain.is-disabled:hover,
.mi-button--info.is-text.is-disabled,
.mi-button--info.is-text.is-disabled:active,
.mi-button--info.is-text.is-disabled:focus,
.mi-button--info.is-text.is-disabled:hover {
    color: var(--mi-color-info-hover);
}
[dir] .mi-button--info.is-link.is-disabled,
[dir] .mi-button--info.is-link.is-disabled:active,
[dir] .mi-button--info.is-link.is-disabled:focus,
[dir] .mi-button--info.is-link.is-disabled:hover,
[dir] .mi-button--info.is-plain.is-disabled,
[dir] .mi-button--info.is-plain.is-disabled:active,
[dir] .mi-button--info.is-plain.is-disabled:focus,
[dir] .mi-button--info.is-plain.is-disabled:hover,
[dir] .mi-button--info.is-text.is-disabled,
[dir] .mi-button--info.is-text.is-disabled:active,
[dir] .mi-button--info.is-text.is-disabled:focus,
[dir] .mi-button--info.is-text.is-disabled:hover {
    background-color: var(--mi-color-info-base);
    border-color: var(--mi-color-info-active);
}
.mi-button--info.is-link:active,
.mi-button--info.is-link:focus,
.mi-button--info.is-link:hover,
.mi-button--info.is-text:active,
.mi-button--info.is-text:focus,
.mi-button--info.is-text:hover,
.mi-button--info:active,
.mi-button--info:focus,
.mi-button--info:hover {
    color: var(--mi-text-color-primary);
}
.mi-button--info.is-link,
.mi-button--info.is-text {
    color: var(--mi-color-info-hover);
}
.mi-button--large {
    --mi-button-size: 48px;
    height: var(--mi-button-size);
    font-size: var(--mi-font-size-medium);
}
[dir] .mi-button--large {
    padding: 15px 24px;
    border-radius: var(--mi-border-radius-base);
}
[dir="ltr"] .mi-button--large [class*="mi-icon"] + span {
    margin-left: 4px;
}
[dir="rtl"] .mi-button--large [class*="mi-icon"] + span {
    margin-right: 4px;
}
[dir] .mi-button--large.is-round {
    padding: 15px 24px;
}
.mi-button--large.is-circle {
    width: var(--mi-button-size);
}
[dir] .mi-button--large.is-circle {
    padding: 15px;
}
.mi-button--small {
    --mi-button-size: 24px;
    height: var(--mi-button-size);
    font-size: var(--mi-font-size-small);
}
[dir] .mi-button--small {
    padding: 5px 8px;
    border-radius: calc(var(--mi-border-radius-base) - 1px);
}
[dir="ltr"] .mi-button--small [class*="mi-icon"] + span {
    margin-left: 4px;
}
[dir="rtl"] .mi-button--small [class*="mi-icon"] + span {
    margin-right: 4px;
}
[dir] .mi-button--small.is-round {
    padding: 5px 8px;
}
.mi-button--small.is-circle {
    width: var(--mi-button-size);
}
[dir] .mi-button--small.is-circle {
    padding: 5px;
}
.mi-button--medium {
    --mi-button-size: 40px;
    height: var(--mi-button-size);
    font-size: var(--mi-font-size-base);
}
[dir] .mi-button--medium {
    padding: 12px 16px;
    border-radius: var(--mi-border-radius-base);
}
[dir="ltr"] .mi-button--medium [class*="mi-icon"] + span {
    margin-left: 4px;
}
[dir="rtl"] .mi-button--medium [class*="mi-icon"] + span {
    margin-right: 4px;
}
[dir] .mi-button--medium.is-round {
    padding: 12px 16px;
}
.mi-button--medium.is-circle {
    width: var(--mi-button-size);
}
[dir] .mi-button--medium.is-circle {
    padding: 12px;
}
:root {
    --mi-popup-modal-bg-color: var(--mi-color-black);
    --mi-popup-modal-opacity: 0.5;
}
[dir="ltr"] .v-modal-enter,
[dir="rtl"] .v-modal-enter {
    animation: v-modal-in var(--mi-transition-duration-fast) ease;
}
[dir="ltr"] .v-modal-leave,
[dir="rtl"] .v-modal-leave {
    animation: v-modal-out var(--mi-transition-duration-fast) ease forwards;
}
.v-modal {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: var(--mi-popup-modal-opacity);
}
[dir] .v-modal {
    background: var(--mi-popup-modal-bg-color);
}
[dir="ltr"] .v-modal {
    left: 0;
}
[dir="rtl"] .v-modal {
    right: 0;
}
.mi-popup-parent--hidden {
    overflow: hidden;
}
.mi-dialog {
    --mi-dialog-width: 50%;
    --mi-dialog-margin-top: 15vh;
    --mi-dialog-box-shadow: var(--mi-box-shadow);
    --mi-dialog-title-font-size: var(--mi-font-size-large);
    --mi-dialog-content-font-size: 14px;
    --mi-dialog-font-line-height: var(--mi-font-line-height-primary);
    --mi-dialog-padding-primary: 20px;
    --mi-dialog-border-radius: var(--mi-border-radius-md);
    position: relative;
    box-sizing: border-box;
    width: var(--mi-dialog-width, 50%);
}
[dir] .mi-dialog {
    margin: var(--mi-dialog-margin-top, 15vh) auto 50px;
    background: var(--mi-bg-color-dialog);
    border-radius: 16px;
    box-shadow: var(--mi-dialog-box-shadow);
    padding: 0;
}
[dir="ltr"] .mi-dialog-rtl {
    direction: rtl;
}
[dir="rtl"] .mi-dialog-rtl {
    direction: ltr;
}
.mi-dialog:focus {
    outline: 0 !important;
}
[dir] .mi-dialog.is-align-center {
    margin: auto;
}
.mi-dialog.is-fullscreen {
    --mi-dialog-width: 100%;
    --mi-dialog-margin-top: 0;
    height: 100%;
    overflow: auto;
}
[dir] .mi-dialog.is-fullscreen {
    margin-bottom: 0;
}
.mi-dialog__wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    overflow: auto;
}
[dir] .mi-dialog__wrapper {
    margin: 0;
}
[dir="ltr"] .mi-dialog__wrapper,
[dir="rtl"] .mi-dialog__wrapper {
    left: 0;
    right: 0;
}
.mi-dialog.is-draggable .mi-dialog__header {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
[dir] .mi-dialog.is-draggable .mi-dialog__header {
    cursor: move;
}
.mi-dialog__header {
    justify-content: space-between;
    line-height: 1.4;
    font-size: 20px;
    font-weight: 600;
    color: var(--mi-text-color-primary);
}
[dir] .mi-dialog__header {
    padding: 32px 32px 8px;
}
.mi-dialog__headerbtn {
    position: absolute;
    top: 32px;
    align-self: flex-start;
    outline: 0;
    display: flex;
    z-index: 1;
    color: var(--mi-text-color-tertiary);
}
[dir] .mi-dialog__headerbtn {
    padding: 4px;
    border: 0;
    cursor: pointer;
}
[dir="ltr"] .mi-dialog__headerbtn {
    right: 32px;
    background: 0 0;
}
[dir="rtl"] .mi-dialog__headerbtn {
    left: 32px;
    background: 100%0;
}
[dir="ltr"] .mi-dialog__headerbtn-rtl {
    right: unset;
    left: 32px;
}
[dir="rtl"] .mi-dialog__headerbtn-rtl {
    left: unset;
    right: 32px;
}
.mi-dialog__headerbtn:focus,
.mi-dialog__headerbtn:hover {
    color: var(--mi-text-color-primary);
}
[dir] .mi-dialog__headerbtn:focus,
[dir] .mi-dialog__headerbtn:hover {
    border-radius: 50%;
    background-color: var(--mi-bg-color-secondary);
}
.mi-dialog__title {
    flex: 1;
    line-height: 1.4;
    font-size: 20px;
    font-weight: 600;
    color: var(--mi-text-color-primary);
    word-wrap: break-word;
    width: calc(100% - 28px);
    display: inline-block;
}
.mi-dialog__body {
    color: var(--mi-text-color-secondary);
    font-size: var(--mi-dialog-content-font-size);
    line-height: 1.4;
}
[dir] .mi-dialog__body {
    padding: 12px 32px;
}
.mi-dialog__footer {
    box-sizing: border-box;
}
[dir] .mi-dialog__footer {
    padding: 8px 32px 32px;
}
[dir="ltr"] .mi-dialog__footer {
    text-align: right;
}
[dir="ltr"] .mi-dialog__footer-rtl,
[dir="rtl"] .mi-dialog__footer {
    text-align: left;
}
[dir="rtl"] .mi-dialog__footer-rtl {
    text-align: right;
}
.mi-dialog.is-no-close .mi-dialog__title {
    width: 100% !important;
}
[dir] .mi-dialog.is-no-title .mi-dialog__header {
    padding-bottom: 0;
}
[dir] .mi-dialog.is-no-title.is-responsive .mi-dialog__body {
    border-top: 0;
}
[dir] .mi-dialog--center {
    text-align: center;
}
.mi-dialog--center .mi-dialog__title {
    width: calc(100% - 32px);
}
[dir] .mi-dialog--center .mi-dialog__body {
    text-align: initial;
}
[dir] .mi-dialog--center .mi-dialog__footer {
    text-align: inherit;
}
.mi-dialog--center .mi-dialog__footer .dialog-footer {
    display: flex;
}
.mi-dialog--center .mi-dialog__footer .dialog-footer .mi-button {
    flex: 1;
}
.mi-dialog--center .mi-dialog__footer .dialog-footer .mi-button + .mi-button {
    -webkit-margin-start: 12px;
    margin-inline-start: 12px;
}
[dir] .mi-dialog.is-border .mi-dialog__header {
    padding: 24px 32px 16px;
}
.mi-dialog.is-border .mi-dialog__headerbtn {
    top: 24px;
}
[dir] .mi-dialog.is-border .mi-dialog__body {
    border-top: 1px solid var(--mi-border-color-primary);
    border-bottom: 1px solid var(--mi-border-color-primary);
}
@media only screen and (max-width: 767px) {
    .mi-dialog.is-responsive {
        position: absolute;
        bottom: 0;
        --mi-dialog-width: 100% !important;
        --mi-dialog-margin-top: 0;
    }
    [dir] .mi-dialog.is-responsive {
        border-radius: var(--mi-dialog-border-radius) var(--mi-dialog-border-radius) 0 0;
        margin: 0;
        padding: 0;
    }
    .mi-dialog.is-responsive .mi-dialog__header {
        line-height: 1.4;
        font-size: 16px;
        font-weight: 600;
    }
    [dir] .mi-dialog.is-responsive .mi-dialog__header {
        text-align: center;
        padding: 16px 16px 12px;
    }
    .mi-dialog.is-responsive .mi-dialog__headerbtn {
        font-size: 20px;
        top: 16px;
    }
    [dir] .mi-dialog.is-responsive .mi-dialog__headerbtn {
        padding: 0;
    }
    [dir="ltr"] .mi-dialog.is-responsive .mi-dialog__headerbtn {
        right: 12px;
    }
    [dir="rtl"] .mi-dialog.is-responsive .mi-dialog__headerbtn {
        left: 12px;
    }
    [dir="ltr"] .mi-dialog.is-responsive .mi-dialog__headerbtn-rtl {
        right: unset;
        left: 12px;
    }
    [dir="rtl"] .mi-dialog.is-responsive .mi-dialog__headerbtn-rtl {
        left: unset;
        right: 12px;
    }
    .mi-dialog.is-responsive .mi-dialog__headerbtn:focus,
    .mi-dialog.is-responsive .mi-dialog__headerbtn:hover {
        color: var(--mi-text-color-tertiary);
    }
    [dir] .mi-dialog.is-responsive .mi-dialog__headerbtn:focus,
    [dir] .mi-dialog.is-responsive .mi-dialog__headerbtn:hover {
        background-color: transparent;
    }
    .mi-dialog.is-responsive .mi-dialog__title {
        font-size: 16px;
        line-height: 1.4;
        width: calc(100% - 36px);
    }
    [dir] .mi-dialog.is-responsive .mi-dialog__body {
        padding: 12px 16px;
        border-top: 1px solid var(--mi-border-color-primary);
    }
    [dir] .mi-dialog.is-responsive .mi-dialog__footer {
        padding: 8px 16px 20px;
    }
    .mi-dialog.is-responsive .mi-dialog__footer .dialog-footer {
        display: inline-flex;
    }
    .mi-dialog.is-responsive .mi-dialog__footer .dialog-footer .mi-button {
        flex: 1;
    }
    [dir="ltr"] .mi-dialog.is-responsive .mi-dialog__footer .dialog-footer .mi-button {
        margin-right: 12px;
    }
    [dir="rtl"] .mi-dialog.is-responsive .mi-dialog__footer .dialog-footer .mi-button {
        margin-left: 12px;
    }
}
.mi-overlay,
.mi-overlay-dialog {
    position: fixed;
    top: 0;
    bottom: 0;
    overflow: auto;
}
[dir="ltr"] .mi-overlay-dialog,
[dir="rtl"] .mi-overlay-dialog {
    left: 0;
    right: 0;
}
[dir="ltr"] .dialog-fade-enter-active,
[dir="rtl"] .dialog-fade-enter-active {
    animation: modal-fade-in var(--mi-transition-duration);
}
[dir="ltr"] .dialog-fade-enter-active .mi-overlay-dialog,
[dir="rtl"] .dialog-fade-enter-active .mi-overlay-dialog {
    animation: dialog-fade-in var(--mi-transition-duration);
}
@media only screen and (max-width: 767px) {
    [dir="ltr"] .dialog-fade-enter-active .mi-overlay-dialog.is-responsive,
    [dir="rtl"] .dialog-fade-enter-active .mi-overlay-dialog.is-responsive {
        animation: dialog-fade-in-responsive var(--mi-transition-duration);
    }
}
[dir="ltr"] .dialog-fade-leave-active,
[dir="rtl"] .dialog-fade-leave-active {
    animation: modal-fade-out var(--mi-transition-duration);
}
[dir="ltr"] .dialog-fade-leave-active .mi-overlay-dialog,
[dir="rtl"] .dialog-fade-leave-active .mi-overlay-dialog {
    animation: dialog-fade-out var(--mi-transition-duration);
}
@media only screen and (max-width: 767px) {
    [dir="ltr"] .dialog-fade-leave-active .mi-overlay-dialog.is-responsive,
    [dir="rtl"] .dialog-fade-leave-active .mi-overlay-dialog.is-responsive {
        animation: dialog-fade-out-responsive var(--mi-transition-duration);
    }
}
.mi-overlay {
    z-index: 2000;
    height: 100%;
}
[dir] .mi-overlay {
    background-color: var(--mi-overlay-color-lighter);
}
[dir="ltr"] .mi-overlay,
[dir="rtl"] .mi-overlay {
    left: 0;
    right: 0;
}
.mi-overlay .mi-overlay-root {
    height: 0;
}
.mi-checkbox {
    --mi-checkbox-font-size: 14px;
    --mi-checkbox-font-weight: var(--mi-font-weight-primary);
    --mi-checkbox-text-color: var(--mi-text-color-primary);
    --mi-checkbox-input-height: 16px;
    --mi-checkbox-input-width: 16px;
    --mi-checkbox-border-radius: var(--mi-border-radius-base);
    --mi-checkbox-bg-color: var(--mi-fill-color-blank);
    --mi-checkbox-input-border: var(--mi-border);
    --mi-checkbox-disabled-border-color: var(--mi-border-color-disabled);
    --mi-checkbox-disabled-input-fill: var(--mi-bg-color-disabled);
    --mi-checkbox-disabled-icon-color: var(--mi-text-color-disabled);
    --mi-checkbox-disabled-checked-input-fill: var(--mi-bg-color-disabled);
    --mi-checkbox-disabled-checked-input-border-color: var(--mi-border-color-disabled);
    --mi-checkbox-disabled-checked-icon-color: var(--mi-text-color-disabled);
    --mi-checkbox-checked-text-color: var(--mi-text-color-primary);
    --mi-checkbox-checked-input-border-color: var(--mi-color-primary);
    --mi-checkbox-checked-bg-color: var(--mi-color-primary);
    --mi-checkbox-checked-icon-color: var(--mi-color-white);
    --mi-checkbox-input-border-color-hover: var(--mi-color-primary);
    --mi-checkbox-checked-input-border-color-main: var(--mi-color-main);
    --mi-checkbox-checked-bg-color-main: var(--mi-color-main);
    color: var(--mi-checkbox-text-color);
    font-size: var(--mi-font-size-base);
    position: relative;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    height: 32px;
}
[dir] .mi-checkbox {
    cursor: pointer;
}
[dir="ltr"] .mi-checkbox {
    margin-right: 24px;
}
[dir="rtl"] .mi-checkbox {
    margin-left: 24px;
}
.mi-checkbox-rtl {
    -webkit-margin-end: 30px;
    margin-inline-end: 30px;
}
[dir="ltr"] .mi-checkbox-rtl {
    direction: rtl;
    margin-right: unset;
}
[dir="rtl"] .mi-checkbox-rtl {
    direction: ltr;
    margin-left: unset;
}
[dir] .mi-checkbox.is-disabled,
[dir] .mi-checkbox__input.is-disabled + span.mi-checkbox__label {
    cursor: not-allowed;
}
.mi-checkbox.is-bordered {
    box-sizing: border-box;
}
[dir] .mi-checkbox.is-bordered {
    border-radius: var(--mi-border-radius-base);
    border: var(--mi-border);
}
[dir="ltr"] .mi-checkbox.is-bordered {
    padding: 0 15px 0 9px;
}
[dir="rtl"] .mi-checkbox.is-bordered {
    padding: 0 9px 0 15px;
}
[dir] .mi-checkbox.is-bordered.is-checked {
    border-color: var(--mi-color-primary);
}
[dir] .mi-checkbox.is-bordered.is-disabled {
    border-color: var(--mi-border-color-lighter);
}
[dir] .mi-checkbox.is-bordered.mi-checkbox--large {
    border-radius: var(--mi-border-radius-base);
}
[dir="ltr"] .mi-checkbox.is-bordered.mi-checkbox--large {
    padding: 0 19px 0 11px;
}
[dir="rtl"] .mi-checkbox.is-bordered.mi-checkbox--large {
    padding: 0 11px 0 19px;
}
.mi-checkbox.is-bordered.mi-checkbox--large .mi-checkbox__label {
    font-size: var(--mi-font-size-medium);
}
.mi-checkbox.is-bordered.mi-checkbox--large .mi-checkbox__inner {
    height: 15px;
    width: 15px;
}
[dir] .mi-checkbox.is-bordered.mi-checkbox--small {
    border-radius: calc(var(--mi-border-radius-base) - 1px);
}
[dir="ltr"] .mi-checkbox.is-bordered.mi-checkbox--small {
    padding: 0 11px 0 7px;
}
[dir="rtl"] .mi-checkbox.is-bordered.mi-checkbox--small {
    padding: 0 7px 0 11px;
}
.mi-checkbox.is-bordered.mi-checkbox--small .mi-checkbox__label {
    font-size: var(--mi-font-size-small);
}
.mi-checkbox.is-bordered.mi-checkbox--small .mi-checkbox__inner {
    height: 12px;
    width: 12px;
}
.mi-checkbox.is-bordered.mi-checkbox--small .mi-checkbox__inner:after {
    height: 6px;
    width: 2px;
}
.mi-checkbox input:focus-visible + .mi-checkbox__inner {
    outline: 2px solid var(--mi-checkbox-input-border-color-hover);
    outline-offset: 1px;
}
[dir] .mi-checkbox input:focus-visible + .mi-checkbox__inner {
    border-radius: var(--mi-checkbox-border-radius);
}
.mi-checkbox__input {
    white-space: nowrap;
    outline: 0;
    display: inline-flex;
    position: relative;
    line-height: 1;
    vertical-align: middle;
}
[dir] .mi-checkbox__input {
    cursor: pointer;
}
[dir] .mi-checkbox__input.is-checked .mi-checkbox__inner,
[dir] .mi-checkbox__input.is-indeterminate .mi-checkbox__inner {
    background-color: var(--mi-checkbox-checked-bg-color);
    border-color: var(--mi-checkbox-checked-input-border-color);
}
[dir="ltr"] .mi-checkbox__input.is-checked .mi-checkbox__inner:after {
    transform: rotate(45deg) scaleY(1);
}
[dir="rtl"] .mi-checkbox__input.is-checked .mi-checkbox__inner:after {
    transform: rotate(-45deg) scaleY(1);
}
.mi-checkbox__input.is-checked + .mi-checkbox__label {
    color: var(--mi-checkbox-checked-text-color);
}
[dir] .mi-checkbox__input.is-checked.is-main .mi-checkbox__inner {
    background-color: var(--mi-checkbox-checked-bg-color-main);
    border-color: var(--mi-checkbox-checked-input-border-color-main);
}
[dir] .mi-checkbox__input.is-main:not(.is-disabled) .mi-checkbox__inner:hover {
    border-color: var(--mi-checkbox-checked-input-border-color-main);
}
[dir] .mi-checkbox__input.is-focus:not(.is-checked) .mi-checkbox__original:not(:focus-visible) {
    border-color: var(--mi-checkbox-input-border-color-hover);
}
[dir] .mi-checkbox__input.is-focus.is-main .mi-checkbox__inner {
    border-color: var(--mi-checkbox-checked-input-border-color-main);
}
.mi-checkbox__input.is-indeterminate .mi-checkbox__inner:before {
    content: "";
    position: absolute;
    display: block;
    height: 4px;
    top: 5px;
}
[dir] .mi-checkbox__input.is-indeterminate .mi-checkbox__inner:before {
    background-color: var(--mi-checkbox-checked-icon-color);
    transform: scale(0.5);
}
[dir="ltr"] .mi-checkbox__input.is-indeterminate .mi-checkbox__inner:before,
[dir="rtl"] .mi-checkbox__input.is-indeterminate .mi-checkbox__inner:before {
    right: 0;
    left: 0;
}
.mi-checkbox__input.is-indeterminate .mi-checkbox__inner:after {
    display: none;
}
[dir] .mi-checkbox__input.is-indeterminate.is-main .mi-checkbox__inner {
    background-color: var(--mi-checkbox-checked-bg-color-main);
    border-color: var(--mi-checkbox-checked-input-border-color-main);
}
[dir] .mi-checkbox__input.is-disabled .mi-checkbox__inner {
    background-color: var(--mi-checkbox-disabled-input-fill);
    border-color: var(--mi-checkbox-disabled-border-color);
    cursor: not-allowed;
}
[dir] .mi-checkbox__input.is-disabled .mi-checkbox__inner:after {
    cursor: not-allowed;
    border-color: var(--mi-checkbox-disabled-icon-color);
}
[dir] .mi-checkbox__input.is-disabled.is-checked .mi-checkbox__inner,
[dir] .mi-checkbox__input.is-disabled.is-indeterminate .mi-checkbox__inner {
    background-color: var(--mi-checkbox-disabled-checked-input-fill);
    border-color: var(--mi-checkbox-disabled-checked-input-border-color);
}
[dir] .mi-checkbox__input.is-disabled.is-checked .mi-checkbox__inner:after {
    border-color: var(--mi-checkbox-disabled-checked-icon-color);
}
[dir] .mi-checkbox__input.is-disabled.is-indeterminate .mi-checkbox__inner:before {
    background-color: var(--mi-checkbox-disabled-checked-icon-color);
    border-color: var(--mi-checkbox-disabled-checked-icon-color);
}
.mi-checkbox__input.is-disabled + span.mi-checkbox__label {
    color: var(--mi-disabled-text-color);
}
.mi-checkbox__inner {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    width: var(--mi-checkbox-input-width);
    height: var(--mi-checkbox-input-height);
    z-index: var(--mi-index-normal);
    transition:
        border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),
        background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),
        outline 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}
[dir] .mi-checkbox__inner {
    border: var(--mi-checkbox-input-border);
    border-radius: var(--mi-checkbox-border-radius);
    background-color: var(--mi-checkbox-bg-color);
}
[dir] .mi-checkbox__inner:hover {
    border-color: var(--mi-checkbox-input-border-color-hover);
}
.mi-checkbox__inner:after {
    box-sizing: content-box;
    content: "";
    height: 7px;
    position: absolute;
    top: 1.5px;
    width: 3px;
    transition: transform 0.15s ease-in 50ms;
}
[dir] .mi-checkbox__inner:after {
    border: 2px solid var(--mi-checkbox-checked-icon-color);
    border-top: 0;
    transform-origin: center;
}
[dir="ltr"] .mi-checkbox__inner:after {
    border-left: 0;
    left: 4.5px;
    transform: rotate(45deg) scaleY(0);
}
[dir="rtl"] .mi-checkbox__inner:after {
    border-right: 0;
    right: 4.5px;
    transform: rotate(-45deg) scaleY(0);
}
.mi-checkbox__original {
    opacity: 0;
    outline: 0;
    position: absolute;
    width: 0;
    height: 0;
    z-index: -1;
}
[dir] .mi-checkbox__original {
    margin: 0;
}
.mi-checkbox__label {
    display: inline-block;
    line-height: 1;
    font-size: var(--mi-checkbox-font-size);
}
[dir="ltr"] .mi-checkbox__label {
    padding-left: 8px;
}
[dir="rtl"] .mi-checkbox__label {
    padding-right: 8px;
}
.mi-checkbox__label-rtl {
    -webkit-padding-start: 8px;
    padding-inline-start: 8px;
}
[dir="ltr"] .mi-checkbox__label-rtl {
    padding-left: unset;
}
[dir="rtl"] .mi-checkbox__label-rtl {
    padding-right: unset;
}
.mi-checkbox.mi-checkbox--large {
    height: 48px;
}
.mi-checkbox.mi-checkbox--large .mi-checkbox__label {
    font-size: 14px;
}
.mi-checkbox.mi-checkbox--large .mi-checkbox__inner {
    width: 14px;
    height: 14px;
}
.mi-checkbox.mi-checkbox--small {
    height: 24px;
}
.mi-checkbox.mi-checkbox--small .mi-checkbox__label {
    font-size: 12px;
}
.mi-checkbox.mi-checkbox--small .mi-checkbox__inner {
    width: 12px;
    height: 12px;
}
.mi-checkbox.mi-checkbox--small .mi-checkbox__input.is-indeterminate .mi-checkbox__inner:before {
    top: 4px;
}
.mi-checkbox.mi-checkbox--small .mi-checkbox__inner:after {
    width: 2px;
    height: 6px;
}
[dir="ltr"] .mi-checkbox.mi-checkbox--small .mi-checkbox__inner:after {
    left: 3.5px;
    right: 0.5px;
}
[dir="rtl"] .mi-checkbox.mi-checkbox--small .mi-checkbox__inner:after {
    right: 3.5px;
    left: 0.5px;
}
[dir="ltr"] .mi-checkbox:last-of-type {
    margin-right: 0;
}
[dir="rtl"] .mi-checkbox:last-of-type {
    margin-left: 0;
}
.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
    transition: var(--mi-transition-fade-linear);
}
.fade-in-linear-enter-from,
.fade-in-linear-leave-to {
    opacity: 0;
}
.mi-fade-in-linear-enter-active,
.mi-fade-in-linear-leave-active {
    transition: var(--mi-transition-fade-linear);
}
.mi-fade-in-linear-enter-from,
.mi-fade-in-linear-leave-to {
    opacity: 0;
}
.mi-fade-in-enter-active,
.mi-fade-in-leave-active {
    transition: all var(--mi-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}
.mi-fade-in-enter-from,
.mi-fade-in-leave-active {
    opacity: 0;
}
.mi-zoom-in-center-enter-active,
.mi-zoom-in-center-leave-active {
    transition: all var(--mi-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}
.mi-zoom-in-center-enter-from,
.mi-zoom-in-center-leave-active {
    opacity: 0;
}
[dir] .mi-zoom-in-center-enter-from,
[dir] .mi-zoom-in-center-leave-active {
    transform: scaleX(0);
}
.mi-zoom-in-top-enter-active {
    opacity: 1;
}
.mi-zoom-in-top-enter-active,
.mi-zoom-in-top-leave-active {
    transition: var(--mi-transition-md-fade);
}
[dir] .mi-zoom-in-top-enter-active {
    transform: scaleY(1);
    transform-origin: center top;
}
[dir] .mi-zoom-in-top-leave-active {
    transform-origin: center top;
}
[dir] .mi-zoom-in-top-enter-active[data-popper-placement^="top"],
[dir] .mi-zoom-in-top-leave-active[data-popper-placement^="top"] {
    transform-origin: center bottom;
}
.mi-zoom-in-top-enter-from,
.mi-zoom-in-top-leave-active {
    opacity: 0;
}
[dir] .mi-zoom-in-top-enter-from,
[dir] .mi-zoom-in-top-leave-active {
    transform: scaleY(0);
}
.mi-zoom-in-bottom-enter-active {
    opacity: 1;
}
.mi-zoom-in-bottom-enter-active,
.mi-zoom-in-bottom-leave-active {
    transition: var(--mi-transition-md-fade);
}
[dir] .mi-zoom-in-bottom-enter-active {
    transform: scaleY(1);
    transform-origin: center bottom;
}
[dir] .mi-zoom-in-bottom-leave-active {
    transform-origin: center bottom;
}
.mi-zoom-in-bottom-enter-from,
.mi-zoom-in-bottom-leave-active {
    opacity: 0;
}
[dir] .mi-zoom-in-bottom-enter-from,
[dir] .mi-zoom-in-bottom-leave-active {
    transform: scaleY(0);
}
.mi-zoom-in-left-enter-active {
    opacity: 1;
}
.mi-zoom-in-left-enter-active,
.mi-zoom-in-left-leave-active {
    transition: var(--mi-transition-md-fade);
}
[dir] .mi-zoom-in-left-enter-active {
    transform: scale(1);
}
[dir="ltr"] .mi-zoom-in-left-enter-active,
[dir="ltr"] .mi-zoom-in-left-leave-active {
    transform-origin: top left;
}
[dir="rtl"] .mi-zoom-in-left-enter-active,
[dir="rtl"] .mi-zoom-in-left-leave-active {
    transform-origin: top right;
}
.mi-zoom-in-left-enter-from,
.mi-zoom-in-left-leave-active {
    opacity: 0;
}
[dir] .mi-zoom-in-left-enter-from,
[dir] .mi-zoom-in-left-leave-active {
    transform: scale(0.45);
}
.collapse-transition {
    transition:
        var(--mi-transition-duration) height ease-in-out,
        var(--mi-transition-duration) padding-top ease-in-out,
        var(--mi-transition-duration) padding-bottom ease-in-out;
}
.mi-collapse-transition-enter-active,
.mi-collapse-transition-leave-active {
    transition:
        var(--mi-transition-duration) max-height ease-in-out,
        var(--mi-transition-duration) padding-top ease-in-out,
        var(--mi-transition-duration) padding-bottom ease-in-out;
}
[dir="ltr"] .horizontal-collapse-transition {
    transition:
        var(--mi-transition-duration) width ease-in-out,
        var(--mi-transition-duration) padding-left ease-in-out,
        var(--mi-transition-duration) padding-right ease-in-out;
}
[dir="rtl"] .horizontal-collapse-transition {
    transition:
        var(--mi-transition-duration) width ease-in-out,
        var(--mi-transition-duration) padding-right ease-in-out,
        var(--mi-transition-duration) padding-left ease-in-out;
}
.mi-list-enter-active,
.mi-list-leave-active {
    transition: all 1s;
}
.mi-list-enter-from,
.mi-list-leave-to {
    opacity: 0;
}
[dir] .mi-list-enter-from,
[dir] .mi-list-leave-to {
    transform: translateY(-30px);
}
.mi-list-leave-active {
    position: absolute !important;
}
.mi-opacity-transition {
    transition: opacity var(--mi-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}
.mi-collapse {
    --mi-collapse-border-color: var(--mi-border-color-lighter);
    --mi-collapse-header-height: 48px;
    --mi-collapse-padding-horizontal: 25px;
    --mi-collapse-header-bg-color: var(--mi-fill-color-blank);
    --mi-collapse-header-text-color: var(--mi-text-color-primary);
    --mi-collapse-header-font-size: 13px;
    --mi-collapse-content-bg-color: var(--mi-fill-color-blank);
    --mi-collapse-content-font-size: 13px;
    --mi-collapse-content-text-color: var(--mi-text-color-tertiary);
}
[dir] .mi-collapse {
    border: 1px solid var(--mi-collapse-border-color);
    border-radius: 8px;
}
.mi-collapse-item.is-disabled .mi-collapse-item__header {
    color: var(--mi-text-color-disabled);
}
[dir] .mi-collapse-item.is-disabled .mi-collapse-item__header {
    cursor: not-allowed;
}
.mi-collapse-item__header {
    display: flex;
    align-items: center;
    color: var(--mi-collapse-header-text-color);
    font-size: var(--mi-font-size-base);
    font-weight: 600;
    transition: border-bottom-color var(--mi-transition-duration);
    outline: 0;
    line-height: 140%;
}
[dir] .mi-collapse-item__header {
    cursor: pointer;
    border-bottom: 1px solid var(--mi-collapse-border-color);
    padding: 16px;
}
.mi-collapse-item__arrow {
    transition: transform var(--mi-transition-duration);
    font-weight: 300;
}
[dir="ltr"] .mi-collapse-item__arrow {
    margin: 0 0 0 auto;
}
[dir="rtl"] .mi-collapse-item__arrow {
    margin: 0 auto 0 0;
}
[dir="ltr"] .mi-collapse-item__arrow-rtl {
    margin: 0 auto 0 0;
    transform: rotate(180deg);
}
[dir="rtl"] .mi-collapse-item__arrow-rtl {
    margin: 0 0 0 auto;
    transform: rotate(-180deg);
}
[dir="ltr"] .mi-collapse-item__arrow.is-active,
[dir="ltr"] .mi-tabs--left .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-next i,
[dir="ltr"] .mi-tabs--left .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-prev i,
[dir="ltr"] .mi-tabs--left .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-next i,
[dir="ltr"] .mi-tabs--left .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-prev i,
[dir="ltr"] .mi-tabs--right .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-next i,
[dir="ltr"] .mi-tabs--right .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-prev i,
[dir="ltr"] .mi-tabs--right .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-next i,
[dir="ltr"] .mi-tabs--right .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-prev i {
    transform: rotate(90deg);
}
[dir="rtl"] .mi-collapse-item__arrow.is-active,
[dir="rtl"] .mi-tabs--left .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-next i,
[dir="rtl"] .mi-tabs--left .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-prev i,
[dir="rtl"] .mi-tabs--left .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-next i,
[dir="rtl"] .mi-tabs--left .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-prev i,
[dir="rtl"] .mi-tabs--right .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-next i,
[dir="rtl"] .mi-tabs--right .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-prev i,
[dir="rtl"] .mi-tabs--right .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-next i,
[dir="rtl"] .mi-tabs--right .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-prev i {
    transform: rotate(-90deg);
}
.mi-collapse-item__header.focusing:focus:not(:hover) {
    color: var(--mi-color-primary);
}
[dir] .mi-collapse-item__header.is-active {
    border-bottom-color: transparent;
}
.mi-collapse-item__wrap {
    will-change: height;
    overflow: hidden;
    box-sizing: border-box;
}
[dir] .mi-collapse-item__wrap {
    border-bottom: 1px solid var(--mi-collapse-border-color);
}
.mi-collapse-item__content {
    font-size: var(--mi-font-size-base);
    color: var(--mi-text-color-tertiary);
    line-height: 1.7692307692;
}
[dir] .mi-collapse-item__content {
    padding: 0 16px 16px;
}
[dir] .mi-collapse-item:last-child {
    margin-bottom: -1px;
}
[dir] .mi-collapse-item:last-child .mi-collapse-item__header,
[dir] .mi-collapse-item:last-child .mi-collapse-item__wrap {
    border-bottom: 0;
}
.mi-tooltip__popper.mi-popper {
    line-height: 1.4;
    font-weight: 400;
    color: var(--mi-color-white) !important;
}
[dir] .mi-tooltip__popper.mi-popper {
    border-radius: 8px;
    padding: 6px 12px;
    background: var(--mi-bg-color-popup) !important;
    border: 0 !important;
}
[dir] .mi-tooltip__popper.mi-popper .mi-popper__arrow:before {
    border-color: var(--mi-bg-color-popup) !important;
    background: var(--mi-bg-color-popup) !important;
}
.mi-popper {
    --mi-popper-border-radius: var(--mi-popover-border-radius, 4px);
    position: absolute;
    z-index: 2000;
    font-size: 14px;
    line-height: 22px;
    min-width: 10px;
    word-wrap: break-word;
    visibility: visible;
}
[dir] .mi-popper {
    border-radius: var(--mi-popper-border-radius);
    padding: 8px 12px;
}
[dir="ltr"] .mi-popper-rtl {
    direction: rtl;
}
[dir="rtl"] .mi-popper-rtl {
    direction: ltr;
}
.mi-popper.is-dark,
.mi-popper.is-light {
    color: var(--mi-bg-color);
}
[dir] .mi-popper.is-dark,
[dir] .mi-popper.is-dark .mi-popper__arrow:before {
    border: 1px solid var(--mi-text-color-primary);
    background: var(--mi-text-color-primary);
}
[dir="ltr"] .mi-popper.is-dark .mi-popper__arrow:before {
    right: 0;
}
[dir="rtl"] .mi-popper.is-dark .mi-popper__arrow:before {
    left: 0;
}
[dir] .mi-popper.is-light {
    background: var(--mi-bg-color-popup);
}
[dir] .mi-popper.is-light .mi-popper__arrow:before {
    border: 1px solid var(--mi-border-color-light);
    background: var(--mi-bg-color-popup);
}
[dir="ltr"] .mi-popper.is-light .mi-popper__arrow:before {
    right: 0;
}
[dir="rtl"] .mi-popper.is-light .mi-popper__arrow:before {
    left: 0;
}
[dir] .mi-popper.is-pure {
    padding: 0;
}
.mi-popper__arrow,
.mi-popper__arrow:before {
    position: absolute;
    width: 10px;
    height: 10px;
    z-index: -1;
}
.mi-popper__arrow:before {
    content: " ";
    box-sizing: border-box;
}
[dir] .mi-popper__arrow:before {
    background: var(--mi-text-color-primary);
}
[dir="ltr"] .mi-popper__arrow:before {
    transform: rotate(45deg);
}
[dir="rtl"] .mi-popper__arrow:before {
    transform: rotate(-45deg);
}
.mi-popper[data-popper-placement^="top"] > .mi-popper__arrow {
    bottom: -3px;
}
[dir="ltr"] .mi-popper[data-popper-placement^="top"] > .mi-popper__arrow:before {
    border-bottom-right-radius: 0;
}
[dir="rtl"] .mi-popper[data-popper-placement^="top"] > .mi-popper__arrow:before {
    border-bottom-left-radius: 0;
}
.mi-popper[data-popper-placement^="bottom"] > .mi-popper__arrow {
    top: -3px;
}
[dir="ltr"] .mi-popper[data-popper-placement^="bottom"] > .mi-popper__arrow:before {
    border-top-left-radius: 0;
}
[dir="ltr"] .mi-popper[data-popper-placement^="left"] > .mi-popper__arrow:before,
[dir="rtl"] .mi-popper[data-popper-placement^="bottom"] > .mi-popper__arrow:before {
    border-top-right-radius: 0;
}
[dir="ltr"] .mi-popper[data-popper-placement^="left"] > .mi-popper__arrow {
    right: -3px;
}
[dir="ltr"] .mi-popper[data-popper-placement^="right"] > .mi-popper__arrow,
[dir="rtl"] .mi-popper[data-popper-placement^="left"] > .mi-popper__arrow {
    left: -3px;
}
[dir="rtl"] .mi-popper[data-popper-placement^="left"] > .mi-popper__arrow:before {
    border-top-left-radius: 0;
}
[dir="rtl"] .mi-popper[data-popper-placement^="right"] > .mi-popper__arrow {
    right: -3px;
}
[dir="ltr"] .mi-popper[data-popper-placement^="right"] > .mi-popper__arrow:before {
    border-bottom-left-radius: 0;
}
[dir="rtl"] .mi-popper[data-popper-placement^="right"] > .mi-popper__arrow:before {
    border-bottom-right-radius: 0;
}
[dir] .mi-popper[data-popper-placement^="top"] .mi-popper__arrow:before {
    border-top-color: transparent !important;
}
[dir="ltr"] .mi-popper[data-popper-placement^="top"] .mi-popper__arrow:before {
    border-left-color: transparent !important;
}
[dir="rtl"] .mi-popper[data-popper-placement^="top"] .mi-popper__arrow:before {
    border-right-color: transparent !important;
}
[dir] .mi-popper[data-popper-placement^="bottom"] .mi-popper__arrow:before {
    border-bottom-color: transparent !important;
}
[dir="ltr"] .mi-popper[data-popper-placement^="bottom"] .mi-popper__arrow:before {
    border-right-color: transparent !important;
}
[dir="rtl"] .mi-popper[data-popper-placement^="bottom"] .mi-popper__arrow:before {
    border-left-color: transparent !important;
}
[dir] .mi-popper[data-popper-placement^="left"] .mi-popper__arrow:before {
    border-bottom-color: transparent !important;
}
[dir="ltr"] .mi-popper[data-popper-placement^="left"] .mi-popper__arrow:before {
    border-left-color: transparent !important;
}
[dir="rtl"] .mi-popper[data-popper-placement^="left"] .mi-popper__arrow:before {
    border-right-color: transparent !important;
}
[dir] .mi-popper[data-popper-placement^="right"] .mi-popper__arrow:before {
    border-top-color: transparent !important;
}
[dir="ltr"] .mi-popper[data-popper-placement^="right"] .mi-popper__arrow:before {
    border-right-color: transparent !important;
}
[dir="rtl"] .mi-popper[data-popper-placement^="right"] .mi-popper__arrow:before {
    border-left-color: transparent !important;
}
.mi-switch,
.mi-switch__label {
    font-size: 14px;
    vertical-align: middle;
}
.mi-switch {
    --mi-switch-on-color: var(--ds-color-function-brand);
    --mi-switch-off-color: var(--mi-border-color-secondary);
    --mi-switch-hover-on-color: var(--ds-color-function-brand);
    --mi-switch-hover-off-color: var(--mi-border-color-primary);
    --mi-switch-bg-color: var(--mi-color-white);
    --mi-switch-disabled-color: var(--ds-color-bit-color-primary-disabled);
    display: inline-flex;
    align-items: center;
    position: relative;
    line-height: 20px;
    height: 32px;
}
[dir="ltr"] .mi-switch-rtl {
    direction: rtl;
}
[dir="rtl"] .mi-switch-rtl {
    direction: ltr;
}
.mi-switch__label {
    transition: var(--mi-transition-duration-fast);
    height: 20px;
    display: inline-block;
    font-weight: 500;
    color: var(--mi-text-color-primary);
}
[dir] .mi-switch__label {
    cursor: pointer;
}
.mi-switch__label.is-active {
    color: var(--mi-color-primary);
}
[dir="ltr"] .mi-switch__label--left {
    margin-right: 10px;
}
[dir="rtl"] .mi-switch__label--left {
    margin-left: 10px;
}
.mi-switch__label--left-rtl {
    -webkit-margin-end: 10px;
    margin-inline-end: 10px;
}
[dir="ltr"] .mi-switch__label--left-rtl {
    margin-right: unset;
}
[dir="rtl"] .mi-switch__label--left-rtl {
    margin-left: unset;
}
[dir="ltr"] .mi-switch__label--right {
    margin-left: 10px;
}
[dir="rtl"] .mi-switch__label--right {
    margin-right: 10px;
}
.mi-switch__label--right-rtl {
    -webkit-margin-start: 10px;
    margin-inline-start: 10px;
}
[dir="ltr"] .mi-switch__label--right-rtl {
    margin-left: unset;
}
[dir="rtl"] .mi-switch__label--right-rtl {
    margin-right: unset;
}
.mi-switch__label * {
    line-height: 1;
    font-size: 14px;
    display: inline-block;
}
.mi-switch__label .mi-icon {
    height: inherit;
}
.mi-switch__label .mi-icon svg,
.mi-tabs__new-tab .is-icon-plus svg {
    vertical-align: middle;
}
.mi-switch__input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}
[dir] .mi-switch__input {
    margin: 0;
}
.mi-switch__input:focus-visible ~ .mi-switch__core {
    outline: 2px solid var(--mi-switch-on-color);
    outline-offset: 1px;
}
.mi-switch__core {
    display: inline-flex;
    position: relative;
    align-items: center;
    min-width: 36px;
    height: 20px;
    outline: 0;
    box-sizing: border-box;
    transition:
        border-color var(--mi-transition-duration),
        background-color var(--mi-transition-duration);
}
[dir] .mi-switch__core {
    border: 1px solid var(--mi-switch-border-color, var(--mi-switch-off-color));
    border-radius: 10px;
    background: var(--mi-switch-off-color);
    cursor: pointer;
}
[dir] .mi-switch__core:hover {
    border: 1px solid var(--mi-switch-border-color, var(--mi-switch-hover-off-color));
}
.mi-switch__core .mi-switch__action,
.mi-switch__core .mi-switch__inner {
    transition: all var(--mi-transition-duration);
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.mi-switch__core .mi-switch__inner {
    width: 100%;
    overflow: hidden;
}
[dir="ltr"] .mi-switch__core .mi-switch__inner {
    padding: 0 4px 0 18px;
}
[dir="rtl"] .mi-switch__core .mi-switch__inner {
    padding: 0 18px 0 4px;
}
.mi-switch__core .mi-switch__inner .is-icon,
.mi-switch__core .mi-switch__inner .is-text {
    font-size: 12px;
    color: var(--mi-color-white);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mi-switch__core .mi-switch__action {
    position: absolute;
    width: 16px;
    color: var(--mi-switch-off-color);
}
[dir] .mi-switch__core .mi-switch__action {
    border-radius: var(--mi-border-radius-circle);
    background-color: var(--mi-switch-bg-color);
}
[dir="ltr"] .mi-switch__core .mi-switch__action {
    left: 1px;
}
[dir="rtl"] .mi-switch__core .mi-switch__action {
    right: 1px;
}
[dir="ltr"] .mi-switch__core .mi-switch__action-rtl {
    left: unset;
    right: 1px;
}
[dir="rtl"] .mi-switch__core .mi-switch__action-rtl {
    right: unset;
    left: 1px;
}
[dir] .mi-switch.is-checked .mi-switch__core {
    border-color: var(--mi-switch-border-color, var(--mi-switch-on-color));
    background-color: var(--mi-switch-on-color);
}
[dir] .mi-switch.is-checked .mi-switch__core:hover {
    border: 1px solid var(--mi-switch-border-color, var(--mi-switch-hover-on-color));
}
.mi-switch.is-checked .mi-switch__core .mi-switch__action {
    color: var(--mi-switch-on-color);
}
[dir="ltr"] .mi-switch.is-checked .mi-switch__core .mi-switch__action {
    left: calc(100% - 17px);
}
[dir="rtl"] .mi-switch.is-checked .mi-switch__core .mi-switch__action {
    right: calc(100% - 17px);
}
[dir="ltr"] .mi-switch.is-checked .mi-switch__core .mi-switch__action-rtl {
    left: unset;
    right: calc(100% - 17px);
}
[dir="rtl"] .mi-switch.is-checked .mi-switch__core .mi-switch__action-rtl {
    right: unset;
    left: calc(100% - 17px);
}
[dir="ltr"] .mi-switch.is-checked .mi-switch__core .mi-switch__inner {
    padding: 0 18px 0 4px;
}
[dir="ltr"] .mi-switch.is-checked .mi-switch__core .mi-switch__inner-rtl,
[dir="rtl"] .mi-switch.is-checked .mi-switch__core .mi-switch__inner {
    padding: 0 4px 0 18px;
}
[dir="rtl"] .mi-switch.is-checked .mi-switch__core .mi-switch__inner-rtl {
    padding: 0 18px 0 4px;
}
.mi-switch.is-disabled {
    opacity: 0.4;
}
[dir] .mi-switch.is-disabled .mi-switch__core,
[dir] .mi-switch.is-disabled .mi-switch__label {
    background-color: var(--mi-switch-disabled-color);
    border: 1px solid var(--mi-switch-disabled-color);
    cursor: not-allowed;
}
[dir="ltr"] .mi-switch--wide .mi-switch__label.mi-switch__label--left span {
    left: 10px;
}
[dir="rtl"] .mi-switch--wide .mi-switch__label.mi-switch__label--left span {
    right: 10px;
}
[dir="ltr"] .mi-switch--wide .mi-switch__label.mi-switch__label--left-rtl span {
    left: unset;
    right: 10px;
}
[dir="rtl"] .mi-switch--wide .mi-switch__label.mi-switch__label--left-rtl span {
    right: unset;
    left: 10px;
}
[dir="ltr"] .mi-switch--wide .mi-switch__label.mi-switch__label--right span {
    right: 10px;
}
[dir="rtl"] .mi-switch--wide .mi-switch__label.mi-switch__label--right span {
    left: 10px;
}
[dir="ltr"] .mi-switch--wide .mi-switch__label.mi-switch__label--right-rtl span {
    right: unset;
    left: 10px;
}
[dir="rtl"] .mi-switch--wide .mi-switch__label.mi-switch__label--right-rtl span {
    left: unset;
    right: 10px;
}
.mi-switch .label-fade-enter-from,
.mi-switch .label-fade-leave-active {
    opacity: 0;
}
.mi-switch--large {
    font-size: 14px;
    line-height: 24px;
    height: 40px;
}
.mi-switch--large .mi-switch__label {
    height: 24px;
    font-size: 14px;
}
.mi-switch--large .mi-switch__label * {
    font-size: 14px;
}
.mi-switch--large .mi-switch__core {
    min-width: 44px;
    height: 24px;
}
[dir] .mi-switch--large .mi-switch__core {
    border-radius: 12px;
}
.mi-switch--large .mi-switch__core .mi-switch__inner {
    height: 20px;
}
[dir="ltr"] .mi-switch--large .mi-switch__core .mi-switch__inner {
    padding: 0 6px 0 22px;
}
[dir="rtl"] .mi-switch--large .mi-switch__core .mi-switch__inner {
    padding: 0 22px 0 6px;
}
.mi-switch--large .mi-switch__core .mi-switch__action {
    width: 20px;
    height: 20px;
}
[dir="ltr"] .mi-switch--large.is-checked .mi-switch__core .mi-switch__action {
    left: calc(100% - 21px);
}
[dir="rtl"] .mi-switch--large.is-checked .mi-switch__core .mi-switch__action {
    right: calc(100% - 21px);
}
[dir="ltr"] .mi-switch--large.is-checked .mi-switch__core .mi-switch__action-rtl {
    left: unset;
    right: calc(100% - 21px);
}
[dir="rtl"] .mi-switch--large.is-checked .mi-switch__core .mi-switch__action-rtl {
    right: unset;
    left: calc(100% - 21px);
}
[dir="ltr"] .mi-switch--large.is-checked .mi-switch__core .mi-switch__inner {
    padding: 0 22px 0 6px;
}
[dir="rtl"] .mi-switch--large.is-checked .mi-switch__core .mi-switch__inner {
    padding: 0 6px 0 22px;
}
.mi-switch--small {
    font-size: 12px;
    line-height: 16px;
    height: 24px;
}
.mi-switch--small .mi-switch__label {
    height: 16px;
    font-size: 12px;
}
.mi-switch--small .mi-switch__label * {
    font-size: 12px;
}
.mi-switch--small .mi-switch__core {
    min-width: 28px;
    height: 16px;
}
[dir] .mi-switch--small .mi-switch__core {
    border-radius: 8px;
}
.mi-switch--small .mi-switch__core .mi-switch__inner {
    height: 12px;
}
[dir="ltr"] .mi-switch--small .mi-switch__core .mi-switch__inner {
    padding: 0 2px 0 14px;
}
[dir="rtl"] .mi-switch--small .mi-switch__core .mi-switch__inner {
    padding: 0 14px 0 2px;
}
.mi-switch--small .mi-switch__core .mi-switch__action {
    width: 12px;
    height: 12px;
}
[dir="ltr"] .mi-switch--small.is-checked .mi-switch__core .mi-switch__action {
    left: calc(100% - 13px);
}
[dir="rtl"] .mi-switch--small.is-checked .mi-switch__core .mi-switch__action {
    right: calc(100% - 13px);
}
[dir="ltr"] .mi-switch--small.is-checked .mi-switch__core .mi-switch__action-rtl {
    left: unset;
    right: calc(100% - 13px);
}
[dir="rtl"] .mi-switch--small.is-checked .mi-switch__core .mi-switch__action-rtl {
    right: unset;
    left: calc(100% - 13px);
}
[dir="ltr"] .mi-switch--small.is-checked .mi-switch__core .mi-switch__inner {
    padding: 0 14px 0 2px;
}
[dir="rtl"] .mi-switch--small.is-checked .mi-switch__core .mi-switch__inner {
    padding: 0 2px 0 14px;
}
.mi-tabs {
    --mi-tabs-header-height: 40px;
    --mi-tabs-line-large-height-line: 52px;
    --mi-tabs-line-standard-height-line: 40px;
    --mi-tabs-line-small-height-line: 32px;
    --mi-tabs-line-large-font-size: 16px;
    --mi-tabs-line-standard-font-size: 14px;
    --mi-tabs-line-small-font-size: 12px;
    --mi-tabs-large-font-size: 32px;
    --mi-tabs-large-font-size-active: 40px;
    --mi-tabs-standard-font-size: 24px;
    --mi-tabs-small-font-size: 16px;
}
[dir="ltr"] .mi-tabs-rtl {
    direction: rtl;
}
[dir="rtl"] .mi-tabs-rtl {
    direction: ltr;
}
.mi-tabs__header {
    position: relative;
}
[dir] .mi-tabs__header {
    padding: 0;
    margin: 0 0 16px;
}
[dir] .mi-tabs__header.is-top.no-margin {
    margin: 0;
}
.mi-tabs__active-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    background-color: transparent;
    z-index: 1;
    transition:
        width var(--mi-transition-duration) var(--mi-transition-function-ease-in-out-bezier),
        transform var(--mi-transition-duration) var(--mi-transition-function-ease-in-out-bezier);
    list-style: none;
}
[dir="rtl"] .mi-tabs__active-bar {
    left: unset;
}
.mi-tabs__new-tab {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    width: 20px;
    line-height: 20px;
    font-size: 12px;
    color: var(--mi-text-color-primary);
    transition: all 0.15s;
}
[dir] .mi-tabs__new-tab {
    border: 1px solid var(--mi-border-color);
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
}
[dir="ltr"] .mi-tabs__new-tab {
    float: right;
    margin: 10px 0 10px 10px;
}
[dir="rtl"] .mi-tabs__new-tab {
    float: left;
    margin: 10px 10px 10px 0;
}
.mi-tabs__new-tab .is-icon-plus {
    height: inherit;
    width: inherit;
}
[dir] .mi-tabs__new-tab .is-icon-plus {
    transform: scale(0.8);
}
.mi-tabs__new-tab:hover {
    color: var(--mi-text-color-primary);
}
[dir="ltr"] .mi-tabs__new-tab-rtl {
    float: left;
    margin: 10px 10px 10px 0;
}
[dir="rtl"] .mi-tabs__new-tab-rtl {
    float: right;
    margin: 10px 0 10px 10px;
}
.mi-tabs__nav-wrap {
    overflow: hidden;
    position: relative;
}
[dir] .mi-tabs__nav-wrap {
    margin-bottom: -1px;
}
.mi-tabs__nav-wrap:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0;
    z-index: var(--mi-index-normal);
}
[dir] .mi-tabs__nav-wrap:after {
    background-color: var(--mi-border-color-light);
}
[dir="ltr"] .mi-tabs__nav-wrap:after {
    left: 0;
}
[dir="rtl"] .mi-tabs__nav-wrap:after {
    right: 0;
}
.mi-tabs__nav-wrap.is-scrollable {
    box-sizing: border-box;
}
[dir] .mi-tabs__nav-wrap.is-scrollable {
    padding: 0 20px;
}
.mi-tabs__nav-scroll {
    overflow: hidden;
}
.mi-tabs__nav-next,
.mi-tabs__nav-prev {
    position: absolute;
    line-height: 44px;
    font-size: 12px;
    color: var(--mi-text-color-secondary);
    width: 20px;
}
[dir] .mi-tabs__nav-next,
[dir] .mi-tabs__nav-prev {
    cursor: pointer;
    text-align: center;
}
[dir="ltr"] .mi-tabs__nav-next {
    right: 0;
}
[dir="ltr"] .mi-tabs__nav-prev,
[dir="rtl"] .mi-tabs__nav-next {
    left: 0;
}
[dir="rtl"] .mi-tabs__nav-prev {
    right: 0;
}
.mi-tabs__nav {
    white-space: nowrap;
    position: relative;
    transition: transform var(--mi-transition-duration);
    z-index: calc(var(--mi-index-normal) + 1);
}
[dir="ltr"] .mi-tabs__nav {
    float: left;
}
[dir="ltr"] .mi-tabs__nav-rtl,
[dir="rtl"] .mi-tabs__nav {
    float: right;
}
[dir="rtl"] .mi-tabs__nav-rtl {
    float: left;
}
.mi-tabs__nav.is-stretch {
    min-width: 100%;
    display: flex;
}
.mi-tabs__nav.is-stretch > * {
    flex: 1;
}
[dir] .mi-tabs__nav.is-stretch > * {
    text-align: center;
}
.mi-tabs__item {
    height: var(--mi-tabs-header-height);
    box-sizing: border-box;
    line-height: var(--mi-tabs-header-height);
    display: inline-block;
    list-style: none;
    font-size: var(--mi-font-size-base);
    font-weight: 500;
    color: var(--mi-text-color-tertiary);
    position: relative;
}
[dir] .mi-tabs__item {
    padding: 0 16px;
}
.mi-tabs__item:focus,
.mi-tabs__item:focus:active {
    outline: 0;
}
[dir] .mi-tabs__item:focus-visible {
    box-shadow: 0 0 2px 2px var(--mi-text-color-primary) inset;
    border-radius: 3px;
}
.mi-tabs__item .is-icon-close {
    transition: all var(--mi-transition-duration) var(--mi-transition-function-ease-in-out-bezier);
}
[dir] .mi-tabs__item .is-icon-close {
    border-radius: 50%;
    text-align: center;
}
[dir="ltr"] .mi-tabs__item .is-icon-close {
    margin-left: 5px;
}
[dir="rtl"] .mi-tabs__item .is-icon-close {
    margin-right: 5px;
}
.mi-tabs__item .is-icon-close:before {
    display: inline-block;
}
[dir] .mi-tabs__item .is-icon-close:before {
    transform: scale(0.9);
}
.mi-tabs__item .is-icon-close:hover {
    color: var(--ds-color-always-white);
}
[dir] .mi-tabs__item .is-icon-close:hover {
    background-color: var(--mi-text-color-placeholder);
}
[dir] .mi-tabs__item .is-icon-close svg {
    margin-top: 1px;
}
.mi-tabs__item-rtl .is-icon-close {
    -webkit-margin-start: 5px;
    margin-inline-start: 5px;
}
[dir="ltr"] .mi-tabs__item-rtl .is-icon-close {
    margin-left: unset;
}
[dir="rtl"] .mi-tabs__item-rtl .is-icon-close {
    margin-right: unset;
}
.mi-tabs__item.is-active,
.mi-tabs__item:hover {
    color: var(--mi-text-color-primary);
}
[dir] .mi-tabs__item:hover {
    cursor: pointer;
}
.mi-tabs__item.is-disabled {
    color: var(--mi-disabled-text-color);
}
[dir] .mi-tabs__item.is-disabled {
    cursor: not-allowed;
}
.mi-tabs__content {
    overflow: hidden;
    position: relative;
}
.mi-tabs.is-primary .mi-tabs__active-bar.is-line {
    background-color: var(--mi-color-primary);
}
.mi-tabs.is-primary .mi-tabs__item.is-active,
.mi-tabs.is-primary .mi-tabs__item:hover,
.mi-tabs.is-primary .mi-tabs__new-tab:hover,
.mi-tabs.is-primary.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item.is-active {
    color: var(--mi-color-primary);
}
.mi-tabs.is-primary .mi-tabs__item {
    color: var(--mi-text-color-secondary);
}
.mi-tabs.is-primary.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item:not(.is-disabled):hover {
    color: var(--mi-color-primary);
}
.mi-tabs.is-line .mi-tabs__nav-wrap:after {
    height: 1px;
}
.mi-tabs.is-line .mi-tabs__nav-next,
.mi-tabs.is-line .mi-tabs__nav-prev {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mi-tabs.is-line .mi-tabs__active-bar {
    background-color: var(--mi-bg-color-inverse-primary);
}
.mi-tabs.is-line.mi-tabs--large .mi-tabs__item {
    height: var(--mi-tabs-line-large-height-line);
    line-height: var(--mi-tabs-line-large-height-line);
    font-size: var(--mi-tabs-line-large-font-size);
    font-weight: 400;
}
.mi-tabs.is-line.mi-tabs--large .mi-tabs__item.is-active,
.mi-tabs.is-line.mi-tabs--large .mi-tabs__nav-next,
.mi-tabs.is-line.mi-tabs--large .mi-tabs__nav-prev {
    font-size: var(--mi-tabs-line-large-font-size);
}
[dir] .mi-tabs.is-line.mi-tabs--large .mi-tabs__nav-wrap.is-scrollable {
    padding: 0 48px;
}
.mi-tabs.is-line.mi-tabs--standard .mi-tabs__item {
    height: var(--mi-tabs-line-standard-height-line);
    line-height: var(--mi-tabs-line-standard-height-line);
    font-size: var(--mi-tabs-line-standard-font-size);
    font-weight: 400;
}
.mi-tabs.is-line.mi-tabs--standard .mi-tabs__item.is-active,
.mi-tabs.is-line.mi-tabs--standard .mi-tabs__nav-next,
.mi-tabs.is-line.mi-tabs--standard .mi-tabs__nav-prev {
    font-size: var(--mi-tabs-line-standard-font-size);
}
[dir] .mi-tabs.is-line.mi-tabs--standard .mi-tabs__nav-wrap.is-scrollable {
    padding: 0 32px;
}
.mi-tabs.is-line.mi-tabs--small .mi-tabs__item {
    height: var(--mi-tabs-line-small-height-line);
    line-height: var(--mi-tabs-line-small-height-line);
    font-size: var(--mi-tabs-line-small-font-size);
    font-weight: 400;
}
.mi-tabs.is-line.mi-tabs--small .mi-tabs__item.is-active,
.mi-tabs.is-line.mi-tabs--small .mi-tabs__nav-next,
.mi-tabs.is-line.mi-tabs--small .mi-tabs__nav-prev {
    font-size: var(--mi-tabs-line-small-font-size);
}
.mi-tabs--large .mi-tabs__item {
    line-height: 1.2;
    font-size: var(--mi-tabs-large-font-size);
    font-weight: 700;
}
.mi-tabs--large .mi-tabs__item.is-active {
    font-size: var(--mi-tabs-large-font-size-active);
}
.mi-tabs--small .mi-tabs__item,
.mi-tabs--standard .mi-tabs__item {
    line-height: 1.2;
    font-size: var(--mi-tabs-standard-font-size);
    font-weight: 700;
}
.mi-tabs--standard .mi-tabs__item.is-active {
    font-size: var(--mi-tabs-large-font-size);
}
.mi-tabs--small .mi-tabs__item {
    font-size: var(--mi-tabs-small-font-size);
}
.mi-tabs--small .mi-tabs__item.is-active {
    font-size: var(--mi-tabs-standard-font-size);
}
.mi-tabs--card > .mi-tabs__header {
    height: var(--mi-tabs-header-height);
}
[dir] .mi-tabs--card > .mi-tabs__header {
    border-bottom: 1px solid var(--mi-border-color-light);
}
.mi-tabs--border-card > .mi-tabs__header .mi-tabs__nav-wrap:after,
.mi-tabs--card > .mi-tabs__header .mi-tabs__nav-wrap:after {
    content: none;
}
.mi-tabs--card > .mi-tabs__header .mi-tabs__nav {
    box-sizing: border-box;
}
[dir] .mi-tabs--card > .mi-tabs__header .mi-tabs__nav {
    border: 1px solid var(--mi-border-color-light);
    border-bottom: none;
    border-radius: 4px 4px 0 0;
}
.mi-tabs--card > .mi-tabs__header .mi-tabs__active-bar {
    display: none;
}
.mi-tabs--card > .mi-tabs__header .mi-tabs__item .is-icon-close {
    position: relative;
    font-size: 12px;
    width: 0;
    height: 14px;
    vertical-align: middle;
    line-height: 15px;
    overflow: hidden;
    top: -1px;
}
[dir="ltr"] .mi-tabs--card > .mi-tabs__header .mi-tabs__item .is-icon-close {
    right: -2px;
    transform-origin: 100% 50%;
}
[dir="rtl"] .mi-tabs--card > .mi-tabs__header .mi-tabs__item .is-icon-close {
    left: -2px;
    transform-origin: 0 50%;
}
.mi-tabs--card > .mi-tabs__header .mi-tabs__item {
    transition:
        color var(--mi-transition-duration) var(--mi-transition-function-ease-in-out-bezier),
        padding var(--mi-transition-duration) var(--mi-transition-function-ease-in-out-bezier);
}
[dir] .mi-tabs--card > .mi-tabs__header .mi-tabs__item {
    border-bottom: 1px solid transparent;
}
[dir="ltr"] .mi-tabs--card > .mi-tabs__header .mi-tabs__item {
    border-left: 1px solid var(--mi-border-color-light);
}
[dir="rtl"] .mi-tabs--card > .mi-tabs__header .mi-tabs__item {
    border-right: 1px solid var(--mi-border-color-light);
}
[dir="ltr"] .mi-tabs--card > .mi-tabs__header .mi-tabs__item:first-child {
    border-left: none;
}
[dir="rtl"] .mi-tabs--card > .mi-tabs__header .mi-tabs__item:first-child {
    border-right: none;
}
[dir="ltr"] .mi-tabs--card > .mi-tabs__header .mi-tabs__item-rtl:first-child {
    border-left: 1px solid var(--mi-border-color-light);
    border-right: none;
}
[dir="rtl"] .mi-tabs--card > .mi-tabs__header .mi-tabs__item-rtl:first-child {
    border-right: 1px solid var(--mi-border-color-light);
    border-left: none;
}
[dir="ltr"] .mi-tabs--card > .mi-tabs__header .mi-tabs__item-rtl:last-child {
    border-left: none;
}
[dir="rtl"] .mi-tabs--card > .mi-tabs__header .mi-tabs__item-rtl:last-child {
    border-right: none;
}
[dir="ltr"] .mi-tabs--card > .mi-tabs__header .mi-tabs__item.is-closable:hover,
[dir="rtl"] .mi-tabs--card > .mi-tabs__header .mi-tabs__item.is-closable:hover {
    padding-right: 13px;
    padding-left: 13px;
}
.mi-tabs--card > .mi-tabs__header .mi-tabs__item.is-closable:hover .is-icon-close {
    width: 14px;
}
[dir] .mi-tabs--card > .mi-tabs__header .mi-tabs__item.is-active {
    border-bottom: 2px solid var(--mi-bg-color);
}
[dir="ltr"] .mi-tabs--card > .mi-tabs__header .mi-tabs__item.is-active.is-closable,
[dir="rtl"] .mi-tabs--card > .mi-tabs__header .mi-tabs__item.is-active.is-closable {
    padding-right: 20px;
    padding-left: 20px;
}
.mi-tabs--card > .mi-tabs__header .mi-tabs__item.is-active.is-closable .is-icon-close {
    width: 14px;
}
[dir] .mi-tabs--border-card {
    background: var(--mi-bg-color-primary);
    border: 1px solid var(--mi-border-color);
    box-shadow:
        0 2px 4px #0000001f,
        0 0 6px #0000000a;
}
[dir] .mi-tabs--border-card > .mi-tabs__content {
    padding: 15px;
}
[dir] .mi-tabs--border-card > .mi-tabs__header {
    background-color: var(--mi-bg-color-primary);
    border-bottom: 1px solid var(--mi-border-color-light);
    margin: 0;
}
.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item {
    transition: all var(--mi-transition-duration) var(--mi-transition-function-ease-in-out-bezier);
    color: var(--mi-text-color-secondary);
}
[dir] .mi-tabs--border-card > .mi-tabs__header .mi-tabs__item {
    border: 1px solid transparent;
    margin-top: -1px;
}
[dir="ltr"] .mi-tabs--border-card > .mi-tabs__header .mi-tabs__item:first-child {
    margin-left: -1px;
}
[dir="rtl"] .mi-tabs--border-card > .mi-tabs__header .mi-tabs__item:first-child {
    margin-right: -1px;
}
[dir="ltr"] .mi-tabs--border-card > .mi-tabs__header .mi-tabs__item + .mi-tabs__item {
    margin-left: -1px;
}
[dir="rtl"] .mi-tabs--border-card > .mi-tabs__header .mi-tabs__item + .mi-tabs__item {
    margin-right: -1px;
}
.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item.is-active {
    color: var(--mi-text-color-primary);
}
[dir] .mi-tabs--border-card > .mi-tabs__header .mi-tabs__item.is-active {
    background-color: var(--mi-bg-color-primary);
}
[dir="ltr"] .mi-tabs--border-card > .mi-tabs__header .mi-tabs__item.is-active,
[dir="rtl"] .mi-tabs--border-card > .mi-tabs__header .mi-tabs__item.is-active {
    border-left-color: var(--mi-border-color-light);
    border-right-color: var(--mi-border-color-light);
}
.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item:not(.is-disabled):hover {
    color: var(--mi-text-color-primary);
}
.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item.is-disabled {
    color: var(--mi-disabled-text-color);
}
[dir="ltr"] .mi-tabs--border-card > .mi-tabs__header .is-scrollable .mi-tabs__item:first-child {
    margin-left: 0;
}
[dir="rtl"] .mi-tabs--border-card > .mi-tabs__header .is-scrollable .mi-tabs__item:first-child {
    margin-right: 0;
}
[dir="ltr"] .mi-tabs--bottom .mi-tabs__item.is-bottom:nth-child(2),
[dir="ltr"] .mi-tabs--bottom .mi-tabs__item.is-top:nth-child(2),
[dir="ltr"] .mi-tabs--top .mi-tabs__item.is-bottom:nth-child(2),
[dir="ltr"] .mi-tabs--top .mi-tabs__item.is-top:nth-child(2) {
    padding-left: 0;
}
[dir="rtl"] .mi-tabs--bottom .mi-tabs__item.is-bottom:nth-child(2),
[dir="rtl"] .mi-tabs--bottom .mi-tabs__item.is-top:nth-child(2),
[dir="rtl"] .mi-tabs--top .mi-tabs__item.is-bottom:nth-child(2),
[dir="rtl"] .mi-tabs--top .mi-tabs__item.is-top:nth-child(2) {
    padding-left: 16px;
    padding-right: unset;
}
[dir="ltr"] .mi-tabs--bottom .mi-tabs__item.is-bottom:last-child,
[dir="ltr"] .mi-tabs--bottom .mi-tabs__item.is-top:last-child,
[dir="ltr"] .mi-tabs--top .mi-tabs__item.is-bottom:last-child,
[dir="ltr"] .mi-tabs--top .mi-tabs__item.is-top:last-child {
    padding-right: 0;
}
[dir="rtl"] .mi-tabs--bottom .mi-tabs__item.is-bottom:last-child,
[dir="rtl"] .mi-tabs--bottom .mi-tabs__item.is-top:last-child,
[dir="rtl"] .mi-tabs--top .mi-tabs__item.is-bottom:last-child,
[dir="rtl"] .mi-tabs--top .mi-tabs__item.is-top:last-child {
    padding-right: 16px;
    padding-left: unset;
}
[dir="ltr"] .mi-tabs--bottom .mi-tabs__item-rtl.is-bottom:nth-child(2),
[dir="ltr"] .mi-tabs--bottom .mi-tabs__item-rtl.is-top:nth-child(2),
[dir="ltr"] .mi-tabs--top .mi-tabs__item-rtl.is-bottom:nth-child(2),
[dir="ltr"] .mi-tabs--top .mi-tabs__item-rtl.is-top:nth-child(2) {
    padding-right: 0;
    padding-left: 20px;
}
[dir="rtl"] .mi-tabs--bottom .mi-tabs__item-rtl.is-bottom:nth-child(2),
[dir="rtl"] .mi-tabs--bottom .mi-tabs__item-rtl.is-top:nth-child(2),
[dir="rtl"] .mi-tabs--top .mi-tabs__item-rtl.is-bottom:nth-child(2),
[dir="rtl"] .mi-tabs--top .mi-tabs__item-rtl.is-top:nth-child(2) {
    padding-left: 0;
    padding-right: 20px;
}
[dir="ltr"] .mi-tabs--bottom .mi-tabs__item-rtl.is-bottom:last-child,
[dir="ltr"] .mi-tabs--bottom .mi-tabs__item-rtl.is-top:last-child,
[dir="ltr"] .mi-tabs--top .mi-tabs__item-rtl.is-bottom:last-child,
[dir="ltr"] .mi-tabs--top .mi-tabs__item-rtl.is-top:last-child {
    padding-left: 0;
    padding-right: 20px;
}
[dir="rtl"] .mi-tabs--bottom .mi-tabs__item-rtl.is-bottom:last-child,
[dir="rtl"] .mi-tabs--bottom .mi-tabs__item-rtl.is-top:last-child,
[dir="rtl"] .mi-tabs--top .mi-tabs__item-rtl.is-bottom:last-child,
[dir="rtl"] .mi-tabs--top .mi-tabs__item-rtl.is-top:last-child {
    padding-right: 0;
    padding-left: 20px;
}
[dir="ltr"] .mi-tabs--bottom .mi-tabs--left > .mi-tabs__header .mi-tabs__item:nth-child(2),
[dir="ltr"] .mi-tabs--bottom .mi-tabs--right > .mi-tabs__header .mi-tabs__item:nth-child(2),
[dir="ltr"] .mi-tabs--bottom.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item:nth-child(2),
[dir="ltr"] .mi-tabs--bottom.mi-tabs--card > .mi-tabs__header .mi-tabs__item:nth-child(2),
[dir="ltr"] .mi-tabs--top .mi-tabs--left > .mi-tabs__header .mi-tabs__item:nth-child(2),
[dir="ltr"] .mi-tabs--top .mi-tabs--right > .mi-tabs__header .mi-tabs__item:nth-child(2),
[dir="ltr"] .mi-tabs--top.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item:nth-child(2),
[dir="ltr"] .mi-tabs--top.mi-tabs--card > .mi-tabs__header .mi-tabs__item:nth-child(2) {
    padding-left: 20px;
}
[dir="rtl"] .mi-tabs--bottom .mi-tabs--left > .mi-tabs__header .mi-tabs__item:nth-child(2),
[dir="rtl"] .mi-tabs--bottom .mi-tabs--right > .mi-tabs__header .mi-tabs__item:nth-child(2),
[dir="rtl"] .mi-tabs--bottom.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item:nth-child(2),
[dir="rtl"] .mi-tabs--bottom.mi-tabs--card > .mi-tabs__header .mi-tabs__item:nth-child(2),
[dir="rtl"] .mi-tabs--top .mi-tabs--left > .mi-tabs__header .mi-tabs__item:nth-child(2),
[dir="rtl"] .mi-tabs--top .mi-tabs--right > .mi-tabs__header .mi-tabs__item:nth-child(2),
[dir="rtl"] .mi-tabs--top.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item:nth-child(2),
[dir="rtl"] .mi-tabs--top.mi-tabs--card > .mi-tabs__header .mi-tabs__item:nth-child(2) {
    padding-right: 20px;
}
[dir="ltr"]
    .mi-tabs--bottom
    .mi-tabs--left
    > .mi-tabs__header
    .mi-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
[dir="ltr"]
    .mi-tabs--bottom
    .mi-tabs--right
    > .mi-tabs__header
    .mi-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
[dir="ltr"]
    .mi-tabs--bottom.mi-tabs--border-card
    > .mi-tabs__header
    .mi-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
[dir="ltr"]
    .mi-tabs--bottom.mi-tabs--card
    > .mi-tabs__header
    .mi-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
[dir="ltr"]
    .mi-tabs--top
    .mi-tabs--left
    > .mi-tabs__header
    .mi-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
[dir="ltr"]
    .mi-tabs--top
    .mi-tabs--right
    > .mi-tabs__header
    .mi-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
[dir="ltr"]
    .mi-tabs--top.mi-tabs--border-card
    > .mi-tabs__header
    .mi-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
[dir="ltr"]
    .mi-tabs--top.mi-tabs--card
    > .mi-tabs__header
    .mi-tabs__item:nth-child(2):not(.is-active).is-closable:hover {
    padding-left: 13px;
}
[dir="rtl"]
    .mi-tabs--bottom
    .mi-tabs--left
    > .mi-tabs__header
    .mi-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
[dir="rtl"]
    .mi-tabs--bottom
    .mi-tabs--right
    > .mi-tabs__header
    .mi-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
[dir="rtl"]
    .mi-tabs--bottom.mi-tabs--border-card
    > .mi-tabs__header
    .mi-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
[dir="rtl"]
    .mi-tabs--bottom.mi-tabs--card
    > .mi-tabs__header
    .mi-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
[dir="rtl"]
    .mi-tabs--top
    .mi-tabs--left
    > .mi-tabs__header
    .mi-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
[dir="rtl"]
    .mi-tabs--top
    .mi-tabs--right
    > .mi-tabs__header
    .mi-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
[dir="rtl"]
    .mi-tabs--top.mi-tabs--border-card
    > .mi-tabs__header
    .mi-tabs__item:nth-child(2):not(.is-active).is-closable:hover,
[dir="rtl"]
    .mi-tabs--top.mi-tabs--card
    > .mi-tabs__header
    .mi-tabs__item:nth-child(2):not(.is-active).is-closable:hover {
    padding-right: 13px;
}
[dir="ltr"] .mi-tabs--bottom .mi-tabs--left > .mi-tabs__header .mi-tabs__item:last-child,
[dir="ltr"] .mi-tabs--bottom .mi-tabs--right > .mi-tabs__header .mi-tabs__item:last-child,
[dir="ltr"] .mi-tabs--bottom.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item:last-child,
[dir="ltr"] .mi-tabs--bottom.mi-tabs--card > .mi-tabs__header .mi-tabs__item:last-child,
[dir="ltr"] .mi-tabs--top .mi-tabs--left > .mi-tabs__header .mi-tabs__item:last-child,
[dir="ltr"] .mi-tabs--top .mi-tabs--right > .mi-tabs__header .mi-tabs__item:last-child,
[dir="ltr"] .mi-tabs--top.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item:last-child,
[dir="ltr"] .mi-tabs--top.mi-tabs--card > .mi-tabs__header .mi-tabs__item:last-child {
    padding-right: 20px;
}
[dir="rtl"] .mi-tabs--bottom .mi-tabs--left > .mi-tabs__header .mi-tabs__item:last-child,
[dir="rtl"] .mi-tabs--bottom .mi-tabs--right > .mi-tabs__header .mi-tabs__item:last-child,
[dir="rtl"] .mi-tabs--bottom.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item:last-child,
[dir="rtl"] .mi-tabs--bottom.mi-tabs--card > .mi-tabs__header .mi-tabs__item:last-child,
[dir="rtl"] .mi-tabs--top .mi-tabs--left > .mi-tabs__header .mi-tabs__item:last-child,
[dir="rtl"] .mi-tabs--top .mi-tabs--right > .mi-tabs__header .mi-tabs__item:last-child,
[dir="rtl"] .mi-tabs--top.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item:last-child,
[dir="rtl"] .mi-tabs--top.mi-tabs--card > .mi-tabs__header .mi-tabs__item:last-child {
    padding-left: 20px;
}
[dir="ltr"]
    .mi-tabs--bottom
    .mi-tabs--left
    > .mi-tabs__header
    .mi-tabs__item:last-child:not(.is-active).is-closable:hover,
[dir="ltr"]
    .mi-tabs--bottom
    .mi-tabs--right
    > .mi-tabs__header
    .mi-tabs__item:last-child:not(.is-active).is-closable:hover,
[dir="ltr"]
    .mi-tabs--bottom.mi-tabs--border-card
    > .mi-tabs__header
    .mi-tabs__item:last-child:not(.is-active).is-closable:hover,
[dir="ltr"]
    .mi-tabs--bottom.mi-tabs--card
    > .mi-tabs__header
    .mi-tabs__item:last-child:not(.is-active).is-closable:hover,
[dir="ltr"] .mi-tabs--top .mi-tabs--left > .mi-tabs__header .mi-tabs__item:last-child:not(.is-active).is-closable:hover,
[dir="ltr"]
    .mi-tabs--top
    .mi-tabs--right
    > .mi-tabs__header
    .mi-tabs__item:last-child:not(.is-active).is-closable:hover,
[dir="ltr"]
    .mi-tabs--top.mi-tabs--border-card
    > .mi-tabs__header
    .mi-tabs__item:last-child:not(.is-active).is-closable:hover,
[dir="ltr"] .mi-tabs--top.mi-tabs--card > .mi-tabs__header .mi-tabs__item:last-child:not(.is-active).is-closable:hover {
    padding-right: 13px;
}
[dir="rtl"]
    .mi-tabs--bottom
    .mi-tabs--left
    > .mi-tabs__header
    .mi-tabs__item:last-child:not(.is-active).is-closable:hover,
[dir="rtl"]
    .mi-tabs--bottom
    .mi-tabs--right
    > .mi-tabs__header
    .mi-tabs__item:last-child:not(.is-active).is-closable:hover,
[dir="rtl"]
    .mi-tabs--bottom.mi-tabs--border-card
    > .mi-tabs__header
    .mi-tabs__item:last-child:not(.is-active).is-closable:hover,
[dir="rtl"]
    .mi-tabs--bottom.mi-tabs--card
    > .mi-tabs__header
    .mi-tabs__item:last-child:not(.is-active).is-closable:hover,
[dir="rtl"] .mi-tabs--top .mi-tabs--left > .mi-tabs__header .mi-tabs__item:last-child:not(.is-active).is-closable:hover,
[dir="rtl"]
    .mi-tabs--top
    .mi-tabs--right
    > .mi-tabs__header
    .mi-tabs__item:last-child:not(.is-active).is-closable:hover,
[dir="rtl"]
    .mi-tabs--top.mi-tabs--border-card
    > .mi-tabs__header
    .mi-tabs__item:last-child:not(.is-active).is-closable:hover,
[dir="rtl"] .mi-tabs--top.mi-tabs--card > .mi-tabs__header .mi-tabs__item:last-child:not(.is-active).is-closable:hover {
    padding-left: 13px;
}
[dir="ltr"] .mi-tabs--bottom .mi-tabs--left > .mi-tabs__header .mi-tabs__item-rtl:nth-child(2),
[dir="ltr"] .mi-tabs--bottom .mi-tabs--right > .mi-tabs__header .mi-tabs__item-rtl:nth-child(2),
[dir="ltr"] .mi-tabs--bottom.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item-rtl:nth-child(2),
[dir="ltr"] .mi-tabs--bottom.mi-tabs--card > .mi-tabs__header .mi-tabs__item-rtl:nth-child(2),
[dir="ltr"] .mi-tabs--top .mi-tabs--left > .mi-tabs__header .mi-tabs__item-rtl:nth-child(2),
[dir="ltr"] .mi-tabs--top .mi-tabs--right > .mi-tabs__header .mi-tabs__item-rtl:nth-child(2),
[dir="ltr"] .mi-tabs--top.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item-rtl:nth-child(2),
[dir="ltr"] .mi-tabs--top.mi-tabs--card > .mi-tabs__header .mi-tabs__item-rtl:nth-child(2) {
    padding-right: 20px;
}
[dir="rtl"] .mi-tabs--bottom .mi-tabs--left > .mi-tabs__header .mi-tabs__item-rtl:nth-child(2),
[dir="rtl"] .mi-tabs--bottom .mi-tabs--right > .mi-tabs__header .mi-tabs__item-rtl:nth-child(2),
[dir="rtl"] .mi-tabs--bottom.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item-rtl:nth-child(2),
[dir="rtl"] .mi-tabs--bottom.mi-tabs--card > .mi-tabs__header .mi-tabs__item-rtl:nth-child(2),
[dir="rtl"] .mi-tabs--top .mi-tabs--left > .mi-tabs__header .mi-tabs__item-rtl:nth-child(2),
[dir="rtl"] .mi-tabs--top .mi-tabs--right > .mi-tabs__header .mi-tabs__item-rtl:nth-child(2),
[dir="rtl"] .mi-tabs--top.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item-rtl:nth-child(2),
[dir="rtl"] .mi-tabs--top.mi-tabs--card > .mi-tabs__header .mi-tabs__item-rtl:nth-child(2) {
    padding-left: 20px;
}
[dir="ltr"]
    .mi-tabs--bottom
    .mi-tabs--left
    > .mi-tabs__header
    .mi-tabs__item-rtl:nth-child(2):not(.is-active).is-closable:hover,
[dir="ltr"]
    .mi-tabs--bottom
    .mi-tabs--right
    > .mi-tabs__header
    .mi-tabs__item-rtl:nth-child(2):not(.is-active).is-closable:hover,
[dir="ltr"]
    .mi-tabs--bottom.mi-tabs--border-card
    > .mi-tabs__header
    .mi-tabs__item-rtl:nth-child(2):not(.is-active).is-closable:hover,
[dir="ltr"]
    .mi-tabs--bottom.mi-tabs--card
    > .mi-tabs__header
    .mi-tabs__item-rtl:nth-child(2):not(.is-active).is-closable:hover,
[dir="ltr"]
    .mi-tabs--top
    .mi-tabs--left
    > .mi-tabs__header
    .mi-tabs__item-rtl:nth-child(2):not(.is-active).is-closable:hover,
[dir="ltr"]
    .mi-tabs--top
    .mi-tabs--right
    > .mi-tabs__header
    .mi-tabs__item-rtl:nth-child(2):not(.is-active).is-closable:hover,
[dir="ltr"]
    .mi-tabs--top.mi-tabs--border-card
    > .mi-tabs__header
    .mi-tabs__item-rtl:nth-child(2):not(.is-active).is-closable:hover,
[dir="ltr"]
    .mi-tabs--top.mi-tabs--card
    > .mi-tabs__header
    .mi-tabs__item-rtl:nth-child(2):not(.is-active).is-closable:hover {
    padding-right: 13px;
}
[dir="rtl"]
    .mi-tabs--bottom
    .mi-tabs--left
    > .mi-tabs__header
    .mi-tabs__item-rtl:nth-child(2):not(.is-active).is-closable:hover,
[dir="rtl"]
    .mi-tabs--bottom
    .mi-tabs--right
    > .mi-tabs__header
    .mi-tabs__item-rtl:nth-child(2):not(.is-active).is-closable:hover,
[dir="rtl"]
    .mi-tabs--bottom.mi-tabs--border-card
    > .mi-tabs__header
    .mi-tabs__item-rtl:nth-child(2):not(.is-active).is-closable:hover,
[dir="rtl"]
    .mi-tabs--bottom.mi-tabs--card
    > .mi-tabs__header
    .mi-tabs__item-rtl:nth-child(2):not(.is-active).is-closable:hover,
[dir="rtl"]
    .mi-tabs--top
    .mi-tabs--left
    > .mi-tabs__header
    .mi-tabs__item-rtl:nth-child(2):not(.is-active).is-closable:hover,
[dir="rtl"]
    .mi-tabs--top
    .mi-tabs--right
    > .mi-tabs__header
    .mi-tabs__item-rtl:nth-child(2):not(.is-active).is-closable:hover,
[dir="rtl"]
    .mi-tabs--top.mi-tabs--border-card
    > .mi-tabs__header
    .mi-tabs__item-rtl:nth-child(2):not(.is-active).is-closable:hover,
[dir="rtl"]
    .mi-tabs--top.mi-tabs--card
    > .mi-tabs__header
    .mi-tabs__item-rtl:nth-child(2):not(.is-active).is-closable:hover {
    padding-left: 13px;
}
[dir="ltr"] .mi-tabs--bottom .mi-tabs--left > .mi-tabs__header .mi-tabs__item-rtl:last-child,
[dir="ltr"] .mi-tabs--bottom .mi-tabs--right > .mi-tabs__header .mi-tabs__item-rtl:last-child,
[dir="ltr"] .mi-tabs--bottom.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item-rtl:last-child,
[dir="ltr"] .mi-tabs--bottom.mi-tabs--card > .mi-tabs__header .mi-tabs__item-rtl:last-child,
[dir="ltr"] .mi-tabs--top .mi-tabs--left > .mi-tabs__header .mi-tabs__item-rtl:last-child,
[dir="ltr"] .mi-tabs--top .mi-tabs--right > .mi-tabs__header .mi-tabs__item-rtl:last-child,
[dir="ltr"] .mi-tabs--top.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item-rtl:last-child,
[dir="ltr"] .mi-tabs--top.mi-tabs--card > .mi-tabs__header .mi-tabs__item-rtl:last-child {
    padding-left: 20px;
}
[dir="rtl"] .mi-tabs--bottom .mi-tabs--left > .mi-tabs__header .mi-tabs__item-rtl:last-child,
[dir="rtl"] .mi-tabs--bottom .mi-tabs--right > .mi-tabs__header .mi-tabs__item-rtl:last-child,
[dir="rtl"] .mi-tabs--bottom.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item-rtl:last-child,
[dir="rtl"] .mi-tabs--bottom.mi-tabs--card > .mi-tabs__header .mi-tabs__item-rtl:last-child,
[dir="rtl"] .mi-tabs--top .mi-tabs--left > .mi-tabs__header .mi-tabs__item-rtl:last-child,
[dir="rtl"] .mi-tabs--top .mi-tabs--right > .mi-tabs__header .mi-tabs__item-rtl:last-child,
[dir="rtl"] .mi-tabs--top.mi-tabs--border-card > .mi-tabs__header .mi-tabs__item-rtl:last-child,
[dir="rtl"] .mi-tabs--top.mi-tabs--card > .mi-tabs__header .mi-tabs__item-rtl:last-child {
    padding-right: 20px;
}
[dir="ltr"]
    .mi-tabs--bottom
    .mi-tabs--left
    > .mi-tabs__header
    .mi-tabs__item-rtl:last-child:not(.is-active).is-closable:hover,
[dir="ltr"]
    .mi-tabs--bottom
    .mi-tabs--right
    > .mi-tabs__header
    .mi-tabs__item-rtl:last-child:not(.is-active).is-closable:hover,
[dir="ltr"]
    .mi-tabs--bottom.mi-tabs--border-card
    > .mi-tabs__header
    .mi-tabs__item-rtl:last-child:not(.is-active).is-closable:hover,
[dir="ltr"]
    .mi-tabs--bottom.mi-tabs--card
    > .mi-tabs__header
    .mi-tabs__item-rtl:last-child:not(.is-active).is-closable:hover,
[dir="ltr"]
    .mi-tabs--top
    .mi-tabs--left
    > .mi-tabs__header
    .mi-tabs__item-rtl:last-child:not(.is-active).is-closable:hover,
[dir="ltr"]
    .mi-tabs--top
    .mi-tabs--right
    > .mi-tabs__header
    .mi-tabs__item-rtl:last-child:not(.is-active).is-closable:hover,
[dir="ltr"]
    .mi-tabs--top.mi-tabs--border-card
    > .mi-tabs__header
    .mi-tabs__item-rtl:last-child:not(.is-active).is-closable:hover,
[dir="ltr"]
    .mi-tabs--top.mi-tabs--card
    > .mi-tabs__header
    .mi-tabs__item-rtl:last-child:not(.is-active).is-closable:hover {
    padding-left: 13px;
}
[dir="rtl"]
    .mi-tabs--bottom
    .mi-tabs--left
    > .mi-tabs__header
    .mi-tabs__item-rtl:last-child:not(.is-active).is-closable:hover,
[dir="rtl"]
    .mi-tabs--bottom
    .mi-tabs--right
    > .mi-tabs__header
    .mi-tabs__item-rtl:last-child:not(.is-active).is-closable:hover,
[dir="rtl"]
    .mi-tabs--bottom.mi-tabs--border-card
    > .mi-tabs__header
    .mi-tabs__item-rtl:last-child:not(.is-active).is-closable:hover,
[dir="rtl"]
    .mi-tabs--bottom.mi-tabs--card
    > .mi-tabs__header
    .mi-tabs__item-rtl:last-child:not(.is-active).is-closable:hover,
[dir="rtl"]
    .mi-tabs--top
    .mi-tabs--left
    > .mi-tabs__header
    .mi-tabs__item-rtl:last-child:not(.is-active).is-closable:hover,
[dir="rtl"]
    .mi-tabs--top
    .mi-tabs--right
    > .mi-tabs__header
    .mi-tabs__item-rtl:last-child:not(.is-active).is-closable:hover,
[dir="rtl"]
    .mi-tabs--top.mi-tabs--border-card
    > .mi-tabs__header
    .mi-tabs__item-rtl:last-child:not(.is-active).is-closable:hover,
[dir="rtl"]
    .mi-tabs--top.mi-tabs--card
    > .mi-tabs__header
    .mi-tabs__item-rtl:last-child:not(.is-active).is-closable:hover {
    padding-right: 13px;
}
[dir] .mi-tabs--bottom .mi-tabs__header.is-bottom {
    margin-bottom: 0;
    margin-top: 10px;
}
[dir] .mi-tabs--bottom.mi-tabs--border-card .mi-tabs__header.is-bottom {
    border-bottom: 0;
    border-top: 1px solid var(--mi-border-color);
}
[dir] .mi-tabs--bottom.mi-tabs--border-card .mi-tabs__nav-wrap.is-bottom {
    margin-top: -1px;
    margin-bottom: 0;
}
[dir] .mi-tabs--bottom.mi-tabs--border-card .mi-tabs__item.is-bottom:not(.is-active) {
    border: 1px solid transparent;
}
[dir] .mi-tabs--bottom.mi-tabs--border-card .mi-tabs__item.is-bottom {
    margin: 0-1px -1px;
}
.mi-tabs--left,
.mi-tabs--right {
    overflow: hidden;
}
.mi-scrollbar__bar.is-horizontal > div,
.mi-tabs--left .mi-tabs__header.is-left,
.mi-tabs--left .mi-tabs__header.is-right,
.mi-tabs--left .mi-tabs__nav-scroll,
.mi-tabs--left .mi-tabs__nav-wrap.is-left,
.mi-tabs--left .mi-tabs__nav-wrap.is-right,
.mi-tabs--right .mi-tabs__header.is-left,
.mi-tabs--right .mi-tabs__header.is-right,
.mi-tabs--right .mi-tabs__nav-scroll,
.mi-tabs--right .mi-tabs__nav-wrap.is-left,
.mi-tabs--right .mi-tabs__nav-wrap.is-right {
    height: 100%;
}
.mi-tabs--left .mi-tabs__active-bar.is-left,
.mi-tabs--left .mi-tabs__active-bar.is-right,
.mi-tabs--right .mi-tabs__active-bar.is-left,
.mi-tabs--right .mi-tabs__active-bar.is-right {
    top: 0;
    bottom: auto;
    width: 2px;
    height: auto;
}
[dir] .mi-tabs--left .mi-tabs__nav-wrap.is-left,
[dir] .mi-tabs--left .mi-tabs__nav-wrap.is-right,
[dir] .mi-tabs--right .mi-tabs__nav-wrap.is-left,
[dir] .mi-tabs--right .mi-tabs__nav-wrap.is-right {
    margin-bottom: 0;
}
.mi-tabs--left .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-next,
.mi-tabs--left .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-prev,
.mi-tabs--left .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-next,
.mi-tabs--left .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-prev,
.mi-tabs--right .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-next,
.mi-tabs--right .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-prev,
.mi-tabs--right .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-next,
.mi-tabs--right .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-prev {
    height: 30px;
    line-height: 30px;
    width: 100%;
}
[dir] .mi-tabs--left .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-next,
[dir] .mi-tabs--left .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-prev,
[dir] .mi-tabs--left .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-next,
[dir] .mi-tabs--left .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-prev,
[dir] .mi-tabs--right .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-next,
[dir] .mi-tabs--right .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-prev,
[dir] .mi-tabs--right .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-next,
[dir] .mi-tabs--right .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-prev {
    text-align: center;
    cursor: pointer;
}
.mi-tabs--left .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-prev,
.mi-tabs--left .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-prev,
.mi-tabs--right .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-prev,
.mi-tabs--right .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-prev {
    top: 0;
}
[dir="ltr"] .mi-tabs--left .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-prev,
[dir="ltr"] .mi-tabs--left .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-prev,
[dir="ltr"] .mi-tabs--right .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-prev,
[dir="ltr"] .mi-tabs--right .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-prev {
    left: auto;
}
[dir="ltr"] .mi-tabs--left .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-next,
[dir="ltr"] .mi-tabs--left .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-next,
[dir="ltr"] .mi-tabs--right .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-next,
[dir="ltr"] .mi-tabs--right .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-next,
[dir="rtl"] .mi-tabs--left .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-prev,
[dir="rtl"] .mi-tabs--left .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-prev,
[dir="rtl"] .mi-tabs--right .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-prev,
[dir="rtl"] .mi-tabs--right .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-prev {
    right: auto;
}
.mi-tabs--left .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-next,
.mi-tabs--left .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-next,
.mi-tabs--right .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-next,
.mi-tabs--right .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-next {
    bottom: 0;
}
[dir="rtl"] .mi-tabs--left .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-next,
[dir="rtl"] .mi-tabs--left .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-next,
[dir="rtl"] .mi-tabs--right .mi-tabs__nav-wrap.is-left > .mi-tabs__nav-next,
[dir="rtl"] .mi-tabs--right .mi-tabs__nav-wrap.is-right > .mi-tabs__nav-next {
    left: auto;
}
[dir] .mi-tabs--left .mi-tabs__nav-wrap.is-left.is-scrollable,
[dir] .mi-tabs--left .mi-tabs__nav-wrap.is-right.is-scrollable,
[dir] .mi-tabs--right .mi-tabs__nav-wrap.is-left.is-scrollable,
[dir] .mi-tabs--right .mi-tabs__nav-wrap.is-right.is-scrollable {
    padding: 30px 0;
}
.mi-tabs--left .mi-tabs__nav-wrap.is-left:after,
.mi-tabs--left .mi-tabs__nav-wrap.is-right:after,
.mi-tabs--right .mi-tabs__nav-wrap.is-left:after,
.mi-tabs--right .mi-tabs__nav-wrap.is-right:after {
    height: 100%;
    width: 2px;
    bottom: auto;
    top: 0;
}
[dir] .mi-tabs--left .mi-tabs__nav.is-left,
[dir] .mi-tabs--left .mi-tabs__nav.is-right,
[dir] .mi-tabs--right .mi-tabs__nav.is-left,
[dir] .mi-tabs--right .mi-tabs__nav.is-right {
    float: none;
}
.mi-tabs--left .mi-tabs__item.is-left,
.mi-tabs--left .mi-tabs__item.is-right,
.mi-tabs--right .mi-tabs__item.is-left,
.mi-tabs--right .mi-tabs__item.is-right {
    display: block;
}
[dir] .mi-tabs--left .mi-tabs__header.is-left {
    margin-bottom: 0;
}
[dir="ltr"] .mi-tabs--left .mi-tabs__header.is-left {
    float: left;
    margin-right: 10px;
}
[dir="rtl"] .mi-tabs--left .mi-tabs__header.is-left {
    float: right;
    margin-left: 10px;
}
[dir="ltr"] .mi-tabs--left .mi-tabs__nav-wrap.is-left {
    margin-right: -1px;
}
[dir="rtl"] .mi-tabs--left .mi-tabs__nav-wrap.is-left {
    margin-right: unset;
    margin-left: -1px;
}
.mi-tabs--left .mi-tabs__active-bar.is-left,
[dir="ltr"] .mi-tabs--left .mi-tabs__nav-wrap.is-left:after {
    right: 0;
    left: auto;
}
[dir="rtl"] .mi-tabs--left .mi-tabs__active-bar.is-left,
[dir="rtl"] .mi-tabs--left .mi-tabs__nav-wrap.is-left:after {
    right: auto;
    left: 0;
}
[dir="ltr"] .mi-tabs--left .mi-tabs__item.is-left {
    text-align: right;
}
[dir="rtl"] .mi-tabs--left .mi-tabs__item.is-left {
    text-align: left;
}
.mi-tabs--left.mi-tabs--card .mi-tabs__active-bar.is-left {
    display: none;
}
[dir] .mi-tabs--left.mi-tabs--card .mi-tabs__item.is-left {
    border-bottom: none;
    border-top: 1px solid var(--mi-border-color-light);
}
[dir="ltr"] .mi-tabs--left.mi-tabs--card .mi-tabs__item.is-left {
    border-left: none;
    border-right: 1px solid var(--mi-border-color-light);
    text-align: left;
}
[dir="rtl"] .mi-tabs--left.mi-tabs--card .mi-tabs__item.is-left {
    border-right: none;
    border-left: 1px solid var(--mi-border-color-light);
    text-align: right;
}
[dir] .mi-tabs--left.mi-tabs--card .mi-tabs__item.is-left.is-active:first-child,
[dir] .mi-tabs--left.mi-tabs--card .mi-tabs__item.is-left:first-child {
    border-top: none;
}
[dir="ltr"] .mi-tabs--left.mi-tabs--card .mi-tabs__item.is-left:first-child {
    border-right: 1px solid var(--mi-border-color-light);
}
[dir="rtl"] .mi-tabs--left.mi-tabs--card .mi-tabs__item.is-left:first-child {
    border-left: 1px solid var(--mi-border-color-light);
}
[dir] .mi-tabs--left.mi-tabs--card .mi-tabs__item.is-left.is-active {
    border: 1px solid var(--mi-border-color-light);
    border-bottom: none;
}
[dir="ltr"] .mi-tabs--left.mi-tabs--card .mi-tabs__item.is-left.is-active {
    border-right-color: #fff;
    border-left: none;
}
[dir="rtl"] .mi-tabs--left.mi-tabs--card .mi-tabs__item.is-left.is-active {
    border-left-color: #fff;
    border-right: none;
}
[dir] .mi-tabs--left.mi-tabs--card .mi-tabs__item.is-left.is-active:last-child {
    border-bottom: none;
}
[dir] .mi-tabs--left.mi-tabs--card .mi-tabs__nav {
    border-bottom: 1px solid var(--mi-border-color-light);
}
[dir="ltr"] .mi-tabs--left.mi-tabs--card .mi-tabs__nav {
    border-radius: 4px 0 0 4px;
    border-right: none;
}
[dir="rtl"] .mi-tabs--left.mi-tabs--card .mi-tabs__nav {
    border-radius: 0 4px 4px 0;
    border-left: none;
}
[dir] .mi-tabs--left.mi-tabs--card .mi-tabs__new-tab {
    float: none;
}
[dir="ltr"] .mi-tabs--left.mi-tabs--border-card .mi-tabs__header.is-left {
    border-right: 1px solid var(--mi-border-color);
}
[dir="rtl"] .mi-tabs--left.mi-tabs--border-card .mi-tabs__header.is-left {
    border-left: 1px solid var(--mi-border-color);
}
[dir] .mi-tabs--left.mi-tabs--border-card .mi-tabs__item.is-left {
    border: 1px solid transparent;
}
[dir="ltr"] .mi-tabs--left.mi-tabs--border-card .mi-tabs__item.is-left {
    margin: -1px 0-1px -1px;
}
[dir="rtl"] .mi-tabs--left.mi-tabs--border-card .mi-tabs__item.is-left {
    margin: -1px -1px -1px 0;
}
[dir] .mi-tabs--left.mi-tabs--border-card .mi-tabs__item.is-left.is-active {
    border-color: #d1dbe5 transparent;
}
[dir] .mi-tabs--right .mi-tabs__header.is-right {
    margin-bottom: 0;
}
[dir="ltr"] .mi-tabs--right .mi-tabs__header.is-right {
    float: right;
    margin-left: 10px;
}
[dir="rtl"] .mi-tabs--right .mi-tabs__header.is-right {
    float: left;
    margin-right: 10px;
}
[dir="ltr"] .mi-tabs--right .mi-tabs__nav-wrap.is-right {
    margin-left: -1px;
}
[dir="rtl"] .mi-tabs--right .mi-tabs__nav-wrap.is-right {
    margin-left: unset;
    margin-right: -1px;
}
[dir="ltr"] .mi-tabs--right .mi-tabs__nav-wrap.is-right:after {
    left: 0;
    right: auto;
}
[dir="rtl"] .mi-tabs--right .mi-tabs__nav-wrap.is-right:after {
    right: 0;
    left: auto;
}
.mi-tabs--right .mi-tabs__active-bar.is-right {
    left: 0;
}
[dir="rtl"] .mi-tabs--right .mi-tabs__active-bar.is-right {
    right: 0;
    left: unset;
}
.mi-tabs--right.mi-tabs--card .mi-tabs__active-bar.is-right {
    display: none;
}
[dir] .mi-tabs--right.mi-tabs--card .mi-tabs__item.is-right {
    border-bottom: none;
    border-top: 1px solid var(--mi-border-color-light);
}
[dir] .mi-tabs--right.mi-tabs--card .mi-tabs__item.is-right.is-active:first-child,
[dir] .mi-tabs--right.mi-tabs--card .mi-tabs__item.is-right:first-child {
    border-top: none;
}
[dir="ltr"] .mi-tabs--right.mi-tabs--card .mi-tabs__item.is-right:first-child {
    border-left: 1px solid var(--mi-border-color-light);
}
[dir="rtl"] .mi-tabs--right.mi-tabs--card .mi-tabs__item.is-right:first-child {
    border-right: 1px solid var(--mi-border-color-light);
}
[dir] .mi-tabs--right.mi-tabs--card .mi-tabs__item.is-right.is-active {
    border: 1px solid var(--mi-border-color-light);
    border-bottom: none;
}
[dir="ltr"] .mi-tabs--right.mi-tabs--card .mi-tabs__item.is-right.is-active {
    border-left-color: #fff;
    border-right: none;
}
[dir="rtl"] .mi-tabs--right.mi-tabs--card .mi-tabs__item.is-right.is-active {
    border-right-color: #fff;
    border-left: none;
}
[dir] .mi-tabs--right.mi-tabs--card .mi-tabs__item.is-right.is-active:last-child {
    border-bottom: none;
}
[dir] .mi-tabs--right.mi-tabs--card .mi-tabs__nav {
    border-bottom: 1px solid var(--mi-border-color-light);
}
[dir="ltr"] .mi-tabs--right.mi-tabs--card .mi-tabs__nav {
    border-radius: 0 4px 4px 0;
    border-left: none;
}
[dir="rtl"] .mi-tabs--right.mi-tabs--card .mi-tabs__nav {
    border-radius: 4px 0 0 4px;
    border-right: none;
}
[dir="ltr"] .mi-tabs--right.mi-tabs--border-card .mi-tabs__header.is-right {
    border-left: 1px solid var(--mi-border-color);
}
[dir="rtl"] .mi-tabs--right.mi-tabs--border-card .mi-tabs__header.is-right {
    border-right: 1px solid var(--mi-border-color);
}
[dir] .mi-tabs--right.mi-tabs--border-card .mi-tabs__item.is-right {
    border: 1px solid transparent;
}
[dir="ltr"] .mi-tabs--right.mi-tabs--border-card .mi-tabs__item.is-right {
    margin: -1px -1px -1px 0;
}
[dir="rtl"] .mi-tabs--right.mi-tabs--border-card .mi-tabs__item.is-right {
    margin: -1px 0-1px -1px;
}
[dir] .mi-tabs--right.mi-tabs--border-card .mi-tabs__item.is-right.is-active {
    border-color: #d1dbe5 transparent;
}
.slideInLeft-transition,
.slideInRight-transition {
    display: inline-block;
}
[dir="ltr"] .slideInRight-enter {
    animation: slideInRight-enter-ltr var(--mi-transition-duration);
}
[dir="rtl"] .slideInRight-enter {
    animation: slideInRight-enter-rtl var(--mi-transition-duration);
}
.slideInLeft-leave,
.slideInRight-leave {
    position: absolute;
}
[dir="ltr"] .slideInRight-leave {
    left: 0;
    right: 0;
    animation: slideInRight-leave-ltr var(--mi-transition-duration);
}
[dir="rtl"] .slideInRight-leave {
    right: 0;
    left: 0;
    animation: slideInRight-leave-rtl var(--mi-transition-duration);
}
[dir="ltr"] .slideInLeft-enter {
    animation: slideInLeft-enter-ltr var(--mi-transition-duration);
}
[dir="rtl"] .slideInLeft-enter {
    animation: slideInLeft-enter-rtl var(--mi-transition-duration);
}
[dir="ltr"] .slideInLeft-leave {
    left: 0;
    right: 0;
    animation: slideInLeft-leave-ltr var(--mi-transition-duration);
}
[dir="rtl"] .slideInLeft-leave {
    right: 0;
    left: 0;
    animation: slideInLeft-leave-rtl var(--mi-transition-duration);
}
.mi-avatar {
    --mi-avatar-text-color: var(--mi-color-white);
    --mi-avatar-bg-color: var(--mi-text-color-disabled);
    --mi-avatar-text-default-color: var(--mi-bg-color-primary);
    --mi-avatar-bg-default-color: var(--mi-bg-color-tertiary);
    --mi-avatar-text-size: 14px;
    --mi-avatar-icon-size: 18px;
    --mi-avatar-border-radius: var(--mi-border-radius-base);
    --mi-avatar-border: 1px solid var(--mi-border-color-primary);
    --mi-avatar-size-large: 56px;
    --mi-avatar-size-small: 32px;
    --mi-avatar-size: 44px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    overflow: hidden;
    color: var(--mi-avatar-text-color);
    width: var(--mi-avatar-size);
    height: var(--mi-avatar-size);
    font-size: var(--mi-avatar-text-size);
}
[dir] .mi-avatar {
    text-align: center;
    background: var(--mi-avatar-bg-default-color);
    border: var(--mi-avatar-border);
}
.mi-avatar > img {
    display: block;
    height: 100%;
}
[dir] .mi-avatar--circle {
    border-radius: 50%;
}
[dir] .mi-avatar--square {
    border-radius: var(--mi-avatar-border-radius);
}
.mi-avatar--icon {
    font-size: var(--mi-avatar-icon-size);
}
[dir] .mi-avatar--default {
    background: var(--mi-avatar-bg-default-color);
}
.mi-avatar--default .icon-default {
    color: var(--mi-avatar-text-default-color);
}
.mi-avatar--small {
    --mi-avatar-size: 32px;
}
.mi-avatar--large {
    --mi-avatar-size: 56px;
}
.mi-image__error,
.mi-image__inner,
.mi-image__placeholder,
.mi-image__wrapper {
    width: 100%;
    height: 100%;
}
.mi-image {
    position: relative;
    display: inline-block;
    overflow: hidden;
}
[dir] .mi-image {
    border-radius: 16px;
}
.mi-image__inner {
    vertical-align: top;
    opacity: 1;
}
.mi-image__inner.is-loading {
    opacity: 0;
}
.mi-image__wrapper {
    position: absolute;
    top: 0;
}
[dir="ltr"] .mi-image__wrapper {
    left: 0;
}
[dir="rtl"] .mi-image__wrapper {
    right: 0;
}
[dir] .mi-image__error,
[dir] .mi-image__placeholder {
    background: var(--mi-fill-color-light);
}
.mi-image__error {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: var(--mi-text-color-placeholder);
    vertical-align: middle;
}
[dir] .mi-image-group .mi-image:hover,
[dir] .mi-image-viewer__btn .mi-icon,
[dir] .mi-image__preview {
    cursor: pointer;
}
.mi-image-viewer__wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
}
[dir="ltr"] .mi-image-viewer__wrapper,
[dir="rtl"] .mi-image-viewer__wrapper {
    left: 0;
    right: 0;
}
.mi-image-viewer__btn {
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.8;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
[dir] .mi-image-viewer__btn {
    border-radius: 50%;
    cursor: pointer;
}
.mi-image-viewer__btn .mi-icon {
    font-size: inherit;
}
.mi-image-viewer__close {
    top: 40px;
}
[dir="ltr"] .mi-image-viewer__close {
    right: 40px;
}
[dir="rtl"] .mi-image-viewer__close {
    left: 40px;
}
.mi-image-viewer__canvas {
    position: static;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.mi-image-viewer__actions {
    bottom: 30px;
    height: 44px;
}
[dir] .mi-image-viewer__actions {
    padding: 0 23px;
    border-radius: 999999px;
    background: rgba(0, 0, 0, 0.7);
}
[dir="ltr"] .mi-image-viewer__actions {
    left: 50%;
    transform: translate(-50%);
}
[dir="rtl"] .mi-image-viewer__actions {
    right: 50%;
    transform: translate(50%);
}
.mi-image-viewer__actions__inner {
    width: 100%;
    height: 100%;
    font-size: 23px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
[dir] .mi-image-viewer__actions__inner {
    text-align: justify;
    cursor: default;
}
[dir] .mi-image-viewer__actions__inner .mi-icon {
    margin: 0 24px;
}
.mi-image-viewer__prev {
    top: 50%;
    width: 44px;
    height: 44px;
    font-size: 24px;
    color: #fff;
}
[dir] .mi-image-viewer__prev {
    transform: translateY(-50%);
    background-color: var(--mi-bg-color-mask);
    border-color: #fff;
}
[dir="ltr"] .mi-image-viewer__prev {
    left: 40px;
}
[dir="rtl"] .mi-image-viewer__prev {
    right: 40px;
}
.mi-image-viewer__next {
    top: 50%;
    text-indent: 2px;
}
[dir] .mi-image-viewer__next {
    transform: translateY(-50%);
    background-color: var(--mi-bg-color-mask);
    border-color: #fff;
}
[dir="ltr"] .mi-image-viewer__next {
    right: 40px;
}
[dir="rtl"] .mi-image-viewer__next {
    left: 40px;
}
.mi-image-viewer__close,
.mi-image-viewer__next {
    width: 44px;
    height: 44px;
    font-size: 24px;
    color: #fff;
}
[dir] .mi-image-viewer__close {
    background-color: var(--mi-bg-color-mask);
    border-color: #fff;
}
.mi-image-viewer__mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0.7;
}
[dir] .mi-image-viewer__mask {
    background: #000;
}
[dir="ltr"] .mi-image-viewer__mask {
    left: 0;
}
[dir="rtl"] .mi-image-viewer__mask {
    right: 0;
}
[dir="ltr"] .viewer-fade-enter-active,
[dir="rtl"] .viewer-fade-enter-active {
    animation: viewer-fade-in var(--mi-transition-duration);
}
[dir="ltr"] .viewer-fade-leave-active,
[dir="rtl"] .viewer-fade-leave-active {
    animation: viewer-fade-out var(--mi-transition-duration);
}
.mi-image-group {
    display: inline-flex;
    align-items: center;
    position: relative;
}
[dir] .mi-image-group .mi-image {
    border: 1px solid var(--mi-border-color-secondary);
    border-radius: 0;
}
.mi-image-group .image-remain {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.14px;
    position: absolute;
    bottom: 16px;
}
[dir] .mi-image-group .image-remain {
    padding: 4px 8px;
    border-radius: 8px;
    background: var(--mi-bg-color-tertiary);
}
[dir="ltr"] .mi-image-group .image-remain {
    right: 16px;
    left: initial;
}
[dir="rtl"] .mi-image-group .image-remain {
    left: 16px;
    right: initial;
}
[dir] .mi-image-group-1 .mi-image {
    border-radius: 16px;
}
[dir="ltr"] .mi-image-group-3 .mi-image:first-child {
    border-radius: 16px 0 0 16px;
}
[dir="rtl"] .mi-image-group-3 .mi-image:first-child {
    border-radius: 0 16px 16px 0;
}
[dir="ltr"] .mi-image-group-3 .mi-image:last-child {
    border-radius: 0 16px 16px 0;
}
[dir="rtl"] .mi-image-group-3 .mi-image:last-child {
    border-radius: 16px 0 0 16px;
}
.mi-image-group-4 .mi-image {
    display: none;
}
.mi-image-group-4 .mi-image:first-child {
    display: inline-flex;
}
[dir="ltr"] .mi-image-group-4 .mi-image:first-child {
    border-radius: 16px 0 0 16px;
}
[dir="rtl"] .mi-image-group-4 .mi-image:first-child {
    border-radius: 0 16px 16px 0;
}
.mi-image-group-4 .mi-image:nth-child(2),
.mi-image-group-4 .mi-image:nth-child(3) {
    display: inline-flex;
}
[dir="ltr"] .mi-image-group-4 .mi-image:nth-child(3) {
    border-radius: 0 16px 16px 0;
}
[dir="rtl"] .mi-image-group-4 .mi-image:nth-child(3) {
    border-radius: 16px 0 0 16px;
}
.mi-autocomplete {
    position: relative;
    display: inline-block;
}
[dir] .mi-autocomplete__popper.mi-popper {
    background: var(--mi-bg-color-dialog) !important;
    border: 1px solid var(--mi-border-color-light) !important;
    box-shadow: var(--mi-box-shadow-light) !important;
}
.mi-autocomplete__popper.mi-popper .mi-popper__arrow {
    height: 0;
    overflow: hidden;
}
[dir="ltr"] .mi-autocomplete__popper-rtl {
    direction: rtl;
}
[dir="rtl"] .mi-autocomplete__popper-rtl {
    direction: ltr;
}
.mi-autocomplete-suggestion {
    box-sizing: border-box;
}
[dir] .mi-autocomplete-suggestion {
    border-radius: var(--mi-border-radius-base);
}
[dir="ltr"] .mi-autocomplete-suggestion-rtl {
    direction: rtl;
}
[dir="rtl"] .mi-autocomplete-suggestion-rtl {
    direction: ltr;
}
[dir="ltr"] .mi-autocomplete-suggestion-rtl li {
    text-align: right !important;
}
[dir="rtl"] .mi-autocomplete-suggestion-rtl li {
    text-align: left !important;
}
.mi-autocomplete-suggestion__wrap {
    max-height: 280px;
    box-sizing: border-box;
}
[dir] .mi-autocomplete-suggestion__wrap {
    margin: 8px;
}
[dir] .mi-autocomplete-suggestion__list {
    margin: 0;
    padding: 0;
}
.mi-autocomplete-suggestion li {
    line-height: 34px;
    color: var(--mi-text-color-secondary);
    font-size: var(--mi-font-size-base);
    list-style: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
[dir] .mi-autocomplete-suggestion li {
    padding: 4px 8px;
    margin: 0;
    cursor: pointer;
    border-radius: var(--mi-border-radius-base);
}
[dir="ltr"] .mi-autocomplete-suggestion li {
    text-align: left;
}
[dir="rtl"] .mi-autocomplete-suggestion li {
    text-align: right;
}
[dir] .mi-autocomplete-suggestion li.highlighted,
[dir] .mi-autocomplete-suggestion li:hover {
    background-color: var(--mi-fill-color-tertiary);
}
[dir] .mi-autocomplete-suggestion li.divider {
    margin-top: 6px;
    border-top: 1px solid var(--mi-color-black);
}
[dir] .mi-autocomplete-suggestion li.divider:last-child {
    margin-bottom: -6px;
}
.mi-autocomplete-suggestion.is-loading li {
    height: 100px;
    line-height: 100px;
    font-size: 20px;
    color: var(--mi-text-color-secondary);
}
[dir] .mi-autocomplete-suggestion.is-loading li {
    text-align: center;
}
.mi-autocomplete-suggestion.is-loading li:after {
    display: inline-block;
    content: "";
    height: 100%;
    vertical-align: middle;
}
[dir] .mi-autocomplete-suggestion.is-loading li:hover {
    background-color: var(--mi-fill-color-overlay);
}
.mi-autocomplete-suggestion.is-loading .mi-icon-loading {
    vertical-align: middle;
}
.mi-textarea {
    --mi-input-text-color: var(--mi-text-color-secondary);
    --mi-input-border: var(--mi-border);
    --mi-input-hover-border: var(--mi-border-color-hover);
    --mi-input-focus-border: var(--mi-color-primary);
    --mi-input-transparent-border: 0 0 0 1px transparent inset;
    --mi-input-border-color: var(--mi-border-color-primary);
    --mi-input-border-radius: var(--mi-border-radius-base);
    --mi-input-bg-color: var(--mi-fill-color-blank);
    --mi-input-icon-color: var(--mi-color-info-active);
    --mi-input-placeholder-color: var(--mi-text-color-placeholder);
    --mi-input-hover-border-color: var(--mi-border-color-secondary);
    --mi-input-hover-border-picker-color: var(--mi-border-color-picker-hover);
    --mi-input-clear-hover-color: var(--mi-color-info-active);
    --mi-input-focus-border-color: var(--mi-color-primary);
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: bottom;
    font-size: var(--mi-font-size-base);
}
[dir="ltr"] .mi-textarea-rtl {
    direction: rtl;
}
[dir="rtl"] .mi-textarea-rtl {
    direction: ltr;
}
.mi-textarea__inner {
    position: relative;
    display: block;
    resize: vertical;
    line-height: 1.5;
    box-sizing: border-box;
    width: 100%;
    font-size: inherit;
    font-family: inherit;
    color: var(--mi-input-text-color, var(--mi-text-color-secondary));
    -webkit-appearance: none;
    transition: var(--mi-transition-box-shadow);
}
[dir] .mi-textarea__inner {
    padding: 12px 16px;
    background-color: var(--mi-input-bg-color, var(--mi-fill-color-blank));
    background-image: none;
    border-radius: var(--mi-border-radius-md);
    border: 1px solid var(--mi-border-color-primary);
}
.mi-textarea__inner::-moz-placeholder {
    color: var(--mi-input-placeholder-color, var(--mi-text-color-placeholder));
}
.mi-textarea__inner::placeholder {
    color: var(--mi-input-placeholder-color, var(--mi-text-color-placeholder));
}
[dir] .mi-textarea__inner:hover {
    border-color: var(--mi-input-hover-border-color);
}
.mi-textarea__inner:focus {
    outline: 0;
}
[dir] .mi-textarea__inner:focus {
    border-color: var(--mi-border-color-inverse-primary);
}
.mi-textarea .mi-input__count {
    color: var(--mi-text-color-disabled);
    position: absolute;
    font-size: 12px;
    line-height: 14px;
    bottom: 8px;
}
[dir] .mi-textarea .mi-input__count {
    background: var(--mi-fill-color-blank);
}
[dir="ltr"] .mi-textarea .mi-input__count {
    right: 12px;
}
[dir="rtl"] .mi-textarea .mi-input__count {
    left: 12px;
}
[dir="ltr"] .mi-textarea .mi-input__count-rtl {
    right: unset;
    left: 12px;
}
[dir="rtl"] .mi-textarea .mi-input__count-rtl {
    left: unset;
    right: 12px;
}
.mi-textarea.is-disabled .mi-textarea__inner {
    color: var(--mi-disabled-text-color);
}
[dir] .mi-textarea.is-disabled .mi-textarea__inner {
    background-color: var(--mi-disabled-bg-color);
    border-color: var(--mi-disabled-border-color);
    cursor: not-allowed;
}
.mi-textarea.is-disabled .mi-textarea__inner::-moz-placeholder {
    color: var(--mi-text-color-placeholder);
}
.mi-textarea.is-disabled .mi-textarea__inner::placeholder {
    color: var(--mi-text-color-placeholder);
}
[dir] .mi-textarea.is-exceed .mi-textarea__inner {
    box-shadow: 0 0 0 1px var(--mi-color-danger) inset;
}
.mi-textarea.is-exceed .mi-input__count {
    color: var(--mi-color-danger);
}
.mi-input {
    --mi-input-text-color: var(--mi-text-color-secondary);
    --mi-input-border: var(--mi-border);
    --mi-input-hover-border: var(--mi-border-color-hover);
    --mi-input-focus-border: var(--mi-color-primary);
    --mi-input-transparent-border: 0 0 0 1px transparent inset;
    --mi-input-border-color: var(--mi-border-color-primary);
    --mi-input-border-radius: var(--mi-border-radius-base);
    --mi-input-bg-color: var(--mi-fill-color-blank);
    --mi-input-icon-color: var(--mi-color-info-active);
    --mi-input-placeholder-color: var(--mi-text-color-placeholder);
    --mi-input-hover-border-color: var(--mi-border-color-secondary);
    --mi-input-hover-border-picker-color: var(--mi-border-color-picker-hover);
    --mi-input-clear-hover-color: var(--mi-color-info-active);
    --mi-input-focus-border-color: var(--mi-color-primary);
    --mi-input-height: var(--mi-component-size);
    position: relative;
    font-size: var(--mi-font-size-base);
    display: inline-flex;
    width: 100%;
    line-height: var(--mi-input-height);
    box-sizing: border-box;
    vertical-align: middle;
}
.mi-input::-webkit-scrollbar {
    z-index: 11;
    width: 6px;
}
.mi-input::-webkit-scrollbar:horizontal {
    height: 6px;
}
.mi-input::-webkit-scrollbar-thumb {
    width: 6px;
}
[dir] .mi-input::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: var(--mi-text-color-disabled);
}
[dir] .mi-input::-webkit-scrollbar-corner {
    background: var(--mi-fill-color-blank);
}
[dir] .mi-input::-webkit-scrollbar-track {
    background: var(--mi-fill-color-blank);
}
.mi-input::-webkit-scrollbar-track-piece {
    width: 6px;
}
[dir] .mi-input::-webkit-scrollbar-track-piece {
    background: var(--mi-fill-color-blank);
}
[dir="ltr"] .mi-input-rtl {
    direction: rtl;
}
[dir="rtl"] .mi-input-rtl {
    direction: ltr;
}
.mi-input .mi-input__clear,
.mi-input .mi-input__password {
    color: var(--mi-input-icon-color);
    font-size: 14px;
}
[dir] .mi-input .mi-input__clear,
[dir] .mi-input .mi-input__password {
    cursor: pointer;
}
.mi-input .mi-input__clear:hover,
.mi-input .mi-input__password:hover {
    color: var(--mi-input-clear-hover-color);
}
.mi-input .mi-input__count {
    height: 100%;
    display: inline-flex;
    align-items: center;
    color: var(--mi-text-color-disabled);
    font-size: 12px;
}
.mi-input .mi-input__count .mi-input__count-inner {
    line-height: initial;
    display: inline-block;
}
[dir] .mi-input .mi-input__count .mi-input__count-inner {
    background: var(--mi-fill-color-blank);
}
[dir="ltr"] .mi-input .mi-input__count .mi-input__count-inner {
    padding-left: 8px;
}
[dir="rtl"] .mi-input .mi-input__count .mi-input__count-inner {
    padding-right: 8px;
}
.mi-input__wrapper {
    display: inline-flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    transition: var(--mi-transition-box-shadow);
}
[dir] .mi-input__wrapper {
    padding: 0 16px;
    background-color: var(--mi-input-bg-color, var(--mi-fill-color-blank));
    background-image: none;
    border-radius: var(--mi-input-border-radius, var(--mi-border-radius-base));
    transform: translateZ(0);
    border: 1px solid var(--mi-border-color-primary);
}
[dir] .mi-input__wrapper:hover {
    border-color: var(--mi-input-hover-border-color);
}
[dir] .mi-input__wrapper.is-focus {
    border-color: var(--mi-border-color-inverse-primary);
}
.mi-input__inner {
    --mi-input-inner-height: calc(var(--mi-input-height, 32px) - 2px);
    width: 100%;
    flex-grow: 1;
    -webkit-appearance: none;
    color: var(--mi-input-text-color, var(--mi-text-color-secondary));
    font-size: inherit;
    height: var(--mi-input-inner-height);
    line-height: var(--mi-input-inner-height);
    outline: 0;
    box-sizing: border-box;
}
[dir] .mi-input__inner {
    padding: 0;
    border: 0;
}
[dir="ltr"] .mi-input__inner {
    background: 0 0;
}
[dir="rtl"] .mi-input__inner {
    background: 100%0;
}
.mi-input__inner:focus {
    outline: 0;
}
.mi-input__inner::-moz-placeholder {
    color: var(--mi-input-placeholder-color, var(--mi-text-color-placeholder));
}
.mi-input__inner::placeholder {
    color: var(--mi-input-placeholder-color, var(--mi-text-color-placeholder));
}
.mi-input__inner[type="password"]::-ms-reveal {
    display: none;
}
.mi-input__prefix {
    display: inline-flex;
    white-space: nowrap;
    flex-shrink: 0;
    flex-wrap: nowrap;
    height: 100%;
    color: var(--mi-input-icon-color, var(--mi-color-info-active));
    transition: all var(--mi-transition-duration);
    pointer-events: none;
}
[dir] .mi-input__prefix {
    text-align: center;
}
.mi-input__prefix-inner {
    pointer-events: all;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
[dir="ltr"] .mi-input__prefix-inner > :last-child {
    margin-right: 8px;
}
[dir="rtl"] .mi-input__prefix-inner > :last-child {
    margin-left: 8px;
}
[dir="ltr"] .mi-input__prefix-inner > :first-child,
[dir="ltr"] .mi-input__prefix-inner > :first-child.mi-input__icon {
    margin-left: 0;
}
[dir="rtl"] .mi-input__prefix-inner > :first-child,
[dir="rtl"] .mi-input__prefix-inner > :first-child.mi-input__icon {
    margin-right: 0;
}
.mi-input__prefix-inner-rtl > :last-child {
    -webkit-margin-end: 8px !important;
    margin-inline-end: 8px !important;
}
[dir="ltr"] .mi-input__prefix-inner-rtl > :last-child {
    margin-right: unset;
}
[dir="rtl"] .mi-input__prefix-inner-rtl > :last-child {
    margin-left: unset;
}
.mi-input__prefix-inner-rtl > :first-child,
.mi-input__prefix-inner-rtl > :first-child.mi-input__icon {
    -webkit-margin-start: 0 !important;
    margin-inline-start: 0 !important;
}
[dir="ltr"] .mi-input__prefix-inner-rtl > :first-child,
[dir="ltr"] .mi-input__prefix-inner-rtl > :first-child.mi-input__icon {
    margin-left: unset;
}
[dir="rtl"] .mi-input__prefix-inner-rtl > :first-child,
[dir="rtl"] .mi-input__prefix-inner-rtl > :first-child.mi-input__icon {
    margin-right: unset;
}
.mi-input__suffix {
    display: inline-flex;
    white-space: nowrap;
    flex-shrink: 0;
    flex-wrap: nowrap;
    height: 100%;
    color: var(--mi-input-icon-color, var(--mi-color-info-active));
    transition: all var(--mi-transition-duration);
    pointer-events: none;
}
[dir] .mi-input__suffix {
    text-align: center;
}
.mi-input__suffix-inner {
    pointer-events: all;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
[dir="ltr"] .mi-input__suffix-inner > :first-child {
    margin-left: 8px;
}
[dir="rtl"] .mi-input__suffix-inner > :first-child {
    margin-right: 8px;
}
.mi-input__suffix-inner-rtl > :first-child,
.mi-input__suffix-inner-rtl > :last-child {
    -webkit-margin-start: 8px !important;
    margin-inline-start: 8px !important;
}
[dir="ltr"] .mi-input__suffix-inner-rtl > :first-child,
[dir="ltr"] .mi-input__suffix-inner-rtl > :last-child {
    margin-left: unset !important;
}
[dir="rtl"] .mi-input__suffix-inner-rtl > :first-child,
[dir="rtl"] .mi-input__suffix-inner-rtl > :last-child {
    margin-right: unset !important;
}
.mi-input .mi-input__icon {
    height: inherit;
    line-height: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all var(--mi-transition-duration);
}
[dir="ltr"] .mi-input .mi-input__icon {
    margin-left: 8px;
}
[dir="rtl"] .mi-input .mi-input__icon {
    margin-right: 8px;
}
.mi-input__validateIcon {
    pointer-events: none;
}
[dir] .mi-input.is-active .mi-input__wrapper {
    box-shadow: 0 0 0 1px var(--mi-input-focus-color,) inset;
}
[dir] .mi-input.is-disabled {
    cursor: not-allowed;
}
[dir] .mi-input.is-disabled .mi-input__wrapper {
    background-color: var(--mi-disabled-bg-color);
}
.mi-input.is-disabled .mi-input__inner {
    color: var(--mi-disabled-text-color);
    -webkit-text-fill-color: var(--mi-disabled-text-color);
}
[dir] .mi-input.is-disabled .mi-input__icon,
[dir] .mi-input.is-disabled .mi-input__inner {
    cursor: not-allowed;
}
.mi-input.is-disabled .mi-input__inner::-moz-placeholder {
    color: var(--mi-text-color-placeholder);
}
.mi-input.is-disabled .mi-input__inner::placeholder {
    color: var(--mi-text-color-placeholder);
}
[dir] .mi-input.is-exceed .mi-input__wrapper {
    border: 1px solid var(--mi-color-danger);
}
.mi-input.is-exceed .mi-input__suffix .mi-input__count {
    color: var(--mi-color-danger);
}
[dir] .mi-input.is-round .mi-input__wrapper {
    border-radius: var(--mi-border-radius-round);
}
.mi-input--large {
    --mi-input-height: var(--mi-component-size-large);
    font-size: 16px;
}
[dir] .mi-input--large .mi-input__wrapper,
[dir] .mi-input--medium .mi-input__wrapper {
    padding: 0 16px;
}
.mi-input--large .mi-input__inner {
    --mi-input-inner-height: calc(var(--mi-input-height, 48px) - 2px);
}
.mi-input--medium {
    --mi-input-height: var(--mi-component-size-medium);
    font-size: 14px;
}
.mi-input--medium .mi-input__inner {
    --mi-input-inner-height: calc(var(--mi-input-height, 40px) - 2px);
}
.mi-input--small {
    --mi-input-height: var(--mi-component-size-small);
    font-size: 12px;
}
[dir] .mi-input--small .mi-input__wrapper {
    padding: 0 12px;
}
.mi-input--small .mi-input__inner {
    --mi-input-inner-height: calc(var(--mi-input-height, 24px) - 2px);
}
.mi-input-group {
    display: inline-flex;
    width: 100%;
    align-items: stretch;
    transition: var(--mi-transition-box-shadow);
}
[dir] .mi-input-group {
    background-color: transparent var(--mi-fill-color-light);
    border-radius: var(--mi-input-border-radius, var(--mi-border-radius-base));
    box-shadow: 0 0 0 1px var(--mi-input-border-color, var(--mi-border-color-primary)) inset;
}
[dir] .mi-input-group.is-round {
    border-radius: var(--mi-border-radius-round);
}
[dir] .mi-input-group:hover {
    box-shadow: 0 0 0 1px var(--mi-input-hover-border-color) inset;
}
[dir] .mi-input-group.is-focus {
    box-shadow: 0 0 0 1px var(--mi-input-focus-border-color) inset;
}
.mi-input-group__append {
    position: relative;
}
.mi-input-group__append,
.mi-input-group__prepend {
    color: var(--mi-text-color-secondary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
    white-space: nowrap;
}
[dir] .mi-input-group__append,
[dir] .mi-input-group__prepend {
    background-color: transparent !important;
    border-radius: var(--mi-input-border-radius);
}
.mi-input-group__append:focus,
.mi-input-group__prepend:focus {
    outline: 0;
}
.mi-input-group__append .mi-button,
.mi-input-group__append .mi-select,
.mi-input-group__prepend .mi-button,
.mi-input-group__prepend .mi-select {
    display: inline-block;
}
.mi-input-group__append button.mi-button,
.mi-input-group__append button.mi-button:hover,
.mi-input-group__append div.mi-select .mi-input__wrapper,
.mi-input-group__append div.mi-select:hover .mi-input__wrapper,
.mi-input-group__prepend button.mi-button,
.mi-input-group__prepend button.mi-button:hover,
.mi-input-group__prepend div.mi-select .mi-input__wrapper,
.mi-input-group__prepend div.mi-select:hover .mi-input__wrapper {
    color: inherit;
}
[dir] .mi-input-group__append button.mi-button,
[dir] .mi-input-group__append button.mi-button:hover,
[dir] .mi-input-group__append div.mi-select .mi-input__wrapper,
[dir] .mi-input-group__append div.mi-select:hover .mi-input__wrapper,
[dir] .mi-input-group__prepend button.mi-button,
[dir] .mi-input-group__prepend button.mi-button:hover,
[dir] .mi-input-group__prepend div.mi-select .mi-input__wrapper,
[dir] .mi-input-group__prepend div.mi-select:hover .mi-input__wrapper {
    border-color: transparent;
    background-color: transparent;
    box-shadow: none !important;
}
[dir] .mi-input-group__append button.mi-button.is-focus,
[dir] .mi-input-group__append button.mi-button:hover.is-focus,
[dir] .mi-input-group__append div.mi-select .mi-input__wrapper.is-focus,
[dir] .mi-input-group__append div.mi-select:hover .mi-input__wrapper.is-focus,
[dir] .mi-input-group__prepend button.mi-button.is-focus,
[dir] .mi-input-group__prepend button.mi-button:hover.is-focus,
[dir] .mi-input-group__prepend div.mi-select .mi-input__wrapper.is-focus,
[dir] .mi-input-group__prepend div.mi-select:hover .mi-input__wrapper.is-focus {
    box-shadow: none !important;
}
.mi-input-group__append .mi-button,
.mi-input-group__append .mi-input,
.mi-input-group__prepend .mi-button,
.mi-input-group__prepend .mi-input {
    font-size: inherit;
}
.mi-input-group__prepend {
    position: relative;
}
[dir="ltr"] .mi-input-group__prepend {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: 0 12px 0 16px;
}
[dir="rtl"] .mi-input-group__prepend {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 0 16px 0 12px;
}
[dir="ltr"] .mi-input-group__prepend .mi-button,
[dir="ltr"] .mi-input-group__prepend .mi-select {
    margin: 0-12px 0-16px;
}
[dir="rtl"] .mi-input-group__prepend .mi-button,
[dir="rtl"] .mi-input-group__prepend .mi-select {
    margin: 0-16px 0-12px;
}
.mi-input-group__prepend:before {
    content: " ";
    height: 16px;
    width: 1px;
    position: absolute;
    top: 50%;
}
[dir] .mi-input-group__prepend:before {
    background-color: var(--mi-input-border-color);
    transform: translateY(-50%);
}
[dir="ltr"] .mi-input-group__prepend:before {
    right: 0;
}
[dir="rtl"] .mi-input-group__prepend:before {
    left: 0;
}
.mi-input-group__prepend-rtl:before {
    content: none;
}
.mi-input-group__prepend-rtl:after {
    content: " ";
    height: 16px;
    width: 1px;
    position: absolute;
    top: 50%;
}
[dir] .mi-input-group__prepend-rtl:after {
    background-color: var(--mi-input-border-color);
    transform: translateY(-50%);
}
[dir="ltr"] .mi-input-group__prepend-rtl:after {
    left: 0;
}
[dir="rtl"] .mi-input-group__prepend-rtl:after {
    right: 0;
}
[dir="ltr"] .mi-input-group__append {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-right: 16px;
}
[dir="rtl"] .mi-input-group__append {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding-left: 16px;
}
[dir="ltr"] .mi-input-group__append .mi-button,
[dir="ltr"] .mi-input-group__append .mi-select {
    margin-right: -16px;
}
[dir="rtl"] .mi-input-group__append .mi-button,
[dir="rtl"] .mi-input-group__append .mi-select {
    margin-left: -16px;
}
.mi-input-group__append-rtl {
    -webkit-padding-end: 16px;
    padding-inline-end: 16px;
}
[dir="ltr"] .mi-input-group__append-rtl {
    padding-right: unset;
}
[dir="rtl"] .mi-input-group__append-rtl {
    padding-left: unset;
}
.mi-input-group__append-rtl .mi-button,
.mi-input-group__append-rtl .mi-select {
    -webkit-margin-end: -16px;
    margin-inline-end: -16px;
}
[dir="ltr"] .mi-input-group__append-rtl .mi-button,
[dir="ltr"] .mi-input-group__append-rtl .mi-select {
    margin-right: unset;
}
[dir="rtl"] .mi-input-group__append-rtl .mi-button,
[dir="rtl"] .mi-input-group__append-rtl .mi-select {
    margin-left: unset;
}
[dir] .mi-input-group--append > .mi-input__wrapper,
[dir] .mi-input-group--prepend > .mi-input__wrapper {
    background-color: transparent;
    border-radius: 0;
    box-shadow: none !important;
    border: 0 !important;
}
.mi-scrollbar {
    --mi-scrollbar-opacity: 0.3;
    --mi-scrollbar-bg-color: var(--mi-text-color-secondary);
    --mi-scrollbar-hover-opacity: 0.5;
    --mi-scrollbar-hover-bg-color: var(--mi-text-color-secondary);
    overflow: hidden;
    position: relative;
    height: 100%;
}
[dir="ltr"] .mi-scrollbar-rtl {
    direction: rtl;
}
[dir="rtl"] .mi-scrollbar-rtl {
    direction: ltr;
}
.mi-scrollbar__wrap {
    overflow: auto;
    height: 100%;
}
.mi-scrollbar__wrap--hidden-default {
    scrollbar-width: none;
}
.mi-scrollbar__wrap--hidden-default::-webkit-scrollbar {
    display: none;
}
.mi-scrollbar__thumb {
    position: relative;
    display: block;
    width: 0;
    height: 0;
    transition: var(--mi-transition-duration) background-color;
    opacity: var(--mi-scrollbar-opacity, 0.3);
}
[dir] .mi-scrollbar__thumb {
    cursor: pointer;
    border-radius: inherit;
    background-color: var(--mi-scrollbar-bg-color, var(--mi-text-color-secondary));
}
.mi-scrollbar__thumb:hover {
    opacity: var(--mi-scrollbar-hover-opacity, 0.5);
}
[dir] .mi-scrollbar__thumb:hover {
    background-color: var(--mi-scrollbar-hover-bg-color, var(--mi-text-color-secondary));
}
.mi-scrollbar__bar {
    position: absolute;
    bottom: 2px;
    z-index: 1;
}
[dir] .mi-scrollbar__bar {
    border-radius: 4px;
}
[dir="ltr"] .mi-scrollbar__bar {
    right: 2px;
}
[dir="ltr"] .mi-scrollbar__bar.is-horizontal,
[dir="rtl"] .mi-scrollbar__bar {
    left: 2px;
}
[dir="ltr"] .mi-scrollbar__bar-rtl {
    right: unset;
    left: 2px;
}
[dir="rtl"] .mi-scrollbar__bar-rtl {
    left: unset;
    right: 2px;
}
.mi-scrollbar__bar.is-vertical {
    width: 6px;
    top: 2px;
}
.mi-scrollbar__bar.is-horizontal {
    height: 6px;
}
[dir="rtl"] .mi-scrollbar__bar.is-horizontal {
    right: 2px;
}
.mi-scrollbar-fade-enter-active {
    transition: opacity 0.34s ease-out;
}
.mi-scrollbar-fade-leave-active {
    transition: opacity 0.12s ease-out;
}
.mi-scrollbar-fade-enter-from,
.mi-scrollbar-fade-leave-active {
    opacity: 0;
}
[dir="ltr"] .mi-icon-loading,
[dir="ltr"] .mi-icon.is-loading {
    animation: rotating-ltr 2s linear infinite;
}
[dir="rtl"] .mi-icon-loading,
[dir="rtl"] .mi-icon.is-loading {
    animation: rotating-rtl 2s linear infinite;
}
[dir="ltr"] .mi-icon--right {
    margin-left: 5px;
}
[dir="ltr"] .mi-icon--left,
[dir="rtl"] .mi-icon--right {
    margin-right: 5px;
}
[dir="ltr"] .mi-radio-button__inner [class*="mi-icon-"] + span,
[dir="rtl"] .mi-icon--left {
    margin-left: 5px;
}
.mi-icon--space {
    -webkit-margin-start: 5px;
    margin-inline-start: 5px;
}
.mi-icon {
    --color: inherit;
    line-height: 1em;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    fill: currentColor;
    color: var(--color);
    font-size: inherit;
}
.mi-icon,
.mi-icon svg {
    height: 1em;
    width: 1em;
}
.mi-drawer {
    --mi-drawer-bg-color: var(--mi-dialog-bg-color, var(--mi-bg-color));
    --mi-drawer-padding-primary: var(--mi-dialog-padding-primary, 20px);
    position: absolute;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: all var(--mi-transition-duration);
}
[dir] .mi-drawer {
    background-color: var(--mi-drawer-bg-color);
    box-shadow: var(--mi-box-shadow-dark);
}
[dir="ltr"] .mi-drawer-rtl {
    direction: rtl;
}
[dir="rtl"] .mi-drawer-rtl {
    direction: ltr;
}
[dir] .mi-drawer .btt,
[dir] .mi-drawer .ltr,
[dir] .mi-drawer .rtl,
[dir] .mi-drawer .ttb {
    transform: translate(0);
}
.mi-drawer__sr-focus:focus {
    outline: 0 !important;
}
.mi-drawer__header {
    align-items: center;
    color: var(--mi-text-color-primary);
    display: flex;
}
[dir] .mi-drawer__header {
    padding: 32px 32px 8px;
}
.mi-drawer__header > :first-child {
    flex: 1;
}
.mi-drawer__title {
    flex: 1;
    line-height: 28px;
    font-size: 20px;
    font-weight: 600;
    word-wrap: break-word;
}
[dir] .mi-drawer__title {
    margin: 0;
}
[dir] .mi-drawer__footer {
    padding: 16px 32px 32px;
}
[dir="ltr"] .mi-drawer__footer {
    text-align: right;
}
[dir="rtl"] .mi-drawer__footer {
    text-align: left;
}
.mi-drawer__close-btn {
    align-self: flex-start;
    display: inline-flex;
    font-size: 20px;
    color: var(--mi-text-color-tertiary);
    outline: 0;
    -webkit-margin-start: 12px;
    margin-inline-start: 12px;
}
[dir] .mi-drawer__close-btn {
    border: 0;
    cursor: pointer;
    background-color: transparent;
    padding: 4px;
}
.mi-drawer__close-btn:focus,
.mi-drawer__close-btn:hover {
    color: var(--mi-text-color-primary);
}
[dir] .mi-drawer__close-btn:focus,
[dir] .mi-drawer__close-btn:hover {
    border-radius: 50%;
    background-color: var(--mi-bg-color-secondary);
}
.mi-drawer__body {
    flex: 1;
    overflow: auto;
}
[dir] .mi-drawer__body {
    padding: 16px 32px 24px;
}
.mi-drawer__body > * {
    box-sizing: border-box;
}
.mi-drawer.ltr,
.mi-drawer.rtl {
    height: 100%;
    top: 0;
    bottom: 0;
}
.mi-drawer.btt,
.mi-drawer.ttb {
    width: 100%;
}
[dir="ltr"] .mi-drawer.btt,
[dir="ltr"] .mi-drawer.ttb,
[dir="rtl"] .mi-drawer.btt,
[dir="rtl"] .mi-drawer.ttb {
    right: 0;
    left: 0;
}
[dir="ltr"] .mi-drawer.ltr {
    left: 0;
    border-bottom-right-radius: 16px;
    border-top-right-radius: 16px;
}
[dir="ltr"] .mi-drawer.rtl,
[dir="rtl"] .mi-drawer.ltr {
    right: 0;
    border-bottom-left-radius: 16px;
    border-top-left-radius: 16px;
}
[dir="rtl"] .mi-drawer.rtl {
    left: 0;
    border-bottom-right-radius: 16px;
    border-top-right-radius: 16px;
}
.mi-drawer.ttb {
    top: 0;
}
[dir="ltr"] .mi-drawer.ttb,
[dir="rtl"] .mi-drawer.ttb {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}
.mi-drawer.btt {
    bottom: 0;
}
[dir="ltr"] .mi-drawer.btt,
[dir="rtl"] .mi-drawer.btt {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}
.mi-drawer-fade-enter-active,
.mi-drawer-fade-leave-active {
    transition: all var(--mi-transition-duration);
}
.mi-drawer-fade-enter-active,
.mi-drawer-fade-enter-from,
.mi-drawer-fade-enter-to,
.mi-drawer-fade-leave-active,
.mi-drawer-fade-leave-from,
.mi-drawer-fade-leave-to {
    overflow: hidden !important;
}
.mi-drawer-fade-enter-from,
.mi-drawer-fade-leave-to {
    opacity: 0;
}
.mi-drawer-fade-enter-to,
.mi-drawer-fade-leave-from {
    opacity: 1;
}
[dir="ltr"] .mi-drawer-fade-enter-from .rtl,
[dir="ltr"] .mi-drawer-fade-leave-to .rtl {
    transform: translate(100%);
}
[dir="ltr"] .mi-drawer-fade-enter-from .ltr,
[dir="ltr"] .mi-drawer-fade-leave-to .ltr,
[dir="rtl"] .mi-drawer-fade-enter-from .rtl,
[dir="rtl"] .mi-drawer-fade-leave-to .rtl {
    transform: translate(-100%);
}
[dir="rtl"] .mi-drawer-fade-enter-from .ltr,
[dir="rtl"] .mi-drawer-fade-leave-to .ltr {
    transform: translate(100%);
}
[dir] .mi-drawer-fade-enter-from .ttb,
[dir] .mi-drawer-fade-leave-to .ttb {
    transform: translateY(-100%);
}
[dir] .mi-drawer-fade-enter-from .btt,
[dir] .mi-drawer-fade-leave-to .btt {
    transform: translateY(100%);
}
.mi-skeleton {
    --mi-skeleton-color: var(--mi-fill-color-light);
    --mi-skeleton-to-color: var(--mi-fill-color-darker);
    --mi-skeleton-item-textarea-height: 160px;
    width: 100%;
}
[dir="ltr"] .mi-skeleton-rtl {
    direction: rtl;
}
[dir="rtl"] .mi-skeleton-rtl {
    direction: ltr;
}
.mi-skeleton__first-line,
.mi-skeleton__paragraph {
    height: 16px;
}
[dir] .mi-skeleton__first-line,
[dir] .mi-skeleton__paragraph {
    margin-top: 12px;
    background: var(--mi-skeleton-color);
}
[dir] .mi-skeleton.is-animated .mi-skeleton__item {
    background-size: 400% 100%;
}
[dir="ltr"] .mi-skeleton.is-animated .mi-skeleton__item {
    background: linear-gradient(
        90deg,
        var(--mi-skeleton-color) 25%,
        var(--mi-skeleton-to-color) 37%,
        var(--mi-skeleton-color) 63%
    );
    animation: bit-skeleton-loading-ltr 1.4s ease infinite;
}
[dir="rtl"] .mi-skeleton.is-animated .mi-skeleton__item {
    background: linear-gradient(
        -90deg,
        var(--mi-skeleton-color) 25%,
        var(--mi-skeleton-to-color) 37%,
        var(--mi-skeleton-color) 63%
    );
    animation: bit-skeleton-loading-rtl 1.4s ease infinite;
}
.mi-skeleton {
    --mi-skeleton-circle-size: var(--mi-avatar-size);
}
.mi-skeleton__item {
    display: inline-block;
    height: 16px;
    width: 100%;
}
[dir] .mi-skeleton__item {
    background: var(--mi-skeleton-color);
    border-radius: 3px;
}
.mi-skeleton__circle {
    width: 44px;
    height: 44px;
    line-height: 44px;
}
[dir] .mi-skeleton__circle {
    border-radius: 50%;
}
.mi-skeleton__circle--small {
    width: 32px;
    height: 32px;
    line-height: 32px;
}
.mi-skeleton__circle--default {
    width: 44px;
    height: 44px;
    line-height: 44px;
}
.mi-skeleton__circle--large {
    width: 56px;
    height: 56px;
    line-height: 56px;
}
.mi-skeleton__button {
    height: 40px;
    width: 64px;
}
[dir] .mi-skeleton__button {
    border-radius: 4px;
}
[dir] .mi-skeleton__button--round {
    border-radius: 64px;
}
.mi-skeleton__p {
    width: 100%;
    height: 16px;
}
.mi-skeleton__p.is-last {
    width: 50%;
}
.mi-skeleton__p.is-first {
    width: 33%;
}
.mi-skeleton__text {
    width: 100%;
    height: var(--mi-font-size-small);
}
.mi-skeleton__caption {
    height: var(--mi-font-size-extra-small);
}
.mi-skeleton__h1 {
    height: var(--mi-font-size-extra-large);
}
.mi-skeleton__h3 {
    height: var(--mi-font-size-large);
}
.mi-skeleton__h5 {
    height: var(--mi-font-size-medium);
}
.mi-skeleton__image {
    width: unset;
    display: flex;
    align-items: center;
    justify-content: center;
}
[dir] .mi-skeleton__image {
    border-radius: 0;
}
.mi-skeleton__image svg {
    color: var(--mi-svg-monochrome-grey);
    fill: currentColor;
    width: 22%;
    height: 22%;
}
.mi-skeleton__textarea {
    height: var(--mi-skeleton-item-textarea-height);
}
.mi-divider {
    position: relative;
}
.mi-divider--horizontal {
    display: block;
    height: 1px;
    width: 100%;
}
[dir] .mi-divider--horizontal {
    margin: 24px 0;
    border-top: 1px var(--mi-border-color) var(--mi-border-style);
}
.mi-divider--vertical {
    display: inline-block;
    width: 1px;
    height: 1em;
    vertical-align: middle;
    position: relative;
}
[dir] .mi-divider--vertical {
    margin: 0 8px;
}
[dir="ltr"] .mi-divider--vertical {
    border-left: 1px var(--mi-border-color) var(--mi-border-style);
}
[dir="rtl"] .mi-divider--vertical {
    border-right: 1px var(--mi-border-color) var(--mi-border-style);
}
.mi-divider__text {
    position: absolute;
    font-weight: 500;
    color: var(--mi-text-color-primary);
    font-size: 14px;
}
[dir] .mi-divider__text {
    background-color: var(--mi-bg-color);
    padding: 0 20px;
}
[dir] .mi-divider__text.is-left {
    transform: translateY(-50%);
}
[dir="ltr"] .mi-divider__text.is-left {
    left: 20px;
}
[dir="rtl"] .mi-divider__text.is-left {
    right: 20px;
}
[dir="ltr"] .mi-divider__text.is-center {
    left: 50%;
    transform: translate(-50%) translateY(-50%);
}
[dir="rtl"] .mi-divider__text.is-center {
    right: 50%;
    transform: translate(50%) translateY(-50%);
}
[dir] .mi-divider__text.is-right {
    transform: translateY(-50%);
}
[dir="ltr"] .mi-divider__text.is-right {
    right: 20px;
}
[dir="rtl"] .mi-divider__text.is-right {
    left: 20px;
}
.mi-radio-group {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 0;
}
.mi-radio-group.is-round {
    overflow: hidden;
}
[dir] .mi-radio-group.is-round {
    border: 2px solid var(--mi-bg-color-tertiary);
    border-radius: var(--mi-border-radius-round);
    background-color: var(--mi-bg-color-tertiary);
}
[dir="ltr"] .mi-radio-group-rtl {
    direction: rtl;
}
[dir="rtl"] .mi-radio-group-rtl {
    direction: ltr;
}
.mi-radio-button {
    --mi-radio-button-text-color: var(--mi-text-color-primary);
    --mi-radio-button-checked-bg-color: var(--mi-color-primary);
    --mi-radio-button-checked-border-color: var(--mi-color-primary);
    --mi-radio-button-disabled-checked-fill: var(--mi-border-color-extra-light);
    --mi-radio-button-checked-bg-color-round: var(--mi-fg-color-tertiary);
    --mi-radio-button-bg-round: var(--mi-bg-color-secondary);
    --mi-radio-button-hover-bg-round: var(--mi-fg-color-tertiary);
    --mi-radio-button-bg-color: var(--mi-fill-color-blank);
    position: relative;
    display: inline-block;
    outline: 0;
}
[dir="ltr"] .mi-radio-button-rtl {
    direction: rtl;
}
[dir="rtl"] .mi-radio-button-rtl {
    direction: ltr;
}
.mi-radio-button--large.is-round .mi-radio-button__inner {
    font-size: 14px !important;
}
[dir] .mi-radio-button--large.is-round .mi-radio-button__inner {
    padding: 11px 24px !important;
}
.mi-radio-button--small.is-round .mi-radio-button__inner {
    font-size: 12px !important;
}
[dir] .mi-radio-button--small.is-round .mi-radio-button__inner {
    padding: 6px 12px !important;
}
[dir="ltr"] .mi-radio-button.is-round {
    border-left: none;
}
[dir="rtl"] .mi-radio-button.is-round {
    border-right: none;
}
.mi-radio-button.is-round .mi-radio-button__inner {
    color: var(--mi-text-color-tertiary);
    font-size: 14px;
}
[dir] .mi-radio-button.is-round .mi-radio-button__inner {
    border: 0 !important;
    padding: 8px 16px;
    background-color: var(--mi-bg-color-tertiary);
}
@media (any-hover: hover) {
    [dir] .mi-radio-button.is-round .mi-radio-button__inner:hover {
        background-color: var(--mi-radio-button-hover-bg-round);
        border-radius: var(--mi-border-radius-round) !important;
    }
}
[dir="ltr"] .mi-radio-button.is-round:first-of-type {
    border-radius: var(--mi-border-radius-round) 0 0 var(--mi-border-radius-round);
}
[dir="ltr"] .mi-radio-button.is-round:first-of-type.mi-radio-button-rtl,
[dir="rtl"] .mi-radio-button.is-round:first-of-type {
    border-radius: 0 var(--mi-border-radius-round) var(--mi-border-radius-round) 0;
}
[dir="ltr"] .mi-radio-button.is-round:first-of-type.mi-radio-button-rtl {
    border-left: unset;
}
[dir="rtl"] .mi-radio-button.is-round:first-of-type.mi-radio-button-rtl {
    border-right: unset;
    border-radius: var(--mi-border-radius-round) 0 0 var(--mi-border-radius-round);
}
[dir="ltr"] .mi-radio-button.is-round:last-of-type {
    border-radius: 0 var(--mi-border-radius-round) var(--mi-border-radius-round) 0;
}
[dir="ltr"] .mi-radio-button.is-round:last-of-type.mi-radio-button-rtl,
[dir="rtl"] .mi-radio-button.is-round:last-of-type {
    border-radius: var(--mi-border-radius-round) 0 0 var(--mi-border-radius-round);
}
[dir="ltr"] .mi-radio-button.is-round:last-of-type.mi-radio-button-rtl {
    border-left: unset;
}
[dir="rtl"] .mi-radio-button.is-round:last-of-type.mi-radio-button-rtl {
    border-right: unset;
    border-radius: 0 var(--mi-border-radius-round) var(--mi-border-radius-round) 0;
}
[dir] .mi-radio-button.is-round:first-child .mi-radio-button__inner,
[dir] .mi-radio-button:first-child .mi-radio-button__inner {
    box-shadow: none !important;
}
[dir="ltr"] .mi-radio-button.is-round:first-child .mi-radio-button__inner {
    border-radius: var(--mi-border-radius-round) 0 0 var(--mi-border-radius-round);
}
[dir="ltr"] .mi-radio-button.is-round:first-child .mi-radio-button__inner-rtl,
[dir="rtl"] .mi-radio-button.is-round:first-child .mi-radio-button__inner {
    border-radius: 0 var(--mi-border-radius-round) var(--mi-border-radius-round) 0;
}
[dir="ltr"] .mi-radio-button.is-round:first-child .mi-radio-button__inner-rtl {
    border-left: unset;
}
[dir="rtl"] .mi-radio-button.is-round:first-child .mi-radio-button__inner-rtl {
    border-right: unset;
    border-radius: var(--mi-border-radius-round) 0 0 var(--mi-border-radius-round);
}
[dir="ltr"] .mi-radio-button.is-round:last-child .mi-radio-button__inner {
    border-radius: 0 var(--mi-border-radius-round) var(--mi-border-radius-round) 0;
}
[dir="rtl"] .mi-radio-button.is-round:last-child .mi-radio-button__inner {
    border-radius: var(--mi-border-radius-round) 0 0 var(--mi-border-radius-round);
}
[dir] .mi-radio-button.is-round:last-child .mi-radio-button__inner-rtl {
    box-shadow: none !important;
}
[dir="ltr"] .mi-radio-button.is-round:last-child .mi-radio-button__inner-rtl {
    border-radius: var(--mi-border-radius-round) 0 0 var(--mi-border-radius-round);
}
[dir="rtl"] .mi-radio-button.is-round:last-child .mi-radio-button__inner-rtl {
    border-radius: 0 var(--mi-border-radius-round) var(--mi-border-radius-round) 0;
}
.mi-radio-button.is-round .mi-radio-button__original-radio:checked + .mi-radio-button__inner {
    color: var(--mi-radio-button-text-color);
}
[dir] .mi-radio-button.is-round .mi-radio-button__original-radio:checked + .mi-radio-button__inner {
    background-color: var(--mi-radio-button-checked-bg-color-round);
    border-radius: var(--mi-border-radius-round) !important;
    border: 0 !important;
    box-shadow: none !important;
}
.mi-radio-button__inner {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    vertical-align: middle;
    color: var(--mi-radio-button-text-color);
    -webkit-appearance: none;
    box-sizing: border-box;
    outline: 0;
    position: relative;
    transition: var(--mi-transition-all);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: var(--mi-font-size-base);
}
[dir] .mi-radio-button__inner {
    background: var(--mi-radio-button-bg-color);
    border: var(--mi-border);
    text-align: center;
    margin: 0;
    cursor: pointer;
    padding: 7px 11px;
    border-radius: 0;
}
[dir="ltr"] .mi-radio-button__inner {
    border-left: 0;
}
[dir="rtl"] .mi-radio-button__inner {
    border-right: 0;
}
[dir] .mi-radio-button__inner.is-round {
    padding: 7px 11px;
}
@media (any-hover: hover) {
    .mi-radio-button__inner:hover {
        color: var(--mi-color-primary);
    }
}
.mi-radio-button__inner [class*="mi-icon-"] {
    line-height: 0.9;
}
[dir="rtl"] .mi-radio-button__inner [class*="mi-icon-"] + span {
    margin-right: 5px;
}
[dir="ltr"] .mi-radio-button:first-child .mi-radio-button__inner {
    border-left: var(--mi-border);
    border-radius: var(--mi-border-radius-base) 0 0 var(--mi-border-radius-base);
}
[dir="ltr"] .mi-radio-button:first-child .mi-radio-button__inner-rtl,
[dir="rtl"] .mi-radio-button:first-child .mi-radio-button__inner {
    border-right: var(--mi-border);
    border-radius: 0 var(--mi-border-radius-base) var(--mi-border-radius-base) 0;
}
[dir="ltr"] .mi-radio-button:first-child .mi-radio-button__inner-rtl {
    border-left: unset;
}
[dir="rtl"] .mi-radio-button:first-child .mi-radio-button__inner-rtl {
    border-right: unset;
    border-left: var(--mi-border);
    border-radius: var(--mi-border-radius-base) 0 0 var(--mi-border-radius-base);
}
.mi-radio-button__original-radio {
    opacity: 0;
    outline: 0;
    position: absolute;
    z-index: -1;
}
.mi-radio-button__original-radio:checked + .mi-radio-button__inner {
    color: var(--mi-color-white);
}
[dir] .mi-radio-button__original-radio:checked + .mi-radio-button__inner {
    background-color: var(--mi-radio-button-checked-bg-color, var(--mi-color-primary));
    border-color: var(--mi-radio-button-checked-border-color, var(--mi-color-primary));
}
[dir="ltr"] .mi-radio-button__original-radio:checked + .mi-radio-button__inner {
    box-shadow: -1px 0 0 0 var(--mi-radio-button-checked-border-color, var(--mi-color-primary));
}
[dir="rtl"] .mi-radio-button__original-radio:checked + .mi-radio-button__inner {
    box-shadow: 1px 0 0 0 var(--mi-radio-button-checked-border-color, var(--mi-color-primary));
}
.mi-radio-button__original-radio:focus-visible + .mi-radio-button__inner {
    outline: 2px solid var(--mi-radio-button-checked-border-color);
    outline-offset: 1px;
    z-index: 2;
}
[dir] .mi-radio-button__original-radio:focus-visible + .mi-radio-button__inner {
    border-radius: var(--mi-border-radius-base);
    box-shadow: none;
}
[dir="ltr"] .mi-radio-button__original-radio:focus-visible + .mi-radio-button__inner {
    border-left: var(--mi-border);
    border-left-color: var(--mi-radio-button-checked-border-color, var(--mi-color-primary));
}
[dir="rtl"] .mi-radio-button__original-radio:focus-visible + .mi-radio-button__inner {
    border-right: var(--mi-border);
    border-right-color: var(--mi-radio-button-checked-border-color, var(--mi-color-primary));
}
.mi-radio-button__original-radio:disabled + .mi-radio-button__inner {
    color: var(--mi-disabled-text-color) !important;
}
[dir] .mi-radio-button__original-radio:disabled + .mi-radio-button__inner {
    cursor: not-allowed;
    background-image: none;
    background-color: none;
    border-color: var(--mi-button-disabled-border-color, var(--mi-border-color-secondary));
    box-shadow: none;
}
[dir] .mi-radio-button__original-radio:disabled + .mi-radio-button__inner:hover {
    background-color: #fff0;
}
[dir] .mi-radio-button__original-radio:disabled:checked + .mi-radio-button__inner {
    background-color: var(--mi-radio-button-disabled-checked-fill);
}
[dir="ltr"] .mi-radio-button:last-child .mi-radio-button__inner {
    border-radius: 0 var(--mi-border-radius-base) var(--mi-border-radius-base) 0;
}
[dir="rtl"] .mi-radio-button:last-child .mi-radio-button__inner {
    border-radius: var(--mi-border-radius-base) 0 0 var(--mi-border-radius-base);
}
[dir] .mi-radio-button:last-child .mi-radio-button__inner-rtl {
    box-shadow: none !important;
}
[dir="ltr"] .mi-radio-button:last-child .mi-radio-button__inner-rtl {
    border-left: var(--mi-border);
    border-radius: var(--mi-border-radius-base) 0 0 var(--mi-border-radius-base);
}
[dir="rtl"] .mi-radio-button:last-child .mi-radio-button__inner-rtl {
    border-right: var(--mi-border);
    border-radius: 0 var(--mi-border-radius-base) var(--mi-border-radius-base) 0;
}
[dir] .mi-radio-button:first-child:last-child .mi-radio-button__inner {
    border-radius: var(--mi-border-radius-base);
}
.mi-radio-button--large .mi-radio-button__inner {
    font-size: var(--mi-font-size-medium);
}
[dir] .mi-radio-button--large .mi-radio-button__inner {
    padding: 14px 23px;
    border-radius: 0;
}
[dir] .mi-radio-button--large .mi-radio-button__inner.is-round {
    padding: 14px 23px;
}
.mi-radio-button--small .mi-radio-button__inner {
    font-size: var(--mi-font-size-small);
}
[dir] .mi-radio-button--small .mi-radio-button__inner {
    padding: 4px 7px;
    border-radius: 0;
}
[dir] .mi-radio-button--small .mi-radio-button__inner.is-round {
    padding: 4px 7px;
}
.micro-tooltip-popover {
    pointer-events: none;
}
.mi-loading-mask {
    --mi-mask-color: transparent;
}
.mi-message__badge {
    display: none;
}
[dir="ltr"] .mi-tabs__active-bar,
[dir="rtl"] .mi-tabs__active-bar {
    right: initial !important;
}
[dir] .mi-radio-button.is-round {
    background: 0 0 !important;
}
.mi-drawer {
    border-radius: 0 !important;
    background-color: var(--ds-color-layer-0) !important;
}
.mi-drawer .mi-drawer__close-btn {
    margin-right: 14px !important;
    margin-top: 20px !important;
    font-size: 20px !important;
}
.mi-drawer .mi-drawer__header {
    margin-bottom: 20px !important;
    padding: 0 !important;
}
.mi-drawer .mi-drawer__body {
    padding: 0 !important;
}
.micro,
.micro img,
.micro-teleport {
    color: var(--color-primary-text);
}
.micro-teleport * {
    box-sizing: border-box;
}
.text-buy[data-v-4b336f5e] {
    color: var(--color-buy);
}
.text-sell[data-v-4b336f5e] {
    color: var(--color-sell);
}
.text-normal[data-v-4b336f5e] {
    color: var(--color-secondary-text);
}
.micro *,
.micro ::after,
.micro ::before {
    --un-rotate: 0;
    --un-rotate-x: 0;
    --un-rotate-y: 0;
    --un-rotate-z: 0;
    --un-scale-x: 1;
    --un-scale-y: 1;
    --un-scale-z: 1;
    --un-skew-x: 0;
    --un-skew-y: 0;
    --un-translate-x: 0;
    --un-translate-y: 0;
    --un-translate-z: 0;
    --un-pan-x: ;
    --un-pan-y: ;
    --un-pinch-zoom: ;
    --un-scroll-snap-strictness: proximity;
    --un-ordinal: ;
    --un-slashed-zero: ;
    --un-numeric-figure: ;
    --un-numeric-spacing: ;
    --un-numeric-fraction: ;
    --un-border-spacing-x: 0;
    --un-border-spacing-y: 0;
    --un-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0);
    --un-ring-shadow: 0 0 rgba(0, 0, 0, 0);
    --un-shadow-inset: ;
    --un-shadow: 0 0 rgba(0, 0, 0, 0);
    --un-ring-inset: ;
    --un-ring-offset-width: 0px;
    --un-ring-offset-color: #fff;
    --un-ring-width: 0px;
    --un-ring-color: rgba(147, 197, 253, 0.5);
    --un-blur: ;
    --un-brightness: ;
    --un-contrast: ;
    --un-drop-shadow: ;
    --un-grayscale: ;
    --un-hue-rotate: ;
    --un-invert: ;
    --un-saturate: ;
    --un-sepia: ;
    --un-backdrop-blur: ;
    --un-backdrop-brightness: ;
    --un-backdrop-contrast: ;
    --un-backdrop-grayscale: ;
    --un-backdrop-hue-rotate: ;
    --un-backdrop-invert: ;
    --un-backdrop-opacity: ;
    --un-backdrop-saturate: ;
    --un-backdrop-sepia: ;
}
.micro ::backdrop {
    --un-rotate: 0;
    --un-rotate-x: 0;
    --un-rotate-y: 0;
    --un-rotate-z: 0;
    --un-scale-x: 1;
    --un-scale-y: 1;
    --un-scale-z: 1;
    --un-skew-x: 0;
    --un-skew-y: 0;
    --un-translate-x: 0;
    --un-translate-y: 0;
    --un-translate-z: 0;
    --un-pan-x: ;
    --un-pan-y: ;
    --un-pinch-zoom: ;
    --un-scroll-snap-strictness: proximity;
    --un-ordinal: ;
    --un-slashed-zero: ;
    --un-numeric-figure: ;
    --un-numeric-spacing: ;
    --un-numeric-fraction: ;
    --un-border-spacing-x: 0;
    --un-border-spacing-y: 0;
    --un-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0);
    --un-ring-shadow: 0 0 rgba(0, 0, 0, 0);
    --un-shadow-inset: ;
    --un-shadow: 0 0 rgba(0, 0, 0, 0);
    --un-ring-inset: ;
    --un-ring-offset-width: 0px;
    --un-ring-offset-color: #fff;
    --un-ring-width: 0px;
    --un-ring-color: rgba(147, 197, 253, 0.5);
    --un-blur: ;
    --un-brightness: ;
    --un-contrast: ;
    --un-drop-shadow: ;
    --un-grayscale: ;
    --un-hue-rotate: ;
    --un-invert: ;
    --un-saturate: ;
    --un-sepia: ;
    --un-backdrop-blur: ;
    --un-backdrop-brightness: ;
    --un-backdrop-contrast: ;
    --un-backdrop-grayscale: ;
    --un-backdrop-hue-rotate: ;
    --un-backdrop-invert: ;
    --un-backdrop-opacity: ;
    --un-backdrop-saturate: ;
    --un-backdrop-sepia: ;
}
.micro .visible,
.micro [visible=""] {
    visibility: visible;
}
.micro .invisible {
    visibility: hidden;
}
.micro .absolute {
    position: absolute;
}
.micro .fixed {
    position: fixed;
}
.micro .relative {
    position: relative;
}
.micro .sticky {
    position: sticky;
}
[dir="ltr"] .micro .-left-4px {
    left: -4px;
}
[dir="rtl"] .micro .-left-4px {
    right: -4px;
}
[dir="ltr"] .micro .-right-16px,
[dir="ltr"] .micro .right-\[-16px\] {
    right: -16px;
}
[dir="rtl"] .micro .-right-16px,
[dir="rtl"] .micro .right-\[-16px\] {
    left: -16px;
}
[dir="ltr"] .micro .-right-2px {
    right: -2px;
}
[dir="rtl"] .micro .-right-2px {
    left: -2px;
}
[dir="ltr"] .micro .-right-30px {
    right: -30px;
}
[dir="rtl"] .micro .-right-30px {
    left: -30px;
}
[dir="ltr"] .micro .-right-48px {
    right: -48px;
}
[dir="rtl"] .micro .-right-48px {
    left: -48px;
}
.micro .-top-30px {
    top: -30px;
}
.micro .-top-48px {
    top: -48px;
}
.micro .-top-4px {
    top: -4px;
}
.micro .-top-6px {
    top: -6px;
}
[dir="ltr"] .micro .\!right-20px {
    right: 20px !important;
}
[dir="rtl"] .micro .\!right-20px {
    left: 20px !important;
}
.micro .bottom-0 {
    bottom: 0;
}
.micro .bottom-144px {
    bottom: 144px;
}
.micro .bottom-40px {
    bottom: 40px;
}
.micro .bottom-8px {
    bottom: 8px;
}
[dir="ltr"] .micro .left-\[-16px\] {
    left: -16px;
}
[dir="rtl"] .micro .left-\[-16px\] {
    right: -16px;
}
[dir="ltr"] .micro .left-\[calc\(50\%-17px\)\] {
    left: calc(50% - 17px);
}
[dir="rtl"] .micro .left-\[calc\(50\%-17px\)\] {
    right: calc(50% - 17px);
}
[dir="ltr"] .micro .left-\[calc\(50\%-81px\)\] {
    left: calc(50% - 81px);
}
[dir="rtl"] .micro .left-\[calc\(50\%-81px\)\] {
    right: calc(50% - 81px);
}
[dir="ltr"] .micro .left-0 {
    left: 0;
}
[dir="rtl"] .micro .left-0 {
    right: 0;
}
[dir="ltr"] .micro .left-16px {
    left: 16px;
}
[dir="rtl"] .micro .left-16px {
    right: 16px;
}
[dir="ltr"] .micro .left-50\% {
    left: 50%;
}
[dir="rtl"] .micro .left-50\% {
    right: 50%;
}
[dir="ltr"] .micro .left-68px {
    left: 68px;
}
[dir="rtl"] .micro .left-68px {
    right: 68px;
}
[dir="ltr"] .micro .right-0 {
    right: 0;
}
[dir="rtl"] .micro .right-0 {
    left: 0;
}
[dir="ltr"] .micro .right-10px {
    right: 10px;
}
[dir="rtl"] .micro .right-10px {
    left: 10px;
}
[dir="ltr"] .micro .right-12px {
    right: 12px;
}
[dir="rtl"] .micro .right-12px {
    left: 12px;
}
[dir="ltr"] .micro .right-40px {
    right: 40px;
}
[dir="rtl"] .micro .right-40px {
    left: 40px;
}
[dir="ltr"] .micro .right-8px {
    right: 8px;
}
[dir="rtl"] .micro .right-8px {
    left: 8px;
}
[dir="ltr"] .micro .right-9px {
    right: 9px;
}
[dir="rtl"] .micro .right-9px {
    left: 9px;
}
.micro .top-\[calc\(50\%-17px\)\] {
    top: calc(50% - 17px);
}
.micro .top-0 {
    top: 0;
}
.micro .top-100\% {
    top: 100%;
}
.micro .top-12px {
    top: 12px;
}
.micro .top-14px {
    top: 14px;
}
.micro .top-18px {
    top: 18px;
}
.micro .top-20px {
    top: 20px;
}
.micro .top-22px {
    top: 22px;
}
.micro .top-40px {
    top: 40px;
}
.micro .top-50\% {
    top: 50%;
}
.micro .top-65px {
    top: 65px;
}
.micro .top-68px {
    top: 68px;
}
.micro .top-9px {
    top: 9px;
}
.micro [dir="ltr"] .ltr\:\!right-initial,
.micro [dir="rtl"] .rtl\:\!right-initial {
    right: initial !important;
}
.micro [dir="rtl"] .\!rtl\:left-10px {
    left: 10px !important;
}
.micro [dir="rtl"] .\!rtl\:right-unset {
    right: unset !important;
}
.micro [dir="rtl"] .rtl\:left-8px {
    left: 8px;
}
.micro [dir="rtl"] .rtl\:right-\[unset\] {
    right: unset;
}
[dir="ltr"] .micro [right~="-60px"] {
    right: -60px;
}
[dir="rtl"] .micro [right~="-60px"] {
    left: -60px;
}
.micro [top~="0px"] {
    top: 0;
}
.micro [top~="768"] {
    top: 192rem;
}
.micro .line-clamp-1,
.micro .line-clamp-2,
.micro .line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
}
.micro .line-clamp-2,
.micro .line-clamp-3 {
    -webkit-line-clamp: 2;
    line-clamp: 2;
}
.micro .line-clamp-3 {
    -webkit-line-clamp: 3;
    line-clamp: 3;
}
.micro .\!z-100000001 {
    z-index: 100000001 !important;
}
.micro .z-0 {
    z-index: 0;
}
.micro .z-1 {
    z-index: 1;
}
.micro .z-10 {
    z-index: 10;
}
.micro .z-100 {
    z-index: 100;
}
.micro .z-1000 {
    z-index: 1000;
}
.micro .z-10000 {
    z-index: 10000;
}
.micro .z-1000000 {
    z-index: 1000000;
}
.micro .z-10001 {
    z-index: 10001;
}
.micro .z-9999 {
    z-index: 9999;
}
.micro .order-1 {
    order: 1;
}
.micro .order-2 {
    order: 2;
}
.micro .grid {
    display: grid;
}
.micro .row-span-1 {
    grid-row: span 1 / span 1;
}
.micro .row-span-2 {
    grid-row: span 2 / span 2;
}
.micro .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.micro .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
[dir] .micro .m-0 {
    margin: 0;
}
[dir] .micro .m-16px {
    margin: 16px;
}
[dir] .micro .m-3px {
    margin: 3px;
}
[dir="ltr"] .micro .mx-16px,
[dir="rtl"] .micro .mx-16px {
    margin-right: 16px;
    margin-left: 16px;
}
[dir="ltr"] .micro .mx-20px,
[dir="rtl"] .micro .mx-20px {
    margin-right: 20px;
    margin-left: 20px;
}
[dir="ltr"] .micro .mx-2px,
[dir="rtl"] .micro .mx-2px {
    margin-right: 2px;
    margin-left: 2px;
}
[dir="ltr"] .micro .mx-4px,
[dir="rtl"] .micro .mx-4px {
    margin-right: 4px;
    margin-left: 4px;
}
[dir="ltr"] .micro .mx-8px,
[dir="rtl"] .micro .mx-8px {
    margin-right: 8px;
    margin-left: 8px;
}
[dir="ltr"] .micro .mx-auto,
[dir="rtl"] .micro .mx-auto {
    margin-right: auto;
    margin-left: auto;
}
[dir] .micro .my-12px {
    margin-top: 12px;
    margin-bottom: 12px;
}
[dir] .micro .my-16px {
    margin-top: 16px;
    margin-bottom: 16px;
}
[dir] .micro .my-20px {
    margin-top: 20px;
    margin-bottom: 20px;
}
[dir] .micro .my-8px {
    margin-top: 8px;
    margin-bottom: 8px;
}
[dir] .micro .my-auto {
    margin-top: auto;
    margin-bottom: auto;
}
[dir] .micro .\!mb-20px {
    margin-bottom: 20px !important;
}
[dir="ltr"] .micro .\!ml-0 {
    margin-left: 0 !important;
}
[dir="rtl"] .micro .\!ml-0 {
    margin-right: 0 !important;
}
[dir="ltr"] .micro .\!mr-14px {
    margin-right: 14px !important;
}
[dir="rtl"] .micro .\!mr-14px {
    margin-left: 14px !important;
}
[dir] .micro .\!mt-20px {
    margin-top: 20px !important;
}
[dir] .micro .first\:mt-0:first-child,
[dir] .micro .mt-0 {
    margin-top: 0;
}
[dir] .micro .last\:mb-0:last-child,
[dir] .micro .mb-0 {
    margin-bottom: 0;
}
[dir] .micro .mb-10 {
    margin-bottom: 2.5rem;
}
[dir] .micro .mb-12px {
    margin-bottom: 12px;
}
[dir] .micro .mb-15px {
    margin-bottom: 15px;
}
[dir] .micro .mb-16px {
    margin-bottom: 16px;
}
[dir] .micro .mb-20px {
    margin-bottom: 20px;
}
[dir] .micro .mb-24px {
    margin-bottom: 24px;
}
[dir] .micro .mb-2px {
    margin-bottom: 2px;
}
[dir] .micro .mb-35px {
    margin-bottom: 35px;
}
[dir] .micro .mb-3px {
    margin-bottom: 3px;
}
[dir] .micro .mb-40px {
    margin-bottom: 40px;
}
[dir] .micro .mb-4px {
    margin-bottom: 4px;
}
[dir] .micro .mb-6px {
    margin-bottom: 6px;
}
[dir] .micro .mb-8px {
    margin-bottom: 8px;
}
[dir="ltr"] .micro .ml-10px {
    margin-left: 10px;
}
[dir="rtl"] .micro .ml-10px {
    margin-right: 10px;
}
[dir="ltr"] .micro .ml-12px {
    margin-left: 12px;
}
[dir="rtl"] .micro .ml-12px {
    margin-right: 12px;
}
[dir="ltr"] .micro .ml-16px {
    margin-left: 16px;
}
[dir="rtl"] .micro .ml-16px {
    margin-right: 16px;
}
[dir="ltr"] .micro .ml-24px {
    margin-left: 24px;
}
[dir="rtl"] .micro .ml-24px {
    margin-right: 24px;
}
[dir="ltr"] .micro .ml-2px {
    margin-left: 2px;
}
[dir="rtl"] .micro .ml-2px {
    margin-right: 2px;
}
[dir="ltr"] .micro .ml-48px {
    margin-left: 48px;
}
[dir="rtl"] .micro .ml-48px {
    margin-right: 48px;
}
[dir="ltr"] .micro .ml-4px {
    margin-left: 4px;
}
[dir="rtl"] .micro .ml-4px {
    margin-right: 4px;
}
[dir="ltr"] .micro .ml-6px {
    margin-left: 6px;
}
[dir="rtl"] .micro .ml-6px {
    margin-right: 6px;
}
[dir="ltr"] .micro .ml-8px {
    margin-left: 8px;
}
[dir="rtl"] .micro .ml-8px {
    margin-right: 8px;
}
[dir="ltr"] .micro .ml-auto {
    margin-left: auto;
}
[dir="rtl"] .micro .ml-auto {
    margin-right: auto;
}
[dir="ltr"] .micro .mr-0 {
    margin-right: 0;
}
[dir="rtl"] .micro .mr-0 {
    margin-left: 0;
}
[dir="ltr"] .micro .mr-100px {
    margin-right: 100px;
}
[dir="rtl"] .micro .mr-100px {
    margin-left: 100px;
}
[dir="ltr"] .micro .mr-10px {
    margin-right: 10px;
}
[dir="rtl"] .micro .mr-10px {
    margin-left: 10px;
}
[dir="ltr"] .micro .mr-12px {
    margin-right: 12px;
}
[dir="rtl"] .micro .mr-12px {
    margin-left: 12px;
}
[dir="ltr"] .micro .mr-14px {
    margin-right: 14px;
}
[dir="rtl"] .micro .mr-14px {
    margin-left: 14px;
}
[dir="ltr"] .micro .mr-15px {
    margin-right: 15px;
}
[dir="rtl"] .micro .mr-15px {
    margin-left: 15px;
}
[dir="ltr"] .micro .mr-16px {
    margin-right: 16px;
}
[dir="rtl"] .micro .mr-16px {
    margin-left: 16px;
}
[dir="ltr"] .micro .mr-20px {
    margin-right: 20px;
}
[dir="rtl"] .micro .mr-20px {
    margin-left: 20px;
}
[dir="ltr"] .micro .mr-24px {
    margin-right: 24px;
}
[dir="rtl"] .micro .mr-24px {
    margin-left: 24px;
}
[dir="ltr"] .micro .mr-4px {
    margin-right: 4px;
}
[dir="rtl"] .micro .mr-4px {
    margin-left: 4px;
}
[dir="ltr"] .micro .mr-5px {
    margin-right: 5px;
}
[dir="rtl"] .micro .mr-5px {
    margin-left: 5px;
}
[dir="ltr"] .micro .mr-6px {
    margin-right: 6px;
}
[dir="rtl"] .micro .mr-6px {
    margin-left: 6px;
}
[dir="ltr"] .micro .mr-8px {
    margin-right: 8px;
}
[dir="rtl"] .micro .mr-8px {
    margin-left: 8px;
}
[dir="ltr"] .micro .mr-auto {
    margin-right: auto;
}
[dir="rtl"] .micro .mr-auto {
    margin-left: auto;
}
[dir] .micro .mt-10px {
    margin-top: 10px;
}
[dir] .micro .mt-12px {
    margin-top: 12px;
}
[dir] .micro .mt-16px {
    margin-top: 16px;
}
[dir] .micro .mt-20px {
    margin-top: 20px;
}
[dir] .micro .mt-24px {
    margin-top: 24px;
}
[dir] .micro .mt-2px {
    margin-top: 2px;
}
[dir] .micro .mt-3 {
    margin-top: 0.75rem;
}
[dir] .micro .mt-32px {
    margin-top: 32px;
}
[dir] .micro .mt-36px {
    margin-top: 36px;
}
[dir] .micro .mt-3px {
    margin-top: 3px;
}
[dir] .micro .mt-4px {
    margin-top: 4px;
}
[dir] .micro .mt-6 {
    margin-top: 1.5rem;
}
[dir] .micro .mt-6px {
    margin-top: 6px;
}
[dir] .micro .mt-8px {
    margin-top: 8px;
}
.micro [dir="ltr"] .ltr\:children\:mr-5 > * {
    margin-right: 1.25rem;
}
.micro [dir="rtl"] .rtl\:children\:ml-5 > * {
    margin-left: 1.25rem;
}
.micro .box-border {
    box-sizing: border-box;
}
.micro .block {
    display: block;
}
.micro .group:hover .group-hover\:inline-block,
.micro .inline-block {
    display: inline-block;
}
.micro .list-item {
    display: list-item;
}
.micro .\!hidden {
    display: none !important;
}
.micro .group:hover .group-hover\:hidden,
.micro .hidden {
    display: none;
}
.micro .\!h-232px {
    height: 232px !important;
}
.micro .\!h-70px {
    height: 70px !important;
}
.micro .\!h-8px {
    height: 8px !important;
}
.micro .\!w-132px {
    width: 132px !important;
}
.micro .\!w-70px {
    width: 70px !important;
}
.micro .\!w-8px {
    width: 8px !important;
}
.micro .h-\[calc\(100\%-8px\)\] {
    height: calc(100% - 8px);
}
.micro .h-\[calc\(100vh-65px\)\] {
    height: calc(100vh - 65px);
}
.micro .h-0 {
    height: 0;
}
.micro .h-100px {
    height: 100px;
}
.micro .h-100vh {
    height: 100vh;
}
.micro .h-10px {
    height: 10px;
}
.micro .h-110px {
    height: 110px;
}
.micro .h-126px {
    height: 126px;
}
.micro .h-12px {
    height: 12px;
}
.micro .h-13px {
    height: 13px;
}
.micro .h-14px {
    height: 14px;
}
.micro .h-150px {
    height: 150px;
}
.micro .h-16px {
    height: 16px;
}
.micro .h-17px {
    height: 17px;
}
.micro .h-180px {
    height: 180px;
}
.micro .h-18px {
    height: 18px;
}
.micro .h-1px {
    height: 1px;
}
.micro .h-20px {
    height: 20px;
}
.micro .h-22px {
    height: 22px;
}
.micro .h-24px {
    height: 24px;
}
.micro .h-25px {
    height: 25px;
}
.micro .h-26px {
    height: 26px;
}
.micro .h-28px {
    height: 28px;
}
.micro .h-32px {
    height: 32px;
}
.micro .h-34px {
    height: 34px;
}
.micro .h-36px {
    height: 36px;
}
.micro .h-38px {
    height: 38px;
}
.micro .h-40px {
    height: 40px;
}
.micro .h-44px {
    height: 44px;
}
.micro .h-452px {
    height: 452px;
}
.micro .h-45px {
    height: 45px;
}
.micro .h-46px {
    height: 46px;
}
.micro .h-48px {
    height: 48px;
}
.micro .h-4px {
    height: 4px;
}
.micro .h-504px {
    height: 504px;
}
.micro .h-50px {
    height: 50px;
}
.micro .h-54px {
    height: 54px;
}
.micro .h-56px {
    height: 56px;
}
.micro .h-64px {
    height: 64px;
}
.micro .h-76px {
    height: 76px;
}
.micro .h-94px {
    height: 94px;
}
.micro .h-auto {
    height: auto;
}
.micro .h-full {
    height: 100%;
}
.micro .h5 {
    height: 1.25rem;
}
.micro .max-h-\[calc\(50vh-108px\)\] {
    max-height: calc(50vh - 108px);
}
.micro .max-h-504px {
    max-height: 504px;
}
.micro .max-h-50vh {
    max-height: 50vh;
}
.micro .max-h-582px {
    max-height: 582px;
}
.micro .max-h-60vh {
    max-height: 60vh;
}
.micro .max-h-76px {
    max-height: 76px;
}
.micro .max-h-80vh {
    max-height: 80vh;
}
.micro .max-h-auto {
    max-height: auto;
}
.micro .max-h-inherit {
    max-height: inherit;
}
.micro .max-h-initial {
    max-height: initial;
}
.micro .max-w-\[calc\(100vw-88px\)\] {
    max-width: calc(100vw - 88px);
}
.micro .max-w-1200px {
    max-width: 1200px;
}
.micro .max-w-160px {
    max-width: 160px;
}
.micro .max-w-220px {
    max-width: 220px;
}
.micro .max-w-70px {
    max-width: 70px;
}
.micro .max-w-72px {
    max-width: 72px;
}
.micro .max-w-74vw {
    max-width: 74vw;
}
.micro .max-w-80px {
    max-width: 80px;
}
.micro .max-w-90px {
    max-width: 90px;
}
.micro .max-w-full {
    max-width: 100%;
}
.micro .max-w-inherit {
    max-width: inherit;
}
.micro .min-h-200px {
    min-height: 200px;
}
.micro .min-h-30px {
    min-height: 30px;
}
.micro .min-h-320px {
    min-height: 320px;
}
.micro .min-h-338px {
    min-height: 338px;
}
.micro .min-h-380px {
    min-height: 380px;
}
.micro .min-h-38px {
    min-height: 38px;
}
.micro .min-h-400px {
    min-height: 400px;
}
.micro .min-h-48px {
    min-height: 48px;
}
.micro .min-h-50px {
    min-height: 50px;
}
.micro .min-h-540px {
    min-height: 540px;
}
.micro .min-h-56px {
    min-height: 56px;
}
.micro .min-h-600px {
    min-height: 600px;
}
.micro .min-h-76px {
    min-height: 76px;
}
.micro .min-w-\[fit-content\] {
    min-width: fit-content;
}
.micro .min-w-18px {
    min-width: 18px;
}
.micro .min-w-20px {
    min-width: 20px;
}
.micro .min-w-24px {
    min-width: 24px;
}
.micro .min-w-260px {
    min-width: 260px;
}
.micro .min-w-87px {
    min-width: 87px;
}
.micro .w-\[calc\(100\%-8px\)\] {
    width: calc(100% - 8px);
}
.micro .w-\[fit-content\] {
    width: fit-content;
}
.micro .w-1\/2 {
    width: 50%;
}
.micro .w-100\%,
.micro .w-full {
    width: 100%;
}
.micro .w-100vw {
    width: 100vw;
}
.micro .w-103px {
    width: 103px;
}
.micro .w-10px {
    width: 10px;
}
.micro .w-1200px {
    width: 1200px;
}
.micro .w-122px {
    width: 122px;
}
.micro .w-12px {
    width: 12px;
}
.micro .w-132px {
    width: 132px;
}
.micro .w-136px {
    width: 136px;
}
.micro .w-13px {
    width: 13px;
}
.micro .w-140px {
    width: 140px;
}
.micro .w-148px {
    width: 148px;
}
.micro .w-14px {
    width: 14px;
}
.micro .w-162px {
    width: 162px;
}
.micro .w-164px {
    width: 164px;
}
.micro .w-16px {
    width: 16px;
}
.micro .w-170px {
    width: 170px;
}
.micro .w-180px {
    width: 180px;
}
.micro .w-18px {
    width: 18px;
}
.micro .w-190px {
    width: 190px;
}
.micro .w-1px {
    width: 1px;
}
.micro .w-20px {
    width: 20px;
}
.micro .w-244px {
    width: 244px;
}
.micro .w-24px {
    width: 24px;
}
.micro .w-252px {
    width: 252px;
}
.micro .w-260px {
    width: 260px;
}
.micro .w-276px {
    width: 276px;
}
.micro .w-288px {
    width: 288px;
}
.micro .w-290px {
    width: 290px;
}
.micro .w-30px {
    width: 30px;
}
.micro .w-323px {
    width: 323px;
}
.micro .w-32px {
    width: 32px;
}
.micro .w-34px {
    width: 34px;
}
.micro .w-380px {
    width: 380px;
}
.micro .w-400px {
    width: 400px;
}
.micro .w-40px {
    width: 40px;
}
.micro .w-440px {
    width: 440px;
}
.micro .w-44px {
    width: 44px;
}
.micro .w-450px {
    width: 450px;
}
.micro .w-456px {
    width: 456px;
}
.micro .w-48px {
    width: 48px;
}
.micro .w-4px {
    width: 4px;
}
.micro .w-6 {
    width: 1.5rem;
}
.micro .w-64px {
    width: 64px;
}
.micro .w-80px {
    width: 80px;
}
.micro .w-auto {
    width: auto;
}
.micro .w-inherit {
    width: inherit;
}
.micro .flex {
    display: flex;
}
.micro .\[\&\>span\]\:inline-flex > span,
.micro .inline-flex {
    display: inline-flex;
}
.micro .flex-1 {
    flex: 1 1 0%;
}
.micro .flex-none {
    flex: none;
}
.micro .flex-shrink-0 {
    flex-shrink: 0;
}
.micro .flex-grow-0 {
    flex-grow: 0;
}
.micro .flex-row {
    flex-direction: row;
}
.micro .flex-col {
    flex-direction: column;
}
.micro .flex-col-reverse {
    flex-direction: column-reverse;
}
.micro .flex-wrap {
    flex-wrap: wrap;
}
.micro .flex-nowrap {
    flex-wrap: nowrap;
}
.micro .perspect-1px {
    -webkit-perspective: 1px;
    perspective: 1px;
}
.micro .-translate-50\% {
    --un-translate-x: -50%;
    --un-translate-y: -50%;
}
.micro [dir="ltr"] .ltr\:-translate-x-10px,
[dir] .micro .-translate-50\%,
[dir] .micro .translate-x-0 {
    transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z))
        rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z))
        skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
        scaleZ(var(--un-scale-z));
}
.micro .translate-x-0 {
    --un-translate-x: 0rem;
}
.micro [dir="ltr"] .ltr\:-translate-x-10px {
    --un-translate-x: -10px;
}
.micro [dir="rtl"] .rtl\:translate-x-10px {
    --un-translate-x: 10px;
}
.micro .-rotate-90 {
    --un-rotate-x: 0;
    --un-rotate-y: 0;
    --un-rotate-z: 0;
    --un-rotate: -90deg;
}
.micro .rotate-180,
.micro [dir="ltr"] .ltr\:rotate-180,
.micro [dir="rtl"] .rtl\:translate-x-10px,
[dir] .micro .-rotate-90 {
    transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z))
        rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z))
        skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
        scaleZ(var(--un-scale-z));
}
.micro .rotate-180,
.micro [dir="ltr"] .ltr\:rotate-180 {
    --un-rotate-x: 0;
    --un-rotate-y: 0;
    --un-rotate-z: 0;
    --un-rotate: 180deg;
}
.micro .rotate-270 {
    --un-rotate: 270deg;
}
.micro [dir="rtl"] .rtl\:rotate-0,
[dir] .micro .rotate-270,
[dir] .micro .rotate-45deg,
[dir] .micro .rotate-90 {
    transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z))
        rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z))
        skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
        scaleZ(var(--un-scale-z));
}
.micro .rotate-270,
.micro .rotate-45deg,
.micro .rotate-90 {
    --un-rotate-x: 0;
    --un-rotate-y: 0;
    --un-rotate-z: 0;
}
.micro .rotate-45deg {
    --un-rotate: 45deg;
}
.micro .rotate-90 {
    --un-rotate: 90deg;
}
.micro [dir="rtl"] .rtl\:rotate-0 {
    --un-rotate-x: 0;
    --un-rotate-y: 0;
    --un-rotate-z: 0;
    --un-rotate: 0deg;
}
.micro .\!rotate-y-0,
.micro [dir="rtl"] .\!rtl\:rotate-y-0 {
    --un-rotate: 0;
    --un-rotate-y: 0deg !important;
    transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z))
        rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z))
        skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
        scaleZ(var(--un-scale-z)) !important;
}
.micro .rotate-y-180,
.micro [dir="rtl"] .rtl\:rotate-y-180,
.micro [dir="rtl"] .rtl\:rotate-y-180deg {
    --un-rotate: 0;
    --un-rotate-y: 180deg;
    transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z))
        rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z))
        skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
        scaleZ(var(--un-scale-z));
}
.micro [dir="rtl"] .rtl\:rotate-y-0 {
    --un-rotate: 0;
    --un-rotate-y: 0deg;
}
.micro .scale-1 {
    --un-scale-x: 0.01;
    --un-scale-y: 0.01;
}
.micro [dir="rtl"] .rtl\:rotate-y-0,
[dir] .micro .scale-1,
[dir] .micro .scale-80,
[dir] .micro .transform {
    transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z))
        rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z))
        skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
        scaleZ(var(--un-scale-z));
}
.micro .scale-80 {
    --un-scale-x: 0.8;
    --un-scale-y: 0.8;
}
[dir] .micro .cursor-pointer {
    cursor: pointer;
}
[dir] .micro .cursor-not-allowed {
    cursor: not-allowed;
}
.micro .content-center {
    align-content: center;
}
.micro .items-start {
    align-items: flex-start;
}
.micro .items-end {
    align-items: flex-end;
}
.micro .\[\&\>span\]\:items-center > span,
.micro .items-center {
    align-items: center;
}
.micro .\!items-stretch {
    align-items: stretch !important;
}
.micro .self-end {
    align-self: flex-end;
}
.micro .justify-start {
    justify-content: flex-start;
}
.micro .justify-end {
    justify-content: flex-end;
}
.micro .justify-center {
    justify-content: center;
}
.micro .justify-between {
    justify-content: space-between;
}
.micro .\!gap-4px {
    grid-gap: 4px !important;
    gap: 4px !important;
}
.micro .gap-10px {
    grid-gap: 10px;
    gap: 10px;
}
.micro .gap-12px {
    grid-gap: 12px;
    gap: 12px;
}
.micro .gap-14px {
    grid-gap: 14px;
    gap: 14px;
}
.micro .gap-15px {
    grid-gap: 15px;
    gap: 15px;
}
.micro .gap-16px {
    grid-gap: 16px;
    gap: 16px;
}
.micro .gap-2 {
    grid-gap: 0.5rem;
    gap: 0.5rem;
}
.micro .gap-20px {
    grid-gap: 20px;
    gap: 20px;
}
.micro .gap-24px {
    grid-gap: 24px;
    gap: 24px;
}
.micro .gap-2px {
    grid-gap: 2px;
    gap: 2px;
}
.micro .gap-3px {
    grid-gap: 3px;
    gap: 3px;
}
.micro .gap-4px {
    grid-gap: 4px;
    gap: 4px;
}
.micro .gap-50px {
    grid-gap: 50px;
    gap: 50px;
}
.micro .gap-6px {
    grid-gap: 6px;
    gap: 6px;
}
.micro .gap-8px {
    grid-gap: 8px;
    gap: 8px;
}
.micro .gap-x-12px {
    grid-column-gap: 12px;
    column-gap: 12px;
}
.micro .gap-x-16px {
    grid-column-gap: 16px;
    column-gap: 16px;
}
.micro .gap-x-24px {
    grid-column-gap: 24px;
    column-gap: 24px;
}
.micro .gap-x-30px {
    grid-column-gap: 30px;
    column-gap: 30px;
}
.micro .gap-y-10px {
    grid-row-gap: 10px;
    row-gap: 10px;
}
.micro .gap-y-16px {
    grid-row-gap: 16px;
    row-gap: 16px;
}
.micro .gap-y-3 {
    grid-row-gap: 0.75rem;
    row-gap: 0.75rem;
}
.micro .gap-y-4 {
    grid-row-gap: 1rem;
    row-gap: 1rem;
}
.micro .gap-y-4px {
    grid-row-gap: 4px;
    row-gap: 4px;
}
.micro .space-x-30px > :not([hidden]) ~ :not([hidden]) {
    --un-space-x-reverse: 0;
}
[dir="ltr"] .micro .space-x-30px > :not([hidden]) ~ :not([hidden]) {
    margin-left: calc(30px * calc(1 - var(--un-space-x-reverse)));
    margin-right: calc(30px * var(--un-space-x-reverse));
}
[dir="rtl"] .micro .space-x-30px > :not([hidden]) ~ :not([hidden]) {
    margin-right: calc(30px * calc(1 - var(--un-space-x-reverse)));
    margin-left: calc(30px * var(--un-space-x-reverse));
}
.micro .space-y-5 > :not([hidden]) ~ :not([hidden]),
.micro .space-y-7 > :not([hidden]) ~ :not([hidden]) {
    --un-space-y-reverse: 0;
}
[dir] .micro .space-y-5 > :not([hidden]) ~ :not([hidden]) {
    margin-top: calc(1.25rem * calc(1 - var(--un-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--un-space-y-reverse));
}
[dir] .micro .space-y-7 > :not([hidden]) ~ :not([hidden]) {
    margin-top: calc(1.75rem * calc(1 - var(--un-space-y-reverse)));
    margin-bottom: calc(1.75rem * var(--un-space-y-reverse));
}
.micro [dir="rtl"] .rtl\:space-x-reverse > :not([hidden]) ~ :not([hidden]) {
    --un-space-x-reverse: 1;
}
.micro .overflow-auto {
    overflow: auto;
}
.micro .overflow-hidden {
    overflow: hidden;
}
.micro .overflow-visible {
    overflow: visible;
}
.micro .overflow-x-auto {
    overflow-x: auto;
}
.micro .overflow-x-hidden {
    overflow-x: hidden;
}
.micro .overflow-y-auto {
    overflow-y: auto;
}
.micro .truncate {
    overflow: hidden;
    white-space: nowrap;
}
.micro .text-ellipsis,
.micro .truncate {
    text-overflow: ellipsis;
}
.micro .whitespace-nowrap {
    white-space: nowrap;
}
.micro .whitespace-pre-line {
    white-space: pre-line;
}
.micro .whitespace-pre-wrap {
    white-space: pre-wrap;
}
.micro .break-words {
    overflow-wrap: break-word;
}
[dir] .micro .border,
[dir] .micro .border-1,
[dir] .micro .border-1px,
[dir] .micro [border=""],
[dir] .micro-light .light\:border-1px {
    border-width: 1px;
    border-style: solid;
}
[dir] .micro .border-0 {
    border-width: 0;
    border-style: solid;
}
[dir] .micro .border-2px {
    border-width: 2px;
    border-style: solid;
}
[dir] .micro .\!border-b-0px,
[dir] .micro .\!border-b-1 {
    border-bottom-width: 0 !important;
    border-bottom-style: solid !important;
}
[dir] .micro .\!border-b-1 {
    border-bottom-width: 1px !important;
}
[dir="ltr"] .micro .\!border-r-0px {
    border-right-width: 0 !important;
    border-right-style: solid !important;
}
[dir="rtl"] .micro .\!border-r-0px {
    border-left-width: 0 !important;
    border-left-style: solid !important;
}
[dir] .micro .border-b,
[dir] .micro .border-b-1px {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
[dir] .micro .border-b-2px {
    border-bottom-width: 2px;
    border-bottom-style: solid;
}
[dir="ltr"] .micro .border-l-1px {
    border-left-width: 1px;
    border-left-style: solid;
}
[dir="rtl"] .micro .border-l-1px {
    border-right-width: 1px;
    border-right-style: solid;
}
[dir] .micro .border-t-0 {
    border-top-width: 0;
    border-top-style: solid;
}
[dir] .micro .border-t-1,
[dir] .micro .border-t-1px {
    border-top-width: 1px;
    border-top-style: solid;
}
[dir] .micro .border-t-2 {
    border-top-width: 2px;
    border-top-style: solid;
}
.micro .border-\[\#DEDFE0\] {
    --un-border-opacity: 1;
}
[dir] .micro .border-\[\#DEDFE0\] {
    border-color: rgba(222, 223, 224, var(--un-border-opacity));
}
[dir] .micro .border-borderStrengthOne {
    border-color: var(--border-strength-100);
}
[dir] .micro .border-inputBg {
    border-color: var(--color-input-bg);
}
[dir] .micro .border-inputBorder {
    border-color: var(--color-input-border);
}
[dir] .micro .border-line,
[dir] .micro-light .light\:border-line {
    border-color: var(--color-line);
}
[dir] .micro .border-nextStrengthBorderZero {
    border-color: var(--v3-border-strength-0);
}
[dir] .micro .border-placeholderText {
    border-color: var(--color-placeholder-text);
}
[dir] .micro .border-secondaryBtnBg {
    border-color: var(--color-secondary-btn-bg);
}
[dir="ltr"] .micro .b-r-line {
    border-right-color: var(--color-line);
}
[dir="rtl"] .micro .b-r-line {
    border-left-color: var(--color-line);
}
[dir] .micro .border-b-line {
    border-bottom-color: var(--color-line);
}
[dir] .micro .border-b-transparent {
    border-bottom-color: transparent;
}
[dir="ltr"] .micro .border-l-line {
    border-left-color: var(--color-line);
}
[dir="rtl"] .micro .border-l-line {
    border-right-color: var(--color-line);
}
[dir] .micro .border-t-dsColorBorderSubtle {
    border-top-color: var(--ds-color-border-subtle);
}
[dir] .micro .border-t-line {
    border-top-color: var(--color-line);
}
.micro .border-opacity-5 {
    --un-border-opacity: 0.05;
}
[dir] .micro .\!rounded-\[0\] {
    border-radius: 0 !important;
}
[dir] .micro .rounded,
[dir] .micro [rounded=""] {
    border-radius: 0.25rem;
}
[dir="ltr"] .micro .rounded-\[3px_0_0_0\] {
    border-radius: 3px 0 0 0;
}
[dir="rtl"] .micro .rounded-\[3px_0_0_0\] {
    border-radius: 0 3px 0 0;
}
[dir] .micro .rounded-4px,
[dir] .micro .rounded-\[4px\] {
    border-radius: 4px;
}
[dir] .micro .rounded-1\/2,
[dir] .micro .rounded-50\%,
[dir] .micro .rounded-\[50\%\] {
    border-radius: 50%;
}
[dir] .micro .rounded-0 {
    border-radius: 0;
}
[dir] .micro .rounded-100\% {
    border-radius: 100%;
}
[dir] .micro .rounded-100px {
    border-radius: 100px;
}
[dir] .micro .rounded-10px {
    border-radius: 10px;
}
[dir] .micro .rounded-12px {
    border-radius: 12px;
}
[dir] .micro .rounded-16px {
    border-radius: 16px;
}
[dir] .micro .rounded-20px {
    border-radius: 20px;
}
[dir] .micro .rounded-2px {
    border-radius: 2px;
}
[dir] .micro .rounded-32px {
    border-radius: 32px;
}
[dir] .micro .rounded-48px {
    border-radius: 48px;
}
[dir] .micro .rounded-54px {
    border-radius: 54px;
}
[dir] .micro .rounded-60px {
    border-radius: 60px;
}
[dir] .micro .rounded-6px {
    border-radius: 6px;
}
[dir] .micro .rounded-8px,
[dir] .micro [rounded~="8px"] {
    border-radius: 8px;
}
[dir] .micro .rounded-99px {
    border-radius: 99px;
}
[dir] .micro .rounded-full {
    border-radius: 9999px;
}
[dir="ltr"] .micro .rounded-b-12px,
[dir="rtl"] .micro .rounded-b-12px {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}
[dir="ltr"] .micro .rounded-t-\[8px\],
[dir="rtl"] .micro .rounded-t-\[8px\] {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}
[dir] .micro .\!border-none {
    border-style: none !important;
}
[dir] .micro .border-none {
    border-style: none;
}
[dir] .micro .border-solid {
    border-style: solid;
}
[dir] .micro .border-b-solid {
    border-bottom-style: solid;
}
[dir="ltr"] .micro .border-l-solid {
    border-left-style: solid;
}
[dir="rtl"] .micro .border-l-solid {
    border-right-style: solid;
}
[dir] .micro .\!bg-dsColorLayerZero {
    background-color: var(--ds-color-layer-0) !important;
}
[dir] .micro .\!bg-transparent {
    background-color: transparent !important;
}
.micro .\!bg-white {
    --un-bg-opacity: 1 !important;
}
[dir] .micro .\!bg-white {
    background-color: rgba(255, 255, 255, var(--un-bg-opacity)) !important;
}
.micro .bg-\#F7647E,
.micro .bg-\[\#0D0E0E\],
.micro .bg-\[\#ff3700\],
.micro .bg-black,
.micro .bg-white,
.micro-dark .dark\:bg-\[\#646b71\],
.micro-light .light\:bg-\[\#ddd\] {
    --un-bg-opacity: 1;
}
[dir] .micro .bg-\[\#0D0E0E\] {
    background-color: rgba(13, 14, 14, var(--un-bg-opacity));
}
[dir] .micro .bg-\[\#ff3700\] {
    background-color: rgba(255, 55, 0, var(--un-bg-opacity));
}
[dir] .micro .bg-\[inherit\],
[dir] .micro .bg-inherit {
    background-color: inherit;
}
[dir] .micro .bg-\#F7647E {
    background-color: rgba(247, 100, 126, var(--un-bg-opacity));
}
[dir] .micro .bg-bg,
[dir] .micro-light .light\:bg-bg {
    background-color: var(--color-bg);
}
[dir] .micro .bg-bgInversePrimary {
    background-color: var(--background-inverse-primary);
}
[dir] .micro .bg-bgPrimary {
    background-color: var(--background-primary);
}
[dir] .micro .bg-bgSecondary,
[dir] .micro .hover\:bg-\[var\(--background-secondary\)\]:hover,
[dir] .micro .hover\:bg-bgSecondary:hover {
    background-color: var(--background-secondary);
}
[dir] .micro .bg-bgTertiary {
    background-color: var(--background-tertiary);
}
[dir] .micro .bg-black {
    background-color: rgba(0, 0, 0, var(--un-bg-opacity));
}
[dir] .micro .bg-cardBg,
[dir] .micro-dark .dark\:bg-cardBg {
    background-color: var(--color-card-bg);
}
[dir] .micro .bg-contentAlwaysWhite {
    background-color: var(--content-always-white);
}
[dir] .micro .bg-contentDisabled {
    background-color: var(--content-disabled);
}
[dir] .micro .bg-contentPrimary {
    background-color: var(--content-primary);
}
[dir] .micro .bg-dsColorFunctionBrandSoft,
[dir] .micro .hover\:bg-dsColorFunctionBrandSoft:hover {
    background-color: var(--ds-color-function-brand-soft);
}
[dir] .micro .bg-dsColorLayerOne,
[dir] .micro-dark .dark\:bg-dsColorLayerOne {
    background-color: var(--ds-color-layer-1);
}
[dir] .micro .bg-error {
    background-color: var(--color-error);
}
[dir] .micro .bg-inputBg,
[dir] .micro .hover\:bg-inputBg:hover {
    background-color: var(--color-input-bg);
}
[dir] .micro .bg-modalBg {
    background-color: var(--color-modal-bg);
}
[dir] .micro .bg-primary {
    background-color: var(--color-primary);
}
[dir] .micro .bg-primaryBtnBg {
    background-color: var(--color-primary-btn-bg);
}
[dir] .micro .bg-primaryText {
    background-color: var(--color-primary-text);
}
[dir] .micro .active\:bg-secondaryBtnBg:active,
[dir] .micro .bg-secondaryBtnBg {
    background-color: var(--color-secondary-btn-bg);
}
[dir] .micro .bg-thirdText {
    background-color: var(--color-third-text);
}
[dir] .micro .bg-transparent {
    background-color: transparent;
}
[dir] .micro .bg-white {
    background-color: rgba(255, 255, 255, var(--un-bg-opacity));
}
[dir] .micro-dark .\!dark\:bg-cardBg {
    background-color: var(--color-card-bg) !important;
}
[dir] .micro-dark .dark\:bg-\[\#646b71\] {
    background-color: rgba(100, 107, 113, var(--un-bg-opacity));
}
[dir] .micro-light .\!light\:bg-bg {
    background-color: var(--color-bg) !important;
}
[dir] .micro-light .light\:bg-\[\#ddd\] {
    background-color: rgba(221, 221, 221, var(--un-bg-opacity));
}
.micro .bg-opacity-60 {
    --un-bg-opacity: 0.6;
}
.micro .\[\&_path\]\:fill-contentTertiary path,
.micro .fill-contentTertiary {
    fill: var(--content-tertiary);
}
.micro .fill-current {
    fill: currentColor;
}
.micro .fill-thirdText {
    fill: var(--color-third-text);
}
.micro .stroke-current {
    stroke: currentColor;
}
.micro .object-contain {
    object-fit: contain;
}
[dir] .micro .\!p-0 {
    padding: 0 !important;
}
[dir] .micro .p-0 {
    padding: 0;
}
[dir] .micro .p-12px {
    padding: 12px;
}
[dir] .micro .p-16px {
    padding: 16px;
}
[dir] .micro .p-20px {
    padding: 20px;
}
[dir] .micro .p-24px {
    padding: 24px;
}
[dir] .micro .p-4px {
    padding: 4px;
}
[dir] .micro .p-8px {
    padding: 8px;
}
[dir="ltr"] .micro .\!px-10px,
[dir="rtl"] .micro .\!px-10px {
    padding-right: 10px !important;
    padding-left: 10px !important;
}
[dir] .micro .\!py-4px {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}
[dir="ltr"] .micro .\[\&_img\]\:px-6px img,
[dir="rtl"] .micro .\[\&_img\]\:px-6px img {
    padding-right: 6px;
    padding-left: 6px;
}
[dir="ltr"] .micro .px,
[dir="ltr"] .micro .px-4,
[dir="rtl"] .micro .px,
[dir="rtl"] .micro .px-4 {
    padding-right: 1rem;
    padding-left: 1rem;
}
[dir="ltr"] .micro .px-0,
[dir="rtl"] .micro .px-0 {
    padding-right: 0;
    padding-left: 0;
}
[dir="ltr"] .micro .px-12px,
[dir="rtl"] .micro .px-12px {
    padding-right: 12px;
    padding-left: 12px;
}
[dir="ltr"] .micro .px-14px,
[dir="rtl"] .micro .px-14px {
    padding-right: 14px;
    padding-left: 14px;
}
[dir="ltr"] .micro .px-15px,
[dir="rtl"] .micro .px-15px {
    padding-right: 15px;
    padding-left: 15px;
}
[dir="ltr"] .micro .px-16px,
[dir="rtl"] .micro .px-16px {
    padding-right: 16px;
    padding-left: 16px;
}
[dir="ltr"] .micro .px-18px,
[dir="rtl"] .micro .px-18px {
    padding-right: 18px;
    padding-left: 18px;
}
[dir="ltr"] .micro .px-20px,
[dir="rtl"] .micro .px-20px {
    padding-right: 20px;
    padding-left: 20px;
}
[dir="ltr"] .micro .px-24px,
[dir="rtl"] .micro .px-24px {
    padding-right: 24px;
    padding-left: 24px;
}
[dir="ltr"] .micro .px-30px,
[dir="rtl"] .micro .px-30px {
    padding-right: 30px;
    padding-left: 30px;
}
[dir="ltr"] .micro .px-32px,
[dir="rtl"] .micro .px-32px {
    padding-right: 32px;
    padding-left: 32px;
}
[dir="ltr"] .micro .px-34px,
[dir="rtl"] .micro .px-34px {
    padding-right: 34px;
    padding-left: 34px;
}
[dir="ltr"] .micro .px-40px,
[dir="rtl"] .micro .px-40px {
    padding-right: 40px;
    padding-left: 40px;
}
[dir="ltr"] .micro .px-4px,
[dir="rtl"] .micro .px-4px {
    padding-right: 4px;
    padding-left: 4px;
}
[dir="ltr"] .micro .px-5px,
[dir="rtl"] .micro .px-5px {
    padding-right: 5px;
    padding-left: 5px;
}
[dir="ltr"] .micro .px-8px,
[dir="rtl"] .micro .px-8px {
    padding-right: 8px;
    padding-left: 8px;
}
[dir] .micro .py-0px {
    padding-top: 0;
    padding-bottom: 0;
}
[dir] .micro .py-12px {
    padding-top: 12px;
    padding-bottom: 12px;
}
[dir] .micro .py-13px {
    padding-top: 13px;
    padding-bottom: 13px;
}
[dir] .micro .py-15px {
    padding-top: 15px;
    padding-bottom: 15px;
}
[dir] .micro .py-16px {
    padding-top: 16px;
    padding-bottom: 16px;
}
[dir] .micro .py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
[dir] .micro .py-20px {
    padding-top: 20px;
    padding-bottom: 20px;
}
[dir] .micro .py-24px {
    padding-top: 24px;
    padding-bottom: 24px;
}
[dir] .micro .py-2px {
    padding-top: 2px;
    padding-bottom: 2px;
}
[dir] .micro .py-32px {
    padding-top: 32px;
    padding-bottom: 32px;
}
[dir] .micro .py-40px {
    padding-top: 40px;
    padding-bottom: 40px;
}
[dir] .micro .py-4px {
    padding-top: 4px;
    padding-bottom: 4px;
}
[dir] .micro .py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}
[dir] .micro .py-5px {
    padding-top: 5px;
    padding-bottom: 5px;
}
[dir] .micro .py-6px {
    padding-top: 6px;
    padding-bottom: 6px;
}
[dir] .micro .py-8px {
    padding-top: 8px;
    padding-bottom: 8px;
}
[dir] .micro .py-9px {
    padding-top: 9px;
    padding-bottom: 9px;
}
[dir] .micro .\!pb-15px {
    padding-bottom: 15px !important;
}
[dir] .micro .\!pt-0 {
    padding-top: 0 !important;
}
[dir] .micro .pb-0 {
    padding-bottom: 0;
}
[dir] .micro .pb-16px {
    padding-bottom: 16px;
}
[dir] .micro .pb-18px {
    padding-bottom: 18px;
}
[dir] .micro .pb-1px {
    padding-bottom: 1px;
}
[dir] .micro .pb-20px {
    padding-bottom: 20px;
}
[dir] .micro .pb-24px {
    padding-bottom: 24px;
}
[dir] .micro .pb-4 {
    padding-bottom: 1rem;
}
[dir] .micro .pb-40px {
    padding-bottom: 40px;
}
[dir] .micro .pb-44px {
    padding-bottom: 44px;
}
[dir] .micro .pb-4px {
    padding-bottom: 4px;
}
[dir] .micro .pb-6 {
    padding-bottom: 1.5rem;
}
[dir] .micro .pb-60px {
    padding-bottom: 60px;
}
[dir] .micro .pb-8px {
    padding-bottom: 8px;
}
[dir="ltr"] .micro .pl-12px {
    padding-left: 12px;
}
[dir="rtl"] .micro .pl-12px {
    padding-right: 12px;
}
[dir="ltr"] .micro .pl-16px {
    padding-left: 16px;
}
[dir="rtl"] .micro .pl-16px {
    padding-right: 16px;
}
[dir="ltr"] .micro .pl-20px {
    padding-left: 20px;
}
[dir="rtl"] .micro .pl-20px {
    padding-right: 20px;
}
[dir="ltr"] .micro .pl-28px {
    padding-left: 28px;
}
[dir="rtl"] .micro .pl-28px {
    padding-right: 28px;
}
[dir="ltr"] .micro .pl-4 {
    padding-left: 1rem;
}
[dir="rtl"] .micro .pl-4 {
    padding-right: 1rem;
}
[dir="ltr"] .micro .pr-12px {
    padding-right: 12px;
}
[dir="rtl"] .micro .pr-12px {
    padding-left: 12px;
}
[dir="ltr"] .micro .pr-16px {
    padding-right: 16px;
}
[dir="rtl"] .micro .pr-16px {
    padding-left: 16px;
}
[dir="ltr"] .micro .pr-6px {
    padding-right: 6px;
}
[dir="rtl"] .micro .pr-6px {
    padding-left: 6px;
}
[dir="ltr"] .micro .pr-8px {
    padding-right: 8px;
}
[dir="rtl"] .micro .pr-8px {
    padding-left: 8px;
}
[dir] .micro .pt-12px {
    padding-top: 12px;
}
[dir] .micro .pt-16px {
    padding-top: 16px;
}
[dir] .micro .pt-24px {
    padding-top: 24px;
}
[dir] .micro .pt-32px {
    padding-top: 32px;
}
[dir] .micro .pt-3px {
    padding-top: 3px;
}
[dir] .micro .pt-4px {
    padding-top: 4px;
}
[dir] .micro .pt-5 {
    padding-top: 1.25rem;
}
[dir] .micro .pt-50px {
    padding-top: 50px;
}
[dir] .micro .pt-5px {
    padding-top: 5px;
}
[dir] .micro .pt-60px {
    padding-top: 60px;
}
[dir] .micro .pt-8px {
    padding-top: 8px;
}
[dir] .micro .text-center {
    text-align: center;
}
[dir="ltr"] .micro .text-left {
    text-align: left;
}
[dir="ltr"] .micro .text-right,
[dir="rtl"] .micro .text-left {
    text-align: right;
}
[dir="rtl"] .micro .text-right {
    text-align: left;
}
.micro .\[\&\>span\]\:align-middle > span,
.micro .align-middle {
    vertical-align: middle;
}
.micro .\!text-12px {
    font-size: 12px !important;
}
.micro .\!text-20px {
    font-size: 20px !important;
}
.micro .text-10px {
    font-size: 10px;
}
.micro .text-12px {
    font-size: 12px;
}
.micro .text-14px {
    font-size: 14px;
}
.micro .text-15px {
    font-size: 15px;
}
.micro .text-16px {
    font-size: 16px;
}
.micro .text-18px {
    font-size: 18px;
}
.micro .text-20px {
    font-size: 20px;
}
.micro .text-24px {
    font-size: 24px;
}
.micro .text-fs12 {
    font-size: 0.75rem;
    line-height: 18px;
}
.micro .text-fs14 {
    font-size: 0.875rem;
    line-height: 22px;
}
.micro .text-fs18 {
    font-size: 1.125rem;
    line-height: 26px;
}
.micro .font-400 {
    font-weight: 400;
}
.micro .font-500,
.micro .font-medium,
.micro .fw-500 {
    font-weight: 500;
}
.micro .font-600 {
    font-weight: 600;
}
.micro .font-700,
.micro .font-bold,
.micro .fw-700 {
    font-weight: 700;
}
.micro .\!leading-\[16\.8px\] {
    line-height: 16.8px !important;
}
.micro .\!leading-\[19\.6px\] {
    line-height: 19.6px !important;
}
.micro .\!leading-\[24px\] {
    line-height: 24px !important;
}
.micro .\!leading-\[28px\] {
    line-height: 28px !important;
}
.micro .\!leading-\[64px\] {
    line-height: 64px !important;
}
.micro .\!leading-18px {
    line-height: 18px !important;
}
.micro .\!leading-22px {
    line-height: 22px !important;
}
.micro .leading-140\%,
.micro .leading-\[140\%\] {
    line-height: 140%;
}
.micro .leading-1 {
    line-height: 0.25rem;
}
.micro .leading-120\% {
    line-height: 120%;
}
.micro .leading-12px {
    line-height: 12px;
}
.micro .leading-14px {
    line-height: 14px;
}
.micro .leading-16px {
    line-height: 16px;
}
.micro .leading-17px {
    line-height: 17px;
}
.micro .leading-18px {
    line-height: 18px;
}
.micro .leading-20px {
    line-height: 20px;
}
.micro .leading-22px {
    line-height: 22px;
}
.micro .leading-24px {
    line-height: 24px;
}
.micro .leading-25px {
    line-height: 25px;
}
.micro .leading-40px {
    line-height: 40px;
}
.micro .leading-44px {
    line-height: 44px;
}
.micro .leading-48px {
    line-height: 48px;
}
.micro .leading-5 {
    line-height: 1.25rem;
}
.micro .not-italic {
    font-style: normal;
}
.micro .color-contentTertiary,
.micro .text-contentTertiary {
    color: var(--content-tertiary);
}
.micro .\!text-contentInversePrimary {
    color: var(--content-inverse-primary) !important;
}
.micro .\!text-primary {
    color: var(--color-primary) !important;
}
.micro .\!text-primaryText {
    color: var(--color-primary-text) !important;
}
.micro .\!text-white {
    --un-text-opacity: 1 !important;
    color: rgba(255, 255, 255, var(--un-text-opacity)) !important;
}
.micro .hover\:text-contentPrimary:hover,
.micro .text-contentPrimary {
    color: var(--content-primary);
}
.micro .hover\:text-contentSecondary:hover,
.micro .text-contentSecondary {
    color: var(--content-secondary);
}
.micro-dark .dark\:hover\:text-\[\#00E0FF\]:hover,
.micro-dark .dark\:text-\[\#00E0FF\] {
    --un-text-opacity: 1;
    color: rgba(0, 224, 255, var(--un-text-opacity));
}
.micro .text-contentDisabled,
.micro-dark .dark\:text-\[var\(--content-disabled\)\],
.micro-dark .dark\:text-contentDisabled {
    color: var(--content-disabled);
}
.micro .text-bg {
    color: var(--color-bg);
}
.micro .text-blackText {
    color: var(--color-black-text);
}
.micro .text-buy {
    color: var(--color-buy);
}
.micro .text-contentInversePrimary {
    color: var(--content-inverse-primary);
}
.micro .text-contentInverseTertiary {
    color: var(--content-inverse-tertiary);
}
.micro .text-contentLinkDefault {
    color: var(--content-link-default);
}
.micro .text-contentTradeBuy {
    color: var(--content-trade-buy);
}
.micro .text-contentTradeBuyText {
    color: var(--content-trade-buy-text);
}
.micro .text-contentTradeSell {
    color: var(--content-trade-sell);
}
.micro .text-contentTradeSellText {
    color: var(--content-trade-sell-text);
}
.micro .text-disabledText {
    color: var(--color-disabled-text);
}
.micro .text-dsColorTextPrimary {
    color: var(--ds-color-text-primary);
}
.micro .text-dsColorTextTertiary {
    color: var(--ds-color-text-tertiary);
}
.micro .text-placeholderText {
    color: var(--color-placeholder-text);
}
.micro .text-primary {
    color: var(--color-primary);
}
.micro .text-primaryBtnBg {
    color: var(--color-primary-btn-bg);
}
.micro .text-primaryText {
    color: var(--color-primary-text);
}
.micro .text-secondaryText {
    color: var(--color-secondary-text);
}
.micro .text-sell {
    color: var(--color-sell);
}
.micro .text-thirdText {
    color: var(--color-third-text);
}
.micro .text-white {
    --un-text-opacity: 1;
    color: rgba(255, 255, 255, var(--un-text-opacity));
}
.micro .text-whiteText {
    color: var(--color-white-text);
}
.micro .underline {
    text-decoration-line: underline;
}
.micro .no-underline {
    text-decoration: none;
}
.micro .tab {
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
}
.micro .opacity-0 {
    opacity: 0;
}
.micro .opacity-100 {
    opacity: 1;
}
.micro .opacity-60 {
    opacity: 0.6;
}
.micro .shadow,
.micro [shadow=""],
.micro-light .light\:shadow {
    --un-shadow: 2px 4px 6px 2px var(--un-shadow-color, rgba(171, 188, 203, 0.12));
}
[dir] .micro .shadow,
[dir] .micro [shadow=""],
[dir] .micro-light .light\:shadow,
[dir] .micro-light .light\:shadow-popover {
    box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
}
.micro-light .light\:shadow-popover {
    --un-shadow: 0px 0px 32px 0px var(--un-shadow-color, rgba(146, 160, 171, 0.28));
}
.micro .backdrop-blur-10px {
    --un-backdrop-blur: blur(10px);
    -webkit-backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast)
        var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity)
        var(--un-backdrop-saturate) var(--un-backdrop-sepia);
    backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast)
        var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity)
        var(--un-backdrop-saturate) var(--un-backdrop-sepia);
}
[dir] .micro .transition,
[dir] .micro .transition-all {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow,
        transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
[dir] .micro .transition-all {
    transition-property: all;
}
[dir] .micro .transition-bottom,
[dir] .micro .transition-opacity,
[dir] .micro .transition-transform {
    transition-property: bottom;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
[dir] .micro .transition-opacity,
[dir] .micro .transition-transform {
    transition-property: opacity;
}
[dir] .micro .transition-transform {
    transition-property: transform;
}
[dir] .micro .duration-400 {
    transition-duration: 400ms;
}
[dir] .micro .duration-500 {
    transition-duration: 500ms;
}
[dir] .micro .duration-900 {
    transition-duration: 900ms;
}
[dir] .micro .delay-150 {
    transition-delay: 150ms;
}
[dir] .micro .ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
[dir] .micro .ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.micro [placeholder~="$t("]::placeholder {
    color: var(--t\();
}
@media (max-width: 1439.9px) {
    .micro .lt-2xl\:max-w-85vw {
        max-width: 85vw;
    }
}
@media (max-width: 1023.9px) {
    .micro .lt-lg\:bottom-40px {
        bottom: 40px;
    }
    .micro .lt-lg\:hidden {
        display: none;
    }
    .micro .lt-lg\:h-48px {
        height: 48px;
    }
    .micro .lt-lg\:w-22px {
        width: 22px;
    }
    .micro .lt-lg\:w-48px {
        width: 48px;
    }
    [dir="ltr"] .micro .lt-lg\:px-24px,
    [dir="rtl"] .micro .lt-lg\:px-24px {
        padding-right: 24px;
        padding-left: 24px;
    }
}
@media (max-width: 1199.9px) {
    .micro [dir="ltr"] [lt-pc~="ltr:children:mr-5"] > * {
        margin-right: 1.25rem;
    }
    .micro [dir="rtl"] [lt-pc~="rtl:children:ml-5"] > * {
        margin-left: 1.25rem;
    }
    [dir] .micro [lt-pc~="mb-20px"] {
        margin-bottom: 20px;
    }
    [dir="ltr"] .micro [lt-pc~="mr-20px"] {
        margin-right: 20px;
    }
    [dir="rtl"] .micro [lt-pc~="mr-20px"] {
        margin-left: 20px;
    }
    .micro [lt-pc~="inline-block"] {
        display: inline-block;
    }
    .micro .\!lt-xl\:hidden {
        display: none !important;
    }
    .micro [lt-pc~="hidden"] {
        display: none;
    }
    .micro [lt-pc~="flex"] {
        display: flex;
    }
    .micro [lt-pc~="flex-wrap"] {
        flex-wrap: wrap;
    }
    .micro [lt-pc~="items-center"] {
        align-items: center;
    }
    [dir="ltr"] .micro [lt-pc~="px-30px"],
    [dir="rtl"] .micro [lt-pc~="px-30px"] {
        padding-right: 30px;
        padding-left: 30px;
    }
    [dir] .micro [lt-pc~="pb-6"] {
        padding-bottom: 1.5rem;
    }
}
@media (max-width: 767.9px) {
    .micro [lt-md~="fixed"] {
        position: fixed;
    }
    .micro .lt-md\:top-16px {
        top: 16px;
    }
    [dir="ltr"] .micro [lt-md~="left-0"] {
        left: 0;
    }
    [dir="rtl"] .micro [lt-md~="left-0"] {
        right: 0;
    }
    .micro .lt-md\:order-0 {
        order: 0;
    }
    .micro .lt-md\:order-1 {
        order: 1;
    }
    .micro .lt-md\:order-2 {
        order: 2;
    }
    [dir="ltr"] .micro .\!lt-md\:ml-0 {
        margin-left: 0 !important;
    }
    [dir="ltr"] .micro .\!lt-md\:mr-0,
    [dir="rtl"] .micro .\!lt-md\:ml-0 {
        margin-right: 0 !important;
    }
    [dir="rtl"] .micro .\!lt-md\:mr-0 {
        margin-left: 0 !important;
    }
    [dir] .micro .lt-md\:mb-10px {
        margin-bottom: 10px;
    }
    [dir] .micro .lt-md\:mb-16px {
        margin-bottom: 16px;
    }
    [dir] .micro .lt-md\:mb-24px {
        margin-bottom: 24px;
    }
    [dir] .micro .lt-md\:mt-4px {
        margin-top: 4px;
    }
    .micro .lt-md\:box-border {
        box-sizing: border-box;
    }
    .micro .lt-md\:block {
        display: block;
    }
    .micro .lt-md\:hidden,
    .micro [lt-ipad~="hidden"] {
        display: none;
    }
    .micro .lt-md\:h-\[calc\(100vh-152px-120px\)\] {
        height: calc(100vh - 152px - 120px);
    }
    .micro .lt-md\:max-h-inherit {
        max-height: inherit;
    }
    .micro .lt-md\:min-h-36px {
        min-height: 36px;
    }
    .micro .lt-md\:w-full,
    .micro [lt-ipad~="w-full"] {
        width: 100%;
    }
    .micro [lt-ipad~="flex"] {
        display: flex;
    }
    .micro .lt-md\:flex-col {
        flex-direction: column;
    }
    .micro [lt-ipad~="flex-col-reverse"] {
        flex-direction: column-reverse;
    }
    [dir] .micro .lt-md\:cursor-pointer {
        cursor: pointer;
    }
    .micro [lt-ipad~="justify-between"] {
        justify-content: space-between;
    }
    .micro [lt-ipad~="space-y-5"] > :not([hidden]) ~ :not([hidden]),
    .micro [lt-ipad~="space-y-7"] > :not([hidden]) ~ :not([hidden]) {
        --un-space-y-reverse: 0;
    }
    [dir] .micro [lt-ipad~="space-y-5"] > :not([hidden]) ~ :not([hidden]) {
        margin-top: calc(1.25rem * calc(1 - var(--un-space-y-reverse)));
        margin-bottom: calc(1.25rem * var(--un-space-y-reverse));
    }
    [dir] .micro [lt-ipad~="space-y-7"] > :not([hidden]) ~ :not([hidden]) {
        margin-top: calc(1.75rem * calc(1 - var(--un-space-y-reverse)));
        margin-bottom: calc(1.75rem * var(--un-space-y-reverse));
    }
    [dir] .micro [lt-ipad~="border-t-2"] {
        border-top-width: 2px;
        border-top-style: solid;
    }
    [dir] .micro [lt-ipad~="border-line"] {
        border-color: var(--color-line);
    }
    [dir="ltr"] .micro .lt-md\:px-16px,
    [dir="rtl"] .micro .lt-md\:px-16px {
        padding-right: 16px;
        padding-left: 16px;
    }
    [dir="ltr"] .micro [lt-ipad~="px-4"],
    [dir="rtl"] .micro [lt-ipad~="px-4"] {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}
@media (min-width: 768px) {
    [dir="ltr"] .micro .md\:ml-0 {
        margin-left: 0;
    }
    [dir="rtl"] .micro .md\:ml-0 {
        margin-right: 0;
    }
    .micro .\!md\:hidden,
    .micro .md\:\!hidden {
        display: none !important;
    }
    .micro .md\:hidden,
    .micro [ipad~="hidden"] {
        display: none;
    }
    .micro .\!md\:h-32px {
        height: 32px !important;
    }
    .micro .\!md\:w-103px {
        width: 103px !important;
    }
    .micro .md\:h-48px {
        height: 48px;
    }
    .micro .md\:h-64px {
        height: 64px;
    }
    .micro .md\:w-102px {
        width: 102px;
    }
    .micro .md\:w-110px {
        width: 110px;
    }
    .micro .md\:w-48px {
        width: 48px;
    }
    .micro .md\:flex-col {
        flex-direction: column;
    }
    [dir] .micro [ipad\:hover~="cursor-pointer"]:hover {
        cursor: pointer;
    }
    .micro .md\:items-start {
        align-items: flex-start;
    }
    .micro .md\:justify-start {
        justify-content: flex-start;
    }
    .micro .md\:justify-center {
        justify-content: center;
    }
    .micro .md\:\!gap-20px {
        grid-gap: 20px !important;
        gap: 20px !important;
    }
    .micro .md\:\!gap-64px {
        grid-gap: 64px !important;
        gap: 64px !important;
    }
    .micro .md\:gap-16px {
        grid-gap: 16px;
        gap: 16px;
    }
    .micro .md\:gap-23px {
        grid-gap: 23px;
        gap: 23px;
    }
    [dir] .micro .md\:p-24px {
        padding: 24px;
    }
    [dir="ltr"] .micro [ipad~="px-30px"],
    [dir="rtl"] .micro [ipad~="px-30px"] {
        padding-right: 30px;
        padding-left: 30px;
    }
    [dir="ltr"] .micro .md\:text-left {
        text-align: left;
    }
    [dir="rtl"] .micro .md\:text-left {
        text-align: right;
    }
    .micro [ipad~="text-fs14"] {
        font-size: 0.875rem;
        line-height: 22px;
    }
    .micro [ipad~="text-fs18"] {
        font-size: 1.125rem;
        line-height: 26px;
    }
    .micro [ipad~="fw-500"] {
        font-weight: 500;
    }
    .micro [ipad~="leading-22px"] {
        line-height: 22px;
    }
    .micro [ipad\:hover~="text-primary"]:hover {
        color: var(--color-primary);
    }
    [dir] .micro [ipad\:hover~="transition-all"]:hover {
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
    }
}
@media (min-width: 768px) and (max-width: 1199.9px) {
    .micro [at-ipad~="grid"] {
        display: grid;
    }
    .micro [at-ipad~="grid-cols-3"] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    [dir] .micro [at-ipad~="mb-10"] {
        margin-bottom: 2.5rem;
    }
    .micro [dir="ltr"] [at-ipad~="ltr:children:mr-5"] > * {
        margin-right: 1.25rem;
    }
    .micro [dir="rtl"] [at-ipad~="rtl:children:ml-5"] > * {
        margin-left: 1.25rem;
    }
    .micro [at-ipad~="hidden"] {
        display: none;
    }
    .micro [at-ipad~="h-full"] {
        height: 100%;
    }
    .micro [at-ipad~="w-162px"] {
        width: 162px;
    }
    .micro [at-ipad~="flex"] {
        display: flex;
    }
    .micro [at-ipad~="flex-none"] {
        flex: none;
    }
    .micro [at-ipad~="flex-col-reverse"] {
        flex-direction: column-reverse;
    }
    .micro [at-ipad~="items-center"] {
        align-items: center;
    }
    .micro [at-ipad~="gap-x-30px"] {
        grid-column-gap: 30px;
        column-gap: 30px;
    }
    .micro [at-ipad~="gap-y-16px"] {
        grid-row-gap: 16px;
        row-gap: 16px;
    }
    [dir] .micro [at-ipad~="border-t-1"] {
        border-top-width: 1px;
        border-top-style: solid;
    }
    [dir] .micro [at-ipad~="border-line"] {
        border-color: var(--color-line);
    }
    [dir] .micro [at-ipad~="pb-4"] {
        padding-bottom: 1rem;
    }
    [dir] .micro [at-ipad~="pt-5"] {
        padding-top: 1.25rem;
    }
    .micro [at-ipad~="text-fs18"] {
        font-size: 1.125rem;
        line-height: 26px;
    }
}
@media (min-width: 1200px) {
    .micro [pc~="grid"] {
        display: grid;
    }
    .micro [pc~="grid-cols-5"] {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    [dir="ltr"] .micro [pc~="mx-auto"],
    [dir="rtl"] .micro [pc~="mx-auto"] {
        margin-right: auto;
        margin-left: auto;
    }
    [dir] .micro [pc~="my-20px"] {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    [dir] .micro [pc~="mb-35px"] {
        margin-bottom: 35px;
    }
    [dir] .micro [pc~="mt-6"] {
        margin-top: 1.5rem;
    }
    .micro [pc~="hidden"] {
        display: none;
    }
    .micro [pc~="max-w-1200px"] {
        max-width: 1200px;
    }
    .micro [pc~="min-h-540px"] {
        min-height: 540px;
    }
    .micro [pc~="w-190px"] {
        width: 190px;
    }
    .micro [pc~="flex"] {
        display: flex;
    }
    .micro [pc~="flex-1"] {
        flex: 1 1 0%;
    }
    .micro [pc~="justify-between"] {
        justify-content: space-between;
    }
    .micro [pc~="gap-x-24px"] {
        grid-column-gap: 24px;
        column-gap: 24px;
    }
    .micro [pc~="gap-y-16px"] {
        grid-row-gap: 16px;
        row-gap: 16px;
    }
    .micro [pc~="gap-y-3"] {
        grid-row-gap: 0.75rem;
        row-gap: 0.75rem;
    }
    .micro [pc~="gap-y-4"] {
        grid-row-gap: 1rem;
        row-gap: 1rem;
    }
    .micro [pc~="space-x-30px"] > :not([hidden]) ~ :not([hidden]) {
        --un-space-x-reverse: 0;
    }
    [dir="ltr"] .micro [pc~="space-x-30px"] > :not([hidden]) ~ :not([hidden]) {
        margin-left: calc(30px * calc(1 - var(--un-space-x-reverse)));
        margin-right: calc(30px * var(--un-space-x-reverse));
    }
    [dir="rtl"] .micro [pc~="space-x-30px"] > :not([hidden]) ~ :not([hidden]) {
        margin-right: calc(30px * calc(1 - var(--un-space-x-reverse)));
        margin-left: calc(30px * var(--un-space-x-reverse));
    }
    .micro [pc~="space-y-5"] > :not([hidden]) ~ :not([hidden]) {
        --un-space-y-reverse: 0;
    }
    [dir] .micro [pc~="space-y-5"] > :not([hidden]) ~ :not([hidden]) {
        margin-top: calc(1.25rem * calc(1 - var(--un-space-y-reverse)));
        margin-bottom: calc(1.25rem * var(--un-space-y-reverse));
    }
    .micro [dir="rtl"] [pc~="rtl:space-x-reverse"] > :not([hidden]) ~ :not([hidden]) {
        --un-space-x-reverse: 1;
    }
    [dir] .micro [pc~="border-t-1"] {
        border-top-width: 1px;
        border-top-style: solid;
    }
    [dir] .micro [pc~="border-line"] {
        border-color: var(--color-line);
    }
    [dir] .micro [pc~="pb-44px"] {
        padding-bottom: 44px;
    }
    [dir] .micro [pc~="pt-60px"] {
        padding-top: 60px;
    }
    .micro [pc~="text-fs14"] {
        font-size: 0.875rem;
        line-height: 22px;
    }
    .micro [pc~="text-fs18"] {
        font-size: 1.125rem;
        line-height: 26px;
    }
    .micro [pc~="fw-500"] {
        font-weight: 500;
    }
    .micro [pc~="leading-22px"] {
        line-height: 22px;
    }
}
@media (min-width: 1024px) {
    .micro .lg\:hidden {
        display: none;
    }
    .micro .lg\:h-22px {
        height: 22px;
    }
    .micro .lg\:w-\[calc\(50\%-8px\)\] {
        width: calc(50% - 8px);
    }
    .micro .lg\:flex-row {
        flex-direction: row;
    }
    .micro .lg\:\!gap-12px {
        grid-gap: 12px !important;
        gap: 12px !important;
    }
    .micro .lg\:\!gap-48px {
        grid-gap: 48px !important;
        gap: 48px !important;
    }
}
@media (min-width: 1440px) {
    .micro .\32 xl\:\!gap-20px {
        grid-gap: 20px !important;
        gap: 20px !important;
    }
    .micro .\32 xl\:\!gap-64px {
        grid-gap: 64px !important;
        gap: 64px !important;
    }
}
[dir="ltr"] .micro-lazyload-img.micro-shine-loading {
    background: linear-gradient(to right, #eff1f1 0, #e7e9e9 55.73%, #eff1f1 100%);
    animation: shine-ltr 10s infinite linear;
}
[dir="rtl"] .micro-lazyload-img.micro-shine-loading {
    background: linear-gradient(to left, #eff1f1 0, #e7e9e9 55.73%, #eff1f1 100%);
    animation: shine-rtl 10s infinite linear;
}
body.black .mi-button,
body.dark .mi-button,
html.black .mi-button,
html.dark .mi-button {
    --mi-button-disabled-text-color: #fff;
    --mi-button-disabled-bg-color: #222525;
    --mi-button-disabled-border-color: var(--mi-border-color-light);
}
body.black .mi-card,
body.dark .mi-card,
html.black .mi-card,
html.dark .mi-card {
    --mi-card-bg-color: var(--mi-bg-color-primary);
}
body.black .mi-empty,
body.dark .mi-empty,
html.black .mi-empty,
html.dark .mi-empty {
    --mi-empty-fill-color-0: #343434;
    --mi-empty-fill-color-1: #646464;
    --mi-empty-fill-color-2: #727272;
    --mi-empty-fill-color-3: #afafaf;
    --mi-empty-fill-color-4: #8c8c8c;
    --mi-empty-fill-color-5: #343434;
    --mi-empty-fill-color-6: #000000;
    --mi-empty-fill-color-7: #727272;
    --mi-empty-fill-color-8: #727272;
    --mi-empty-fill-color-9: #343434;
}
body.black .mi-switch,
body.dark .mi-switch,
html.black .mi-switch,
html.dark .mi-switch {
    --mi-switch-hover-on-color: var(--ds-color-function-brand);
}
body.black .mi-message,
body.dark .mi-message,
html.black .mi-message,
html.dark .mi-message {
    --mi-message-bg-color: var(--mi-bg-color-dialog);
    --mi-message-close-hover-color: var(--mi-text-color-secondary);
    --mi-message-box-shadow: 0px 10px 32px 0px rgba(31, 31, 31, 0.15);
}
body.black .mi-alert,
body.dark .mi-alert,
html.black .mi-alert,
html.dark .mi-alert {
    --mi-alert-info-bg-color: #202121;
}
body.black .mi-checkbox,
body.dark .mi-checkbox,
html.black .mi-checkbox,
html.dark .mi-checkbox {
    --mi-checkbox-checked-icon-color: var(--mi-bg-color-primary);
}