@charset "UTF-8";
._loading__logo__box_1hbdv_45 {
    --loading-dy-color-1: var(--skin__primary);
    --loading-dy-color-2: var(--skin__primary)
}

._loading__logo__box_1hbdv_45 ._demo1_1hbdv_51 ._loader_1hbdv_51 {
    animation: _l1_1hbdv_1 1.5s linear infinite alternate
}

._loading__logo__box_1hbdv_45 ._demo2_1hbdv_54 ._loader_1hbdv_51 {
    filter: drop-shadow(0 0 0 var(--loading-dy-color-1));
    animation: _l2_1hbdv_1 .8s infinite
}

._loading__logo__box_1hbdv_45 ._demo3_1hbdv_58 ._loader_1hbdv_51 {
    aspect-ratio: 1;
    position: relative
}

._loading__logo__box_1hbdv_45 ._demo3_1hbdv_58 ._base-loading-logo_1hbdv_62 {
    animation: _l3_1hbdv_1 1s infinite cubic-bezier(.5, 120, .5, -120)
}

._loading__logo__box_1hbdv_45 ._demo4_1hbdv_65 {
    position: relative
}

._loading__logo__box_1hbdv_45 ._demo4_1hbdv_65 ._loader_1hbdv_51 {
    position: relative;
    display: inline-block
}

._loading__logo__box_1hbdv_45 ._demo4_1hbdv_65 ._loader_1hbdv_51:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom right, rgba(0, 0, 0, 0) calc(50% - 1rem), var(--loading-dy-color-1) 50%, rgba(0, 0, 0, 0) calc(50% + 1rem)) bottom right/ calc(200% + .4rem) calc(200% + .4rem) transparent;
    animation: _l4_1hbdv_1 2s infinite;
    z-index: 1
}

[dir=rtl] ._loading__logo__box_1hbdv_45 ._demo4_1hbdv_65 ._loader_1hbdv_51:before {
    left: auto;
    right: 0;
    background: linear-gradient(to bottom left, rgba(0, 0, 0, 0) calc(50% - 1rem), var(--loading-dy-color-1) 50%, rgba(0, 0, 0, 0) calc(50% + 1rem)) bottom left/ calc(200% + .4rem) calc(200% + .4rem) transparent
}

._loading__logo__box_1hbdv_45 ._demo5_1hbdv_83 {
    position: relative
}

._loading__logo__box_1hbdv_45 ._demo5_1hbdv_83 ._loader_1hbdv_51 {
    position: relative;
    display: inline-block
}

._loading__logo__box_1hbdv_45 ._demo5_1hbdv_83 ._loader_1hbdv_51:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(0, 0, 0, 0) calc(50% - 1rem), var(--loading-dy-color-1) 50%, rgba(0, 0, 0, 0) calc(50% + 1rem)) bottom right/ calc(200% + .4rem) calc(200% + .4rem) transparent;
    animation: _l5_1hbdv_1 2s infinite;
    z-index: 1
}

[dir=rtl] ._loading__logo__box_1hbdv_45 ._demo5_1hbdv_83 ._loader_1hbdv_51:before {
    left: auto;
    right: 0;
    background: linear-gradient(to left, rgba(0, 0, 0, 0) calc(50% - 1rem), var(--loading-dy-color-1) 50%, rgba(0, 0, 0, 0) calc(50% + 1rem)) bottom left/ calc(200% + .4rem) calc(200% + .4rem) transparent
}

._loading__logo__box_1hbdv_45 ._demo6_1hbdv_101 ._loader_1hbdv_51 {
    width: fit-content;
    padding-bottom: .12rem;
    background: linear-gradient(var(--loading-dy-color-1) 0 0) 0 100%/0% .15rem no-repeat;
    animation: _l6_1hbdv_1 2s linear infinite
}

._loading__logo__box_1hbdv_45 ._demo7_1hbdv_107 ._loader_1hbdv_51 {
    width: fit-content;
    background: repeating-linear-gradient(90deg, var(--loading-dy-color-1) 0 8%, transparent 0 10%) 200% 100%/200% .15rem no-repeat;
    animation: _l7_1hbdv_1 2s steps(6) infinite;
    padding-bottom: .12rem
}

[dir=rtl] ._loading__logo__box_1hbdv_45 ._demo7_1hbdv_107 ._loader_1hbdv_51 {
    background: repeating-linear-gradient(-90deg, var(--loading-dy-color-1) 0 8%, transparent 0 10%) 200% 100%/200% .15rem no-repeat
}

._loading__logo__box_1hbdv_45 ._demo8_1hbdv_113 ._loader_1hbdv_51 {
    position: relative;
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    transform-origin: bottom;
    background: transparent;
    transform: scaleY(.65);
    animation: _l8_1hbdv_1, _l9_1hbdv_1;
    animation-duration: 2s;
    animation-timing-function: cubic-bezier(0, 400, 1, 400), ease;
    animation-iteration-count: infinite
}

._loading__logo__box_1hbdv_45 ._demo9_1hbdv_126 ._loader_1hbdv_51 {
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    transform: translate(-.8rem);
    clip-path: inset(0);
    animation: _wobbling-4-1_1hbdv_1 1s ease-in-out infinite alternate, _wobbling-4-2_1hbdv_1 2s ease-in-out infinite
}

[dir=rtl] ._loading__logo__box_1hbdv_45 ._demo9_1hbdv_126 ._loader_1hbdv_51 {
    transform: translate(.8rem)
}

._loading__logo__box_1hbdv_45 ._demo10_1hbdv_134 ._loader_1hbdv_51 {
    width: 2rem;
    position: relative;
    animation: _l10_1hbdv_1 1.5s infinite
}

._loading__logo__box_1hbdv_45 ._custom-logo_1hbdv_142 {
    width: 1rem
}

@keyframes _l1_1hbdv_1 {
    to {
        opacity: 0
    }
}

@keyframes _l2_1hbdv_1 {
    50% {
        filter: drop-shadow(0 0 .1rem var(--loading-dy-color-1))
    }
}

@keyframes _l3_1hbdv_1 {
    30%,
    70% {
        transform: rotate(0)
    }
    49.99% {
        transform: rotate(.2deg)
    }
    50% {
        transform: rotate(-.2deg)
    }
}

@keyframes _l4_1hbdv_1 {
    to {
        background-position: top left
    }
}

@keyframes _l5_1hbdv_1 {
    to {
        background-position: left
    }
}

@keyframes _l6_1hbdv_1 {
    to {
        background-size: 100% .15rem
    }
}

@keyframes _l7_1hbdv_1 {
    to {
        background-position: 80% 100%
    }
}

@keyframes _l8_1hbdv_1 {
    to {
        top: -.002rem
    }
}

@keyframes _l9_1hbdv_1 {
    4%,
    96% {
        transform: scaleY(1)
    }
}

@keyframes _wobbling-4-1_1hbdv_1 {
    to {
        transform: translate(.8rem)
    }
}

@keyframes _wobbling-4-2_1hbdv_1 {
    33% {
        clip-path: inset(0 0 0 -1rem)
    }
    50% {
        clip-path: inset(0 0 0 0)
    }
    83% {
        clip-path: inset(0 -1rem 0 0)
    }
}

@keyframes _l10_1hbdv_1 {
    to {
        transform: perspective(3rem) translateZ(2rem);
        opacity: 0
    }
}